From 0228dd48bf6d2e4de4ed61fe68c508c6f99528cd Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 4 Jul 2024 22:31:37 +1000
Subject: [PATCH 01/98] Add chat page and message input

---
 src/routes/(app)/+layout.ts                   |  1 +
 src/routes/(app)/+page.ts                     |  2 +-
 src/routes/(app)/chat/[id]/$data.ts           | 20 ++++-
 src/routes/(app)/chat/[id]/+layout.svelte     | 13 +--
 src/routes/(app)/chat/[id]/+layout.ts         |  2 +
 src/routes/(app)/chat/[id]/+page.svelte       | 49 +++++++++++
 src/routes/(app)/chat/[id]/+page.ts           | 17 +++-
 .../(app)/chat/[id]/MessageInput.svelte       | 82 +++++++++++++++++++
 .../(app)/chat/[id]/revise/+page.svelte       | 34 ++++----
 9 files changed, 194 insertions(+), 26 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/+page.svelte
 create mode 100644 src/routes/(app)/chat/[id]/MessageInput.svelte

diff --git a/src/routes/(app)/+layout.ts b/src/routes/(app)/+layout.ts
index 7e77f43..0dfd710 100644
--- a/src/routes/(app)/+layout.ts
+++ b/src/routes/(app)/+layout.ts
@@ -22,6 +22,7 @@ export async function load({ depends }) {
     console.error(err);
   }
   const chats = await useDb().query.chatTable.findMany({});
+  console.log("chats", chats);
   registerModel(chatTable, chats, depends);
   depends("view:chats");
   return {
diff --git a/src/routes/(app)/+page.ts b/src/routes/(app)/+page.ts
index 390103b..d2bbbe6 100644
--- a/src/routes/(app)/+page.ts
+++ b/src/routes/(app)/+page.ts
@@ -3,5 +3,5 @@ import { redirect } from "@sveltejs/kit";
 export async function load({ parent }) {
   const data = await parent();
   const chat = data.chats[data.chats.length - 1];
-  redirect(301, `/chat/${chat.id}/revise`);
+  redirect(301, `/chat/${chat.id}`);
 }
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index e879554..c47a3f9 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -7,7 +7,7 @@ import {
   responseTable,
   useDb,
 } from "@/database";
-import { eq } from "drizzle-orm";
+import { desc, eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import { invalidate } from "$app/navigation";
 import { toast } from "svelte-french-toast";
@@ -23,6 +23,24 @@ export function loadServices() {
   });
 }
 
+export async function getLatestResponse(chatId: string) {
+  // get latest revision
+  const response = await useDb().query.responseTable.findMany({
+    where: eq(responseTable.chatId, chatId),
+    with: {
+      messages: true,
+      model: {
+        with: {
+          service: true,
+        },
+      },
+    },
+    orderBy: [desc(responseTable.createdAt)],
+    limit: 1,
+  });
+  return { response };
+}
+
 export async function updateChat(chat: Chat) {
   console.log("updateChat", chat);
   const result = await useDb()
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index c7a5b6b..4e62c77 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -12,7 +12,11 @@
   let chat = $derived(data.chat);
 
   function tabClick(value?: string) {
-    goto(`/chat/${chat.id}/${value}`);
+    if (value === "chat") {
+      goto(`/chat/${chat.id}`);
+    } else {
+      goto(`/chat/${chat.id}/${value}`);
+    }
   }
 
   $inspect("chat layout", data);
@@ -23,8 +27,8 @@
 >
   <Tabs onValueChange={tabClick} value={data.tab}>
     <TabsList>
+      <TabsTrigger value="chat">Chat</TabsTrigger>
       <TabsTrigger value="revise">Revise</TabsTrigger>
-      <!--      <TabsTrigger value="chat">Chat</TabsTrigger>-->
       <!--      <TabsTrigger value="eval">Eval</TabsTrigger>-->
     </TabsList>
   </Tabs>
@@ -60,9 +64,8 @@
   {/if}
 </header>
 
-<div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
-  <slot />
-</div>
+<slot />
+
 <!--{:else}-->
 <!--  <Splash>-->
 <!--    <p>Configure your AI accounts to start building.</p>-->
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index 750f0fb..b5e6948 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -12,6 +12,8 @@ export async function load({ route, url, params, depends }) {
     //   tab = "chat";
   } else if (route.id.includes(`[id]/revise`)) {
     tab = "revise";
+  } else {
+    tab = "chat";
   }
 
   const chat = await useDb().query.chatTable.findFirst({
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
new file mode 100644
index 0000000..c8635cd
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+  import { useChat } from "$lib/use-chat.svelte";
+  import { toast } from "svelte-french-toast";
+  import { updateMessages } from "./revise/$data";
+  import { Card } from "@/components/ui/card";
+  import { Input } from "@/components/ui/input";
+  import MessageInput from "./MessageInput.svelte";
+
+  let { response, service, hello } = $props();
+
+  $inspect("chat page", response, service, hello);
+
+  // let body = $state({
+  //   providerId: service?.providerId,
+  //   modelName: response.model?.name,
+  //   baseURL: service?.baseURL,
+  //   apiKey: service?.apiKey,
+  // });
+  //
+  // $effect(() => {
+  //   Object.assign(body, {
+  //     providerId: service?.providerId,
+  //     modelName: response.model?.name,
+  //     baseURL: service?.baseURL,
+  //     apiKey: service?.apiKey,
+  //   });
+  // });
+  //
+  // let chat = useChat({
+  //   initialMessages: response.messages,
+  //   body,
+  //   onError: (e) => {
+  //     console.log("onError", e);
+  //     toast.error(e.message);
+  //   },
+  //   onFinish: (message) => {
+  //     console.log("onFinish", chat.messages, message);
+  //     // updateMessages(response.id, $state.snapshot(chat.messages));
+  //   },
+  // });
+</script>
+
+<!--{#each chat.messages as message (message.id)}-->
+<!--  <Card>{message.content}</Card>-->
+<!--{/each}-->
+<div class="flex h-full flex-col">
+  <div class="flex flex-1">Hello</div>
+  <MessageInput />
+</div>
diff --git a/src/routes/(app)/chat/[id]/+page.ts b/src/routes/(app)/chat/[id]/+page.ts
index be5565d..a3c2214 100644
--- a/src/routes/(app)/chat/[id]/+page.ts
+++ b/src/routes/(app)/chat/[id]/+page.ts
@@ -1,5 +1,16 @@
-import { redirect } from "@sveltejs/kit";
+import { getLatestResponse } from "./$data";
+import { registerModel, responseTable } from "@/database";
+import { error } from "@sveltejs/kit";
 
-export function load({ params }) {
-  return redirect(301, `/chat/${params.id}/revise`);
+export async function load({ params, depends }) {
+  try {
+    const { response } = await getLatestResponse(params.id);
+    registerModel(responseTable, response, depends);
+    depends("view:messages");
+    console.log("response", response);
+    return { response, hello: "world" };
+  } catch (e) {
+    console.error("error", e);
+    return error(500, "Error loading chat");
+  }
 }
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
new file mode 100644
index 0000000..54f2013
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { Card, CardContent } from "@/components/ui/card";
+  import { Button } from "@/components/ui/button";
+  import { Textarea } from "@/components/ui/textarea";
+  import { Send, Plus, HardDriveUpload, CloudUpload, Clipboard } from "lucide-svelte";
+
+  let message = $state("");
+  let isUploadOpen = $state(false);
+  let textareaElement: HTMLTextAreaElement;
+
+  function handleSendMessage() {
+    console.log("Sending message:", message);
+    message = "";
+  }
+
+  function handleInput(event: Event) {
+    const textarea = event.target as HTMLTextAreaElement;
+    message = textarea.value;
+    // adjustTextareaHeight();
+  }
+
+  function adjustTextareaHeight() {
+    // if (textareaElement) {
+    //   textareaElement.style.height = `${textareaElement.scrollHeight}px`;
+    // }
+  }
+
+  function handleUpload(type: string) {
+    console.log(`Uploading from ${type}`);
+    isUploadOpen = false;
+  }
+
+  function toggleUploadOptions() {
+    isUploadOpen = !isUploadOpen;
+  }
+
+  onMount(() => {
+    adjustTextareaHeight();
+  });
+
+  $effect(() => {
+    adjustTextareaHeight();
+  });
+</script>
+
+<div class="mx-auto w-full max-w-3xl p-4">
+  <Card class="w-full">
+    <CardContent class="p-4">
+      {#if isUploadOpen}
+        <div class="mb-4 flex items-center justify-start gap-2">
+          <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>
+            <HardDriveUpload class="mr-2 h-4 w-4" />
+            Browse
+          </Button>
+          <Button variant="outline" size="sm" on:click={() => handleUpload("Drive")}>
+            <CloudUpload class="mr-2 h-4 w-4" />
+            Drive
+          </Button>
+          <Button variant="outline" size="sm" on:click={() => handleUpload("Paste")}>
+            <Clipboard class="mr-2 h-4 w-4" />
+            Paste
+          </Button>
+        </div>
+      {/if}
+      <div class="flex items-end gap-2">
+        <Button variant="outline" size="icon" on:click={toggleUploadOptions}>
+          <Plus class="h-4 w-4" />
+        </Button>
+        <Textarea
+          placeholder="Type your message here..."
+          value={message}
+          on:input={handleInput}
+          class="max-h-[200px] resize-none overflow-y-auto"
+        />
+        <Button variant="default" size="icon" on:click={handleSendMessage}>
+          <Send class="h-4 w-4" />
+        </Button>
+      </div>
+    </CardContent>
+  </Card>
+</div>
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 5a32a0d..9707783 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -29,22 +29,24 @@
   }
 </script>
 
-<div class="space-y-2 overflow-y-auto pl-1 pr-2 pt-1">
-  <Input
-    class="p-2 text-lg"
-    bind:value={data.chat.name}
-    oninput={() => {
-      console.log("onChange", data.chat.name);
-      onChange();
-    }}
-  />
-  <EditorCard bind:prompt chat={data.chat} {onChange} />
-</div>
-<div class="flex flex-col gap-3 pt-1">
-  {#each data.responses.toReversed() as response (response.id)}
-    {@const service = response.model?.service}
-    <ResponseCard {response} {service} initialMessages={response.messages} />
-  {/each}
+<div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
+  <div class="space-y-2 overflow-y-auto pl-1 pr-2 pt-1">
+    <Input
+      class="p-2 text-lg"
+      bind:value={data.chat.name}
+      oninput={() => {
+        console.log("onChange", data.chat.name);
+        onChange();
+      }}
+    />
+    <EditorCard bind:prompt chat={data.chat} {onChange} />
+  </div>
+  <div class="flex flex-col gap-3 pt-1">
+    {#each data.responses.toReversed() as response (response.id)}
+      {@const service = response.model?.service}
+      <ResponseCard {response} {service} initialMessages={response.messages} />
+    {/each}
+  </div>
 </div>
 <!--{:else}-->
 <!--  <Splash>-->

From d4e6e3739878f8e580cfa3468292e15d05083703 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 5 Jul 2024 13:50:43 +1000
Subject: [PATCH 02/98] Message input autoresize

---
 src/components/ui/textarea/textarea.svelte    | 62 +++++++++--------
 src/routes/(app)/chat/[id]/+page.svelte       | 68 ++++++++++++++++++-
 .../(app)/chat/[id]/MessageInput.svelte       | 14 ++--
 3 files changed, 104 insertions(+), 40 deletions(-)

diff --git a/src/components/ui/textarea/textarea.svelte b/src/components/ui/textarea/textarea.svelte
index 0d75315..4a6d33f 100644
--- a/src/components/ui/textarea/textarea.svelte
+++ b/src/components/ui/textarea/textarea.svelte
@@ -1,38 +1,40 @@
 <script lang="ts">
-	import type { HTMLTextareaAttributes } from "svelte/elements";
-	import type { TextareaEvents } from "./index.js";
-	import { cn } from "@/lib/utils.js";
+  import type { HTMLTextareaAttributes } from "svelte/elements";
+  import type { TextareaEvents } from "./index.js";
+  import { cn } from "@/lib/utils.js";
 
-	type $$Props = HTMLTextareaAttributes;
-	type $$Events = TextareaEvents;
+  type $$Props = HTMLTextareaAttributes;
+  type $$Events = TextareaEvents;
 
-	let className: $$Props["class"] = undefined;
-	export let value: $$Props["value"] = undefined;
-	export { className as class };
+  let className: $$Props["class"] = undefined;
+  export let value: $$Props["value"] = undefined;
+  export let element: HTMLTextAreaElement | undefined = undefined;
+  export { className as class };
 
-	// Workaround for https://github.com/sveltejs/svelte/issues/9305
-	// Fixed in Svelte 5, but not backported to 4.x.
-	export let readonly: $$Props["readonly"] = undefined;
+  // Workaround for https://github.com/sveltejs/svelte/issues/9305
+  // Fixed in Svelte 5, but not backported to 4.x.
+  export let readonly: $$Props["readonly"] = undefined;
 </script>
 
 <textarea
-	class={cn(
-		"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-		className
-	)}
-	bind:value
-	{readonly}
-	on:blur
-	on:change
-	on:click
-	on:focus
-	on:keydown
-	on:keypress
-	on:keyup
-	on:mouseover
-	on:mouseenter
-	on:mouseleave
-	on:paste
-	on:input
-	{...$$restProps}
+  class={cn(
+    "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    className,
+  )}
+  bind:this={element}
+  bind:value
+  {readonly}
+  on:blur
+  on:change
+  on:click
+  on:focus
+  on:keydown
+  on:keypress
+  on:keyup
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  on:paste
+  on:input
+  {...$$restProps}
 ></textarea>
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index c8635cd..16ba503 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -1,10 +1,15 @@
 <script lang="ts">
   import { useChat } from "$lib/use-chat.svelte";
   import { toast } from "svelte-french-toast";
-  import { updateMessages } from "./revise/$data";
-  import { Card } from "@/components/ui/card";
+  import { removeResponse, updateMessages } from "./revise/$data";
+  import { Card, CardContent, CardHeader } from "@/components/ui/card";
   import { Input } from "@/components/ui/input";
   import MessageInput from "./MessageInput.svelte";
+  import { Button } from "@/components/ui/button";
+  import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
+  import { Badge } from "@/components/ui/badge";
+  import { Label } from "@/components/ui/label";
+  import MessageMarkdown from "./revise/MessageMarkdown.svelte";
 
   let { response, service, hello } = $props();
 
@@ -41,7 +46,64 @@
 </script>
 
 <!--{#each chat.messages as message (message.id)}-->
-<!--  <Card>{message.content}</Card>-->
+<!--  {@const format = "markdown"}-->
+<!--  {@const content = message.content}-->
+<!--  <Card>-->
+<!--    <CardHeader class="flex flex-row items-center space-x-2 space-y-0 bg-muted/50 p-2">-->
+<!--      {#if chat.isLoading}-->
+<!--        <Button-->
+<!--          name="stop"-->
+<!--          onclick={() => chat.stop()}-->
+<!--          variant="ghost"-->
+<!--          class="h-6 w-6 p-1 text-gray-500"-->
+<!--        >-->
+<!--          <LoaderCircleIcon class="loading-icon" />-->
+<!--        </Button>-->
+<!--      {:else}-->
+<!--        <Button-->
+<!--          aria-label="refresh"-->
+<!--          onclick={refresh}-->
+<!--          variant="ghost"-->
+<!--          class="h-6 w-6 p-1 text-gray-500"-->
+<!--        >-->
+<!--          <RefreshCwIcon />-->
+<!--        </Button>-->
+<!--        &lt;!&ndash;      <RefreshCwIcon&ndash;&gt;-->
+<!--        &lt;!&ndash;        onclick={refresh}&ndash;&gt;-->
+<!--        &lt;!&ndash;        size={16}&ndash;&gt;-->
+<!--        &lt;!&ndash;        class="cursor-pointer text-gray-500 hover:bg-accent"&ndash;&gt;-->
+<!--        &lt;!&ndash;      />&ndash;&gt;-->
+<!--      {/if}-->
+
+<!--      <div class="pr-2 text-xs text-gray-500">{response.model?.name || "deleted"}</div>-->
+<!--      <div class="flex-1"></div>-->
+<!--      <Badge onclick={() => (format = "markdown")} variant="outline" class="hover:bg-gray-200"-->
+<!--        >Markdown</Badge-->
+<!--      >-->
+<!--      <Badge onclick={() => (format = "text")} variant="outline" class="hover:bg-gray-200"-->
+<!--        >Text</Badge-->
+<!--      >-->
+<!--      <XIcon-->
+<!--        class="text-gray-500"-->
+<!--        size={16}-->
+<!--        onclick={() => {-->
+<!--          stop();-->
+<!--          removeResponse(response.id);-->
+<!--        }}-->
+<!--      />-->
+<!--    </CardHeader>-->
+<!--    <CardContent class="p-6">-->
+<!--      {#if response.error}-->
+<!--        <Label class="text-red-500">{response.error}</Label>-->
+<!--      {/if}-->
+
+<!--      {#if format === "markdown"}-->
+<!--        <MessageMarkdown {content} />-->
+<!--      {:else}-->
+<!--        {content}-->
+<!--      {/if}-->
+<!--    </CardContent>-->
+<!--  </Card>-->
 <!--{/each}-->
 <div class="flex h-full flex-col">
   <div class="flex flex-1">Hello</div>
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 54f2013..d99a941 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -17,13 +17,12 @@
   function handleInput(event: Event) {
     const textarea = event.target as HTMLTextAreaElement;
     message = textarea.value;
-    // adjustTextareaHeight();
+    adjustTextareaHeight();
   }
 
   function adjustTextareaHeight() {
-    // if (textareaElement) {
-    //   textareaElement.style.height = `${textareaElement.scrollHeight}px`;
-    // }
+    textareaElement.style.height = "auto";
+    textareaElement.style.height = `${textareaElement.scrollHeight}px`;
   }
 
   function handleUpload(type: string) {
@@ -44,8 +43,8 @@
   });
 </script>
 
-<div class="mx-auto w-full max-w-3xl p-4">
-  <Card class="w-full">
+<div class="mx-auto w-full max-w-3xl">
+  <Card class="w-full rounded-b-none border-b-0">
     <CardContent class="p-4">
       {#if isUploadOpen}
         <div class="mb-4 flex items-center justify-start gap-2">
@@ -68,10 +67,11 @@
           <Plus class="h-4 w-4" />
         </Button>
         <Textarea
+          bind:element={textareaElement}
           placeholder="Type your message here..."
           value={message}
           on:input={handleInput}
-          class="max-h-[200px] resize-none overflow-y-auto"
+          class="max-h-[200px] min-h-1 resize-none overflow-y-auto border-none bg-gray-100 focus-visible:ring-0"
         />
         <Button variant="default" size="icon" on:click={handleSendMessage}>
           <Send class="h-4 w-4" />

From b2fd527cb732cfb2023e67d8de41576850ea1e72 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 5 Jul 2024 14:57:31 +1000
Subject: [PATCH 03/98] WIP chat messages

---
 src/routes/(app)/chat/[id]/$data.ts           |  34 +++-
 src/routes/(app)/chat/[id]/+page.svelte       | 164 ++++++++----------
 src/routes/(app)/chat/[id]/+page.ts           |  15 +-
 .../(app)/chat/[id]/MessageInput.svelte       |  41 +++--
 .../chat/[id]/[...rest]/config/+layout.svelte |   2 +-
 5 files changed, 132 insertions(+), 124 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index c47a3f9..bc233a4 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -1,8 +1,8 @@
 import {
-  documentTable,
-  modelTable,
   type Chat,
   chatTable,
+  documentTable,
+  modelTable,
   responseMessageTable,
   responseTable,
   useDb,
@@ -25,7 +25,7 @@ export function loadServices() {
 
 export async function getLatestResponse(chatId: string) {
   // get latest revision
-  const response = await useDb().query.responseTable.findMany({
+  const response = await useDb().query.responseTable.findFirst({
     where: eq(responseTable.chatId, chatId),
     with: {
       messages: true,
@@ -36,9 +36,33 @@ export async function getLatestResponse(chatId: string) {
       },
     },
     orderBy: [desc(responseTable.createdAt)],
-    limit: 1,
   });
-  return { response };
+  return response;
+}
+
+export function getDefaultModel() {
+  return useDb().query.modelTable.findFirst({
+    where: eq(modelTable.visible, 1),
+    with: {
+      service: true,
+    },
+  });
+}
+
+export async function createResponse(chatId: string) {
+  const model = await getDefaultModel();
+  const responseId = nanoid(10);
+  await useDb()
+    .insert(responseTable)
+    .values({
+      id: responseId,
+      chatId,
+      modelId: model?.id || "none",
+      error: null,
+      createdAt: new Date().toISOString(),
+    })
+    .execute();
+  return getLatestResponse(chatId);
 }
 
 export async function updateChat(chat: Chat) {
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 16ba503..89ba7e7 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -10,102 +10,84 @@
   import { Badge } from "@/components/ui/badge";
   import { Label } from "@/components/ui/label";
   import MessageMarkdown from "./revise/MessageMarkdown.svelte";
+  import { goto } from "$app/navigation";
+  import { page } from "$app/stores";
+  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 
-  let { response, service, hello } = $props();
+  let { data } = $props();
+  let service = $derived(data.response.model?.service);
+  let response = $derived(data.response);
 
-  $inspect("chat page", response, service, hello);
+  $inspect("chat page", data);
 
-  // let body = $state({
-  //   providerId: service?.providerId,
-  //   modelName: response.model?.name,
-  //   baseURL: service?.baseURL,
-  //   apiKey: service?.apiKey,
-  // });
-  //
-  // $effect(() => {
-  //   Object.assign(body, {
-  //     providerId: service?.providerId,
-  //     modelName: response.model?.name,
-  //     baseURL: service?.baseURL,
-  //     apiKey: service?.apiKey,
-  //   });
-  // });
-  //
-  // let chat = useChat({
-  //   initialMessages: response.messages,
-  //   body,
-  //   onError: (e) => {
-  //     console.log("onError", e);
-  //     toast.error(e.message);
-  //   },
-  //   onFinish: (message) => {
-  //     console.log("onFinish", chat.messages, message);
-  //     // updateMessages(response.id, $state.snapshot(chat.messages));
-  //   },
-  // });
-</script>
+  let body = $state({
+    providerId: service?.providerId,
+    modelName: response.model?.name,
+    baseURL: service?.baseURL,
+    apiKey: service?.apiKey,
+  });
+
+  $inspect("chat page", data, body);
 
-<!--{#each chat.messages as message (message.id)}-->
-<!--  {@const format = "markdown"}-->
-<!--  {@const content = message.content}-->
-<!--  <Card>-->
-<!--    <CardHeader class="flex flex-row items-center space-x-2 space-y-0 bg-muted/50 p-2">-->
-<!--      {#if chat.isLoading}-->
-<!--        <Button-->
-<!--          name="stop"-->
-<!--          onclick={() => chat.stop()}-->
-<!--          variant="ghost"-->
-<!--          class="h-6 w-6 p-1 text-gray-500"-->
-<!--        >-->
-<!--          <LoaderCircleIcon class="loading-icon" />-->
-<!--        </Button>-->
-<!--      {:else}-->
-<!--        <Button-->
-<!--          aria-label="refresh"-->
-<!--          onclick={refresh}-->
-<!--          variant="ghost"-->
-<!--          class="h-6 w-6 p-1 text-gray-500"-->
-<!--        >-->
-<!--          <RefreshCwIcon />-->
-<!--        </Button>-->
-<!--        &lt;!&ndash;      <RefreshCwIcon&ndash;&gt;-->
-<!--        &lt;!&ndash;        onclick={refresh}&ndash;&gt;-->
-<!--        &lt;!&ndash;        size={16}&ndash;&gt;-->
-<!--        &lt;!&ndash;        class="cursor-pointer text-gray-500 hover:bg-accent"&ndash;&gt;-->
-<!--        &lt;!&ndash;      />&ndash;&gt;-->
-<!--      {/if}-->
+  $effect(() => {
+    Object.assign(body, {
+      providerId: service?.providerId,
+      modelName: response.model?.name,
+      baseURL: service?.baseURL,
+      apiKey: service?.apiKey,
+    });
+  });
 
-<!--      <div class="pr-2 text-xs text-gray-500">{response.model?.name || "deleted"}</div>-->
-<!--      <div class="flex-1"></div>-->
-<!--      <Badge onclick={() => (format = "markdown")} variant="outline" class="hover:bg-gray-200"-->
-<!--        >Markdown</Badge-->
-<!--      >-->
-<!--      <Badge onclick={() => (format = "text")} variant="outline" class="hover:bg-gray-200"-->
-<!--        >Text</Badge-->
-<!--      >-->
-<!--      <XIcon-->
-<!--        class="text-gray-500"-->
-<!--        size={16}-->
-<!--        onclick={() => {-->
-<!--          stop();-->
-<!--          removeResponse(response.id);-->
-<!--        }}-->
-<!--      />-->
-<!--    </CardHeader>-->
-<!--    <CardContent class="p-6">-->
-<!--      {#if response.error}-->
-<!--        <Label class="text-red-500">{response.error}</Label>-->
-<!--      {/if}-->
+  let chat = useChat({
+    initialMessages: response.messages,
+    body,
+    onError: (e) => {
+      console.log("onError", e);
+      toast.error(e.message);
+    },
+    onFinish: (message) => {
+      console.log("onFinish", chat.messages, message);
+      // updateMessages(response.id, $state.snapshot(chat.messages));
+    },
+  });
+
+  function handleSubmit(value: string) {
+    chat.input = value;
+    chat.handleSubmit();
+  }
+</script>
 
-<!--      {#if format === "markdown"}-->
-<!--        <MessageMarkdown {content} />-->
-<!--      {:else}-->
-<!--        {content}-->
-<!--      {/if}-->
-<!--    </CardContent>-->
-<!--  </Card>-->
-<!--{/each}-->
 <div class="flex h-full flex-col">
-  <div class="flex flex-1">Hello</div>
-  <MessageInput />
+  {#if !service}
+    <div class="mx-auto w-full max-w-3xl">
+      <Alert>
+        <AlertTitle>No model</AlertTitle>
+        <AlertDescription>
+          <a class="underline" href={`/chat/${$page.params.id}/config`}>
+            Configure your AI accounts
+          </a>
+          to start a chatting.
+        </AlertDescription>
+      </Alert>
+    </div>
+  {/if}
+  {#each chat.messages as message (message.id)}
+    {@const format = "markdown"}
+    {@const content = message.content}
+    <Card>
+      <CardContent class="p-6">
+        {#if response.error}
+          <Label class="text-red-500">{response.error}</Label>
+        {/if}
+
+        {#if format === "markdown"}
+          <MessageMarkdown {content} />
+        {:else}
+          {content}
+        {/if}
+      </CardContent>
+    </Card>
+  {/each}
+  <div class="flex-1"></div>
+  <MessageInput onSubmit={handleSubmit} />
 </div>
diff --git a/src/routes/(app)/chat/[id]/+page.ts b/src/routes/(app)/chat/[id]/+page.ts
index a3c2214..7e4b68f 100644
--- a/src/routes/(app)/chat/[id]/+page.ts
+++ b/src/routes/(app)/chat/[id]/+page.ts
@@ -1,16 +1,13 @@
-import { getLatestResponse } from "./$data";
+import { createResponse, getLatestResponse } from "./$data";
 import { registerModel, responseTable } from "@/database";
 import { error } from "@sveltejs/kit";
 
 export async function load({ params, depends }) {
-  try {
-    const { response } = await getLatestResponse(params.id);
-    registerModel(responseTable, response, depends);
-    depends("view:messages");
-    console.log("response", response);
-    return { response, hello: "world" };
-  } catch (e) {
-    console.error("error", e);
+  const response = (await getLatestResponse(params.id)) || (await createResponse(params.id));
+  if (!response) {
     return error(500, "Error loading chat");
   }
+  registerModel(responseTable, response!, depends);
+  depends("view:messages");
+  return { response };
 }
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index d99a941..a17f193 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -5,22 +5,15 @@
   import { Textarea } from "@/components/ui/textarea";
   import { Send, Plus, HardDriveUpload, CloudUpload, Clipboard } from "lucide-svelte";
 
-  let message = $state("");
+  type Props = {
+    onSubmit: (value: string) => void;
+  };
+  let { onSubmit }: Props = $props();
   let isUploadOpen = $state(false);
   let textareaElement: HTMLTextAreaElement;
+  let content = $state("");
 
-  function handleSendMessage() {
-    console.log("Sending message:", message);
-    message = "";
-  }
-
-  function handleInput(event: Event) {
-    const textarea = event.target as HTMLTextAreaElement;
-    message = textarea.value;
-    adjustTextareaHeight();
-  }
-
-  function adjustTextareaHeight() {
+  function resize() {
     textareaElement.style.height = "auto";
     textareaElement.style.height = `${textareaElement.scrollHeight}px`;
   }
@@ -30,16 +23,27 @@
     isUploadOpen = false;
   }
 
+  function handleKeydown(event: KeyboardEvent) {
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      handleSubmit();
+    }
+  }
+
+  function handleSubmit() {
+    onSubmit(content);
+  }
+
   function toggleUploadOptions() {
     isUploadOpen = !isUploadOpen;
   }
 
   onMount(() => {
-    adjustTextareaHeight();
+    resize();
   });
 
   $effect(() => {
-    adjustTextareaHeight();
+    resize();
   });
 </script>
 
@@ -69,11 +73,12 @@
         <Textarea
           bind:element={textareaElement}
           placeholder="Type your message here..."
-          value={message}
-          on:input={handleInput}
+          bind:value={content}
+          on:input={resize}
           class="max-h-[200px] min-h-1 resize-none overflow-y-auto border-none bg-gray-100 focus-visible:ring-0"
+          onkeydown={handleKeydown}
         />
-        <Button variant="default" size="icon" on:click={handleSendMessage}>
+        <Button variant="default" size="icon" onclick={onSubmit}>
           <Send class="h-4 w-4" />
         </Button>
       </div>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
index 64eae0c..cda1251 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
@@ -9,7 +9,7 @@
   open={true}
   onOpenChange={(isOpen) => {
     if (!isOpen) {
-      goto(`/chat/${$page.params.id}/revise`);
+      goto(`/chat/${$page.params.id}`);
     }
   }}
 >

From 2ec19621268ad56ddad730aab1d01ea21706a59d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 5 Jul 2024 15:27:12 +1000
Subject: [PATCH 04/98] Chat messages

---
 src/routes/(app)/chat/[id]/$data.ts           |  6 +-
 src/routes/(app)/chat/[id]/+page.svelte       | 86 ++++++++++---------
 .../(app)/chat/[id]/MessageInput.svelte       | 10 +--
 3 files changed, 53 insertions(+), 49 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index bc233a4..1123f40 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -40,9 +40,9 @@ export async function getLatestResponse(chatId: string) {
   return response;
 }
 
-export function getDefaultModel() {
+export function getModelService(modelId: string) {
   return useDb().query.modelTable.findFirst({
-    where: eq(modelTable.visible, 1),
+    where: eq(modelTable.id, modelId),
     with: {
       service: true,
     },
@@ -50,7 +50,7 @@ export function getDefaultModel() {
 }
 
 export async function createResponse(chatId: string) {
-  const model = await getDefaultModel();
+  const model = await useDb().query.modelTable.findFirst({ where: eq(modelTable.visible, 1) });
   const responseId = nanoid(10);
   await useDb()
     .insert(responseTable)
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 89ba7e7..448c974 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -13,69 +13,77 @@
   import { goto } from "$app/navigation";
   import { page } from "$app/stores";
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+  import { store } from "$lib/store.svelte";
+  import { getModelService } from "./$data";
+  import { cn } from "$lib/cn";
+  import { untrack } from "svelte";
 
   let { data } = $props();
   let service = $derived(data.response.model?.service);
   let response = $derived(data.response);
+  let bottomRef: HTMLDivElement;
 
   $inspect("chat page", data);
 
-  let body = $state({
-    providerId: service?.providerId,
-    modelName: response.model?.name,
-    baseURL: service?.baseURL,
-    apiKey: service?.apiKey,
-  });
-
-  $inspect("chat page", data, body);
-
-  $effect(() => {
-    Object.assign(body, {
-      providerId: service?.providerId,
-      modelName: response.model?.name,
-      baseURL: service?.baseURL,
-      apiKey: service?.apiKey,
-    });
-  });
+  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
+    {
+      providerId: undefined,
+      modelName: undefined,
+      baseURL: undefined,
+      apiKey: undefined,
+    },
+  );
 
   let chat = useChat({
+    // @ts-expect-error message type mismatch
     initialMessages: response.messages,
     body,
     onError: (e) => {
-      console.log("onError", e);
       toast.error(e.message);
     },
     onFinish: (message) => {
-      console.log("onFinish", chat.messages, message);
-      // updateMessages(response.id, $state.snapshot(chat.messages));
+      updateMessages(response.id, $state.snapshot(chat.messages));
     },
   });
 
-  function handleSubmit(value: string) {
+  async function handleSubmit(value: string) {
+    if (!store.selected.modelId) {
+      toast.error("No model selected");
+      return;
+    }
+    const model = await getModelService(store.selected.modelId);
+    if (!model) {
+      toast.error("Selected model not found");
+      return;
+    }
+    Object.assign(body, {
+      providerId: model.service.providerId,
+      modelName: model.name,
+      baseURL: model.service.baseURL,
+      apiKey: model.service.apiKey,
+    });
     chat.input = value;
     chat.handleSubmit();
   }
+
+  function scrollToBottom() {
+    bottomRef.scrollIntoView({ behavior: "smooth" });
+  }
+
+  $effect(() => {
+    chat.messages;
+    untrack(() => {
+      scrollToBottom();
+    });
+  });
 </script>
 
-<div class="flex h-full flex-col">
-  {#if !service}
-    <div class="mx-auto w-full max-w-3xl">
-      <Alert>
-        <AlertTitle>No model</AlertTitle>
-        <AlertDescription>
-          <a class="underline" href={`/chat/${$page.params.id}/config`}>
-            Configure your AI accounts
-          </a>
-          to start a chatting.
-        </AlertDescription>
-      </Alert>
-    </div>
-  {/if}
+<div class="mb-[100px] flex h-full flex-col gap-2 p-4">
   {#each chat.messages as message (message.id)}
     {@const format = "markdown"}
     {@const content = message.content}
-    <Card>
-      <CardContent class="p-6">
+    <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
+      <CardContent class="p-4">
         {#if response.error}
           <Label class="text-red-500">{response.error}</Label>
         {/if}
@@ -88,6 +96,6 @@
       </CardContent>
     </Card>
   {/each}
-  <div class="flex-1"></div>
-  <MessageInput onSubmit={handleSubmit} />
+  <div bind:this={bottomRef} id="bottom-anchor" class="flex-1"></div>
 </div>
+<MessageInput onSubmit={handleSubmit} />
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index a17f193..63aac0c 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -39,15 +39,11 @@
   }
 
   onMount(() => {
-    resize();
-  });
-
-  $effect(() => {
-    resize();
+    textareaElement.focus();
   });
 </script>
 
-<div class="mx-auto w-full max-w-3xl">
+<div class="sticky bottom-0 mx-auto w-full max-w-3xl">
   <Card class="w-full rounded-b-none border-b-0">
     <CardContent class="p-4">
       {#if isUploadOpen}
@@ -75,7 +71,7 @@
           placeholder="Type your message here..."
           bind:value={content}
           on:input={resize}
-          class="max-h-[200px] min-h-1 resize-none overflow-y-auto border-none bg-gray-100 focus-visible:ring-0"
+          class="max-h-[200px] min-h-1 resize-none overflow-y-auto border-none bg-muted/100 focus-visible:ring-0"
           onkeydown={handleKeydown}
         />
         <Button variant="default" size="icon" onclick={onSubmit}>

From 9443baa9f8e8d50bbd60c10ee2dc428442854728 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 5 Jul 2024 15:57:06 +1000
Subject: [PATCH 05/98] Tweak overflow

---
 src/routes/(app)/chat/[id]/+layout.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 4e62c77..00e45b4 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -64,7 +64,9 @@
   {/if}
 </header>
 
-<slot />
+<div class="h-full overflow-y-auto">
+  <slot />
+</div>
 
 <!--{:else}-->
 <!--  <Splash>-->

From 3d9ed377bc875a56a0e5c3ea026f364bd91739c4 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 5 Jul 2024 19:17:09 +1000
Subject: [PATCH 06/98] Reload ChatPage using key

---
 src/routes/(app)/chat/[id]/+layout.svelte     |   2 +-
 src/routes/(app)/chat/[id]/+page.svelte       |  99 +----------------
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 103 ++++++++++++++++++
 .../(app)/chat/[id]/MessageInput.svelte       |   7 +-
 4 files changed, 112 insertions(+), 99 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/ChatPage.svelte

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 00e45b4..db1e00a 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -64,7 +64,7 @@
   {/if}
 </header>
 
-<div class="h-full overflow-y-auto">
+<div class="flex flex-1 flex-col overflow-y-auto">
   <slot />
 </div>
 
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 448c974..7c9de12 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -1,101 +1,10 @@
 <script lang="ts">
-  import { useChat } from "$lib/use-chat.svelte";
-  import { toast } from "svelte-french-toast";
-  import { removeResponse, updateMessages } from "./revise/$data";
-  import { Card, CardContent, CardHeader } from "@/components/ui/card";
-  import { Input } from "@/components/ui/input";
-  import MessageInput from "./MessageInput.svelte";
-  import { Button } from "@/components/ui/button";
-  import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
-  import { Badge } from "@/components/ui/badge";
-  import { Label } from "@/components/ui/label";
-  import MessageMarkdown from "./revise/MessageMarkdown.svelte";
-  import { goto } from "$app/navigation";
   import { page } from "$app/stores";
-  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-  import { store } from "$lib/store.svelte";
-  import { getModelService } from "./$data";
-  import { cn } from "$lib/cn";
-  import { untrack } from "svelte";
+  import ChatPage from "./ChatPage.svelte";
 
   let { data } = $props();
-  let service = $derived(data.response.model?.service);
-  let response = $derived(data.response);
-  let bottomRef: HTMLDivElement;
-
-  $inspect("chat page", data);
-
-  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
-    {
-      providerId: undefined,
-      modelName: undefined,
-      baseURL: undefined,
-      apiKey: undefined,
-    },
-  );
-
-  let chat = useChat({
-    // @ts-expect-error message type mismatch
-    initialMessages: response.messages,
-    body,
-    onError: (e) => {
-      toast.error(e.message);
-    },
-    onFinish: (message) => {
-      updateMessages(response.id, $state.snapshot(chat.messages));
-    },
-  });
-
-  async function handleSubmit(value: string) {
-    if (!store.selected.modelId) {
-      toast.error("No model selected");
-      return;
-    }
-    const model = await getModelService(store.selected.modelId);
-    if (!model) {
-      toast.error("Selected model not found");
-      return;
-    }
-    Object.assign(body, {
-      providerId: model.service.providerId,
-      modelName: model.name,
-      baseURL: model.service.baseURL,
-      apiKey: model.service.apiKey,
-    });
-    chat.input = value;
-    chat.handleSubmit();
-  }
-
-  function scrollToBottom() {
-    bottomRef.scrollIntoView({ behavior: "smooth" });
-  }
-
-  $effect(() => {
-    chat.messages;
-    untrack(() => {
-      scrollToBottom();
-    });
-  });
 </script>
 
-<div class="mb-[100px] flex h-full flex-col gap-2 p-4">
-  {#each chat.messages as message (message.id)}
-    {@const format = "markdown"}
-    {@const content = message.content}
-    <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
-      <CardContent class="p-4">
-        {#if response.error}
-          <Label class="text-red-500">{response.error}</Label>
-        {/if}
-
-        {#if format === "markdown"}
-          <MessageMarkdown {content} />
-        {:else}
-          {content}
-        {/if}
-      </CardContent>
-    </Card>
-  {/each}
-  <div bind:this={bottomRef} id="bottom-anchor" class="flex-1"></div>
-</div>
-<MessageInput onSubmit={handleSubmit} />
+{#key $page.params.id}
+  <ChatPage responseId={data.response.id} messages={data.response.messages} />
+{/key}
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
new file mode 100644
index 0000000..a2e1daf
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+  import { useChat } from "$lib/use-chat.svelte";
+  import { toast } from "svelte-french-toast";
+  import { removeResponse, updateMessages } from "./revise/$data";
+  import { Card, CardContent, CardHeader } from "@/components/ui/card";
+  import { Input } from "@/components/ui/input";
+  import MessageInput from "./MessageInput.svelte";
+  import { Button } from "@/components/ui/button";
+  import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
+  import { Badge } from "@/components/ui/badge";
+  import { Label } from "@/components/ui/label";
+  import MessageMarkdown from "./revise/MessageMarkdown.svelte";
+  import { goto } from "$app/navigation";
+  import { page } from "$app/stores";
+  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+  import { store } from "$lib/store.svelte";
+  import { getModelService } from "./$data";
+  import { cn } from "$lib/cn";
+  import { untrack } from "svelte";
+  import type { ResponseMessage } from "@/database";
+
+  type Props = {
+    responseId: string;
+    messages: ResponseMessage[];
+  };
+  let { responseId, messages }: Props = $props();
+  let bottomRef: HTMLDivElement;
+
+  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
+    {
+      providerId: undefined,
+      modelName: undefined,
+      baseURL: undefined,
+      apiKey: undefined,
+    },
+  );
+
+  let chat = useChat({
+    // @ts-expect-error message type mismatch
+    initialMessages: messages,
+    body,
+    onError: (e) => {
+      toast.error(e.message);
+    },
+    onFinish: (message) => {
+      updateMessages(responseId, $state.snapshot(chat.messages));
+    },
+  });
+
+  async function handleSubmit(value: string) {
+    if (!store.selected.modelId) {
+      toast.error("No model selected");
+      return;
+    }
+    const model = await getModelService(store.selected.modelId);
+    if (!model) {
+      toast.error("Selected model not found");
+      return;
+    }
+    Object.assign(body, {
+      providerId: model.service.providerId,
+      modelName: model.name,
+      baseURL: model.service.baseURL,
+      apiKey: model.service.apiKey,
+    });
+    console.log("calling chat.handleSubmit", value);
+    chat.input = value;
+    chat.handleSubmit();
+  }
+
+  function scrollToBottom() {
+    bottomRef.scrollIntoView({ behavior: "smooth" });
+  }
+
+  $effect(() => {
+    chat.messages;
+    untrack(() => {
+      scrollToBottom();
+    });
+  });
+</script>
+
+<div class="flex flex-1 flex-col gap-2 p-4">
+  {#each chat.messages as message (message.id)}
+    {@const format = "markdown"}
+    {@const content = message.content}
+    <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
+      <CardContent class="p-4">
+        {#if chat.error}
+          <Label class="text-red-500">{chat.error}</Label>
+        {/if}
+
+        {#if format === "markdown"}
+          <MessageMarkdown {content} />
+        {:else}
+          {content}
+        {/if}
+      </CardContent>
+    </Card>
+  {/each}
+  <div bind:this={bottomRef} id="bottom-anchor"></div>
+</div>
+<MessageInput onSubmit={handleSubmit} />
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 63aac0c..23d1025 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -31,6 +31,7 @@
   }
 
   function handleSubmit() {
+    console.log("handleSubmit", content);
     onSubmit(content);
   }
 
@@ -68,13 +69,13 @@
         </Button>
         <Textarea
           bind:element={textareaElement}
-          placeholder="Type your message here..."
+          placeholder="What's on your mind?"
           bind:value={content}
           on:input={resize}
-          class="max-h-[200px] min-h-1 resize-none overflow-y-auto border-none bg-muted/100 focus-visible:ring-0"
+          class=" max-h-[200px] min-h-1 flex-1 resize-none overflow-y-auto border-none bg-muted/50 focus-visible:ring-0"
           onkeydown={handleKeydown}
         />
-        <Button variant="default" size="icon" onclick={onSubmit}>
+        <Button variant="default" size="icon" onclick={handleSubmit}>
           <Send class="h-4 w-4" />
         </Button>
       </div>

From 949967ddde5b862cb2058a9d58fc5a35d19f1dd9 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 6 Jul 2024 14:52:11 +1000
Subject: [PATCH 07/98] Use last user message as revise prompt

---
 src/routes/(app)/chat/[id]/+layout.ts          | 13 ++++++++++---
 src/routes/(app)/chat/[id]/revise/+page.svelte |  6 +++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index b5e6948..35209bd 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -1,7 +1,7 @@
 import { eq } from "drizzle-orm";
-import { chatTable, registerModel, serviceTable, useDb } from "@/database";
+import { chatTable, registerModel, responseTable, serviceTable, useDb } from "@/database";
 import { error } from "@sveltejs/kit";
-import { loadServices } from "./$data";
+import { createResponse, getLatestResponse, loadServices } from "./$data";
 
 export async function load({ route, url, params, depends }) {
   // evaluate tab using route id
@@ -27,7 +27,14 @@ export async function load({ route, url, params, depends }) {
   const services = await loadServices();
   registerModel(serviceTable, services, depends);
 
+  const response = (await getLatestResponse(params.id)) || (await createResponse(params.id));
+  if (!response) {
+    return error(500, "Error loading chat");
+  }
+  registerModel(responseTable, response!, depends);
+  depends("view:messages");
+
   depends("view:chat");
 
-  return { chat, services, tab };
+  return { chat, services, tab, response };
 }
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 9707783..eefe596 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -10,7 +10,11 @@
 
   // problem: cannot use chat.prompt directly since codemirror resets cursor position when prompt signal changes
   // solution: consistent prompt signal for codemirror.
-  let prompt = $state(data.chat.prompt);
+  // let prompt = $state(data.chat.prompt);
+
+  let lastUserMessage = $derived(data.response.messages.findLast((m) => m.role === "user"));
+  let prompt = $state(lastUserMessage?.content || "");
+
   let id = $derived($page.params.id);
 
   $effect(() => {

From 54d630d9690f027f3e50ac19ac0171c35d128194 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 14:12:00 +1000
Subject: [PATCH 08/98] Revise support in useChat

---
 package.json                                  |   1 +
 pnpm-lock.yaml                                |  10 +
 src/database/schema.ts                        |   3 +-
 src/lib/{ => ai}/use-chat.svelte.ts           | 132 ++++++++++++-
 src/routes/(app)/chat/[id]/$data.test.ts      |   2 +-
 src/routes/(app)/chat/[id]/$data.ts           |  10 +-
 src/routes/(app)/chat/[id]/+layout.svelte     |  26 +--
 src/routes/(app)/chat/[id]/ChatPage.svelte    |   2 +-
 src/routes/(app)/chat/[id]/MessageCard.svelte |  25 +++
 src/routes/(app)/chat/[id]/revise/$data.ts    |  36 +++-
 .../(app)/chat/[id]/revise/+page.svelte       | 179 ++++++++++++++----
 src/routes/(app)/chat/[id]/revise/+page.ts    |   1 +
 .../chat/[id]/revise/ResponseCard.svelte      |   2 +-
 .../chat/[id]/revise/ResponseCard.test.ts     |   4 +-
 src/routes/test/state/+page.svelte            |  18 ++
 test/use-chat/TestUseChat.svelte              |   2 +-
 16 files changed, 383 insertions(+), 70 deletions(-)
 rename src/lib/{ => ai}/use-chat.svelte.ts (69%)
 create mode 100644 src/routes/(app)/chat/[id]/MessageCard.svelte
 create mode 100644 src/routes/test/state/+page.svelte

diff --git a/package.json b/package.json
index a79e913..cd2ae54 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "marked-katex-extension": "^5.0.1",
     "msw": "^2.3.1",
     "nanoid": "^5.0.7",
+    "rxjs": "^7.8.1",
     "sqlocal": "^0.9.0",
     "svelte-codemirror-editor": "^1.3.0",
     "svelte-filepond": "^0.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8dc4959..cf74263 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -98,6 +98,9 @@ importers:
       nanoid:
         specifier: ^5.0.7
         version: 5.0.7
+      rxjs:
+        specifier: ^7.8.1
+        version: 7.8.1
       sqlocal:
         specifier: ^0.9.0
         version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
@@ -3359,6 +3362,9 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+
   sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
@@ -7243,6 +7249,10 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  rxjs@7.8.1:
+    dependencies:
+      tslib: 2.6.2
+
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
diff --git a/src/database/schema.ts b/src/database/schema.ts
index f7ebe17..375974b 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -1,5 +1,5 @@
 import { sqliteTable, text, int, primaryKey, index, unique } from "drizzle-orm/sqlite-core";
-import { type InferSelectModel, relations } from "drizzle-orm";
+import { type InferInsertModel, type InferSelectModel, relations } from "drizzle-orm";
 import { sql } from "drizzle-orm/sql";
 
 /**
@@ -88,6 +88,7 @@ export const chatTable = sqliteTable("chat", {
 export type Document = InferSelectModel<typeof documentTable>;
 export type Response = InferSelectModel<typeof responseTable>;
 export type ResponseMessage = InferSelectModel<typeof responseMessageTable>;
+export type InsertResponseMessage = InferInsertModel<typeof responseMessageTable>;
 export type Model = InferSelectModel<typeof modelTable>;
 export type Service = InferSelectModel<typeof serviceTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
diff --git a/src/lib/use-chat.svelte.ts b/src/lib/ai/use-chat.svelte.ts
similarity index 69%
rename from src/lib/use-chat.svelte.ts
rename to src/lib/ai/use-chat.svelte.ts
index 6d402df..0164c6e 100644
--- a/src/lib/use-chat.svelte.ts
+++ b/src/lib/ai/use-chat.svelte.ts
@@ -3,15 +3,143 @@ import type {
   ChatRequestOptions,
   CreateMessage,
   FetchFunction,
+  FunctionCallHandler,
   IdGenerator,
   JSONValue,
   Message,
+  ToolCallHandler,
   UseChatOptions,
 } from "@ai-sdk/ui-utils";
 import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
 
 export type { CreateMessage, Message, UseChatOptions };
 
+/**
+ Typed tool call that is returned by generateText and streamText.
+ It contains the tool call ID, the tool name, and the tool arguments.
+ */
+interface ToolCall$1<NAME extends string, ARGS> {
+  /**
+   ID of the tool call. This ID is used to match the tool call with the tool result.
+   */
+  toolCallId: string;
+  /**
+   Name of the tool that is being called.
+   */
+  toolName: NAME;
+  /**
+   Arguments of the tool call. This is a JSON-serializable object that matches the tool's input schema.
+   */
+  args: ARGS;
+}
+
+type UseChatOptions = {
+  /**
+   * The API endpoint that accepts a `{ messages: Message[] }` object and returns
+   * a stream of tokens of the AI chat response. Defaults to `/api/chat`.
+   */
+  api?: string;
+  /**
+   * A unique identifier for the chat. If not provided, a random one will be
+   * generated. When provided, the `useChat` hook with the same `id` will
+   * have shared states across components.
+   */
+  id?: string;
+  /**
+   * Initial messages of the chat. Useful to load an existing chat history.
+   */
+  initialMessages?: Message[];
+  /**
+   * Initial input of the chat.
+   */
+  initialInput?: string;
+  /**
+   * Edit index, is set then input will be set to the content of the message at the given index
+   */
+  editing?: { index: number };
+  /**
+   * @deprecated Use AI SDK 3.1 `streamText` and `onToolCall` instead.
+   *
+   * Callback function to be called when a function call is received.
+   * If the function returns a `ChatRequest` object, the request will be sent
+   * automatically to the API and will be used to update the chat.
+   */
+  experimental_onFunctionCall?: FunctionCallHandler;
+  /**
+   * @deprecated Use AI SDK 3.1 `streamText` and `onToolCall` instead.
+   *
+   * Callback function to be called when a tool call is received.
+   * If the function returns a `ChatRequest` object, the request will be sent
+   * automatically to the API and will be used to update the chat.
+   */
+  experimental_onToolCall?: ToolCallHandler;
+  /**
+   Optional callback function that is invoked when a tool call is received.
+   Intended for automatic client-side tool execution.
+
+   You can optionally return a result for the tool call,
+   either synchronously or asynchronously.
+   */
+  onToolCall?: ({
+    toolCall,
+  }: {
+    toolCall: ToolCall$1<string, unknown>;
+  }) => void | Promise<unknown> | unknown;
+  /**
+   * Callback function to be called when the API response is received.
+   */
+  onResponse?: (response: Response) => void | Promise<void>;
+  /**
+   * Callback function to be called when the chat is finished streaming.
+   */
+  onFinish?: (message: Message) => void;
+  /**
+   * Callback function to be called when an error is encountered.
+   */
+  onError?: (error: Error) => void;
+  /**
+   * A way to provide a function that is going to be used for ids for messages.
+   * If not provided nanoid is used by default.
+   */
+  generateId?: IdGenerator;
+  /**
+   * The credentials mode to be used for the fetch request.
+   * Possible values are: 'omit', 'same-origin', 'include'.
+   * Defaults to 'same-origin'.
+   */
+  credentials?: RequestCredentials;
+  /**
+   * HTTP headers to be sent with the API request.
+   */
+  headers?: Record<string, string> | Headers;
+  /**
+   * Extra body object to be sent with the API request.
+   * @example
+   * Send a `sessionId` to the API along with the messages.
+   * ```js
+   * useChat({
+   *   body: {
+   *     sessionId: '123',
+   *   }
+   * })
+   * ```
+   */
+  body?: object;
+  /**
+   * Whether to send extra message fields such as `message.id` and `message.createdAt` to the API.
+   * Defaults to `false`. When set to `true`, the API endpoint might need to
+   * handle the extra fields before forwarding the request to the AI service.
+   */
+  sendExtraMessageFields?: boolean;
+  /** Stream mode (default to "stream-data") */
+  streamMode?: "stream-data" | "text";
+  /**
+   Custom fetch implementation. You can use it as a middleware to intercept requests,
+   or to provide a custom fetch implementation for e.g. testing.
+   */
+  fetch?: FetchFunction;
+};
+
 export type UseChatHelpers = {
   /** Current messages in the chat */
   // messages: Readable<Message[]>;
@@ -60,6 +188,7 @@ export type UseChatHelpers = {
   /** Additional data added on the server via StreamData */
   data: JSONValue[] | undefined;
 };
+
 const getStreamedResponse = async (
   api: string,
   chatRequest: ChatRequest,
@@ -151,6 +280,7 @@ export function useChat({
   id,
   initialMessages = [],
   initialInput = "",
+  editing,
   sendExtraMessageFields,
   experimental_onFunctionCall,
   experimental_onToolCall,
@@ -171,7 +301,7 @@ export function useChat({
 
   const state = $state<UseChatHelpers>({
     messages: initialMessages,
-    input: initialInput,
+    input: editing ? initialMessages[editing.index].content : initialInput,
     data: [],
     metadata: undefined,
     isLoading: false,
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 6e17e9c..9d15338 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -89,7 +89,7 @@ describe("updateChat", () => {
       prompt: "Updated prompt",
       createdAt: new Date().toISOString(),
     };
-    await updateChat(updatedChat);
+    await updateChat(updatedChat.id, updatedChat);
 
     const chat = await db.query.chatTable.findFirst({
       where: eq(schema.chatTable.id, "chat1"),
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 1123f40..7b7a6b7 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -65,15 +65,15 @@ export async function createResponse(chatId: string) {
   return getLatestResponse(chatId);
 }
 
-export async function updateChat(chat: Chat) {
-  console.log("updateChat", chat);
+export async function updateChat(chatId: string, updates: Partial<Chat>) {
+  console.log("updateChat", chatId, updates);
   const result = await useDb()
     .update(chatTable)
-    .set({ ...chat })
-    .where(eq(chatTable.id, chat.id))
+    .set({ ...updates })
+    .where(eq(chatTable.id, chatId))
     .returning();
   console.log(result);
-  await invalidateModel(chatTable, chat);
+  await invalidateModel(chatTable, { id: chatId });
 }
 
 export async function updateResponsePrompt(id: string) {
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index db1e00a..d760ac2 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -5,7 +5,8 @@
   import SelectModel from "./SelectModel.svelte";
   import { Button } from "@/components/ui/button";
   import { PlayIcon, SettingsIcon } from "lucide-svelte";
-  import { submitPrompt } from "./$data";
+  import { submitPrompt, updateChat } from "./$data";
+  import { Input } from "@/components/ui/input";
 
   let { data } = $props();
   let services = $derived(data.services);
@@ -19,6 +20,10 @@
     }
   }
 
+  async function handleNameChange() {
+    await updateChat(chat.id, { name: data.chat.name });
+  }
+
   $inspect("chat layout", data);
 </script>
 
@@ -50,21 +55,16 @@
       </Button>
     </div>
   </div>
-
-  {#if store.selected.modelId}
-    <Button onclick={() => submitPrompt(chat, store.selected.modelId)}>
-      <PlayIcon size={16} class="mr-2" />
-      Run
-      <div
-        class="w-13 pointer-events-none ml-1 hidden h-6 rounded-full bg-white bg-opacity-20 px-2 py-1 md:inline-flex"
-      >
-        <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
-      </div>
-    </Button>
-  {/if}
 </header>
 
 <div class="flex flex-1 flex-col overflow-y-auto">
+  <div class="px-4">
+    <Input
+      class="text-lg focus-visible:ring-0 focus-visible:ring-offset-0"
+      bind:value={data.chat.name}
+      oninput={handleNameChange}
+    />
+  </div>
   <slot />
 </div>
 
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index a2e1daf..e8f9a94 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "$lib/use-chat.svelte";
+  import { useChat } from "$lib/ai/use-chat.svelte";
   import { toast } from "svelte-french-toast";
   import { removeResponse, updateMessages } from "./revise/$data";
   import { Card, CardContent, CardHeader } from "@/components/ui/card";
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
new file mode 100644
index 0000000..1643b2d
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { cn } from "$lib/cn.js";
+  import MessageMarkdown from "./revise/MessageMarkdown.svelte";
+  import { Label } from "@/components/ui/label/index.js";
+  import { Card, CardContent } from "@/components/ui/card/index.js";
+  import type { ResponseMessage } from "@/database";
+
+  type Props = {
+    message: ResponseMessage;
+  };
+  let { message }: Props = $props();
+  let format = "markdown";
+
+  $inspect("message card", message);
+</script>
+
+<Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
+  <CardContent class="p-4">
+    {#if format === "markdown"}
+      <MessageMarkdown content={message.content} />
+    {:else}
+      {message.content}
+    {/if}
+  </CardContent>
+</Card>
diff --git a/src/routes/(app)/chat/[id]/revise/$data.ts b/src/routes/(app)/chat/[id]/revise/$data.ts
index e900c5d..836245e 100644
--- a/src/routes/(app)/chat/[id]/revise/$data.ts
+++ b/src/routes/(app)/chat/[id]/revise/$data.ts
@@ -1,7 +1,14 @@
-import { responseMessageTable, responseTable, useDb } from "@/database";
-import { asc, eq } from "drizzle-orm";
+import {
+  type InsertResponseMessage,
+  type ResponseMessage,
+  responseMessageTable,
+  responseTable,
+  useDb,
+} from "@/database";
+import { asc, desc, eq, max } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
 import { type Message } from "ai";
+import { sql } from "drizzle-orm/sql";
 
 export type ResponsesView = Awaited<ReturnType<typeof loadResponses>>;
 
@@ -20,6 +27,8 @@ export function loadResponses(chatId: string) {
 }
 
 export async function updateMessages(responseId: string, newMessages: Message[]) {
+  await useDb().transaction(async (tx) => {});
+
   const currentMessages = await useDb().query.responseMessageTable.findMany({
     where: eq(responseMessageTable.responseId, responseId),
     orderBy: [asc(responseMessageTable.index)],
@@ -59,3 +68,26 @@ export async function removeResponse(responseId: string) {
   console.timeEnd("removeMessages");
   await invalidate("view:responses");
 }
+
+export async function insertResponseMessage(message: Omit<InsertResponseMessage, "index">) {
+  await useDb()
+    .insert(responseMessageTable)
+    .values({
+      ...message,
+      index: sql`(SELECT COALESCE(MAX(id), -1) + 1 FROM ${responseMessageTable} WHERE ${eq(responseMessageTable.responseId, message.responseId)})`,
+    })
+    .execute();
+  await invalidate("view:responses");
+}
+
+export async function updateResponseMessage(
+  responseMessageId: string,
+  updates: Partial<ResponseMessage>,
+) {
+  await useDb()
+    .update(responseMessageTable)
+    .set({ ...updates })
+    .where(eq(responseMessageTable.id, responseMessageId))
+    .execute();
+  await invalidate("view:responses");
+}
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index eefe596..0a22b8f 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -1,60 +1,155 @@
 <script lang="ts">
   import EditorCard from "./EditorCard.svelte";
-  import { Input } from "@/components/ui/input";
-  import { updateChat } from "../$data";
   import ResponseCard from "./ResponseCard.svelte";
-  import { untrack } from "svelte";
-  import { page } from "$app/stores";
+  import { insertResponseMessage, updateMessages, updateResponseMessage } from "./$data";
+  import { nanoid } from "nanoid";
+  import { invalidate } from "$app/navigation";
+  import { concatMap, Subject, throttleTime } from "rxjs";
+  import type { ResponseMessage } from "@/database";
+  import MessageCard from "../MessageCard.svelte";
+  import { getModelService, submitPrompt } from "../$data";
+  import { store } from "$lib/store.svelte";
+  import { Button } from "@/components/ui/button";
+  import { PlayIcon, Send, SendIcon } from "lucide-svelte";
+  import { useChat } from "$lib/ai/use-chat.svelte";
+  import { toast } from "svelte-french-toast";
 
   let { data } = $props();
 
-  // problem: cannot use chat.prompt directly since codemirror resets cursor position when prompt signal changes
-  // solution: consistent prompt signal for codemirror.
-  // let prompt = $state(data.chat.prompt);
+  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
+    {
+      providerId: undefined,
+      modelName: undefined,
+      baseURL: undefined,
+      apiKey: undefined,
+    },
+  );
 
-  let lastUserMessage = $derived(data.response.messages.findLast((m) => m.role === "user"));
-  let prompt = $state(lastUserMessage?.content || "");
+  let chat = useChat({
+    // @ts-expect-error message type mismatch
+    initialMessages: data.response.messages,
+    editing: getEditing(),
+    body,
+    onError: (e) => {
+      toast.error(e.message);
+    },
+    onFinish: (message) => {
+      updateMessages(data.response.id, $state.snapshot(chat.messages));
+    },
+  });
 
-  let id = $derived($page.params.id);
+  let assistantMessage = $derived(getAssistantMessage());
 
-  $effect(() => {
-    // update prompt from data when route changes
-    id;
-    untrack(() => {
-      console.log("updating prompt", $page.params.id);
-      prompt = data.chat.prompt;
-    });
-  });
+  // let userMessage = $derived(getUserMessage());
+  // let assistantMessage = $derived(userMessage ? getAssistantMessage(userMessage) : null);
+  // // problem: cannot bind content since codemirror resets cursor position when content is updated by loader
+  // // solution: uncontrolled prompt using state, does not update until navigation
+  // let prompt = $state(userMessage ? userMessage.content : "");
+  //
+  // $inspect("revise", data.response.messages, userMessage, assistantMessage, prompt);
+  //
+  // const input$ = new Subject();
+  // input$
+  //   .pipe(
+  //     throttleTime(100, undefined, { leading: true, trailing: true }),
+  //     concatMap(async (newValue) => {
+  //       if (userMessage) {
+  //         await updateResponseMessage(userMessage.id, { content: newValue });
+  //       } else {
+  //         await insertResponseMessage({
+  //           id: nanoid(),
+  //           responseId: data.response.id,
+  //           role: "user",
+  //           content: newValue,
+  //         });
+  //       }
+  //       // will reload messages so that next change will update instead of creating a new message.
+  //       await invalidate("view:messages");
+  //     }),
+  //   )
+  //   .subscribe();
+  //
+  // function getNextIndex() {
+  //   const nextIndex = data.response.messages.length
+  //     ? data.response.messages.reduce((localMax, curr) => Math.max(localMax, curr.index), 0) + 1
+  //     : 0;
+  //   console.log("nextIndex", data.response.messages.length, nextIndex);
+  //   return nextIndex;
+  // }
+
+  function getEditing() {
+    const editingIndex = data.response.messages.findLastIndex((m) => m.role === "user");
+    if (editingIndex === -1) {
+      return undefined;
+    } else {
+      return { index: editingIndex };
+    }
+  }
 
-  // const update = _.debounce(updateChat, 100);
+  // function getUserMessage() {
+  //   let message = chat.messages.findLast((m) => m.role === "user");
+  //   if (!message) {
+  //     message = {
+  //       id: nanoid(),
+  //       role: "user",
+  //       content: "",
+  //     };
+  //     chat.messages.push(message);
+  //   }
+  //   return message;
+  // }
+  //
+  function getAssistantMessage() {
+    let editing = getEditing();
+    if (!editing) {
+      return undefined;
+    }
+    if (editing) {
+      return chat.messages.find((m, index) => m.role === "assistant" && index > editing.index);
+    }
+  }
+
+  async function handleSubmit() {
+    // const message = chat.messages.find((m) => m.id === userMessage.id);
+    // if (!store.selected.modelId) {
+    //   toast.error("No model selected");
+    //   return;
+    // }
+    // const model = await getModelService(store.selected.modelId);
+    // if (!model) {
+    //   toast.error("Selected model not found");
+    //   return;
+    // }
+    // Object.assign(body, {
+    //   providerId: model.service.providerId,
+    //   modelName: model.name,
+    //   baseURL: model.service.baseURL,
+    //   apiKey: model.service.apiKey,
+    // });
+    // message.content = prompt;
+    // chat.reload();
+  }
 
-  function onChange() {
-    updateChat({ ...data.chat, prompt });
+  async function onChange() {
+    // input$.next(prompt);
   }
 </script>
 
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
-  <div class="space-y-2 overflow-y-auto pl-1 pr-2 pt-1">
-    <Input
-      class="p-2 text-lg"
-      bind:value={data.chat.name}
-      oninput={() => {
-        console.log("onChange", data.chat.name);
-        onChange();
-      }}
-    />
-    <EditorCard bind:prompt chat={data.chat} {onChange} />
+  <div class="overflow-y-auto py-4">
+    <EditorCard bind:prompt={chat.input} chat={data.chat} {onChange} />
+    <Button class="my-2 px-2" variant="default" onclick={handleSubmit}>
+      <Send class="h-4 w-4" />
+      <div
+        class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
+      >
+        <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
+      </div>
+    </Button>
   </div>
-  <div class="flex flex-col gap-3 pt-1">
-    {#each data.responses.toReversed() as response (response.id)}
-      {@const service = response.model?.service}
-      <ResponseCard {response} {service} initialMessages={response.messages} />
-    {/each}
+  <div class="flex flex-col gap-3 py-4">
+    {#if assistantMessage}
+      <MessageCard message={assistantMessage} />
+    {/if}
   </div>
 </div>
-<!--{:else}-->
-<!--  <Splash>-->
-<!--    <p>Configure your AI accounts to start building.</p>-->
-<!--    <Button onclick={() => document.getElementById("model-config-trigger")?.click()}>Start</Button>-->
-<!--  </Splash>-->
-<!--{/if}-->
diff --git a/src/routes/(app)/chat/[id]/revise/+page.ts b/src/routes/(app)/chat/[id]/revise/+page.ts
index f28bdcc..db9e09f 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.ts
+++ b/src/routes/(app)/chat/[id]/revise/+page.ts
@@ -5,6 +5,7 @@ export async function load({ params, depends }) {
   const responses = await loadResponses(params.id);
   registerModel(responseTable, responses, depends);
   depends("view:responses");
+
   return {
     responses,
   };
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
index 63dbec6..2f93397 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "$lib/use-chat.svelte";
+  import { useChat } from "$lib/ai/use-chat.svelte";
   import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
   import { Card, CardContent, CardHeader } from "@/components/ui/card";
   import { Label } from "@/components/ui/label";
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
index 7b0889b..245358f 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
@@ -2,7 +2,7 @@ import { fireEvent, render, screen, waitFor } from "@testing-library/svelte";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import ResponseCard from "./ResponseCard.svelte";
 import { useDb } from "@/database/client";
-import { useChat } from "$lib/use-chat.svelte";
+import { useChat } from "$lib/ai/use-chat.svelte";
 
 // Mock the dependencies
 vi.mock("@/database/client", () => ({
@@ -26,7 +26,7 @@ vi.mock("../$data", () => ({
   updateMessages: vi.fn(),
 }));
 
-describe("ResponseCard", () => {
+describe.skip("ResponseCard", () => {
   const mockResponse = {
     id: "1",
     model: { name: "TestModel" },
diff --git a/src/routes/test/state/+page.svelte b/src/routes/test/state/+page.svelte
new file mode 100644
index 0000000..1a16dd4
--- /dev/null
+++ b/src/routes/test/state/+page.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { Input } from "@/components/ui/input";
+
+  let items = $state([{ role: "system", content: "Hello" }]);
+
+  function getLastUserMessageOrAppend() {
+    let userMessage = items.findLast((m) => m.role === "user");
+    if (!userMessage) {
+      userMessage = { role: "user", content: "Hello" };
+      items.push(userMessage);
+    }
+    return userMessage;
+  }
+
+  let content = $state(getLastUserMessageOrAppend().content);
+</script>
+
+<Input bind:value={content} />
diff --git a/test/use-chat/TestUseChat.svelte b/test/use-chat/TestUseChat.svelte
index dd34836..a4be526 100644
--- a/test/use-chat/TestUseChat.svelte
+++ b/test/use-chat/TestUseChat.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "../../src/lib/use-chat.svelte";
+  import { useChat } from "$lib/ai/use-chat.svelte";
 
   let chat = useChat({
     api: "http://localhost:3000/api/chat",

From b8d220efca481b20511b280283d055dd977ea031 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 18:32:58 +1000
Subject: [PATCH 09/98] Refactor useChat into ChatService

---
 src/lib/ai/use-chat.svelte.ts              | 419 ++++++++++-----------
 src/routes/(app)/chat/[id]/+layout.svelte  |   4 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte |  30 +-
 3 files changed, 220 insertions(+), 233 deletions(-)

diff --git a/src/lib/ai/use-chat.svelte.ts b/src/lib/ai/use-chat.svelte.ts
index 0164c6e..f6942e6 100644
--- a/src/lib/ai/use-chat.svelte.ts
+++ b/src/lib/ai/use-chat.svelte.ts
@@ -8,32 +8,20 @@ import type {
   JSONValue,
   Message,
   ToolCallHandler,
-  UseChatOptions,
 } from "@ai-sdk/ui-utils";
 import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
 
-export type { CreateMessage, Message, UseChatOptions };
+// todo remove tool and function calling until the library is stable and we need it
+
+export type { CreateMessage };
 
-/**
- Typed tool call that is returned by generateText and streamText.
- It contains the tool call ID, the tool name, and the tool arguments.
- */
 interface ToolCall$1<NAME extends string, ARGS> {
-  /**
-   ID of the tool call. This ID is used to match the tool call with the tool result.
-   */
   toolCallId: string;
-  /**
-   Name of the tool that is being called.
-   */
   toolName: NAME;
-  /**
-   Arguments of the tool call. This is a JSON-serializable object that matches the tool's input schema.
-   */
   args: ARGS;
 }
 
-type UseChatOptions = {
+export type ChatOptions = {
   /**
    * The API endpoint that accepts a `{ messages: Message[] }` object and returns
    * a stream of tokens of the AI chat response. Defaults to `/api/chat`.
@@ -56,7 +44,7 @@ type UseChatOptions = {
   /**
    * Edit index, is set then input will be set to the content of the message at the given index
    */
-  editing?: { index: number };
+  editing: { index: number } | null;
   /**
    * @deprecated Use AI SDK 3.1 `streamText` and `onToolCall` instead.
    *
@@ -97,6 +85,8 @@ type UseChatOptions = {
    * Callback function to be called when an error is encountered.
    */
   onError?: (error: Error) => void;
+  /** Callback function to be called when a message is updated */
+  onMessageUpdate?: (messages: Message[]) => void;
   /**
    * A way to provide a function that is going to be used for ids for messages.
    * If not provided nanoid is used by default.
@@ -140,55 +130,6 @@ type UseChatOptions = {
   fetch?: FetchFunction;
 };
 
-export type UseChatHelpers = {
-  /** Current messages in the chat */
-  // messages: Readable<Message[]>;
-  messages: Message[];
-  /** The error object of the API request */
-  // error: Readable<undefined | Error>;
-  error: undefined | Error;
-  /**
-   * 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 chatRequestOptions Additional options to pass to the API call
-   */
-  append: (
-    message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions,
-  ) => Promise<string | null | undefined>;
-  /**
-   * 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: (chatRequestOptions?: ChatRequestOptions) => Promise<string | null | undefined>;
-  /**
-   * Abort the current request immediately, keep the generated tokens if any.
-   */
-  stop: () => void;
-  /**
-   * Update the `messages` state locally. This is useful when you want to
-   * edit the messages on the client, and then trigger the `reload` method
-   * manually to regenerate the AI response.
-   */
-  setMessages: (messages: Message[]) => void;
-  /** The current value of the input */
-  input: string;
-
-  /** Form submission handler to automatically reset input and append a user message  */
-  handleSubmit: (
-    event?: { preventDefault?: () => void },
-    chatRequestOptions?: ChatRequestOptions,
-  ) => void;
-  metadata?: Object;
-  /** Whether the API request is in progress */
-  isLoading: boolean | undefined;
-
-  /** Additional data added on the server via StreamData */
-  data: JSONValue[] | undefined;
-};
-
 const getStreamedResponse = async (
   api: string,
   chatRequest: ChatRequest,
@@ -275,125 +216,105 @@ let uniqueId = 0;
 
 const store: Record<string, Message[] | undefined> = {};
 
-export function useChat({
-  api = "/api/chat",
-  id,
-  initialMessages = [],
-  initialInput = "",
-  editing,
-  sendExtraMessageFields,
-  experimental_onFunctionCall,
-  experimental_onToolCall,
-  streamMode,
-  onResponse,
-  onFinish,
-  onError,
-  credentials,
-  headers,
-  body,
-  generateId = generateIdFunc,
-  fetch,
-}: UseChatOptions = {}): UseChatHelpers {
-  // Generate a unique id for the chat if not provided.
-  const chatId = id || `chat-${uniqueId++}`;
-
-  const key = `${api}|${chatId}`;
-
-  const state = $state<UseChatHelpers>({
-    messages: initialMessages,
-    input: editing ? initialMessages[editing.index].content : initialInput,
-    data: [],
-    metadata: undefined,
-    isLoading: false,
-    error: undefined,
-    reload: async () => null,
-    stop: () => {},
-    setMessages: () => {},
-    append: async () => null,
-    handleSubmit: () => {},
-  });
-
-  const mutate = (data: Message[]) => {
-    store[key] = data;
-    state.messages = data;
-    return data;
-  };
+export function useChat(options: ChatOptions): ChatService {
+  return new ChatService(options);
+}
 
-  // Abort controller to cancel the current API call.
-  let abortController: AbortController | null = null;
+export class ChatService {
+  messages: Message[] = $state([]);
+  error: undefined | Error = $state(undefined);
+  input: string = $state("");
+  isLoading: boolean | undefined = $state(undefined);
+  data: JSONValue[] | undefined = $state(undefined);
+  metadata?: Object;
 
-  const extraMetadata = {
+  private id: string;
+  private api: string;
+  private editing: { index: number } | null;
+  private generateId: IdGenerator;
+  private abortController: AbortController | null;
+  private sendExtraMessageFields: boolean | undefined;
+  private experimental_onFunctionCall: FunctionCallHandler | undefined;
+  private experimental_onToolCall: ToolCallHandler | undefined;
+  private streamMode: "stream-data" | "text" | undefined;
+  private onResponse: ((response: Response) => void | Promise<void>) | undefined;
+  private onFinish: ((message: Message) => void) | undefined;
+  private onError: ((error: Error) => void) | undefined;
+  private onMessageUpdate: ((messages: Message[]) => void) | undefined;
+  private credentials: RequestCredentials | undefined;
+  private headers: Record<string, string> | Headers | undefined;
+  private body: object | undefined;
+  private fetch: FetchFunction | undefined;
+
+  constructor({
+    api = "/api/chat",
+    id,
+    initialMessages = [],
+    initialInput = "",
+    editing = null,
+    sendExtraMessageFields,
+    experimental_onFunctionCall,
+    experimental_onToolCall,
+    streamMode,
+    onResponse,
+    onFinish,
+    onError,
+    onMessageUpdate,
     credentials,
     headers,
     body,
-  };
-
-  // Actual mutation hook to send messages to the API endpoint and update the
-  // chat state.
-  async function triggerRequest(chatRequest: ChatRequest) {
-    try {
-      state.error = undefined;
-      state.isLoading = true;
-      abortController = new AbortController();
-
-      await processChatStream({
-        getStreamedResponse: () =>
-          getStreamedResponse(
-            api,
-            chatRequest,
-            mutate,
-            (data) => {
-              state.data = data;
-            },
-            state.data,
-            extraMetadata,
-            state.messages,
-            abortController,
-            generateId,
-            streamMode,
-            onFinish,
-            onResponse,
-            sendExtraMessageFields,
-            fetch,
-          ),
-        experimental_onFunctionCall,
-        experimental_onToolCall,
-        updateChatRequest: (chatRequestParam) => {
-          chatRequest = chatRequestParam;
-        },
-        getCurrentMessages: () => state.messages,
-      });
-
-      abortController = null;
-
-      return null;
-    } catch (err) {
-      // Ignore abort errors as they are expected.
-      if ((err as any).name === "AbortError") {
-        abortController = null;
-        return null;
-      }
-
-      if (onError && err instanceof Error) {
-        onError(err);
-      }
+    generateId = generateIdFunc,
+    fetch,
+  }: ChatOptions) {
+    // assign options
+    this.api = api;
+    this.id = id || `chat-${uniqueId++}`;
+    this.editing = editing;
+    this.sendExtraMessageFields = sendExtraMessageFields;
+    this.experimental_onFunctionCall = experimental_onFunctionCall;
+    this.experimental_onToolCall = experimental_onToolCall;
+    this.streamMode = streamMode;
+    this.onResponse = onResponse;
+    this.onFinish = onFinish;
+    this.onError = onError;
+    this.onMessageUpdate = onMessageUpdate;
+    this.credentials = credentials;
+    this.headers = headers;
+    this.body = body;
+    this.messages = initialMessages || [];
+    // fixme smells
+    this.input =
+      editing && initialMessages ? initialMessages[editing.index].content : initialInput || "";
+    this.data = [];
+    this.metadata = undefined;
+    this.isLoading = false;
+    this.error = undefined;
+    this.abortController = new AbortController();
+    this.generateId = generateId;
+    this.editing = editing;
+    this.fetch = fetch;
+  }
 
-      state.error = err as Error;
-    } finally {
-      state.isLoading = false;
-    }
+  get key() {
+    return `${this.api}|${this.id}`;
   }
 
-  state.append = async (
+  /**
+   * 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 chatRequestOptions Additional options to pass to the API call
+   */
+  append(
     message: Message | CreateMessage,
     { options, functions, function_call, tools, tool_choice, data }: ChatRequestOptions = {},
-  ) => {
+  ): Promise<string | null | undefined> {
     if (!message.id) {
-      message.id = generateId();
+      message.id = this.generateId();
     }
 
     const chatRequest: ChatRequest = {
-      messages: state.messages.concat(message as Message),
+      messages: this.messages.concat(message as Message),
       options,
       data,
       ...(functions !== undefined && { functions }),
@@ -401,33 +322,32 @@ export function useChat({
       ...(tools !== undefined && { tools }),
       ...(tool_choice !== undefined && { tool_choice }),
     };
-    return triggerRequest(chatRequest);
-  };
+    return this.triggerRequest(chatRequest);
+  }
 
-  state.reload = async ({
+  /**
+   * 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.
+   */
+  async reload({
     options,
     functions,
     function_call,
     tools,
     tool_choice,
-  }: ChatRequestOptions = {}) => {
-    const messagesSnapshot = state.messages;
-    if (messagesSnapshot.length === 0) return null;
+  }: ChatRequestOptions = {}): Promise<string | null | undefined> {
+    let messagesSnapshot = structuredClone(this.messages);
+    if (messagesSnapshot.length === 0) {
+      return null;
+    }
 
     // Remove last assistant message and retry last user message.
     const lastMessage = messagesSnapshot.at(-1);
     if (lastMessage?.role === "assistant") {
-      const chatRequest: ChatRequest = {
-        messages: messagesSnapshot.slice(0, -1),
-        options,
-        ...(functions !== undefined && { functions }),
-        ...(function_call !== undefined && { function_call }),
-        ...(tools !== undefined && { tools }),
-        ...(tool_choice !== undefined && { tool_choice }),
-      };
-
-      return triggerRequest(chatRequest);
+      messagesSnapshot = messagesSnapshot.slice(0, -1);
     }
+
     const chatRequest: ChatRequest = {
       messages: messagesSnapshot,
       options,
@@ -437,38 +357,113 @@ export function useChat({
       ...(tool_choice !== undefined && { tool_choice }),
     };
 
-    return triggerRequest(chatRequest);
-  };
+    return this.triggerRequest(chatRequest);
+  }
 
-  state.stop = () => {
-    if (abortController) {
-      abortController.abort();
-      abortController = null;
+  /**
+   * Abort the current request immediately, keep the generated tokens if any.
+   */
+  stop(): void {
+    if (this.abortController) {
+      this.abortController.abort();
+      this.abortController = null;
     }
-  };
+  }
 
-  state.setMessages = (messages: Message[]) => {
-    mutate(messages);
-  };
+  /**
+   * Update the `messages` state locally. This is useful when you want to
+   * edit the messages on the client, and then trigger the `reload` method
+   * manually to regenerate the AI response.
+   */
+  setMessages(key: string, messages: Message[]): void {
+    store[key] = messages;
+    this.messages = messages;
+    if (this.onMessageUpdate) {
+      this.onMessageUpdate(messages);
+    }
+  }
 
-  state.handleSubmit = (
+  /** Form submission handler to automatically reset input and append a user message  */
+  handleSubmit(
     event?: { preventDefault?: () => void },
-    options: ChatRequestOptions = {},
-  ) => {
+    chatRequestOptions?: ChatRequestOptions,
+  ): void {
     event?.preventDefault?.();
-    const inputValue = state.input;
+    const inputValue = this.input;
     if (!inputValue) return;
+    this.input = "";
+
+    if (this.editing) {
+      let message = this.messages[this.editing.index];
+      message.content = inputValue;
+      // todo implement editing/revise
+    } else {
+      this.append(
+        {
+          content: inputValue,
+          role: "user",
+          createdAt: new Date(),
+        },
+        chatRequestOptions,
+      );
+    }
+  }
 
-    state.append(
-      {
-        content: inputValue,
-        role: "user",
-        createdAt: new Date(),
-      },
-      options,
-    );
-    state.input = "";
-  };
+  private async triggerRequest(chatRequest: ChatRequest): Promise<string | null | undefined> {
+    try {
+      this.error = undefined;
+      this.isLoading = true;
+      this.abortController = new AbortController();
+
+      const extraMetadata = {
+        credentials: this.credentials,
+        headers: this.headers,
+        body: this.body,
+      };
+
+      await processChatStream({
+        getStreamedResponse: () =>
+          getStreamedResponse(
+            this.api || "/api/chat",
+            chatRequest,
+            (messages: Message[]) => this.setMessages(this.key, messages),
+            (data) => {
+              this.data = data;
+            },
+            this.data,
+            extraMetadata,
+            this.messages,
+            this.abortController,
+            this.generateId,
+            this.streamMode,
+            this.onFinish,
+            this.onResponse,
+            this.sendExtraMessageFields,
+            this.fetch,
+          ),
+        experimental_onFunctionCall: this.experimental_onFunctionCall,
+        experimental_onToolCall: this.experimental_onToolCall,
+        updateChatRequest: (chatRequestParam) => {
+          chatRequest = chatRequestParam;
+        },
+        getCurrentMessages: () => this.messages,
+      });
+      this.abortController = null;
+      return null;
+    } catch (err) {
+      // Ignore abort errors as they are expected.
+      if ((err as any).name === "AbortError") {
+        this.abortController = null;
+        return null;
+      }
+
+      if (this.onError && err instanceof Error) {
+        this.onError(err);
+      }
 
-  return state;
+      this.error = err as Error;
+    } finally {
+      this.isLoading = false;
+    }
+  }
 }
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index d760ac2..f07ccc7 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -58,9 +58,9 @@
 </header>
 
 <div class="flex flex-1 flex-col overflow-y-auto">
-  <div class="px-4">
+  <div class="px-3">
     <Input
-      class="text-lg focus-visible:ring-0 focus-visible:ring-offset-0"
+      class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
       bind:value={data.chat.name}
       oninput={handleNameChange}
     />
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index e8f9a94..d203063 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "$lib/ai/use-chat.svelte";
+  import { ChatService, useChat } from "$lib/ai/use-chat.svelte";
   import { toast } from "svelte-french-toast";
   import { removeResponse, updateMessages } from "./revise/$data";
   import { Card, CardContent, CardHeader } from "@/components/ui/card";
@@ -35,7 +35,7 @@
     },
   );
 
-  let chat = useChat({
+  let chatService = new ChatService({
     // @ts-expect-error message type mismatch
     initialMessages: messages,
     body,
@@ -43,7 +43,10 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
-      updateMessages(responseId, $state.snapshot(chat.messages));
+      updateMessages(responseId, $state.snapshot(chatService.messages));
+    },
+    onMessageUpdate: (messages) => {
+      bottomRef.scrollIntoView({ behavior: "smooth" });
     },
   });
 
@@ -64,30 +67,19 @@
       apiKey: model.service.apiKey,
     });
     console.log("calling chat.handleSubmit", value);
-    chat.input = value;
-    chat.handleSubmit();
-  }
-
-  function scrollToBottom() {
-    bottomRef.scrollIntoView({ behavior: "smooth" });
+    chatService.input = value;
+    chatService.handleSubmit();
   }
-
-  $effect(() => {
-    chat.messages;
-    untrack(() => {
-      scrollToBottom();
-    });
-  });
 </script>
 
 <div class="flex flex-1 flex-col gap-2 p-4">
-  {#each chat.messages as message (message.id)}
+  {#each chatService.messages as message (message.id)}
     {@const format = "markdown"}
     {@const content = message.content}
     <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
       <CardContent class="p-4">
-        {#if chat.error}
-          <Label class="text-red-500">{chat.error}</Label>
+        {#if chatService.error}
+          <Label class="text-red-500">{chatService.error}</Label>
         {/if}
 
         {#if format === "markdown"}

From e76d56f25823350253466f8bba6d49ff4dbc3b77 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 18:35:28 +1000
Subject: [PATCH 10/98] Use MessageCard in ChatPage

---
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 33 +++----------------
 src/routes/(app)/chat/[id]/MessageCard.svelte |  5 ++-
 2 files changed, 6 insertions(+), 32 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index d203063..28f1be3 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,23 +1,12 @@
 <script lang="ts">
-  import { ChatService, useChat } from "$lib/ai/use-chat.svelte";
+  import { ChatService } from "$lib/ai/use-chat.svelte";
   import { toast } from "svelte-french-toast";
-  import { removeResponse, updateMessages } from "./revise/$data";
-  import { Card, CardContent, CardHeader } from "@/components/ui/card";
-  import { Input } from "@/components/ui/input";
+  import { updateMessages } from "./revise/$data";
   import MessageInput from "./MessageInput.svelte";
-  import { Button } from "@/components/ui/button";
-  import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
-  import { Badge } from "@/components/ui/badge";
-  import { Label } from "@/components/ui/label";
-  import MessageMarkdown from "./revise/MessageMarkdown.svelte";
-  import { goto } from "$app/navigation";
-  import { page } from "$app/stores";
-  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { store } from "$lib/store.svelte";
   import { getModelService } from "./$data";
-  import { cn } from "$lib/cn";
-  import { untrack } from "svelte";
   import type { ResponseMessage } from "@/database";
+  import MessageCard from "./MessageCard.svelte";
 
   type Props = {
     responseId: string;
@@ -74,21 +63,7 @@
 
 <div class="flex flex-1 flex-col gap-2 p-4">
   {#each chatService.messages as message (message.id)}
-    {@const format = "markdown"}
-    {@const content = message.content}
-    <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
-      <CardContent class="p-4">
-        {#if chatService.error}
-          <Label class="text-red-500">{chatService.error}</Label>
-        {/if}
-
-        {#if format === "markdown"}
-          <MessageMarkdown {content} />
-        {:else}
-          {content}
-        {/if}
-      </CardContent>
-    </Card>
+    <MessageCard {message} />
   {/each}
   <div bind:this={bottomRef} id="bottom-anchor"></div>
 </div>
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 1643b2d..a5a0022 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
   import { cn } from "$lib/cn.js";
   import MessageMarkdown from "./revise/MessageMarkdown.svelte";
-  import { Label } from "@/components/ui/label/index.js";
   import { Card, CardContent } from "@/components/ui/card/index.js";
-  import type { ResponseMessage } from "@/database";
+  import type { Message } from "ai";
 
   type Props = {
-    message: ResponseMessage;
+    message: Message;
   };
   let { message }: Props = $props();
   let format = "markdown";

From 6b870baeccd13ef2070d14016c9e638d3fe16b83 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 18:45:06 +1000
Subject: [PATCH 11/98] Remove useChat, replace with ChatService

---
 .../use-chat.svelte.ts => chat-service.svelte.ts}    | 10 +++-------
 src/routes/(app)/chat/[id]/ChatPage.svelte           |  2 +-
 src/routes/(app)/chat/[id]/revise/+page.svelte       | 12 +++++++-----
 .../(app)/chat/[id]/revise/ResponseCard.svelte       |  2 +-
 .../(app)/chat/[id]/revise/ResponseCard.test.ts      |  2 +-
 .../TestChatService.svelte}                          |  4 ++--
 .../chat-service.test.ts}                            |  4 ++--
 test/{use-chat => chat-service}/mock-server.ts       |  0
 8 files changed, 17 insertions(+), 19 deletions(-)
 rename src/lib/{ai/use-chat.svelte.ts => chat-service.svelte.ts} (98%)
 rename test/{use-chat/TestUseChat.svelte => chat-service/TestChatService.svelte} (86%)
 rename test/{use-chat/use-chat.test.ts => chat-service/chat-service.test.ts} (91%)
 rename test/{use-chat => chat-service}/mock-server.ts (100%)

diff --git a/src/lib/ai/use-chat.svelte.ts b/src/lib/chat-service.svelte.ts
similarity index 98%
rename from src/lib/ai/use-chat.svelte.ts
rename to src/lib/chat-service.svelte.ts
index f6942e6..957135e 100644
--- a/src/lib/ai/use-chat.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -44,7 +44,7 @@ export type ChatOptions = {
   /**
    * Edit index, is set then input will be set to the content of the message at the given index
    */
-  editing: { index: number } | null;
+  editing?: { index: number };
   /**
    * @deprecated Use AI SDK 3.1 `streamText` and `onToolCall` instead.
    *
@@ -216,10 +216,6 @@ let uniqueId = 0;
 
 const store: Record<string, Message[] | undefined> = {};
 
-export function useChat(options: ChatOptions): ChatService {
-  return new ChatService(options);
-}
-
 export class ChatService {
   messages: Message[] = $state([]);
   error: undefined | Error = $state(undefined);
@@ -230,7 +226,7 @@ export class ChatService {
 
   private id: string;
   private api: string;
-  private editing: { index: number } | null;
+  private editing: { index: number } | undefined;
   private generateId: IdGenerator;
   private abortController: AbortController | null;
   private sendExtraMessageFields: boolean | undefined;
@@ -251,7 +247,7 @@ export class ChatService {
     id,
     initialMessages = [],
     initialInput = "",
-    editing = null,
+    editing,
     sendExtraMessageFields,
     experimental_onFunctionCall,
     experimental_onToolCall,
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 28f1be3..08cd10d 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ChatService } from "$lib/ai/use-chat.svelte";
+  import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
   import { updateMessages } from "./revise/$data";
   import MessageInput from "./MessageInput.svelte";
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 0a22b8f..2b65842 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -11,7 +11,7 @@
   import { store } from "$lib/store.svelte";
   import { Button } from "@/components/ui/button";
   import { PlayIcon, Send, SendIcon } from "lucide-svelte";
-  import { useChat } from "$lib/ai/use-chat.svelte";
+  import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
 
   let { data } = $props();
@@ -25,7 +25,7 @@
     },
   );
 
-  let chat = useChat({
+  let chatService = new ChatService({
     // @ts-expect-error message type mismatch
     initialMessages: data.response.messages,
     editing: getEditing(),
@@ -34,7 +34,7 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
-      updateMessages(data.response.id, $state.snapshot(chat.messages));
+      updateMessages(data.response.id, $state.snapshot(chatService.messages));
     },
   });
 
@@ -105,7 +105,9 @@
       return undefined;
     }
     if (editing) {
-      return chat.messages.find((m, index) => m.role === "assistant" && index > editing.index);
+      return chatService.messages.find(
+        (m, index) => m.role === "assistant" && index > editing.index,
+      );
     }
   }
 
@@ -137,7 +139,7 @@
 
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="overflow-y-auto py-4">
-    <EditorCard bind:prompt={chat.input} chat={data.chat} {onChange} />
+    <EditorCard bind:prompt={chatService.input} chat={data.chat} {onChange} />
     <Button class="my-2 px-2" variant="default" onclick={handleSubmit}>
       <Send class="h-4 w-4" />
       <div
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
index 2f93397..0444d38 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "$lib/ai/use-chat.svelte";
+  import { useChat } from "$lib/ai/chat-service.svelte.js";
   import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
   import { Card, CardContent, CardHeader } from "@/components/ui/card";
   import { Label } from "@/components/ui/label";
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
index 245358f..2efda12 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
@@ -2,7 +2,7 @@ import { fireEvent, render, screen, waitFor } from "@testing-library/svelte";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import ResponseCard from "./ResponseCard.svelte";
 import { useDb } from "@/database/client";
-import { useChat } from "$lib/ai/use-chat.svelte";
+import { useChat } from "$lib/ai/chat-service.svelte.js";
 
 // Mock the dependencies
 vi.mock("@/database/client", () => ({
diff --git a/test/use-chat/TestUseChat.svelte b/test/chat-service/TestChatService.svelte
similarity index 86%
rename from test/use-chat/TestUseChat.svelte
rename to test/chat-service/TestChatService.svelte
index a4be526..c23bc5a 100644
--- a/test/use-chat/TestUseChat.svelte
+++ b/test/chat-service/TestChatService.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { useChat } from "$lib/ai/use-chat.svelte";
+  import { ChatService } from "$lib/chat-service.svelte.js";
 
-  let chat = useChat({
+  let chat = new ChatService({
     api: "http://localhost:3000/api/chat",
   });
 
diff --git a/test/use-chat/use-chat.test.ts b/test/chat-service/chat-service.test.ts
similarity index 91%
rename from test/use-chat/use-chat.test.ts
rename to test/chat-service/chat-service.test.ts
index d85e8b1..71870cd 100644
--- a/test/use-chat/use-chat.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -1,10 +1,10 @@
 /* @vitest-environment jsdom */
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { fireEvent, render, waitFor } from "@testing-library/svelte";
-import TestUseChatComponent from "./TestUseChat.svelte";
+import TestUseChatComponent from "./TestChatService.svelte";
 import { createMockServer } from "./mock-server";
 
-describe("useChat in Svelte component", () => {
+describe("ChatService in Svelte component", () => {
   const mockServer = createMockServer();
 
   beforeEach(() => {
diff --git a/test/use-chat/mock-server.ts b/test/chat-service/mock-server.ts
similarity index 100%
rename from test/use-chat/mock-server.ts
rename to test/chat-service/mock-server.ts

From d237a0b5cf66fb8383e973548c415b56a61c10ca Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 18:53:35 +1000
Subject: [PATCH 12/98] Update ResponseCard

---
 src/routes/(app)/chat/[id]/+layout.svelte             | 7 +++----
 src/routes/(app)/chat/[id]/revise/ResponseCard.svelte | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index f07ccc7..8bac6cd 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
   import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
   import { goto } from "$app/navigation";
-  import { store } from "$lib/store.svelte";
   import SelectModel from "./SelectModel.svelte";
   import { Button } from "@/components/ui/button";
-  import { PlayIcon, SettingsIcon } from "lucide-svelte";
-  import { submitPrompt, updateChat } from "./$data";
+  import { SettingsIcon } from "lucide-svelte";
+  import { updateChat } from "./$data";
   import { Input } from "@/components/ui/input";
 
   let { data } = $props();
@@ -28,7 +27,7 @@
 </script>
 
 <header
-  class="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background p-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-6 sm:pt-2"
+  class="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background p-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-4 sm:pt-2"
 >
   <Tabs onValueChange={tabClick} value={data.tab}>
     <TabsList>
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
index 0444d38..cc08bc1 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useChat } from "$lib/ai/chat-service.svelte.js";
+  import { ChatService } from "$lib/chat-service.svelte.js";
   import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
   import { Card, CardContent, CardHeader } from "@/components/ui/card";
   import { Label } from "@/components/ui/label";
@@ -48,7 +48,7 @@
     });
   });
 
-  let chat = useChat({
+  let chat = new ChatService({
     // @ts-expect-error createdAt type mismatch
     initialMessages,
     body,

From 7d1097f651056d4913e74a8ccf1a11bd16b17405 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 19:01:37 +1000
Subject: [PATCH 13/98] Move Revise Run button

---
 src/routes/(app)/chat/[id]/+layout.svelte      | 14 ++++++++++++--
 src/routes/(app)/chat/[id]/revise/+page.svelte |  8 --------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 8bac6cd..48861c6 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -3,7 +3,7 @@
   import { goto } from "$app/navigation";
   import SelectModel from "./SelectModel.svelte";
   import { Button } from "@/components/ui/button";
-  import { SettingsIcon } from "lucide-svelte";
+  import { PlayIcon, SettingsIcon } from "lucide-svelte";
   import { updateChat } from "./$data";
   import { Input } from "@/components/ui/input";
 
@@ -57,12 +57,22 @@
 </header>
 
 <div class="flex flex-1 flex-col overflow-y-auto">
-  <div class="px-3">
+  <div class="flex flex-row px-3">
     <Input
       class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
       bind:value={data.chat.name}
       oninput={handleNameChange}
     />
+    {#if data.tab === "revise"}
+      <Button variant="default" onclick={() => {}}>
+        <PlayIcon class="mr-2 h-4 w-4" /> Run
+        <div
+          class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
+        >
+          <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
+        </div>
+      </Button>
+    {/if}
   </div>
   <slot />
 </div>
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 2b65842..44336ef 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -140,14 +140,6 @@
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="overflow-y-auto py-4">
     <EditorCard bind:prompt={chatService.input} chat={data.chat} {onChange} />
-    <Button class="my-2 px-2" variant="default" onclick={handleSubmit}>
-      <Send class="h-4 w-4" />
-      <div
-        class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
-      >
-        <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
-      </div>
-    </Button>
   </div>
   <div class="flex flex-col gap-3 py-4">
     {#if assistantMessage}

From cd0bd3069761f152986a24a6ed1a19349f9b50c1 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 21:50:01 +1000
Subject: [PATCH 14/98] Add previous messages to revise

---
 .../(app)/chat/[id]/revise/+page.svelte       | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 44336ef..d6070e3 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -16,6 +16,8 @@
 
   let { data } = $props();
 
+  let editIndex = getEditIndex();
+
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
       providerId: undefined,
@@ -28,13 +30,13 @@
   let chatService = new ChatService({
     // @ts-expect-error message type mismatch
     initialMessages: data.response.messages,
-    editing: getEditing(),
+    editing: editIndex ? { index: editIndex } : undefined,
     body,
     onError: (e) => {
       toast.error(e.message);
     },
     onFinish: (message) => {
-      updateMessages(data.response.id, $state.snapshot(chatService.messages));
+      // updateMessages(data.response.id, $state.snapshot(chatService.messages));
     },
   });
 
@@ -77,13 +79,9 @@
   //   return nextIndex;
   // }
 
-  function getEditing() {
-    const editingIndex = data.response.messages.findLastIndex((m) => m.role === "user");
-    if (editingIndex === -1) {
-      return undefined;
-    } else {
-      return { index: editingIndex };
-    }
+  function getEditIndex() {
+    const editIndex = data.response.messages.findLastIndex((m) => m.role === "user");
+    return editIndex === -1 ? undefined : editIndex;
   }
 
   // function getUserMessage() {
@@ -100,15 +98,9 @@
   // }
   //
   function getAssistantMessage() {
-    let editing = getEditing();
-    if (!editing) {
-      return undefined;
-    }
-    if (editing) {
-      return chatService.messages.find(
-        (m, index) => m.role === "assistant" && index > editing.index,
-      );
-    }
+    return editIndex
+      ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
+      : undefined;
   }
 
   async function handleSubmit() {
@@ -138,7 +130,12 @@
 </script>
 
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
-  <div class="overflow-y-auto py-4">
+  <div class="flex flex-col gap-2 overflow-y-auto py-4">
+    {#each chatService.messages as message, index (message.id)}
+      {#if !editIndex || index < editIndex}
+        <MessageCard {message} />
+      {/if}
+    {/each}
     <EditorCard bind:prompt={chatService.input} chat={data.chat} {onChange} />
   </div>
   <div class="flex flex-col gap-3 py-4">

From 0bf358be1e5296c59646f8ff076629fce85ff534 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 22:25:35 +1000
Subject: [PATCH 15/98] Move chat title to component

---
 src/routes/(app)/chat/[id]/+layout.svelte     | 31 ++-----------
 src/routes/(app)/chat/[id]/+page.svelte       |  2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  7 ++-
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 44 +++++++++++++++++++
 .../(app)/chat/[id]/revise/+page.svelte       |  2 +
 5 files changed, 55 insertions(+), 31 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/ChatTitlebar.svelte

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 48861c6..2606309 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -12,6 +12,9 @@
   let chat = $derived(data.chat);
 
   function tabClick(value?: string) {
+    if (!value) {
+      return;
+    }
     if (value === "chat") {
       goto(`/chat/${chat.id}`);
     } else {
@@ -19,10 +22,6 @@
     }
   }
 
-  async function handleNameChange() {
-    await updateChat(chat.id, { name: data.chat.name });
-  }
-
   $inspect("chat layout", data);
 </script>
 
@@ -57,29 +56,5 @@
 </header>
 
 <div class="flex flex-1 flex-col overflow-y-auto">
-  <div class="flex flex-row px-3">
-    <Input
-      class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
-      bind:value={data.chat.name}
-      oninput={handleNameChange}
-    />
-    {#if data.tab === "revise"}
-      <Button variant="default" onclick={() => {}}>
-        <PlayIcon class="mr-2 h-4 w-4" /> Run
-        <div
-          class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
-        >
-          <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
-        </div>
-      </Button>
-    {/if}
-  </div>
   <slot />
 </div>
-
-<!--{:else}-->
-<!--  <Splash>-->
-<!--    <p>Configure your AI accounts to start building.</p>-->
-<!--    <Button onclick={() => document.getElementById("model-config-trigger")?.click()}>Start</Button>-->
-<!--  </Splash>-->
-<!--{/if}-->
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 7c9de12..61efb95 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -6,5 +6,5 @@
 </script>
 
 {#key $page.params.id}
-  <ChatPage responseId={data.response.id} messages={data.response.messages} />
+  <ChatPage chat={data.chat} responseId={data.response.id} messages={data.response.messages} />
 {/key}
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 08cd10d..b8a862c 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -5,14 +5,16 @@
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
   import { getModelService } from "./$data";
-  import type { ResponseMessage } from "@/database";
+  import type { Chat, ResponseMessage } from "@/database";
   import MessageCard from "./MessageCard.svelte";
+  import ChatTitlebar from "./ChatTitlebar.svelte";
 
   type Props = {
+    chat: Chat;
     responseId: string;
     messages: ResponseMessage[];
   };
-  let { responseId, messages }: Props = $props();
+  let { chat, responseId, messages }: Props = $props();
   let bottomRef: HTMLDivElement;
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
@@ -61,6 +63,7 @@
   }
 </script>
 
+<ChatTitlebar {chat} tab="chat" />
 <div class="flex flex-1 flex-col gap-2 p-4">
   {#each chatService.messages as message (message.id)}
     <MessageCard {message} />
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
new file mode 100644
index 0000000..d18bd7b
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+  import { Button } from "@/components/ui/button/index.js";
+  import { Input } from "@/components/ui/input/index.js";
+  import { PlayIcon } from "lucide-svelte";
+  import { updateChat } from "./$data.js";
+  import type { Chat } from "@/database";
+  import { untrack } from "svelte";
+
+  type Props = {
+    chat: Chat;
+    tab: string;
+    onRunClick?: () => void;
+  };
+  let { chat, tab, onRunClick }: Props = $props();
+  let id = $derived(chat.id);
+  let name = $state(chat.name);
+
+  $effect(() => {
+    id;
+    untrack(() => {
+      name = chat.name;
+    });
+  });
+</script>
+
+<div class="flex flex-row px-3">
+  <Input
+    class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
+    bind:value={name}
+    oninput={() => {
+      updateChat(chat.id, { name });
+    }}
+  />
+  {#if tab === "revise"}
+    <Button variant="default" onclick={onRunClick}>
+      <PlayIcon class="mr-2 h-4 w-4" /> Run
+      <div
+        class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
+      >
+        <div class="pointer-events-none text-center text-xs font-light text-white">Ctrl + ⏎</div>
+      </div>
+    </Button>
+  {/if}
+</div>
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index d6070e3..fc06e74 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -13,6 +13,7 @@
   import { PlayIcon, Send, SendIcon } from "lucide-svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
+  import ChatTitlebar from "../ChatTitlebar.svelte";
 
   let { data } = $props();
 
@@ -129,6 +130,7 @@
   }
 </script>
 
+<ChatTitlebar chat={data.chat} tab="revise" onRunClick={handleSubmit} />
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto py-4">
     {#each chatService.messages as message, index (message.id)}

From 23bf74f8c7fa5cd6c1edf5b467853caa15cde2aa Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 23:02:35 +1000
Subject: [PATCH 16/98] Revise submit edit

---
 src/lib/chat-service.svelte.ts                | 78 +++++++++++++------
 .../(app)/chat/[id]/ChatTitlebar.svelte       |  6 +-
 src/routes/(app)/chat/[id]/MessageCard.svelte |  2 -
 .../(app)/chat/[id]/revise/+page.svelte       | 55 +++++--------
 .../(app)/chat/[id]/revise/EditorCard.svelte  | 14 +++-
 5 files changed, 88 insertions(+), 67 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 957135e..d6f99a2 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -278,9 +278,6 @@ export class ChatService {
     this.headers = headers;
     this.body = body;
     this.messages = initialMessages || [];
-    // fixme smells
-    this.input =
-      editing && initialMessages ? initialMessages[editing.index].content : initialInput || "";
     this.data = [];
     this.metadata = undefined;
     this.isLoading = false;
@@ -289,6 +286,13 @@ export class ChatService {
     this.generateId = generateId;
     this.editing = editing;
     this.fetch = fetch;
+    // if editing, set initial input to the content of the message at the given index
+    if (editing && initialMessages) {
+      this.input = initialMessages[editing.index].content;
+      console.log("initial input", this.input);
+    } else {
+      this.input = initialInput || "";
+    }
   }
 
   get key() {
@@ -321,6 +325,29 @@ export class ChatService {
     return this.triggerRequest(chatRequest);
   }
 
+  edit(
+    content: string,
+    index: number,
+    { options, functions, function_call, tools, tool_choice, data }: ChatRequestOptions = {},
+  ) {
+    console.log("edit", content, index, this.messages);
+    let messagesSnapshot = structuredClone($state.snapshot(this.messages));
+    messagesSnapshot[index].content = content;
+    // remove messages after edit
+    messagesSnapshot = messagesSnapshot.slice(0, index + 1);
+    console.log("edit", messagesSnapshot);
+    const chatRequest: ChatRequest = {
+      messages: messagesSnapshot,
+      options,
+      data,
+      ...(functions !== undefined && { functions }),
+      ...(function_call !== undefined && { function_call }),
+      ...(tools !== undefined && { tools }),
+      ...(tool_choice !== undefined && { tool_choice }),
+    };
+    return this.triggerRequest(chatRequest);
+  }
+
   /**
    * 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
@@ -372,6 +399,7 @@ export class ChatService {
    * manually to regenerate the AI response.
    */
   setMessages(key: string, messages: Message[]): void {
+    console.log("setMessages", key, messages);
     store[key] = messages;
     this.messages = messages;
     if (this.onMessageUpdate) {
@@ -380,28 +408,30 @@ export class ChatService {
   }
 
   /** Form submission handler to automatically reset input and append a user message  */
-  handleSubmit(
-    event?: { preventDefault?: () => void },
-    chatRequestOptions?: ChatRequestOptions,
-  ): void {
-    event?.preventDefault?.();
-    const inputValue = this.input;
-    if (!inputValue) return;
-    this.input = "";
+  handleSubmit(event?: { preventDefault?: () => void }, chatRequestOptions?: ChatRequestOptions) {
+    try {
+      console.log("handleSubmit", this.input, this.editing);
+      event?.preventDefault?.();
+      const inputValue = this.input;
+      if (!inputValue) return;
 
-    if (this.editing) {
-      let message = this.messages[this.editing.index];
-      message.content = inputValue;
-      // todo implement editing/revise
-    } else {
-      this.append(
-        {
-          content: inputValue,
-          role: "user",
-          createdAt: new Date(),
-        },
-        chatRequestOptions,
-      );
+      if (this.editing) {
+        let message = this.messages[this.editing.index];
+        message.content = inputValue;
+        return this.edit(inputValue, this.editing.index, chatRequestOptions);
+      } else {
+        this.input = "";
+        return this.append(
+          {
+            content: inputValue,
+            role: "user",
+            createdAt: new Date(),
+          },
+          chatRequestOptions,
+        );
+      }
+    } catch (e) {
+      console.error(e);
     }
   }
 
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index d18bd7b..6f45e2e 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -32,7 +32,11 @@
     }}
   />
   {#if tab === "revise"}
-    <Button variant="default" onclick={onRunClick}>
+    <Button
+      variant="default"
+      class="focus-visible:ring-0 focus-visible:ring-offset-0"
+      onclick={onRunClick}
+    >
       <PlayIcon class="mr-2 h-4 w-4" /> Run
       <div
         class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index a5a0022..d50b617 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -9,8 +9,6 @@
   };
   let { message }: Props = $props();
   let format = "markdown";
-
-  $inspect("message card", message);
 </script>
 
 <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index fc06e74..527a07f 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -41,6 +41,8 @@
     },
   });
 
+  $inspect("input", chatService.input);
+
   let assistantMessage = $derived(getAssistantMessage());
 
   // let userMessage = $derived(getUserMessage());
@@ -85,19 +87,6 @@
     return editIndex === -1 ? undefined : editIndex;
   }
 
-  // function getUserMessage() {
-  //   let message = chat.messages.findLast((m) => m.role === "user");
-  //   if (!message) {
-  //     message = {
-  //       id: nanoid(),
-  //       role: "user",
-  //       content: "",
-  //     };
-  //     chat.messages.push(message);
-  //   }
-  //   return message;
-  // }
-  //
   function getAssistantMessage() {
     return editIndex
       ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
@@ -105,28 +94,22 @@
   }
 
   async function handleSubmit() {
-    // const message = chat.messages.find((m) => m.id === userMessage.id);
-    // if (!store.selected.modelId) {
-    //   toast.error("No model selected");
-    //   return;
-    // }
-    // const model = await getModelService(store.selected.modelId);
-    // if (!model) {
-    //   toast.error("Selected model not found");
-    //   return;
-    // }
-    // Object.assign(body, {
-    //   providerId: model.service.providerId,
-    //   modelName: model.name,
-    //   baseURL: model.service.baseURL,
-    //   apiKey: model.service.apiKey,
-    // });
-    // message.content = prompt;
-    // chat.reload();
-  }
-
-  async function onChange() {
-    // input$.next(prompt);
+    if (!store.selected.modelId) {
+      toast.error("No model selected");
+      return;
+    }
+    const model = await getModelService(store.selected.modelId);
+    if (!model) {
+      toast.error("Selected model not found");
+      return;
+    }
+    Object.assign(body, {
+      providerId: model.service.providerId,
+      modelName: model.name,
+      baseURL: model.service.baseURL,
+      apiKey: model.service.apiKey,
+    });
+    chatService.handleSubmit();
   }
 </script>
 
@@ -138,7 +121,7 @@
         <MessageCard {message} />
       {/if}
     {/each}
-    <EditorCard bind:prompt={chatService.input} chat={data.chat} {onChange} />
+    <EditorCard bind:prompt={chatService.input} chat={data.chat} onSubmit={handleSubmit} />
   </div>
   <div class="flex flex-col gap-3 py-4">
     {#if assistantMessage}
diff --git a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
index 49c3a82..26992d9 100644
--- a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
@@ -24,9 +24,10 @@
   type Props = {
     chat: Chat;
     prompt: string;
-    onChange: () => void;
+    onChange?: () => void;
+    onSubmit?: () => void;
   };
-  let { chat, prompt = $bindable(""), onChange }: Props = $props();
+  let { chat, prompt = $bindable(""), onChange, onSubmit }: Props = $props();
 
   let docMentionRegex = /\[\[([^\]]|](?!]))*/g;
 
@@ -141,7 +142,7 @@
         {
           key: "Ctrl-Enter",
           run: () => {
-            submitPrompt(chat, store.selected.modelId).catch(console.error);
+            onSubmit && onSubmit();
             return true;
           },
         },
@@ -165,7 +166,12 @@
 <div>
   <Card class="overflow-y-auto">
     <CardContent class="p-0">
-      <CodeMirror class="w-full" bind:value={prompt} {extensions} on:change={onChange} />
+      <CodeMirror
+        class="w-full"
+        bind:value={prompt}
+        {extensions}
+        on:change={() => onChange && onChange()}
+      />
     </CardContent>
   </Card>
 </div>

From c7064cf059f1f5a4ddaa079ce6fb8747d726cfb3 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 7 Jul 2024 23:43:30 +1000
Subject: [PATCH 17/98] Rename

---
 src/routes/(app)/chat/[id]/revise/+page.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 527a07f..f2d79d7 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -17,7 +17,7 @@
 
   let { data } = $props();
 
-  let editIndex = getEditIndex();
+  let editIndex = findEditIndex();
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
@@ -37,6 +37,7 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
+      console.log("onFinish", message);
       // updateMessages(data.response.id, $state.snapshot(chatService.messages));
     },
   });
@@ -82,7 +83,7 @@
   //   return nextIndex;
   // }
 
-  function getEditIndex() {
+  function findEditIndex() {
     const editIndex = data.response.messages.findLastIndex((m) => m.role === "user");
     return editIndex === -1 ? undefined : editIndex;
   }

From a1cd612a023dae2269660325809fe14ae627d00c Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 8 Jul 2024 00:30:01 +1000
Subject: [PATCH 18/98] Create revision and message tables with migration

---
 src/database/migrations.test.ts               | 136 ++++-
 .../migrations/0003_huge_nick_fury.sql        |  42 ++
 .../migrations/meta/0003_snapshot.json        | 514 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 src/database/schema.ts                        |  50 ++
 .../chat/[id]/revise/ResponseCard.test.ts     |   2 +-
 6 files changed, 743 insertions(+), 8 deletions(-)
 create mode 100644 src/database/migrations/0003_huge_nick_fury.sql
 create mode 100644 src/database/migrations/meta/0003_snapshot.json

diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
index 8f8c6dd..e14d5cc 100644
--- a/src/database/migrations.test.ts
+++ b/src/database/migrations.test.ts
@@ -214,16 +214,28 @@ describe("Migration Tests", () => {
     expect(initialMessageCount).toBe(testData.responseMessages.length);
   }
 
+  async function applyMigrationsUpTo(targetMigration: string) {
+    let isFirstMigration = true;
+    for (const entry of journal.entries) {
+      if (isFirstMigration) {
+        await runMigration(entry.tag);
+        insertTestData();
+        isFirstMigration = false;
+      } else {
+        await runMigration(entry.tag);
+      }
+      if (entry.tag === targetMigration) {
+        break;
+      }
+    }
+  }
+
   vi.mock("@/database/client");
 
   beforeEach(async () => {
     sqlite = new Database(":memory:");
     db = drizzle(sqlite);
     vi.mocked(useDb).mockReturnValue(db);
-
-    // run initial migration and insert test data
-    await runMigration(journal.entries[0].tag);
-    insertTestData();
   });
 
   afterEach(() => {
@@ -241,6 +253,8 @@ describe("Migration Tests", () => {
   }
 
   it("0000_careful_smiling_tiger", async () => {
+    await applyMigrationsUpTo("0000_careful_smiling_tiger");
+
     /*
      * Check for unique and other indexes after the first migration
      * This ensures that the initial schema is set up correctly with all necessary constraints
@@ -257,7 +271,7 @@ describe("Migration Tests", () => {
   });
 
   it("0001_nosy_earthquake", async () => {
-    await runMigration(journal.entries[1].tag);
+    await applyMigrationsUpTo("0001_nosy_earthquake");
 
     /*
      * Verify data integrity after the second migration.
@@ -331,8 +345,7 @@ describe("Migration Tests", () => {
   });
 
   it("0002_overjoyed_mordo", async () => {
-    await runMigration(journal.entries[1].tag);
-    await runMigration(journal.entries[2].tag);
+    await applyMigrationsUpTo("0002_overjoyed_mordo");
 
     /*
      * Verify that the 'project' table was successfully renamed to 'chat'.
@@ -444,4 +457,113 @@ describe("Migration Tests", () => {
     ).count;
     expect(remainingMessageCount).toBe(initialMessageCount - 3); // 'project1' had 3 messages
   });
+
+  it("0003_huge_nick_fury", async () => {
+    await applyMigrationsUpTo("0003_huge_nick_fury");
+
+    // Check for the creation of new tables
+    const messageTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='message'`,
+    );
+    expect(messageTable).toBeTruthy();
+
+    const revisionTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='revision'`,
+    );
+    expect(revisionTable).toBeTruthy();
+
+    // Verify the creation of new indexes
+    const messageIndex = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='message_revisionId_idx'`,
+    );
+    expect(messageIndex).toBeTruthy();
+
+    const revisionIndex = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='revision_chatId_idx'`,
+    );
+    expect(revisionIndex).toBeTruthy();
+
+    // Check that data has been migrated correctly
+    const revisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision`,
+    ).count;
+    expect(revisionCount).toBe(initialResponseCount);
+
+    const messageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message`,
+    ).count;
+    expect(messageCount).toBe(initialMessageCount);
+
+    // Verify the structure of the new tables
+    const revisionColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(revision)`,
+    );
+    expect(revisionColumns).toContainEqual(
+      expect.objectContaining({ name: "version", type: "INTEGER" }),
+    );
+    expect(revisionColumns).toContainEqual(
+      expect.objectContaining({ name: "chatId", type: "TEXT" }),
+    );
+
+    const messageColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(message)`);
+    expect(messageColumns).toContainEqual(
+      expect.objectContaining({ name: "revisionId", type: "TEXT" }),
+    );
+    expect(messageColumns).toContainEqual(expect.objectContaining({ name: "role", type: "TEXT" }));
+
+    // Verify the content of migrated data
+    const revisionData = db.all<{ id: string; version: number; chatId: string }>(
+      sql`SELECT id, version, chatId FROM revision ORDER BY chatId, createdAt`,
+    );
+
+    // Sort testData.responses by createdAt to ensure correct ordering
+    const sortedResponses = [...testData.responses].sort(
+      (a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
+    );
+
+    // Calculate expected versions
+    const chatVersions = new Map<string, number>();
+    const expectedRevisionData = sortedResponses.map(({ id, projectId: chatId }) => {
+      const currentVersion = (chatVersions.get(chatId) || 0) + 1;
+      chatVersions.set(chatId, currentVersion);
+      return { id, version: currentVersion, chatId };
+    });
+
+    expect(revisionData).toEqual(expectedRevisionData);
+
+    const messageData = db.all<{ id: string; revisionId: string; role: string; content: string }>(
+      sql`SELECT id, revisionId, role, content FROM message ORDER BY id`,
+    );
+    expect(messageData).toEqual(
+      testData.responseMessages.map(({ id, responseId: revisionId, role, content }) => ({
+        id,
+        revisionId,
+        role,
+        content,
+      })),
+    );
+
+    // Test cascading delete behavior
+    await db.run(sql`DELETE FROM chat WHERE id = 'project2'`);
+    const remainingRevisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision WHERE chatId = 'project2'`,
+    ).count;
+    expect(remainingRevisionCount).toBe(0);
+
+    const remainingMessageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message WHERE revisionId IN (SELECT id FROM revision WHERE chatId = 'project2')`,
+    ).count;
+    expect(remainingMessageCount).toBe(0);
+
+    // Verify that the deletion didn't affect other chats' data
+    const totalRemainingRevisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision`,
+    ).count;
+    expect(totalRemainingRevisionCount).toBe(revisionCount - 1); // 'project2' had 1 response/revision
+
+    const totalRemainingMessageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message`,
+    ).count;
+    expect(totalRemainingMessageCount).toBe(messageCount - 2); // 'project2' had 2 messages
+  });
 });
diff --git a/src/database/migrations/0003_huge_nick_fury.sql b/src/database/migrations/0003_huge_nick_fury.sql
new file mode 100644
index 0000000..2a8d2cd
--- /dev/null
+++ b/src/database/migrations/0003_huge_nick_fury.sql
@@ -0,0 +1,42 @@
+CREATE TABLE IF NOT EXISTS `message` (
+	`id` text PRIMARY KEY NOT NULL,
+	`index` integer NOT NULL,
+	`revisionId` text NOT NULL,
+	`role` text NOT NULL,
+	`content` text NOT NULL,
+	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
+	FOREIGN KEY (`revisionId`) REFERENCES `revision`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `revision` (
+	`id` text PRIMARY KEY NOT NULL,
+	`version` integer NOT NULL,
+	`chatId` text NOT NULL,
+	`error` text,
+	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
+	FOREIGN KEY (`chatId`) REFERENCES `chat`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE INDEX `message_revisionId_idx` ON `message` (`revisionId`);--> statement-breakpoint
+CREATE INDEX `revision_chatId_idx` ON `revision` (`chatId`);
+--> statement-breakpoint
+INSERT INTO revision ("id", "version", "chatId", "error", "createdAt")
+SELECT
+    r."id",
+    (SELECT COUNT(*)
+     FROM response r2
+     WHERE r2."chatId" = r."chatId" AND r2."createdAt" <= r."createdAt") AS version,
+    r."chatId",
+    r."error",
+    r."createdAt"
+FROM response r;
+--> statement-breakpoint
+INSERT INTO message ("id", "index", "revisionId", "role", "content", "createdAt")
+SELECT
+    rm."id",
+    rm."index",
+    rm."responseId" AS revisionId,
+    rm."role",
+    rm."content",
+    rm."createdAt"
+FROM responseMessage rm;
diff --git a/src/database/migrations/meta/0003_snapshot.json b/src/database/migrations/meta/0003_snapshot.json
new file mode 100644
index 0000000..e38bba3
--- /dev/null
+++ b/src/database/migrations/meta/0003_snapshot.json
@@ -0,0 +1,514 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "c96805ab-fd2c-4965-8a88-286fa5d614ac",
+  "prevId": "0de01fd3-0bed-4287-a8d0-dcd9494d7fd3",
+  "tables": {
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "document_name_unique": {
+          "name": "document_name_unique",
+          "columns": [
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "serviceId_idx": {
+          "name": "serviceId_idx",
+          "columns": [
+            "serviceId"
+          ],
+          "isUnique": false
+        },
+        "serviceName_unique": {
+          "name": "serviceName_unique",
+          "columns": [
+            "serviceId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_serviceId_service_id_fk": {
+          "name": "model_serviceId_service_id_fk",
+          "tableFrom": "model",
+          "tableTo": "service",
+          "columnsFrom": [
+            "serviceId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "responseMessage": {
+      "name": "responseMessage",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "responseId": {
+          "name": "responseId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "responseId_idx": {
+          "name": "responseId_idx",
+          "columns": [
+            "responseId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "responseMessage_responseId_response_id_fk": {
+          "name": "responseMessage_responseId_response_id_fk",
+          "tableFrom": "responseMessage",
+          "tableTo": "response",
+          "columnsFrom": [
+            "responseId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "response": {
+      "name": "response",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "modelId": {
+          "name": "modelId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "chatId_idx": {
+          "name": "chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "response_chatId_chat_id_fk": {
+          "name": "response_chatId_chat_id_fk",
+          "tableFrom": "response",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 119769f..5f5c4f3 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -22,6 +22,13 @@
       "when": 1720063831479,
       "tag": "0002_overjoyed_mordo",
       "breakpoints": true
+    },
+    {
+      "idx": 3,
+      "version": "6",
+      "when": 1720361174122,
+      "tag": "0003_huge_nick_fury",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index 375974b..ff27226 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -48,6 +48,39 @@ export const responseMessageTable = sqliteTable(
   }),
 );
 
+export const revisionTable = sqliteTable(
+  "revision",
+  {
+    id: text("id").primaryKey(),
+    version: int("version").notNull(),
+    chatId: text("chatId")
+      .notNull()
+      .references(() => chatTable.id, { onDelete: "cascade" }),
+    error: text("error"),
+    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  },
+  (table) => ({
+    chatIdIdx: index("revision_chatId_idx").on(table.chatId),
+  }),
+);
+
+export const messageTable = sqliteTable(
+  "message",
+  {
+    id: text("id").primaryKey(),
+    index: int("index").notNull(),
+    revisionId: text("revisionId")
+      .notNull()
+      .references(() => revisionTable.id, { onDelete: "cascade" }),
+    role: text("role").notNull(),
+    content: text("content").notNull(),
+    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  },
+  (table) => ({
+    revisionIdIdx: index("message_revisionId_idx").on(table.revisionId),
+  }),
+);
+
 export const modelTable = sqliteTable(
   "model",
   {
@@ -89,6 +122,8 @@ export type Document = InferSelectModel<typeof documentTable>;
 export type Response = InferSelectModel<typeof responseTable>;
 export type ResponseMessage = InferSelectModel<typeof responseMessageTable>;
 export type InsertResponseMessage = InferInsertModel<typeof responseMessageTable>;
+export type Revision = InferSelectModel<typeof revisionTable>;
+export type Message = InferSelectModel<typeof messageTable>;
 export type Model = InferSelectModel<typeof modelTable>;
 export type Service = InferSelectModel<typeof serviceTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
@@ -131,3 +166,18 @@ export const responseMessageRelations = relations(responseMessageTable, ({ one }
     references: [responseTable.id],
   }),
 }));
+
+export const revisionRelations = relations(revisionTable, ({ one, many }) => ({
+  chat: one(chatTable, {
+    fields: [revisionTable.chatId],
+    references: [chatTable.id],
+  }),
+  messages: many(messageTable),
+}));
+
+export const messageRelations = relations(messageTable, ({ one, many }) => ({
+  revision: one(revisionTable, {
+    fields: [messageTable.revisionId],
+    references: [revisionTable.id],
+  }),
+}));
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
index 2efda12..18a0ff6 100644
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
+++ b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
@@ -2,7 +2,7 @@ import { fireEvent, render, screen, waitFor } from "@testing-library/svelte";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import ResponseCard from "./ResponseCard.svelte";
 import { useDb } from "@/database/client";
-import { useChat } from "$lib/ai/chat-service.svelte.js";
+import { ChatService } from "$lib/chat-service.svelte.js";
 
 // Mock the dependencies
 vi.mock("@/database/client", () => ({

From 6017e35e9f52a444c45d4dac0e8785fa3bcdbf59 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 8 Jul 2024 23:58:07 +1000
Subject: [PATCH 19/98] Replace usage of Response and ResponseMessage with
 Revision and RevisionMessage Remove ResponseCard

---
 src/database/schema.ts                        |  58 +-----
 src/lib/chat-service.svelte.ts                |  11 +-
 src/routes/(app)/$data.test.ts                |  52 +++---
 src/routes/(app)/$data.ts                     |  34 ++--
 src/routes/(app)/chat/[id]/$data.test.ts      |  86 +--------
 src/routes/(app)/chat/[id]/$data.ts           | 121 +++----------
 src/routes/(app)/chat/[id]/+layout.ts         |  14 +-
 src/routes/(app)/chat/[id]/+page.svelte       |   2 +-
 src/routes/(app)/chat/[id]/+page.ts           |  12 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  15 +-
 .../(app)/chat/[id]/revise/$data.test.ts      | 121 -------------
 src/routes/(app)/chat/[id]/revise/$data.ts    |  93 ----------
 .../(app)/chat/[id]/revise/+page.svelte       |  66 ++-----
 src/routes/(app)/chat/[id]/revise/+page.ts    |  11 +-
 .../(app)/chat/[id]/revise/EditorCard.svelte  |   2 -
 .../chat/[id]/revise/ResponseCard.svelte      | 166 ------------------
 .../chat/[id]/revise/ResponseCard.test.ts     | 143 ---------------
 src/routes/(app)/document/Header.svelte       |  10 --
 test/registry.test.ts                         |  49 ++----
 19 files changed, 128 insertions(+), 938 deletions(-)
 delete mode 100644 src/routes/(app)/chat/[id]/revise/$data.test.ts
 delete mode 100644 src/routes/(app)/chat/[id]/revise/$data.ts
 delete mode 100644 src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
 delete mode 100644 src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
 delete mode 100644 src/routes/(app)/document/Header.svelte

diff --git a/src/database/schema.ts b/src/database/schema.ts
index ff27226..4dd144a 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -15,39 +15,6 @@ export const documentTable = sqliteTable("document", {
   createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
 });
 
-export const responseTable = sqliteTable(
-  "response",
-  {
-    id: text("id").primaryKey(),
-    chatId: text("chatId")
-      .notNull()
-      .references(() => chatTable.id, { onDelete: "cascade" }),
-    modelId: text("modelId").notNull(),
-    error: text("error"),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
-  },
-  (table) => ({
-    chatIdIdx: index("chatId_idx").on(table.chatId),
-  }),
-);
-
-export const responseMessageTable = sqliteTable(
-  "responseMessage",
-  {
-    id: text("id").primaryKey(),
-    index: int("index").notNull(),
-    responseId: text("responseId")
-      .notNull()
-      .references(() => responseTable.id, { onDelete: "cascade" }),
-    role: text("role").notNull(),
-    content: text("content").notNull(),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
-  },
-  (table) => ({
-    responseIdIdx: index("responseId_idx").on(table.responseId),
-  }),
-);
-
 export const revisionTable = sqliteTable(
   "revision",
   {
@@ -119,11 +86,9 @@ export const chatTable = sqliteTable("chat", {
  */
 
 export type Document = InferSelectModel<typeof documentTable>;
-export type Response = InferSelectModel<typeof responseTable>;
-export type ResponseMessage = InferSelectModel<typeof responseMessageTable>;
-export type InsertResponseMessage = InferInsertModel<typeof responseMessageTable>;
 export type Revision = InferSelectModel<typeof revisionTable>;
 export type Message = InferSelectModel<typeof messageTable>;
+export type InsertMessage = InferInsertModel<typeof messageTable>;
 export type Model = InferSelectModel<typeof modelTable>;
 export type Service = InferSelectModel<typeof serviceTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
@@ -134,19 +99,7 @@ export type Chat = InferSelectModel<typeof chatTable>;
  */
 
 export const chatRelations = relations(chatTable, ({ many }) => ({
-  responses: many(responseTable),
-}));
-
-export const responseRelations = relations(responseTable, ({ one, many }) => ({
-  chat: one(chatTable, {
-    fields: [responseTable.chatId],
-    references: [chatTable.id],
-  }),
-  model: one(modelTable, {
-    fields: [responseTable.modelId],
-    references: [modelTable.id],
-  }),
-  messages: many(responseMessageTable),
+  revisions: many(revisionTable),
 }));
 
 export const modelRelations = relations(modelTable, ({ one }) => ({
@@ -160,13 +113,6 @@ export const serviceRelations = relations(serviceTable, ({ many }) => ({
   models: many(modelTable),
 }));
 
-export const responseMessageRelations = relations(responseMessageTable, ({ one }) => ({
-  response: one(responseTable, {
-    fields: [responseMessageTable.responseId],
-    references: [responseTable.id],
-  }),
-}));
-
 export const revisionRelations = relations(revisionTable, ({ one, many }) => ({
   chat: one(chatTable, {
     fields: [revisionTable.chatId],
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index d6f99a2..d5c769a 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -10,6 +10,7 @@ import type {
   ToolCallHandler,
 } from "@ai-sdk/ui-utils";
 import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
+import { nanoid } from "nanoid";
 
 // todo remove tool and function calling until the library is stable and we need it
 
@@ -73,6 +74,8 @@ export type ChatOptions = {
   }: {
     toolCall: ToolCall$1<string, unknown>;
   }) => void | Promise<unknown> | unknown;
+  /** Callback function to be called when an input is submitted */
+  onSubmit?: (message: Message) => void | Promise<void>;
   /**
    * Callback function to be called when the API response is received.
    */
@@ -233,6 +236,7 @@ export class ChatService {
   private experimental_onFunctionCall: FunctionCallHandler | undefined;
   private experimental_onToolCall: ToolCallHandler | undefined;
   private streamMode: "stream-data" | "text" | undefined;
+  private onSubmit: ((message: Message) => void | Promise<void>) | undefined;
   private onResponse: ((response: Response) => void | Promise<void>) | undefined;
   private onFinish: ((message: Message) => void) | undefined;
   private onError: ((error: Error) => void) | undefined;
@@ -252,6 +256,7 @@ export class ChatService {
     experimental_onFunctionCall,
     experimental_onToolCall,
     streamMode,
+    onSubmit,
     onResponse,
     onFinish,
     onError,
@@ -259,7 +264,7 @@ export class ChatService {
     credentials,
     headers,
     body,
-    generateId = generateIdFunc,
+    generateId = () => nanoid(10),
     fetch,
   }: ChatOptions) {
     // assign options
@@ -270,6 +275,7 @@ export class ChatService {
     this.experimental_onFunctionCall = experimental_onFunctionCall;
     this.experimental_onToolCall = experimental_onToolCall;
     this.streamMode = streamMode;
+    this.onSubmit = onSubmit;
     this.onResponse = onResponse;
     this.onFinish = onFinish;
     this.onError = onError;
@@ -287,6 +293,7 @@ export class ChatService {
     this.editing = editing;
     this.fetch = fetch;
     // if editing, set initial input to the content of the message at the given index
+    console.log("editing", editing);
     if (editing && initialMessages) {
       this.input = initialMessages[editing.index].content;
       console.log("initial input", this.input);
@@ -410,7 +417,6 @@ export class ChatService {
   /** Form submission handler to automatically reset input and append a user message  */
   handleSubmit(event?: { preventDefault?: () => void }, chatRequestOptions?: ChatRequestOptions) {
     try {
-      console.log("handleSubmit", this.input, this.editing);
       event?.preventDefault?.();
       const inputValue = this.input;
       if (!inputValue) return;
@@ -425,7 +431,6 @@ export class ChatService {
           {
             content: inputValue,
             role: "user",
-            createdAt: new Date(),
           },
           chatRequestOptions,
         );
diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index 5bb4338..265a635 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -4,7 +4,7 @@ import Database from "better-sqlite3";
 import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
 import { nanoid } from "nanoid";
 import * as schema from "@/database/schema";
-import { chatTable, responseMessageTable, responseTable } from "@/database/schema";
+import { chatTable, revisionTable, messageTable } from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
 import { eq } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -30,8 +30,8 @@ describe("(app)/$data", () => {
     await runMigrations(true);
     db.run(sql.raw("PRAGMA foreign_keys=on;"));
 
-    await db.delete(schema.responseMessageTable);
-    await db.delete(schema.responseTable);
+    await db.delete(schema.messageTable);
+    await db.delete(schema.revisionTable);
     await db.delete(schema.chatTable);
     await db.delete(schema.modelTable);
     await db.delete(schema.serviceTable);
@@ -56,15 +56,27 @@ describe("(app)/$data", () => {
       { id: "chat2", name: "Chat 2", prompt: "Prompt 2" },
     ]);
 
-    await db.insert(schema.responseTable).values([
-      { id: "response1", chatId: "chat1", modelId: "model1" },
-      { id: "response2", chatId: "chat2", modelId: "model1" },
+    await db.insert(schema.revisionTable).values([
+      { id: "chat1-revision1", version: 1, chatId: "chat1" },
+      { id: "chat2-revision1", version: 1, chatId: "chat2" },
     ]);
 
-    await db.insert(schema.responseMessageTable).values([
-      { id: "message1", index: 0, responseId: "response1", role: "user", content: "Hello" },
-      { id: "message2", index: 1, responseId: "response1", role: "assistant", content: "Hi there" },
-      { id: "message3", index: 0, responseId: "response2", role: "user", content: "How are you?" },
+    await db.insert(schema.messageTable).values([
+      { id: "message1", index: 0, revisionId: "chat1-revision1", role: "user", content: "Hello" },
+      {
+        id: "message2",
+        index: 1,
+        revisionId: "chat1-revision1",
+        role: "assistant",
+        content: "Hi there",
+      },
+      {
+        id: "message3",
+        index: 0,
+        revisionId: "chat2-revision1",
+        role: "user",
+        content: "How are you?",
+      },
     ]);
   });
 
@@ -104,13 +116,13 @@ describe("(app)/$data", () => {
       });
       expect(removedChat).toBeUndefined();
 
-      const removedResponses = await db.query.responseTable.findMany({
-        where: eq(responseTable.chatId, "chat1"),
+      const removedResponses = await db.query.revisionTable.findMany({
+        where: eq(revisionTable.chatId, "chat1"),
       });
       expect(removedResponses).toHaveLength(0);
 
-      const removedMessages = await db.query.responseMessageTable.findMany({
-        where: eq(responseMessageTable.responseId, "response1"),
+      const removedMessages = await db.query.messageTable.findMany({
+        where: eq(messageTable.revisionId, "chat1-revision1"),
       });
       expect(removedMessages).toHaveLength(0);
 
@@ -135,7 +147,7 @@ describe("(app)/$data", () => {
     it("should duplicate a chat and its associated data", async () => {
       vi.mocked(nanoid)
         .mockReturnValueOnce("newChatId")
-        .mockReturnValueOnce("newResponseId")
+        .mockReturnValueOnce("newRevisionId")
         .mockReturnValueOnce("newMessageId");
 
       const newChatId = await duplicateChat("chat2");
@@ -144,7 +156,7 @@ describe("(app)/$data", () => {
       const duplicatedChat = await db.query.chatTable.findFirst({
         where: eq(chatTable.id, "newChatId"),
         with: {
-          responses: {
+          revisions: {
             with: {
               messages: true,
             },
@@ -157,18 +169,18 @@ describe("(app)/$data", () => {
         name: "Chat 2 copy",
         prompt: "Prompt 2",
         createdAt: expect.any(String),
-        responses: [
+        revisions: [
           {
-            id: "newResponseId",
+            id: "newRevisionId",
+            version: 1,
             chatId: "newChatId",
-            modelId: "model1",
             error: null,
             createdAt: expect.any(String),
             messages: [
               {
                 id: expect.any(String),
                 index: 0,
-                responseId: "newResponseId",
+                revisionId: "newRevisionId",
                 role: "user",
                 content: "How are you?",
                 createdAt: expect.any(String),
diff --git a/src/routes/(app)/$data.ts b/src/routes/(app)/$data.ts
index 8027b35..d6df272 100644
--- a/src/routes/(app)/$data.ts
+++ b/src/routes/(app)/$data.ts
@@ -1,6 +1,6 @@
 import { useDb } from "@/database/client";
 import { asc, desc, eq, not } from "drizzle-orm";
-import { chatTable, responseMessageTable, responseTable } from "@/database/schema";
+import { chatTable, revisionTable, messageTable } from "@/database/schema";
 import { nanoid } from "nanoid";
 import { invalidate } from "$app/navigation";
 
@@ -16,9 +16,6 @@ export async function newChat() {
 }
 
 export async function removeChat(chatId: string) {
-  // remove responses
-  await useDb().delete(responseTable).where(eq(responseTable.chatId, chatId));
-  // delete chat
   await useDb().delete(chatTable).where(eq(chatTable.id, chatId));
   // find next chat
   const nextChat = await useDb().query.chatTable.findFirst({
@@ -41,10 +38,10 @@ export async function duplicateChat(id: string) {
   const chat = await useDb().query.chatTable.findFirst({
     where: eq(chatTable.id, id),
     with: {
-      responses: {
+      revisions: {
         with: {
           messages: {
-            orderBy: [asc(responseMessageTable.index)],
+            orderBy: [asc(messageTable.index)],
           },
         },
       },
@@ -60,24 +57,15 @@ export async function duplicateChat(id: string) {
       name: `${chat.name} copy`,
       prompt: chat.prompt,
     });
-    for (const response of chat.responses) {
-      const responseId = nanoid(10);
-      await tx.insert(responseTable).values({
-        id: responseId,
-        chatId: newChatId,
-        modelId: response.modelId,
-        error: null,
-      });
+    for (const revision of chat.revisions) {
+      const newRevisionId = nanoid(10);
+      await tx.insert(revisionTable).values({ ...revision, id: newRevisionId, chatId: newChatId });
       let index = 0;
-      for (const message of response.messages) {
-        const responseMessageId = nanoid(10);
-        await tx.insert(responseMessageTable).values({
-          id: responseMessageId,
-          index,
-          responseId: responseId,
-          role: message.role,
-          content: message.content,
-        });
+      for (const message of revision.messages) {
+        const newMessageId = nanoid(10);
+        await tx
+          .insert(messageTable)
+          .values({ ...message, id: newMessageId, revisionId: newRevisionId });
         index += 1;
       }
     }
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 9d15338..6b5f6fc 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -1,13 +1,11 @@
-import { afterEach, beforeEach, describe, expect, it, vi, beforeAll, afterAll } from "vitest";
-import { updateChat, updateResponsePrompt, interpolateDocuments, submitPrompt } from "./$data";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { interpolateDocuments, updateChat } from "./$data";
 import Database from "better-sqlite3";
 import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
 import * as schema from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
 import { eq } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
-import { toast } from "svelte-french-toast";
-import { nanoid } from "nanoid";
 
 let sqlite: Database.Database;
 let db: BetterSQLite3Database<typeof schema>;
@@ -58,15 +56,13 @@ beforeEach(async () => {
     .insert(schema.chatTable)
     .values([{ id: "chat1", name: "Test Chat", prompt: "Test prompt with [[doc1]]" }]);
 
-  await db
-    .insert(schema.responseTable)
-    .values([{ id: "response1", chatId: "chat1", modelId: "model1" }]);
+  await db.insert(schema.revisionTable).values([{ id: "revision1", version: 1, chatId: "chat1" }]);
 
-  await db.insert(schema.responseMessageTable).values([
+  await db.insert(schema.messageTable).values([
     {
       id: "message1",
       index: 0,
-      responseId: "response1",
+      revisionId: "revision1",
       role: "user",
       content: "Original content",
     },
@@ -100,24 +96,6 @@ describe("updateChat", () => {
   });
 });
 
-describe("updateResponsePrompt", () => {
-  it("should update the response prompt", async () => {
-    await updateResponsePrompt("response1");
-
-    const message = await db.query.responseMessageTable.findFirst({
-      where: eq(schema.responseMessageTable.responseId, "response1"),
-    });
-
-    expect(message?.content).toBe("Test prompt with Test content");
-    expect(toast.error).not.toHaveBeenCalled();
-  });
-
-  it("should show error toast if response is not found", async () => {
-    await updateResponsePrompt("nonexistent");
-    expect(toast.error).toHaveBeenCalledWith("Response not found");
-  });
-});
-
 describe("interpolateDocuments", () => {
   it("should interpolate documents into the prompt", async () => {
     const result = await interpolateDocuments("This is a [[doc1]] test");
@@ -130,57 +108,3 @@ describe("interpolateDocuments", () => {
     );
   });
 });
-
-describe("submitPrompt", () => {
-  it("should submit a prompt and create a new response", async () => {
-    vi.mocked(nanoid).mockReturnValueOnce("response2").mockReturnValueOnce("message2");
-
-    const chat = {
-      id: "chat1",
-      name: "Test Chat",
-      prompt: "Test prompt with [[doc1]]",
-      createdAt: new Date().toISOString(),
-    };
-    await submitPrompt(chat, "model1");
-
-    const response = await db.query.responseTable.findFirst({
-      where: eq(schema.responseTable.id, "response2"),
-    });
-    expect(response).toBeDefined();
-
-    const message = await db.query.responseMessageTable.findFirst({
-      where: eq(schema.responseMessageTable.responseId, "response2"),
-    });
-    expect(message).toEqual(
-      expect.objectContaining({
-        responseId: "response2",
-        role: "user",
-        content: "Test prompt with Test content",
-      }),
-    );
-
-    expect(invalidate).toHaveBeenCalledWith("view:responses");
-  });
-
-  it("should show error toast if no model is selected", async () => {
-    const chat = {
-      id: "chat1",
-      name: "Test Chat",
-      prompt: "Test prompt",
-      createdAt: new Date().toISOString(),
-    };
-    await submitPrompt(chat, null);
-    expect(toast.error).toHaveBeenCalledWith("No model selected");
-  });
-
-  it("should show error toast if selected model is not found", async () => {
-    const chat = {
-      id: "chat1",
-      name: "Test Chat",
-      prompt: "Test prompt",
-      createdAt: new Date().toISOString(),
-    };
-    await submitPrompt(chat, "nonexistent");
-    expect(toast.error).toHaveBeenCalledWith("Selected model not found");
-  });
-});
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 7b7a6b7..fb71ad3 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -2,16 +2,16 @@ import {
   type Chat,
   chatTable,
   documentTable,
+  type InsertMessage,
+  messageTable,
   modelTable,
-  responseMessageTable,
-  responseTable,
+  revisionTable,
   useDb,
 } from "@/database";
 import { desc, eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
-import { invalidate } from "$app/navigation";
-import { toast } from "svelte-french-toast";
 import { invalidateModel } from "@/database/model";
+import { sql } from "drizzle-orm/sql";
 
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
@@ -23,21 +23,14 @@ export function loadServices() {
   });
 }
 
-export async function getLatestResponse(chatId: string) {
-  // get latest revision
-  const response = await useDb().query.responseTable.findFirst({
-    where: eq(responseTable.chatId, chatId),
+export function getLatestRevision(chatId: string) {
+  return useDb().query.revisionTable.findFirst({
+    where: eq(revisionTable.chatId, chatId),
     with: {
       messages: true,
-      model: {
-        with: {
-          service: true,
-        },
-      },
     },
-    orderBy: [desc(responseTable.createdAt)],
+    orderBy: [desc(revisionTable.version)],
   });
-  return response;
 }
 
 export function getModelService(modelId: string) {
@@ -49,20 +42,19 @@ export function getModelService(modelId: string) {
   });
 }
 
-export async function createResponse(chatId: string) {
-  const model = await useDb().query.modelTable.findFirst({ where: eq(modelTable.visible, 1) });
-  const responseId = nanoid(10);
+export async function createRevision(chatId: string) {
+  const revisionId = nanoid(10);
   await useDb()
-    .insert(responseTable)
+    .insert(revisionTable)
     .values({
-      id: responseId,
+      id: revisionId,
+      version: sql`(SELECT COUNT(id) + 1 FROM ${revisionTable} WHERE ${eq(revisionTable.chatId, chatId)})`,
       chatId,
-      modelId: model?.id || "none",
       error: null,
       createdAt: new Date().toISOString(),
     })
     .execute();
-  return getLatestResponse(chatId);
+  return getLatestRevision(chatId);
 }
 
 export async function updateChat(chatId: string, updates: Partial<Chat>) {
@@ -76,45 +68,6 @@ export async function updateChat(chatId: string, updates: Partial<Chat>) {
   await invalidateModel(chatTable, { id: chatId });
 }
 
-export async function updateResponsePrompt(id: string) {
-  try {
-    console.time("updateResponsePrompt");
-    const response = await useDb().query.responseTable.findFirst({
-      where: eq(responseTable.id, id),
-    });
-    if (!response) {
-      return toast.error("Response not found");
-    }
-    // get first message
-    const message = await useDb().query.responseMessageTable.findFirst({
-      where: eq(responseMessageTable.responseId, id),
-    });
-    if (!message) {
-      return toast.error("Message not found");
-    }
-    const chat = await useDb().query.chatTable.findFirst({
-      where: eq(chatTable.id, response.chatId),
-    });
-    if (!chat) {
-      return toast.error("Chat not found");
-    }
-    // interpolate documents into prompt
-    const content = await interpolateDocuments(chat.prompt);
-    console.log("updated prompt", content);
-    await useDb()
-      .update(responseMessageTable)
-      .set({ content })
-      .where(eq(responseMessageTable.id, message.id));
-  } catch (e) {
-    if (e instanceof Error) {
-      toast.error(e.message);
-    }
-    console.error(e);
-  } finally {
-    console.timeEnd("updateResponsePrompt");
-  }
-}
-
 export async function interpolateDocuments(prompt: string) {
   const templateTagRegex = /\[\[(.*?)]]/g;
   const matches = prompt.match(templateTagRegex);
@@ -137,42 +90,20 @@ export async function interpolateDocuments(prompt: string) {
   return interpolatedPrompt;
 }
 
-export async function submitPrompt(chat: Chat, modelId: string | null) {
+export async function appendMessage(message: Omit<InsertMessage, "index" | "createdAt">) {
   try {
-    if (!modelId) {
-      throw new Error("No model selected");
-    }
-    const model = await useDb().query.modelTable.findFirst({
-      where: eq(modelTable.id, modelId),
-    });
-    if (!model) {
-      throw new Error("Selected model not found");
-    }
-    // const model = db.models.get(store.selected.modelId);
-    // interpolate documents into prompt
-    const content = await interpolateDocuments(chat.prompt);
-    console.log("content", content);
-    await useDb().transaction(async (tx) => {
-      const responseId = nanoid(10);
-      await tx.insert(responseTable).values({
-        id: responseId,
-        chatId: chat.id,
-        modelId: model.id,
-        error: null,
-      });
-      await tx.insert(responseMessageTable).values({
-        id: nanoid(),
-        index: 0,
-        responseId,
-        role: "user",
-        content,
-      });
-    });
-    await invalidate("view:responses");
+    return await useDb()
+      .insert(messageTable)
+      .values({
+        id: message.id,
+        revisionId: message.revisionId,
+        role: message.role,
+        content: message.content,
+        index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, message.revisionId)})`,
+      })
+      .execute();
   } catch (e) {
-    if (e instanceof Error) {
-      toast.error(e.message);
-    }
     console.error(e);
+    throw e;
   }
 }
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index 35209bd..ef8b78a 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -1,7 +1,7 @@
 import { eq } from "drizzle-orm";
-import { chatTable, registerModel, responseTable, serviceTable, useDb } from "@/database";
+import { chatTable, registerModel, revisionTable, serviceTable, useDb } from "@/database";
 import { error } from "@sveltejs/kit";
-import { createResponse, getLatestResponse, loadServices } from "./$data";
+import { createRevision, getLatestRevision, loadServices } from "./$data";
 
 export async function load({ route, url, params, depends }) {
   // evaluate tab using route id
@@ -27,14 +27,12 @@ export async function load({ route, url, params, depends }) {
   const services = await loadServices();
   registerModel(serviceTable, services, depends);
 
-  const response = (await getLatestResponse(params.id)) || (await createResponse(params.id));
-  if (!response) {
+  const revision = (await getLatestRevision(params.id)) || (await createRevision(params.id));
+  if (!revision) {
     return error(500, "Error loading chat");
   }
-  registerModel(responseTable, response!, depends);
+  registerModel(revisionTable, revision, depends);
   depends("view:messages");
-
   depends("view:chat");
-
-  return { chat, services, tab, response };
+  return { chat, services, tab, revision };
 }
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 61efb95..09411e3 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -6,5 +6,5 @@
 </script>
 
 {#key $page.params.id}
-  <ChatPage chat={data.chat} responseId={data.response.id} messages={data.response.messages} />
+  <ChatPage chat={data.chat} revisionId={data.revision.id} messages={data.revision.messages} />
 {/key}
diff --git a/src/routes/(app)/chat/[id]/+page.ts b/src/routes/(app)/chat/[id]/+page.ts
index 7e4b68f..b8c5a53 100644
--- a/src/routes/(app)/chat/[id]/+page.ts
+++ b/src/routes/(app)/chat/[id]/+page.ts
@@ -1,13 +1,13 @@
-import { createResponse, getLatestResponse } from "./$data";
-import { registerModel, responseTable } from "@/database";
+import { createRevision, getLatestRevision } from "./$data";
+import { registerModel, revisionTable } from "@/database";
 import { error } from "@sveltejs/kit";
 
 export async function load({ params, depends }) {
-  const response = (await getLatestResponse(params.id)) || (await createResponse(params.id));
-  if (!response) {
+  const revision = (await getLatestRevision(params.id)) || (await createRevision(params.id));
+  if (!revision) {
     return error(500, "Error loading chat");
   }
-  registerModel(responseTable, response!, depends);
+  registerModel(revisionTable, revision, depends);
   depends("view:messages");
-  return { response };
+  return { revision };
 }
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index b8a862c..2a0be79 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,20 +1,20 @@
 <script lang="ts">
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
-  import { updateMessages } from "./revise/$data";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import { getModelService } from "./$data";
-  import type { Chat, ResponseMessage } from "@/database";
+  import { appendMessage, getModelService } from "./$data";
+  import type { Chat, Message } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
+  import { nanoid } from "nanoid";
 
   type Props = {
     chat: Chat;
-    responseId: string;
-    messages: ResponseMessage[];
+    revisionId: string;
+    messages: Message[];
   };
-  let { chat, responseId, messages }: Props = $props();
+  let { chat, revisionId, messages }: Props = $props();
   let bottomRef: HTMLDivElement;
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
@@ -34,7 +34,7 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
-      updateMessages(responseId, $state.snapshot(chatService.messages));
+      appendMessage({ ...message, revisionId });
     },
     onMessageUpdate: (messages) => {
       bottomRef.scrollIntoView({ behavior: "smooth" });
@@ -51,6 +51,7 @@
       toast.error("Selected model not found");
       return;
     }
+    appendMessage({ id: nanoid(10), role: "user", content: value, revisionId });
     Object.assign(body, {
       providerId: model.service.providerId,
       modelName: model.name,
diff --git a/src/routes/(app)/chat/[id]/revise/$data.test.ts b/src/routes/(app)/chat/[id]/revise/$data.test.ts
deleted file mode 100644
index de6af91..0000000
--- a/src/routes/(app)/chat/[id]/revise/$data.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { loadResponses, removeResponse, updateMessages } from "./$data";
-import Database from "better-sqlite3";
-import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
-import * as schema from "@/database/schema";
-import { runMigrations } from "@/database/migrator";
-import { eq } from "drizzle-orm";
-import { invalidate } from "$app/navigation";
-import { useDb } from "@/database";
-
-vi.mock("nanoid");
-vi.mock("$app/navigation");
-vi.mock("@/database/client");
-
-let sqlite: Database.Database;
-let db: BetterSQLite3Database<typeof schema>;
-
-beforeEach(async () => {
-  // Set up database
-  sqlite = new Database(":memory:");
-  db = drizzle(sqlite, { schema });
-  vi.mocked(useDb).mockReturnValue(db);
-
-  await runMigrations(true);
-
-  // Insert test data
-  await db.insert(schema.serviceTable).values([
-    {
-      id: "service1",
-      name: "Test Service",
-      providerId: "provider1",
-      baseURL: "https://api.test.com",
-      apiKey: "test-api-key",
-    },
-  ]);
-
-  await db
-    .insert(schema.modelTable)
-    .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
-
-  await db
-    .insert(schema.chatTable)
-    .values([{ id: "chat1", name: "Test Chat", prompt: "Test prompt" }]);
-
-  await db
-    .insert(schema.responseTable)
-    .values([{ id: "response1", chatId: "chat1", modelId: "model1" }]);
-
-  await db.insert(schema.responseMessageTable).values([
-    { id: "message1", index: 0, responseId: "response1", role: "user", content: "Hello" },
-    { id: "message2", index: 1, responseId: "response1", role: "assistant", content: "Hi there" },
-  ]);
-});
-
-afterEach(() => {
-  sqlite.close();
-  vi.resetAllMocks();
-});
-
-describe("loadResponses", () => {
-  it("should load responses for a given chat", async () => {
-    const responses = await loadResponses("chat1");
-
-    expect(responses).toHaveLength(1);
-    expect(responses[0]).toEqual(
-      expect.objectContaining({
-        id: "response1",
-        chatId: "chat1",
-        modelId: "model1",
-      }),
-    );
-    expect(responses[0].messages).toHaveLength(2);
-    expect(responses[0].model).toBeDefined();
-    expect(responses[0].model.service).toBeDefined();
-  });
-
-  it("should return an empty array if no responses are found", async () => {
-    const responses = await loadResponses("nonexistent");
-    expect(responses).toHaveLength(0);
-  });
-});
-
-describe("updateMessages", () => {
-  it("should update existing messages and add new ones", async () => {
-    const newMessages = [
-      { id: "message1", role: "user", content: "Hello", createdAt: new Date() },
-      { id: "new-message2", role: "assistant", content: "Updated Hi there", createdAt: new Date() },
-    ];
-
-    // @ts-expect-error message type mismatch
-    await updateMessages("response1", newMessages);
-
-    const updatedMessages = await db.query.responseMessageTable.findMany({
-      where: eq(schema.responseMessageTable.responseId, "response1"),
-      orderBy: [schema.responseMessageTable.index],
-    });
-
-    expect(updatedMessages).toHaveLength(2);
-    expect(updatedMessages[0].content).toBe("Hello");
-    expect(updatedMessages[1].content).toBe("Updated Hi there");
-    expect(invalidate).toHaveBeenCalledWith("view:responses");
-  });
-});
-
-describe("removeResponse", () => {
-  it("should remove a response and its messages", async () => {
-    await removeResponse("response1");
-
-    const response = await db.query.responseTable.findFirst({
-      where: eq(schema.responseTable.id, "response1"),
-    });
-    expect(response).toBeUndefined();
-
-    const messages = await db.query.responseMessageTable.findMany({
-      where: eq(schema.responseMessageTable.responseId, "response1"),
-    });
-    expect(messages).toHaveLength(0);
-
-    expect(invalidate).toHaveBeenCalledWith("view:responses");
-  });
-});
diff --git a/src/routes/(app)/chat/[id]/revise/$data.ts b/src/routes/(app)/chat/[id]/revise/$data.ts
deleted file mode 100644
index 836245e..0000000
--- a/src/routes/(app)/chat/[id]/revise/$data.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import {
-  type InsertResponseMessage,
-  type ResponseMessage,
-  responseMessageTable,
-  responseTable,
-  useDb,
-} from "@/database";
-import { asc, desc, eq, max } from "drizzle-orm";
-import { invalidate } from "$app/navigation";
-import { type Message } from "ai";
-import { sql } from "drizzle-orm/sql";
-
-export type ResponsesView = Awaited<ReturnType<typeof loadResponses>>;
-
-export function loadResponses(chatId: string) {
-  return useDb().query.responseTable.findMany({
-    with: {
-      messages: true,
-      model: {
-        with: {
-          service: true,
-        },
-      },
-    },
-    where: eq(responseTable.chatId, chatId),
-  });
-}
-
-export async function updateMessages(responseId: string, newMessages: Message[]) {
-  await useDb().transaction(async (tx) => {});
-
-  const currentMessages = await useDb().query.responseMessageTable.findMany({
-    where: eq(responseMessageTable.responseId, responseId),
-    orderBy: [asc(responseMessageTable.index)],
-  });
-
-  await useDb().transaction(async (tx) => {
-    let index = 0;
-    for (const newMessage of newMessages) {
-      const currentMessage = currentMessages[index];
-      if (currentMessage && newMessage.id !== currentMessage.id) {
-        // update required
-        await tx
-          .update(responseMessageTable)
-          .set({ ...newMessage, createdAt: newMessage.createdAt?.toISOString(), index })
-          .where(eq(responseMessageTable.id, currentMessage.id));
-      } else if (!currentMessage) {
-        // new message
-        await tx.insert(responseMessageTable).values({
-          ...newMessage,
-          createdAt: newMessage.createdAt?.toISOString(),
-          responseId,
-          index,
-        });
-      }
-      index += 1;
-    }
-  });
-  await invalidate("view:responses");
-}
-
-export async function removeResponse(responseId: string) {
-  console.time("removeMessages");
-  await useDb().transaction(async (tx) => {
-    await tx.delete(responseMessageTable).where(eq(responseMessageTable.responseId, responseId));
-    await tx.delete(responseTable).where(eq(responseTable.id, responseId));
-  });
-  console.timeEnd("removeMessages");
-  await invalidate("view:responses");
-}
-
-export async function insertResponseMessage(message: Omit<InsertResponseMessage, "index">) {
-  await useDb()
-    .insert(responseMessageTable)
-    .values({
-      ...message,
-      index: sql`(SELECT COALESCE(MAX(id), -1) + 1 FROM ${responseMessageTable} WHERE ${eq(responseMessageTable.responseId, message.responseId)})`,
-    })
-    .execute();
-  await invalidate("view:responses");
-}
-
-export async function updateResponseMessage(
-  responseMessageId: string,
-  updates: Partial<ResponseMessage>,
-) {
-  await useDb()
-    .update(responseMessageTable)
-    .set({ ...updates })
-    .where(eq(responseMessageTable.id, responseMessageId))
-    .execute();
-  await invalidate("view:responses");
-}
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index f2d79d7..2c4c21c 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -1,23 +1,15 @@
 <script lang="ts">
   import EditorCard from "./EditorCard.svelte";
-  import ResponseCard from "./ResponseCard.svelte";
-  import { insertResponseMessage, updateMessages, updateResponseMessage } from "./$data";
-  import { nanoid } from "nanoid";
-  import { invalidate } from "$app/navigation";
-  import { concatMap, Subject, throttleTime } from "rxjs";
-  import type { ResponseMessage } from "@/database";
   import MessageCard from "../MessageCard.svelte";
-  import { getModelService, submitPrompt } from "../$data";
+  import { getModelService } from "../$data";
   import { store } from "$lib/store.svelte";
-  import { Button } from "@/components/ui/button";
-  import { PlayIcon, Send, SendIcon } from "lucide-svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
   import ChatTitlebar from "../ChatTitlebar.svelte";
 
   let { data } = $props();
 
-  let editIndex = findEditIndex();
+  let editIndex = $state(findEditIndex());
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
@@ -30,66 +22,30 @@
 
   let chatService = new ChatService({
     // @ts-expect-error message type mismatch
-    initialMessages: data.response.messages,
-    editing: editIndex ? { index: editIndex } : undefined,
+    initialMessages: data.revision.messages,
+    editing: editIndex != null ? { index: editIndex } : undefined,
     body,
     onError: (e) => {
       toast.error(e.message);
     },
     onFinish: (message) => {
       console.log("onFinish", message);
+      // todo save new revision and load it
       // updateMessages(data.response.id, $state.snapshot(chatService.messages));
     },
   });
 
-  $inspect("input", chatService.input);
+  $inspect("input", chatService.input, editIndex);
 
-  let assistantMessage = $derived(getAssistantMessage());
-
-  // let userMessage = $derived(getUserMessage());
-  // let assistantMessage = $derived(userMessage ? getAssistantMessage(userMessage) : null);
-  // // problem: cannot bind content since codemirror resets cursor position when content is updated by loader
-  // // solution: uncontrolled prompt using state, does not update until navigation
-  // let prompt = $state(userMessage ? userMessage.content : "");
-  //
-  // $inspect("revise", data.response.messages, userMessage, assistantMessage, prompt);
-  //
-  // const input$ = new Subject();
-  // input$
-  //   .pipe(
-  //     throttleTime(100, undefined, { leading: true, trailing: true }),
-  //     concatMap(async (newValue) => {
-  //       if (userMessage) {
-  //         await updateResponseMessage(userMessage.id, { content: newValue });
-  //       } else {
-  //         await insertResponseMessage({
-  //           id: nanoid(),
-  //           responseId: data.response.id,
-  //           role: "user",
-  //           content: newValue,
-  //         });
-  //       }
-  //       // will reload messages so that next change will update instead of creating a new message.
-  //       await invalidate("view:messages");
-  //     }),
-  //   )
-  //   .subscribe();
-  //
-  // function getNextIndex() {
-  //   const nextIndex = data.response.messages.length
-  //     ? data.response.messages.reduce((localMax, curr) => Math.max(localMax, curr.index), 0) + 1
-  //     : 0;
-  //   console.log("nextIndex", data.response.messages.length, nextIndex);
-  //   return nextIndex;
-  // }
+  let assistantMessage = $derived(findAssistantMessage());
 
   function findEditIndex() {
-    const editIndex = data.response.messages.findLastIndex((m) => m.role === "user");
+    const editIndex = data.revision.messages.findLastIndex((m) => m.role === "user");
     return editIndex === -1 ? undefined : editIndex;
   }
 
-  function getAssistantMessage() {
-    return editIndex
+  function findAssistantMessage() {
+    return editIndex != null
       ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
       : undefined;
   }
@@ -118,7 +74,7 @@
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto py-4">
     {#each chatService.messages as message, index (message.id)}
-      {#if !editIndex || index < editIndex}
+      {#if editIndex == null || index < editIndex}
         <MessageCard {message} />
       {/if}
     {/each}
diff --git a/src/routes/(app)/chat/[id]/revise/+page.ts b/src/routes/(app)/chat/[id]/revise/+page.ts
index db9e09f..854de6f 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.ts
+++ b/src/routes/(app)/chat/[id]/revise/+page.ts
@@ -1,12 +1,3 @@
-import { loadResponses } from "./$data";
-import { registerModel, responseTable } from "@/database";
-
 export async function load({ params, depends }) {
-  const responses = await loadResponses(params.id);
-  registerModel(responseTable, responses, depends);
-  depends("view:responses");
-
-  return {
-    responses,
-  };
+  return {};
 }
diff --git a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
index 26992d9..64b0131 100644
--- a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
@@ -17,8 +17,6 @@
   import { Decoration } from "@codemirror/view";
   import { goto } from "$app/navigation";
   import { documentTable, type Chat, useDb } from "@/database";
-  import { submitPrompt } from "../$data";
-  import { store } from "$lib/store.svelte";
   import { eq, like } from "drizzle-orm";
 
   type Props = {
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte b/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
deleted file mode 100644
index cc08bc1..0000000
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.svelte
+++ /dev/null
@@ -1,166 +0,0 @@
-<script lang="ts">
-  import { ChatService } from "$lib/chat-service.svelte.js";
-  import { LoaderCircleIcon, RefreshCwIcon, XIcon } from "lucide-svelte";
-  import { Card, CardContent, CardHeader } from "@/components/ui/card";
-  import { Label } from "@/components/ui/label";
-  import { Badge } from "@/components/ui/badge";
-  import { useDb } from "@/database/client";
-  import { eq } from "drizzle-orm";
-  import {
-    type Model,
-    modelTable,
-    type ResponseMessage,
-    responseTable,
-    type Service,
-  } from "@/database/schema";
-  import { store } from "@/lib/store.svelte";
-  import { updateResponsePrompt } from "../$data";
-  import { removeResponse, type ResponsesView, updateMessages } from "./$data";
-  import { invalidateModel } from "@/database";
-  import MessageMarkdown from "./MessageMarkdown.svelte";
-  import { toast } from "svelte-french-toast";
-  import { untrack } from "svelte";
-  import { Button } from "@/components/ui/button";
-
-  type Props = {
-    response: ResponsesView[number] & { model: Model | null };
-    initialMessages: ResponseMessage[];
-    service: Service | null;
-  };
-  let { response, initialMessages, service }: Props = $props();
-
-  let format = $state("markdown");
-  let id = $derived(response.id);
-  let done = $state(false);
-  let body = $state({
-    providerId: service?.providerId,
-    modelName: response.model?.name,
-    baseURL: service?.baseURL,
-    apiKey: service?.apiKey,
-  });
-
-  $effect(() => {
-    Object.assign(body, {
-      providerId: service?.providerId,
-      modelName: response.model?.name,
-      baseURL: service?.baseURL,
-      apiKey: service?.apiKey,
-    });
-  });
-
-  let chat = new ChatService({
-    // @ts-expect-error createdAt type mismatch
-    initialMessages,
-    body,
-    onError: (e) => {
-      console.log("onError", e);
-      toast.error(e.message);
-    },
-    onFinish: (message) => {
-      console.log("onFinish", chat.messages, message);
-      updateMessages(response.id, $state.snapshot(chat.messages));
-    },
-  });
-
-  let content = $derived(chat.messages.find((m) => m.role === "assistant")?.content || "");
-  let lastMessageIsAssistant = $derived(chat.messages.findLast((m) => m.role === "assistant"));
-
-  // reset done when id changes
-  $effect(() => {
-    id;
-    untrack(() => {
-      // reset done when id changes
-      done = false;
-    });
-  });
-
-  // request a chat response on first load if last message is not assistant
-  $effect(() => {
-    if (!lastMessageIsAssistant && response.error == null && !done) {
-      done = true;
-      untrack(() => {
-        console.log("refreshing");
-        chat.reload();
-      });
-    }
-  });
-
-  async function refresh() {
-    await updateResponsePrompt(response.id);
-    if (store.selected.modelId && store.selected.modelId !== response.modelId) {
-      // update modelId in response if selected model is valid
-      const model = await useDb().query.modelTable.findFirst({
-        where: eq(modelTable.id, store.selected.modelId),
-        with: {
-          service: true,
-        },
-      });
-      if (model) {
-        await useDb()
-          .update(responseTable)
-          .set({ modelId: model.id })
-          .where(eq(responseTable.id, response.id));
-      }
-    }
-    await invalidateModel(responseTable, response);
-    // @ts-expect-error hack to update messages
-    chat.messages = initialMessages;
-    await chat.reload();
-  }
-</script>
-
-<Card>
-  <CardHeader class="flex flex-row items-center space-x-2 space-y-0 bg-muted/50 p-2">
-    {#if chat.isLoading}
-      <Button
-        name="stop"
-        onclick={() => chat.stop()}
-        variant="ghost"
-        class="h-6 w-6 p-1 text-gray-500"
-      >
-        <LoaderCircleIcon class="loading-icon" />
-      </Button>
-    {:else}
-      <Button
-        aria-label="refresh"
-        onclick={refresh}
-        variant="ghost"
-        class="h-6 w-6 p-1 text-gray-500"
-      >
-        <RefreshCwIcon />
-      </Button>
-      <!--      <RefreshCwIcon-->
-      <!--        onclick={refresh}-->
-      <!--        size={16}-->
-      <!--        class="cursor-pointer text-gray-500 hover:bg-accent"-->
-      <!--      />-->
-    {/if}
-
-    <div class="pr-2 text-xs text-gray-500">{response.model?.name || "deleted"}</div>
-    <div class="flex-1"></div>
-    <Badge onclick={() => (format = "markdown")} variant="outline" class="hover:bg-gray-200"
-      >Markdown</Badge
-    >
-    <Badge onclick={() => (format = "text")} variant="outline" class="hover:bg-gray-200">Text</Badge
-    >
-    <XIcon
-      class="text-gray-500"
-      size={16}
-      onclick={() => {
-        stop();
-        removeResponse(response.id);
-      }}
-    />
-  </CardHeader>
-  <CardContent class="p-6">
-    {#if response.error}
-      <Label class="text-red-500">{response.error}</Label>
-    {/if}
-
-    {#if format === "markdown"}
-      <MessageMarkdown {content} />
-    {:else}
-      {content}
-    {/if}
-  </CardContent>
-</Card>
diff --git a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts b/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
deleted file mode 100644
index 18a0ff6..0000000
--- a/src/routes/(app)/chat/[id]/revise/ResponseCard.test.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-import { fireEvent, render, screen, waitFor } from "@testing-library/svelte";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import ResponseCard from "./ResponseCard.svelte";
-import { useDb } from "@/database/client";
-import { ChatService } from "$lib/chat-service.svelte.js";
-
-// Mock the dependencies
-vi.mock("@/database/client", () => ({
-  useDb: vi.fn(),
-}));
-
-vi.mock("$lib/use-chat.svelte", () => ({
-  useChat: vi.fn(),
-}));
-
-vi.mock("svelte-french-toast", () => ({
-  toast: {
-    error: vi.fn(),
-  },
-}));
-
-vi.mock("../$data", () => ({
-  updateResponsePrompt: vi.fn(),
-  // Include other exports from $data if necessary
-  removeResponse: vi.fn(),
-  updateMessages: vi.fn(),
-}));
-
-describe.skip("ResponseCard", () => {
-  const mockResponse = {
-    id: "1",
-    model: { name: "TestModel" },
-    error: null,
-  };
-
-  const mockInitialMessages = [
-    { role: "user", content: "Hello" },
-    { role: "assistant", content: "**Hi there!**" },
-  ];
-
-  const mockService = {
-    providerId: "test-provider",
-    baseURL: "https://api.test.com",
-    apiKey: "test-api-key",
-  };
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-
-    // Mock useChat
-    vi.mocked(useChat).mockReturnValue({
-      // @ts-expect-error messages type mismatch
-      messages: mockInitialMessages,
-      isLoading: false,
-      reload: vi.fn(),
-      stop: vi.fn(),
-    });
-
-    // Mock useDb
-    vi.mocked(useDb).mockReturnValue({
-      query: {
-        // @ts-expect-error
-        modelTable: {
-          findFirst: vi.fn().mockResolvedValue({ id: "1", name: "TestModel" }),
-        },
-      },
-      update: vi.fn().mockReturnValue({
-        set: vi.fn().mockReturnValue({
-          where: vi.fn().mockResolvedValue({}),
-        }),
-      }),
-    });
-  });
-
-  it("renders the component with initial messages", () => {
-    render(ResponseCard, {
-      // @ts-expect-error partial mock
-      response: mockResponse,
-      // @ts-expect-error partial mock
-      initialMessages: mockInitialMessages,
-      // @ts-expect-error partial mock
-      service: mockService,
-    });
-
-    expect(screen.getByText("TestModel")).toBeTruthy();
-    expect(screen.getByText("Hi there!")).toBeTruthy();
-  });
-
-  it("switches between markdown and text format", async () => {
-    render(ResponseCard, {
-      // @ts-expect-error partial mock
-      response: mockResponse,
-      // @ts-expect-error partial mock
-      initialMessages: mockInitialMessages,
-      // @ts-expect-error partial mock
-      service: mockService,
-    });
-
-    const markdownBadge = screen.getByText("Markdown");
-    const textBadge = screen.getByText("Text");
-
-    await fireEvent.click(textBadge);
-    expect(screen.getByText("**Hi there!**")).toBeTruthy();
-
-    await fireEvent.click(markdownBadge);
-    // You might need to adjust this expectation based on how your MessageMarkdown component renders content
-    expect(screen.getByText("Hi there!")).toBeTruthy();
-  });
-
-  it.skip("handles refresh action", async () => {
-    render(ResponseCard, {
-      // @ts-expect-error partial mock
-      response: mockResponse,
-      // @ts-expect-error partial mock
-      initialMessages: mockInitialMessages,
-      // @ts-expect-error partial mock
-      service: mockService,
-    });
-
-    // Use the aria-label to find the refresh button
-    const refreshButton = screen.getByLabelText("refresh");
-    await fireEvent.click(refreshButton);
-
-    await waitFor(() => {
-      expect(useDb().update).toHaveBeenCalled();
-      expect(useChat().reload).toHaveBeenCalled();
-    });
-  });
-
-  it("displays error message when present", () => {
-    const errorResponse = { ...mockResponse, error: "Test error message" };
-    render(ResponseCard, {
-      // @ts-expect-error partial mock
-      response: errorResponse,
-      // @ts-expect-error partial mock
-      initialMessages: mockInitialMessages,
-      // @ts-expect-error partial mock
-      service: mockService,
-    });
-
-    expect(screen.getByText("Test error message")).toBeTruthy();
-  });
-});
diff --git a/src/routes/(app)/document/Header.svelte b/src/routes/(app)/document/Header.svelte
deleted file mode 100644
index a932d5b..0000000
--- a/src/routes/(app)/document/Header.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  import Sheet from "@/components/Sheet.svelte";
-</script>
-
-<header
-  class="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background px-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-6 sm:pt-2"
->
-  <Sheet />
-  <nav aria-label="breadcrumb" class="hidden md:flex"></nav>
-</header>
diff --git a/test/registry.test.ts b/test/registry.test.ts
index 0651c39..6818c44 100644
--- a/test/registry.test.ts
+++ b/test/registry.test.ts
@@ -1,22 +1,12 @@
 import { describe, expect, it } from "vitest";
-import {
-  type Model,
-  type Chat,
-  chatTable,
-  type Response,
-  type ResponseMessage,
-  type Service,
-} from "@/database/schema";
+import { type Chat, chatTable, type Message, type Revision } from "@/database/schema";
 import { registerModel } from "../src/database";
 
 describe("cache", () => {
   it("should use relations to extract models", async () => {
     type ChatView = Chat & {
-      responses: (Response & {
-        model: Model & {
-          service: Service;
-        };
-        messages: ResponseMessage[];
+      revisions: (Revision & {
+        messages: Message[];
       })[];
     };
 
@@ -25,18 +15,18 @@ describe("cache", () => {
       name: "Untitled",
       prompt: "",
       createdAt: new Date().toISOString(),
-      responses: [
+      revisions: [
         {
-          id: "id-response",
+          id: "id-revision",
+          version: 1,
           chatId: "id-chat",
-          modelId: "id-model",
           error: null,
           createdAt: new Date().toISOString(),
           messages: [
             {
               id: "id-message",
               index: 0,
-              responseId: "id-response",
+              revisionId: "id-revision",
               role: "user",
               content: "",
               createdAt: new Date().toISOString(),
@@ -44,27 +34,12 @@ describe("cache", () => {
             {
               id: "id-message2",
               index: 0,
-              responseId: "id-response",
+              revisionId: "id-revision",
               role: "user",
               content: "",
               createdAt: new Date().toISOString(),
             },
           ],
-          model: {
-            id: "id-model",
-            serviceId: "id-service",
-            name: "",
-            visible: 1,
-            createdAt: new Date().toISOString(),
-            service: {
-              id: "id-service",
-              name: "",
-              providerId: "",
-              baseURL: "",
-              apiKey: "",
-              createdAt: new Date().toISOString(),
-            },
-          },
         },
       ],
     };
@@ -75,11 +50,9 @@ describe("cache", () => {
     expect(dependencies).toEqual(
       new Set([
         "model:chat:id-chat",
-        "model:response:id-response",
-        "model:responseMessage:id-message",
-        "model:responseMessage:id-message2",
-        "model:model:id-model",
-        "model:service:id-service",
+        "model:revision:id-revision",
+        "model:message:id-message",
+        "model:message:id-message2",
       ]),
     );
   });

From cd213204a3be2d2e862221fbbc57edf63b822768 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 9 Jul 2024 00:06:18 +1000
Subject: [PATCH 20/98] Drop Response and ResponseMessage migration

---
 src/database/migrations.test.ts               |  81 ++++
 .../migrations/0004_skinny_machine_man.sql    |   2 +
 .../migrations/meta/0004_snapshot.json        | 373 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 4 files changed, 463 insertions(+)
 create mode 100644 src/database/migrations/0004_skinny_machine_man.sql
 create mode 100644 src/database/migrations/meta/0004_snapshot.json

diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
index e14d5cc..41a69d4 100644
--- a/src/database/migrations.test.ts
+++ b/src/database/migrations.test.ts
@@ -566,4 +566,85 @@ describe("Migration Tests", () => {
     ).count;
     expect(totalRemainingMessageCount).toBe(messageCount - 2); // 'project2' had 2 messages
   });
+
+  it("0004_skinny_machine_man", async () => {
+    await applyMigrationsUpTo("0004_skinny_machine_man");
+
+    // Verify that the 'response' table has been dropped
+    const responseTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='response'`,
+    );
+    expect(responseTable).toBeFalsy();
+
+    // Verify that the 'responseMessage' table has been dropped
+    const responseMessageTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='responseMessage'`,
+    );
+    expect(responseMessageTable).toBeFalsy();
+
+    // Verify that the 'revision' and 'message' tables still exist and contain the migrated data
+    const revisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision`,
+    ).count;
+    expect(revisionCount).toBe(initialResponseCount);
+
+    const messageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message`,
+    ).count;
+    expect(messageCount).toBe(initialMessageCount);
+
+    // Verify that the data in the 'revision' and 'message' tables is still correct
+    const revisionData = db.all<{ id: string; version: number; chatId: string }>(
+      sql`SELECT id, version, chatId FROM revision ORDER BY chatId, createdAt`,
+    );
+
+    const chatVersions = new Map<string, number>();
+    const expectedRevisionData = testData.responses
+      .sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
+      .map(({ id, projectId: chatId }) => {
+        const currentVersion = (chatVersions.get(chatId) || 0) + 1;
+        chatVersions.set(chatId, currentVersion);
+        return { id, version: currentVersion, chatId };
+      });
+
+    expect(revisionData).toEqual(expectedRevisionData);
+
+    const messageData = db.all<{ id: string; revisionId: string; role: string; content: string }>(
+      sql`SELECT id, revisionId, role, content FROM message ORDER BY id`,
+    );
+
+    const expectedMessageData = testData.responseMessages.map(
+      ({ id, responseId: revisionId, role, content }) => ({
+        id,
+        revisionId,
+        role,
+        content,
+      }),
+    );
+
+    expect(messageData).toEqual(expectedMessageData);
+
+    // Verify that the foreign key relationships are still intact
+    await db.run(sql`DELETE FROM chat WHERE id = 'project1'`);
+    const remainingRevisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision WHERE chatId = 'project1'`,
+    ).count;
+    expect(remainingRevisionCount).toBe(0);
+
+    const remainingMessageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message WHERE revisionId IN (SELECT id FROM revision WHERE chatId = 'project1')`,
+    ).count;
+    expect(remainingMessageCount).toBe(0);
+
+    // Final check on the total remaining data
+    const finalRevisionCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM revision`,
+    ).count;
+    expect(finalRevisionCount).toBe(revisionCount - 2); // 'project1' had 2 revisions
+
+    const finalMessageCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM message`,
+    ).count;
+    expect(finalMessageCount).toBe(messageCount - 3); // 'project1' had 3 messages
+  });
 });
diff --git a/src/database/migrations/0004_skinny_machine_man.sql b/src/database/migrations/0004_skinny_machine_man.sql
new file mode 100644
index 0000000..1ad903b
--- /dev/null
+++ b/src/database/migrations/0004_skinny_machine_man.sql
@@ -0,0 +1,2 @@
+DROP TABLE `responseMessage`;--> statement-breakpoint
+DROP TABLE `response`;
\ No newline at end of file
diff --git a/src/database/migrations/meta/0004_snapshot.json b/src/database/migrations/meta/0004_snapshot.json
new file mode 100644
index 0000000..914402a
--- /dev/null
+++ b/src/database/migrations/meta/0004_snapshot.json
@@ -0,0 +1,373 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "357ab258-c1ea-4a56-8738-db8538d1a6d6",
+  "prevId": "c96805ab-fd2c-4965-8a88-286fa5d614ac",
+  "tables": {
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "document_name_unique": {
+          "name": "document_name_unique",
+          "columns": [
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "serviceId_idx": {
+          "name": "serviceId_idx",
+          "columns": [
+            "serviceId"
+          ],
+          "isUnique": false
+        },
+        "serviceName_unique": {
+          "name": "serviceName_unique",
+          "columns": [
+            "serviceId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_serviceId_service_id_fk": {
+          "name": "model_serviceId_service_id_fk",
+          "tableFrom": "model",
+          "tableTo": "service",
+          "columnsFrom": [
+            "serviceId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 5f5c4f3..54ac1ef 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -29,6 +29,13 @@
       "when": 1720361174122,
       "tag": "0003_huge_nick_fury",
       "breakpoints": true
+    },
+    {
+      "idx": 4,
+      "version": "6",
+      "when": 1720447287431,
+      "tag": "0004_skinny_machine_man",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file

From 310f4375e3a7277a515a59900f917f272232449d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 10 Jul 2024 17:48:23 +1000
Subject: [PATCH 21/98] Change ChatService editing to use a mode type

---
 src/lib/chat-service.svelte.ts                | 30 +++++++++----------
 .../(app)/chat/[id]/revise/+page.svelte       |  2 +-
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index d5c769a..52a5339 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -16,6 +16,8 @@ import { nanoid } from "nanoid";
 
 export type { CreateMessage };
 
+type Mode = { type: "edit"; index: number } | { type: "append" };
+
 interface ToolCall$1<NAME extends string, ARGS> {
   toolCallId: string;
   toolName: NAME;
@@ -43,9 +45,9 @@ export type ChatOptions = {
    */
   initialInput?: string;
   /**
-   * Edit index, is set then input will be set to the content of the message at the given index
+   * Mode of the chat. Can be "edit" or "append". If "edit" then index is required.
    */
-  editing?: { index: number };
+  mode?: Mode;
   /**
    * @deprecated Use AI SDK 3.1 `streamText` and `onToolCall` instead.
    *
@@ -229,7 +231,7 @@ export class ChatService {
 
   private id: string;
   private api: string;
-  private editing: { index: number } | undefined;
+  private mode: { type: "edit"; index: number } | { type: "append" };
   private generateId: IdGenerator;
   private abortController: AbortController | null;
   private sendExtraMessageFields: boolean | undefined;
@@ -251,7 +253,7 @@ export class ChatService {
     id,
     initialMessages = [],
     initialInput = "",
-    editing,
+    mode = { type: "append" },
     sendExtraMessageFields,
     experimental_onFunctionCall,
     experimental_onToolCall,
@@ -270,7 +272,7 @@ export class ChatService {
     // assign options
     this.api = api;
     this.id = id || `chat-${uniqueId++}`;
-    this.editing = editing;
+    this.mode = mode;
     this.sendExtraMessageFields = sendExtraMessageFields;
     this.experimental_onFunctionCall = experimental_onFunctionCall;
     this.experimental_onToolCall = experimental_onToolCall;
@@ -290,16 +292,12 @@ export class ChatService {
     this.error = undefined;
     this.abortController = new AbortController();
     this.generateId = generateId;
-    this.editing = editing;
     this.fetch = fetch;
-    // if editing, set initial input to the content of the message at the given index
-    console.log("editing", editing);
-    if (editing && initialMessages) {
-      this.input = initialMessages[editing.index].content;
-      console.log("initial input", this.input);
-    } else {
-      this.input = initialInput || "";
+    console.log("mode", mode);
+    if (mode.type === "edit" && !initialMessages[mode.index]) {
+      throw new Error(`Message to edit at index ${mode.index} not found`);
     }
+    this.input = mode.type === "edit" ? initialMessages[mode.index].content : initialInput;
   }
 
   get key() {
@@ -421,10 +419,10 @@ export class ChatService {
       const inputValue = this.input;
       if (!inputValue) return;
 
-      if (this.editing) {
-        let message = this.messages[this.editing.index];
+      if (this.mode.type === "edit") {
+        let message = this.messages[this.mode.index];
         message.content = inputValue;
-        return this.edit(inputValue, this.editing.index, chatRequestOptions);
+        return this.edit(inputValue, this.mode.index, chatRequestOptions);
       } else {
         this.input = "";
         return this.append(
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 2c4c21c..0da2d3e 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -23,7 +23,7 @@
   let chatService = new ChatService({
     // @ts-expect-error message type mismatch
     initialMessages: data.revision.messages,
-    editing: editIndex != null ? { index: editIndex } : undefined,
+    mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
     body,
     onError: (e) => {
       toast.error(e.message);

From ab807e1ef1534f960bbc4a69009c3601ded9f316 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 10 Jul 2024 18:48:20 +1000
Subject: [PATCH 22/98] Create revision on new revise message Display version
 and switch between revisions

---
 src/routes/(app)/chat/[id]/$data.ts           | 46 ++++++++-
 src/routes/(app)/chat/[id]/+layout.ts         | 34 +++++--
 src/routes/(app)/chat/[id]/+page.svelte       |  4 +-
 src/routes/(app)/chat/[id]/+page.ts           | 14 +--
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 17 ++--
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 52 +++++++++-
 .../(app)/chat/[id]/revise/+page.svelte       | 88 +----------------
 src/routes/(app)/chat/[id]/revise/+page.ts    |  2 +-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 97 +++++++++++++++++++
 9 files changed, 234 insertions(+), 120 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/revise/RevisePage.svelte

diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index fb71ad3..1015388 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -5,10 +5,11 @@ import {
   type InsertMessage,
   messageTable,
   modelTable,
+  type Revision,
   revisionTable,
   useDb,
 } from "@/database";
-import { desc, eq } from "drizzle-orm";
+import { and, desc, eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import { invalidateModel } from "@/database/model";
 import { sql } from "drizzle-orm/sql";
@@ -23,6 +24,15 @@ export function loadServices() {
   });
 }
 
+export function getRevision(chatId: string, version: number) {
+  return useDb().query.revisionTable.findFirst({
+    where: and(eq(revisionTable.chatId, chatId), eq(revisionTable.version, version)),
+    with: {
+      messages: true,
+    },
+  });
+}
+
 export function getLatestRevision(chatId: string) {
   return useDb().query.revisionTable.findFirst({
     where: eq(revisionTable.chatId, chatId),
@@ -107,3 +117,37 @@ export async function appendMessage(message: Omit<InsertMessage, "index" | "crea
     throw e;
   }
 }
+
+export async function newRevision(
+  chatId: string,
+  messages: Omit<InsertMessage, "index" | "revisionId" | "createdAt">[],
+): Promise<Revision> {
+  const revisionId = nanoid(10);
+  await useDb().transaction(async (tx) => {
+    await tx
+      .insert(revisionTable)
+      .values({
+        id: revisionId,
+        version: sql`(SELECT COUNT(id) + 1 FROM ${revisionTable} WHERE ${eq(revisionTable.chatId, chatId)})`,
+        chatId,
+        error: null,
+      })
+      .execute();
+    for (const message of messages) {
+      await tx
+        .insert(messageTable)
+        .values({
+          id: nanoid(10),
+          revisionId,
+          role: message.role,
+          content: message.content,
+          index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, revisionId)})`,
+        })
+        .execute();
+    }
+  });
+  const revision = await useDb().query.revisionTable.findFirst({
+    where: eq(revisionTable.id, revisionId),
+  });
+  return revision!;
+}
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index ef8b78a..b56c462 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -1,7 +1,15 @@
 import { eq } from "drizzle-orm";
-import { chatTable, registerModel, revisionTable, serviceTable, useDb } from "@/database";
+import {
+  chatTable,
+  registerModel,
+  type Revision,
+  type Message,
+  revisionTable,
+  serviceTable,
+  useDb,
+} from "@/database";
 import { error } from "@sveltejs/kit";
-import { createRevision, getLatestRevision, loadServices } from "./$data";
+import { createRevision, getLatestRevision, getRevision, loadServices } from "./$data";
 
 export async function load({ route, url, params, depends }) {
   // evaluate tab using route id
@@ -18,6 +26,9 @@ export async function load({ route, url, params, depends }) {
 
   const chat = await useDb().query.chatTable.findFirst({
     where: eq(chatTable.id, params.id),
+    with: {
+      revisions: true,
+    },
   });
   if (!chat) {
     return error(404, `Chat ${params.id} not found`);
@@ -27,12 +38,23 @@ export async function load({ route, url, params, depends }) {
   const services = await loadServices();
   registerModel(serviceTable, services, depends);
 
-  const revision = (await getLatestRevision(params.id)) || (await createRevision(params.id));
-  if (!revision) {
-    return error(500, "Error loading chat");
+  const version = url.searchParams.get("version");
+  let revision: Revision & { messages: Message[] };
+  if (version) {
+    const result = await getRevision(params.id, parseInt(version));
+    if (!result) {
+      return error(404, `Revision ${version} not found`);
+    }
+    revision = result;
+  } else {
+    const result = (await getLatestRevision(params.id)) || (await createRevision(params.id));
+    if (!result) {
+      return error(500, "Error loading chat revision");
+    }
+    revision = result;
   }
   registerModel(revisionTable, revision, depends);
   depends("view:messages");
   depends("view:chat");
-  return { chat, services, tab, revision };
+  return { chat, services, tab, revision, version };
 }
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 09411e3..923c121 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -5,6 +5,6 @@
   let { data } = $props();
 </script>
 
-{#key $page.params.id}
-  <ChatPage chat={data.chat} revisionId={data.revision.id} messages={data.revision.messages} />
+{#key ($page.params.id, data.version)}
+  <ChatPage chat={data.chat} revision={data.revision} />
 {/key}
diff --git a/src/routes/(app)/chat/[id]/+page.ts b/src/routes/(app)/chat/[id]/+page.ts
index b8c5a53..e0be4eb 100644
--- a/src/routes/(app)/chat/[id]/+page.ts
+++ b/src/routes/(app)/chat/[id]/+page.ts
@@ -1,13 +1 @@
-import { createRevision, getLatestRevision } from "./$data";
-import { registerModel, revisionTable } from "@/database";
-import { error } from "@sveltejs/kit";
-
-export async function load({ params, depends }) {
-  const revision = (await getLatestRevision(params.id)) || (await createRevision(params.id));
-  if (!revision) {
-    return error(500, "Error loading chat");
-  }
-  registerModel(revisionTable, revision, depends);
-  depends("view:messages");
-  return { revision };
-}
+export async function load({ params, depends }) {}
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 2a0be79..7e85f4b 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -4,17 +4,16 @@
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
   import { appendMessage, getModelService } from "./$data";
-  import type { Chat, Message } from "@/database";
+  import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
   import { nanoid } from "nanoid";
 
   type Props = {
-    chat: Chat;
-    revisionId: string;
-    messages: Message[];
+    chat: Chat & { revisions: Revision[] };
+    revision: Revision & { messages: Message[] };
   };
-  let { chat, revisionId, messages }: Props = $props();
+  let { chat, revision }: Props = $props();
   let bottomRef: HTMLDivElement;
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
@@ -28,13 +27,13 @@
 
   let chatService = new ChatService({
     // @ts-expect-error message type mismatch
-    initialMessages: messages,
+    initialMessages: revision.messages,
     body,
     onError: (e) => {
       toast.error(e.message);
     },
     onFinish: (message) => {
-      appendMessage({ ...message, revisionId });
+      appendMessage({ ...message, revisionId: revision.id });
     },
     onMessageUpdate: (messages) => {
       bottomRef.scrollIntoView({ behavior: "smooth" });
@@ -51,7 +50,7 @@
       toast.error("Selected model not found");
       return;
     }
-    appendMessage({ id: nanoid(10), role: "user", content: value, revisionId });
+    appendMessage({ id: nanoid(10), role: "user", content: value, revisionId: revision.id });
     Object.assign(body, {
       providerId: model.service.providerId,
       modelName: model.name,
@@ -64,7 +63,7 @@
   }
 </script>
 
-<ChatTitlebar {chat} tab="chat" />
+<ChatTitlebar {chat} {revision} tab="chat" />
 <div class="flex flex-1 flex-col gap-2 p-4">
   {#each chatService.messages as message (message.id)}
     <MessageCard {message} />
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 6f45e2e..921c8e9 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -1,20 +1,43 @@
 <script lang="ts">
   import { Button } from "@/components/ui/button/index.js";
   import { Input } from "@/components/ui/input/index.js";
-  import { PlayIcon } from "lucide-svelte";
+  import { ArrowBigLeftIcon, ArrowBigRightIcon, ArrowLeftIcon, PlayIcon } from "lucide-svelte";
   import { updateChat } from "./$data.js";
-  import type { Chat } from "@/database";
+  import type { Chat, Revision } from "@/database";
   import { untrack } from "svelte";
+  import { Badge } from "@/components/ui/badge";
 
   type Props = {
-    chat: Chat;
+    chat: Chat & {
+      revisions: Revision[];
+    };
+    revision: Revision;
     tab: string;
     onRunClick?: () => void;
   };
-  let { chat, tab, onRunClick }: Props = $props();
+  let { chat, revision, tab, onRunClick }: Props = $props();
   let id = $derived(chat.id);
   let name = $state(chat.name);
 
+  let versions = $derived.by(() => {
+    let previous = revision.version > 1 ? revision.version - 1 : undefined;
+    let next = revision.version < chat.revisions.length ? revision.version + 1 : undefined;
+    return {
+      previous,
+      next,
+      previousLink: previous
+        ? tab === "revise"
+          ? `/chat/${chat.id}/revise/?version=${previous}`
+          : `/chat/${chat.id}/?version=${previous}`
+        : undefined,
+      nextLink: next
+        ? tab === "revise"
+          ? `/chat/${chat.id}/revise/?version=${next}`
+          : `/chat/${chat.id}/?version=${next}`
+        : undefined,
+    };
+  });
+
   $effect(() => {
     id;
     untrack(() => {
@@ -23,7 +46,7 @@
   });
 </script>
 
-<div class="flex flex-row px-3">
+<div class="flex flex-row gap-4 px-3">
   <Input
     class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
     bind:value={name}
@@ -31,6 +54,25 @@
       updateChat(chat.id, { name });
     }}
   />
+  <div class="flex flex-row items-center">
+    <Button
+      href={versions.previousLink}
+      disabled={!versions.previousLink}
+      class="rounded-full p-0 text-gray-700"
+      variant="ghost"
+    >
+      <ArrowBigLeftIcon class="h-4 w-4" />
+    </Button>
+    <Badge variant="secondary">v{revision.version}</Badge>
+    <Button
+      href={versions.nextLink}
+      disabled={!versions.nextLink}
+      class="rounded-full p-0 text-gray-700"
+      variant="ghost"
+    >
+      <ArrowBigRightIcon class="h-4 w-4" />
+    </Button>
+  </div>
   {#if tab === "revise"}
     <Button
       variant="default"
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index 0da2d3e..ca9321c 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -1,88 +1,10 @@
 <script lang="ts">
-  import EditorCard from "./EditorCard.svelte";
-  import MessageCard from "../MessageCard.svelte";
-  import { getModelService } from "../$data";
-  import { store } from "$lib/store.svelte";
-  import { ChatService } from "$lib/chat-service.svelte.js";
-  import { toast } from "svelte-french-toast";
-  import ChatTitlebar from "../ChatTitlebar.svelte";
+  import { page } from "$app/stores";
+  import RevisePage from "./RevisePage.svelte";
 
   let { data } = $props();
-
-  let editIndex = $state(findEditIndex());
-
-  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
-    {
-      providerId: undefined,
-      modelName: undefined,
-      baseURL: undefined,
-      apiKey: undefined,
-    },
-  );
-
-  let chatService = new ChatService({
-    // @ts-expect-error message type mismatch
-    initialMessages: data.revision.messages,
-    mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
-    body,
-    onError: (e) => {
-      toast.error(e.message);
-    },
-    onFinish: (message) => {
-      console.log("onFinish", message);
-      // todo save new revision and load it
-      // updateMessages(data.response.id, $state.snapshot(chatService.messages));
-    },
-  });
-
-  $inspect("input", chatService.input, editIndex);
-
-  let assistantMessage = $derived(findAssistantMessage());
-
-  function findEditIndex() {
-    const editIndex = data.revision.messages.findLastIndex((m) => m.role === "user");
-    return editIndex === -1 ? undefined : editIndex;
-  }
-
-  function findAssistantMessage() {
-    return editIndex != null
-      ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
-      : undefined;
-  }
-
-  async function handleSubmit() {
-    if (!store.selected.modelId) {
-      toast.error("No model selected");
-      return;
-    }
-    const model = await getModelService(store.selected.modelId);
-    if (!model) {
-      toast.error("Selected model not found");
-      return;
-    }
-    Object.assign(body, {
-      providerId: model.service.providerId,
-      modelName: model.name,
-      baseURL: model.service.baseURL,
-      apiKey: model.service.apiKey,
-    });
-    chatService.handleSubmit();
-  }
 </script>
 
-<ChatTitlebar chat={data.chat} tab="revise" onRunClick={handleSubmit} />
-<div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
-  <div class="flex flex-col gap-2 overflow-y-auto py-4">
-    {#each chatService.messages as message, index (message.id)}
-      {#if editIndex == null || index < editIndex}
-        <MessageCard {message} />
-      {/if}
-    {/each}
-    <EditorCard bind:prompt={chatService.input} chat={data.chat} onSubmit={handleSubmit} />
-  </div>
-  <div class="flex flex-col gap-3 py-4">
-    {#if assistantMessage}
-      <MessageCard message={assistantMessage} />
-    {/if}
-  </div>
-</div>
+{#key ($page.params.id, data.version)}
+  <RevisePage chat={data.chat} revision={data.revision} />
+{/key}
diff --git a/src/routes/(app)/chat/[id]/revise/+page.ts b/src/routes/(app)/chat/[id]/revise/+page.ts
index 854de6f..2abefee 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.ts
+++ b/src/routes/(app)/chat/[id]/revise/+page.ts
@@ -1,3 +1,3 @@
-export async function load({ params, depends }) {
+export async function load({ params, depends, url }) {
   return {};
 }
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
new file mode 100644
index 0000000..88ba67a
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+  import EditorCard from "./EditorCard.svelte";
+  import MessageCard from "../MessageCard.svelte";
+  import { getModelService, newRevision } from "../$data";
+  import { store } from "$lib/store.svelte";
+  import { ChatService } from "$lib/chat-service.svelte.js";
+  import { toast } from "svelte-french-toast";
+  import ChatTitlebar from "../ChatTitlebar.svelte";
+  import { goto } from "$app/navigation";
+  import type { Chat, Revision, Message } from "@/database";
+
+  type Props = {
+    chat: Chat & { revisions: Revision[] };
+    revision: Revision & { messages: Message[] };
+  };
+  let { chat, revision }: Props = $props();
+
+  let editIndex = $state(findEditIndex());
+
+  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
+    {
+      providerId: undefined,
+      modelName: undefined,
+      baseURL: undefined,
+      apiKey: undefined,
+    },
+  );
+
+  let chatService = new ChatService({
+    // @ts-expect-error message type mismatch
+    initialMessages: revision.messages,
+    mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
+    body,
+    onError: (e) => {
+      toast.error(e.message);
+    },
+    onFinish: async (message) => {
+      console.log("onFinish", message);
+      const revision = await newRevision(chat.id, $state.snapshot(chatService.messages));
+      if (!revision) {
+        return;
+      }
+      await goto(`/chat/${chat.id}/revise/?version=${revision.version}`);
+    },
+  });
+
+  $inspect("input", chatService.input, editIndex);
+
+  let assistantMessage = $derived(findAssistantMessage());
+
+  function findEditIndex() {
+    const editIndex = revision.messages.findLastIndex((m) => m.role === "user");
+    return editIndex === -1 ? undefined : editIndex;
+  }
+
+  function findAssistantMessage() {
+    return editIndex != null
+      ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
+      : undefined;
+  }
+
+  async function handleSubmit() {
+    if (!store.selected.modelId) {
+      toast.error("No model selected");
+      return;
+    }
+    const model = await getModelService(store.selected.modelId);
+    if (!model) {
+      toast.error("Selected model not found");
+      return;
+    }
+    Object.assign(body, {
+      providerId: model.service.providerId,
+      modelName: model.name,
+      baseURL: model.service.baseURL,
+      apiKey: model.service.apiKey,
+    });
+    chatService.handleSubmit();
+  }
+</script>
+
+<ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
+<div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
+  <div class="flex flex-col gap-2 overflow-y-auto py-4">
+    {#each chatService.messages as message, index (message.id)}
+      {#if editIndex == null || index < editIndex}
+        <MessageCard {message} />
+      {/if}
+    {/each}
+    <EditorCard bind:prompt={chatService.input} {chat} onSubmit={handleSubmit} />
+  </div>
+  <div class="flex flex-col gap-3 py-4">
+    {#if assistantMessage}
+      <MessageCard message={assistantMessage} />
+    {/if}
+  </div>
+</div>

From 4a35c23c446ebf9646698729deecfbdc711d2786 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 10 Jul 2024 23:55:48 +1000
Subject: [PATCH 23/98] Type-safe route path builder

---
 src/lib/route.ts                              | 140 ++++++++++++++++
 src/routes/(app)/Menu.svelte                  |   7 +-
 src/routes/(app)/chat/[id]/$data.ts           |  11 ++
 src/routes/(app)/chat/[id]/+layout.svelte     |  22 ++-
 src/routes/(app)/chat/[id]/+layout.ts         |  14 +-
 src/routes/(app)/chat/[id]/+page.svelte       |   6 +-
 .../(app)/chat/[id]/ChatTitlebar.svelte       |  12 +-
 .../chat/[id]/[...rest]/config/+layout.svelte |   7 +-
 .../chat/[id]/[...rest]/config/+page.svelte   |   5 +-
 .../[...rest]/config/[serviceId]/+page.svelte |   3 +-
 .../[id]/[...rest]/config/create/+page.svelte |   9 +-
 .../[id]/[...rest]/config/select/+page.svelte |  11 +-
 .../(app)/chat/[id]/revise/+page.svelte       |   6 +-
 .../(app)/chat/[id]/revise/EditorCard.svelte  |   5 +-
 src/routes/(app)/document/+page.svelte        |   5 +-
 src/routes/(app)/document/[id]/+page.svelte   |   3 +-
 src/routes/(app)/document/new/+page.svelte    |   3 +-
 test-e2e/test.ts                              |   3 +-
 test/route.test.ts                            | 151 ++++++++++++++++++
 19 files changed, 385 insertions(+), 38 deletions(-)
 create mode 100644 src/lib/route.ts
 create mode 100644 test/route.test.ts

diff --git a/src/lib/route.ts b/src/lib/route.ts
new file mode 100644
index 0000000..6ddce01
--- /dev/null
+++ b/src/lib/route.ts
@@ -0,0 +1,140 @@
+import { resolveRoute } from "$app/paths";
+import type RouteMetadata from "$lib/../../.svelte-kit/types/route_meta_data.json";
+type RouteMetadata = typeof RouteMetadata;
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+type Prettify<T> = { [K in keyof T]: T[K] } & {};
+type ParseParam<T extends string> = T extends `...${infer Name}` ? Name : T;
+
+type ParseParams<T extends string> = T extends `${infer A}[[${infer Param}]]${infer B}`
+  ? ParseParams<A> & { [K in ParseParam<Param>]?: string } & ParseParams<B>
+  : T extends `${infer A}[${infer Param}]${infer B}`
+    ? ParseParams<A> & { [K in ParseParam<Param>]: string } & ParseParams<B>
+    : // eslint-disable-next-line @typescript-eslint/ban-types
+      {};
+
+type RemoveGroups<T> = T extends `${infer A}/(${string})${infer B}` ? `${A}${RemoveGroups<B>}` : T;
+
+export type RouteId = RemoveGroups<keyof RouteMetadata>;
+// export type RouteId = keyof RouteMetadata;
+
+export type Routes = {
+  [K in RouteId]: Prettify<ParseParams<K>>;
+};
+
+type RouteParams<T extends RouteId> = Pick<Routes[T], RequiredKeys<Routes[T]>> &
+  Partial<Pick<Routes[T], OptionalKeys<Routes[T]>>>;
+
+type RequiredKeys<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? never : K }[keyof T];
+type OptionalKeys<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? K : never }[keyof T];
+
+type ExtraOptions = {
+  $query?: Record<string, string | number | boolean>;
+  $hash?: string;
+};
+
+type RouteOptions<T extends RouteId> = RouteParams<T> & ExtraOptions;
+
+// Helper type to determine if options are required
+type HasRequiredParams<T extends RouteId> = RequiredKeys<Routes[T]> extends never ? false : true;
+
+// Overloaded function signatures
+export function route<T extends RouteId>(routeId: T): string;
+export function route<T extends RouteId>(
+  routeId: T,
+  options: HasRequiredParams<T> extends true ? RouteOptions<T> : RouteOptions<T> | ExtraOptions,
+): string;
+
+// Implementation
+export function route<T extends RouteId>(
+  routeId: T,
+  options?: RouteOptions<T> | ExtraOptions,
+): string {
+  if (!options) {
+    return resolveRoute(routeId, {});
+  }
+
+  const { $query, $hash, ...params } = options;
+
+  // Use type assertion to ensure params matches what resolveRoute expects
+  const path = resolveRoute(routeId, params as Record<string, string>);
+
+  // @ts-expect-error allow for type casting in $query
+  const search = $query && new URLSearchParams($query).toString();
+  return path + (search ? `?${search}` : "") + ($hash ? `#${$hash}` : "");
+}
+
+export function match(pattern: RouteId, routeId: string): boolean {
+  // Remove group prefixes from the routeId
+  const cleanRouteId = routeId.replace(/\/\([^)]+\)/g, "");
+
+  const patternParts = pattern.split("/").filter(Boolean);
+  const routeParts = cleanRouteId.split("/").filter(Boolean);
+
+  let patternIndex = 0;
+  let routeIndex = 0;
+
+  while (patternIndex < patternParts.length && routeIndex < routeParts.length) {
+    const patternPart = patternParts[patternIndex];
+    const routePart = routeParts[routeIndex];
+
+    if (patternPart === "[...rest]") {
+      patternIndex++;
+      if (patternIndex === patternParts.length) return true;
+      while (
+        routeIndex < routeParts.length &&
+        routeParts[routeIndex] !== patternParts[patternIndex]
+      ) {
+        routeIndex++;
+      }
+    } else if (patternPart.startsWith("[") && patternPart.endsWith("]")) {
+      patternIndex++;
+      routeIndex++;
+    } else if (patternPart === routePart) {
+      patternIndex++;
+      routeIndex++;
+    } else {
+      return false;
+    }
+  }
+
+  return patternIndex === patternParts.length && routeIndex === routeParts.length;
+}
+
+export function extractParams(pattern: RouteId, routeId: string): Record<string, string> | null {
+  const patternParts = pattern.split("/").filter(Boolean);
+  const routeParts = routeId.split("/").filter(Boolean);
+  const params: Record<string, string> = {};
+
+  let patternIndex = 0;
+  let routeIndex = 0;
+
+  while (patternIndex < patternParts.length && routeIndex < routeParts.length) {
+    const patternPart = patternParts[patternIndex];
+    const routePart = routeParts[routeIndex];
+
+    if (patternPart === "[...rest]") {
+      const restParts = [];
+      while (
+        routeIndex < routeParts.length &&
+        (patternIndex === patternParts.length - 1 ||
+          routeParts[routeIndex] !== patternParts[patternIndex + 1])
+      ) {
+        restParts.push(routeParts[routeIndex++]);
+      }
+      params["rest"] = restParts.join("/");
+      patternIndex++;
+    } else if (patternPart.startsWith("[") && patternPart.endsWith("]")) {
+      params[patternPart.slice(1, -1)] = routePart;
+      patternIndex++;
+      routeIndex++;
+    } else if (patternPart === routePart) {
+      patternIndex++;
+      routeIndex++;
+    } else {
+      return null;
+    }
+  }
+
+  return patternIndex === patternParts.length && routeIndex === routeParts.length ? params : null;
+}
diff --git a/src/routes/(app)/Menu.svelte b/src/routes/(app)/Menu.svelte
index 392c015..ab3af6e 100644
--- a/src/routes/(app)/Menu.svelte
+++ b/src/routes/(app)/Menu.svelte
@@ -10,6 +10,7 @@
   import PersistenceAlert from "@/components/PersistenceAlert.svelte";
   import { type Chat } from "@/database";
   import { duplicateChat, newChat, removeChat } from "./$data";
+  import { route } from "$lib/route";
 
   let { chats }: { chats: Chat[] } = $props();
 
@@ -35,7 +36,7 @@
     variant="outline"
     onclick={async () => {
       const id = await newChat();
-      goto(`/chat/${id}`);
+      await goto(route(`/chat/[id]`, { id }));
     }}
   >
     <PlusIcon class="text-gray-600" />
@@ -100,7 +101,7 @@
               <DropdownMenu.Item
                 onclick={async () => {
                   const newId = await duplicateChat(chat.id);
-                  await goto(`/chat/${newId}`);
+                  await goto(route(`/chat/[id]`, { id: newId }));
                 }}>Duplicate</DropdownMenu.Item
               >
             </DropdownMenu.Content>
@@ -117,7 +118,7 @@
     onConfirm={async () => {
       if (chatToDelete) {
         const nextId = await removeChat(chatToDelete.id);
-        await goto(`/chat/${nextId}`);
+        await goto(route(`/chat/[id]`, { id: nextId }));
       }
     }}
     onCancel={() => {
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 1015388..db75020 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -13,9 +13,20 @@ import { and, desc, eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import { invalidateModel } from "@/database/model";
 import { sql } from "drizzle-orm/sql";
+import type { RouteId } from "$lib/route";
 
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
+export type Tab = "chat" | "eval" | "revise";
+
+export function isTab(tab: any): tab is Tab {
+  return tab === "chat" || tab === "eval" || tab === "revise";
+}
+
+export function tabRouteId(tab: Tab): RouteId {
+  return tab === "chat" ? `/chat/[id]` : `/chat/[id]/${tab}`;
+}
+
 export function loadServices() {
   return useDb().query.serviceTable.findMany({
     with: {
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 2606309..bde34b7 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -4,21 +4,26 @@
   import SelectModel from "./SelectModel.svelte";
   import { Button } from "@/components/ui/button";
   import { PlayIcon, SettingsIcon } from "lucide-svelte";
-  import { updateChat } from "./$data";
+  import { isTab, tabRouteId, updateChat } from "./$data";
   import { Input } from "@/components/ui/input";
+  import { route } from "$lib/route";
+  import { toast } from "svelte-french-toast";
 
   let { data } = $props();
   let services = $derived(data.services);
   let chat = $derived(data.chat);
 
-  function tabClick(value?: string) {
-    if (!value) {
+  async function tabClick(value?: string) {
+    if (!isTab(value)) {
+      toast.error(`Unexpected tab ${value}`);
       return;
     }
     if (value === "chat") {
-      goto(`/chat/${chat.id}`);
-    } else {
-      goto(`/chat/${chat.id}/${value}`);
+      await goto(route(`/chat/[id]`, { id: chat.id, $query: { version: data.revision.version } }));
+    } else if (value === "revise" || value === "eval") {
+      await goto(
+        route(`/chat/[id]/${value}`, { id: chat.id, $query: { version: data.revision.version } }),
+      );
     }
   }
 
@@ -48,7 +53,10 @@
   <div class="relative ml-auto flex-1 md:grow-0">
     <div class="flex flex-row">
       <SelectModel {services} />
-      <Button variant="ghost" onclick={() => goto(`/chat/${chat.id}/config`)}>
+      <Button
+        variant="ghost"
+        onclick={() => goto(route(`/chat/[id]/[...rest]/config`, { id: chat.id, rest: "" }))}
+      >
         <SettingsIcon size={16} />
       </Button>
     </div>
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index b56c462..d7a0aaf 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -9,18 +9,20 @@ import {
   useDb,
 } from "@/database";
 import { error } from "@sveltejs/kit";
-import { createRevision, getLatestRevision, getRevision, loadServices } from "./$data";
+import { createRevision, getLatestRevision, getRevision, loadServices, type Tab } from "./$data";
+import { match } from "$lib/route";
 
 export async function load({ route, url, params, depends }) {
   // evaluate tab using route id
-  let tab;
-  if (route.id.includes(`[id]/eval`)) {
+  let tab: Tab;
+  if (match(`/chat/[id]/eval`, route.id)) {
+    console.log("tab is eval", route.id);
     tab = "eval";
-    // } else if (route.id.includes(`[id]/eval`)) {
-    //   tab = "chat";
-  } else if (route.id.includes(`[id]/revise`)) {
+  } else if (match(`/chat/[id]/revise`, route.id)) {
+    console.log("tab is revise", route.id);
     tab = "revise";
   } else {
+    console.log("tab is chat", route.id);
     tab = "chat";
   }
 
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 923c121..3d12093 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -5,6 +5,8 @@
   let { data } = $props();
 </script>
 
-{#key ($page.params.id, data.version)}
-  <ChatPage chat={data.chat} revision={data.revision} />
+{#key $page.params.id}
+  {#key data.version}
+    <ChatPage chat={data.chat} revision={data.revision} />
+  {/key}
 {/key}
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 921c8e9..700d1b2 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -6,6 +6,7 @@
   import type { Chat, Revision } from "@/database";
   import { untrack } from "svelte";
   import { Badge } from "@/components/ui/badge";
+  import { route } from "$lib/route";
 
   type Props = {
     chat: Chat & {
@@ -20,15 +21,18 @@
   let name = $state(chat.name);
 
   let versions = $derived.by(() => {
-    let previous = revision.version > 1 ? revision.version - 1 : undefined;
-    let next = revision.version < chat.revisions.length ? revision.version + 1 : undefined;
+    let previous = revision.version > 1 ? String(revision.version - 1) : undefined;
+    let next = revision.version < chat.revisions.length ? String(revision.version + 1) : undefined;
+    let previousOptions = { id: chat.id, $query: { version: previous } };
+    let nextOptions = { id: chat.id, $query: { version: next } };
+    const routeId = tab;
     return {
       previous,
       next,
       previousLink: previous
         ? tab === "revise"
-          ? `/chat/${chat.id}/revise/?version=${previous}`
-          : `/chat/${chat.id}/?version=${previous}`
+          ? route(`/chat/[id]/${tab}`, { id: chat.id, $query: { version: String(previous) } })
+          : route(`/chat/[id]`, { id: chat.id, $query: { version: String(previous) } })
         : undefined,
       nextLink: next
         ? tab === "revise"
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
index cda1251..124ff33 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
@@ -3,13 +3,18 @@
   import { DialogHeader } from "@/components/ui/dialog/index.js";
   import { goto } from "$app/navigation";
   import { page } from "$app/stores";
+  import { route } from "$lib/route";
+
+  let { data } = $props();
 </script>
 
 <Dialog
   open={true}
   onOpenChange={(isOpen) => {
     if (!isOpen) {
-      goto(`/chat/${$page.params.id}`);
+      goto(
+        route(`/chat/[id]`, { id: $page.params.id, $query: { version: data.revision.version } }),
+      );
     }
   }}
 >
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
index a0f2ade..2540586 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { page } from "$app/stores";
+  import { route } from "$lib/route";
 
   let { data } = $props();
 
   if (data.services.length > 0) {
-    goto(`/chat/${$page.params.id}/config/select`);
+    goto(route(`/chat/[id]/[...rest]/config/select`, { id: $page.params.id, rest: "" }));
   } else {
-    goto(`/chat/${$page.params.id}/config/create`);
+    goto(route(`/chat/[id]/[...rest]/config/create`, { id: $page.params.id, rest: "" }));
   }
 </script>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
index 5405889..165924b 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
@@ -19,6 +19,7 @@
   } from "../$data";
   import { page } from "$app/stores";
   import { goto } from "$app/navigation";
+  import { route } from "$lib/route";
 
   let { data } = $props();
   let service = $state(data.service);
@@ -37,7 +38,7 @@
   }
 
   async function onBack() {
-    await goto(`/chat/${$page.params.id}/config/select`);
+    await goto(route(`/chat/[id]/[...rest]/config/select`, { id: $page.params.id, rest: "" }));
   }
 
   async function onDelete() {
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
index 67a624d..dd4503e 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
@@ -6,6 +6,7 @@
   import { toast } from "svelte-french-toast";
   import { goto } from "$app/navigation";
   import { DialogHeader, DialogTitle } from "@/components/ui/dialog/index.js";
+  import { route } from "$lib/route";
 
   async function onSelect(provider: Provider) {
     try {
@@ -13,7 +14,13 @@
       if (!service) {
         return toast.error("Failed to add service");
       }
-      await goto(`/chat/${$page.params.id}/config/${service.id}`);
+      await goto(
+        route(`/chat/[id]/[...rest]/config/[serviceId]`, {
+          id: $page.params.id,
+          rest: "",
+          serviceId: service.id,
+        }),
+      );
     } catch (e) {
       toast.error(e instanceof Error ? e.message : "Unknown error");
     }
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
index 532611e..af2f33c 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
@@ -9,15 +9,22 @@
   import { DialogHeader } from "@/components/ui/dialog/index.js";
   import { goto } from "$app/navigation";
   import { page } from "$app/stores";
+  import { route } from "$lib/route";
 
   let { data } = $props();
 
   function onSelect(service: ServicesView[number]) {
-    goto(`/chat/${$page.params.id}/config/${service.id}`);
+    goto(
+      route(`/chat/[id]/[...rest]/config/[serviceId]`, {
+        id: $page.params.id,
+        rest: "",
+        serviceId: service.id,
+      }),
+    );
   }
 
   function onAdd() {
-    goto(`/chat/${$page.params.id}/config/create`);
+    goto(route(`/chat/[id]/[...rest]/config/create`, { id: $page.params.id, rest: "" }));
   }
 </script>
 
diff --git a/src/routes/(app)/chat/[id]/revise/+page.svelte b/src/routes/(app)/chat/[id]/revise/+page.svelte
index ca9321c..ce03a17 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.svelte
+++ b/src/routes/(app)/chat/[id]/revise/+page.svelte
@@ -5,6 +5,8 @@
   let { data } = $props();
 </script>
 
-{#key ($page.params.id, data.version)}
-  <RevisePage chat={data.chat} revision={data.revision} />
+{#key $page.params.id}
+  {#key data.version}
+    <RevisePage chat={data.chat} revision={data.revision} />
+  {/key}
 {/key}
diff --git a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
index 64b0131..cd1da1e 100644
--- a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
+++ b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
@@ -18,6 +18,7 @@
   import { goto } from "$app/navigation";
   import { documentTable, type Chat, useDb } from "@/database";
   import { eq, like } from "drizzle-orm";
+  import { route } from "$lib/route";
 
   type Props = {
     chat: Chat;
@@ -39,7 +40,7 @@
       span.innerHTML =
         '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-symlink"><path d="m10 18 3-3-3-3"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M4 11V4a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7"/></svg>';
       span.onclick = () => {
-        goto(`/document/${this.id}`);
+        goto(route(`/document/[id]`, { id: this.id }));
       };
       return span;
     }
@@ -55,7 +56,7 @@
       span.innerHTML =
         '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-plus-2"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M3 15h6"/><path d="M6 12v6"/></svg>';
       span.onclick = () => {
-        goto(`/document/new?name=${encodeURIComponent(this.name)}`);
+        goto(route(`/document/new`, { $query: { name: encodeURIComponent(this.name) } }));
       };
       return span;
     }
diff --git a/src/routes/(app)/document/+page.svelte b/src/routes/(app)/document/+page.svelte
index 15ff428..a03cdd3 100644
--- a/src/routes/(app)/document/+page.svelte
+++ b/src/routes/(app)/document/+page.svelte
@@ -10,6 +10,7 @@
   import { toast } from "svelte-french-toast";
   import { useDb } from "@/database/client";
   import { invalidateModel } from "@/database";
+  import { route } from "$lib/route";
 
   let { data } = $props();
 
@@ -54,7 +55,7 @@
             <Table.Cell
               onclick={() => {
                 console.log("name clicked", document.name);
-                goto(`/document/${document.id}`);
+                goto(route(`/document/[id]`, { id: document.id }));
               }}
               class="p-2 "
             >
@@ -63,7 +64,7 @@
             <Table.Cell
               onclick={() => {
                 console.log("description clicked", document.description);
-                goto(`/document/${document.id}`);
+                goto(route(`/document/[id]`, { id: document.id }));
               }}
               class="p-2 "
             >
diff --git a/src/routes/(app)/document/[id]/+page.svelte b/src/routes/(app)/document/[id]/+page.svelte
index 8b1bae3..1fb0157 100644
--- a/src/routes/(app)/document/[id]/+page.svelte
+++ b/src/routes/(app)/document/[id]/+page.svelte
@@ -5,6 +5,7 @@
   import { eq } from "drizzle-orm";
   import { toast } from "svelte-french-toast";
   import { useDb } from "@/database/client";
+  import { route } from "$lib/route";
 
   let { data } = $props();
   let document = $derived(data.document);
@@ -20,7 +21,7 @@
           content: document.content,
         })
         .where(eq(documentTable.id, document.id));
-      await goto(`/document`);
+      await goto(route(`/document`));
     } catch (e) {
       toast.error(e instanceof Error ? e.message : "Unknown error");
     }
diff --git a/src/routes/(app)/document/new/+page.svelte b/src/routes/(app)/document/new/+page.svelte
index 28cce40..6a7612d 100644
--- a/src/routes/(app)/document/new/+page.svelte
+++ b/src/routes/(app)/document/new/+page.svelte
@@ -8,6 +8,7 @@
   import { page } from "$app/stores";
   import { documentTable } from "@/database/schema";
   import { useDb } from "@/database/client";
+  import { route } from "$lib/route";
 
   let queryParams = $state($page.url.searchParams);
   let name = $state(queryParams.get("name") ?? "");
@@ -32,7 +33,7 @@
         description,
         content,
       });
-    await goto(`/document`);
+    await goto(route(`/document`));
   }
 </script>
 
diff --git a/test-e2e/test.ts b/test-e2e/test.ts
index ef9acc0..fc4be4e 100644
--- a/test-e2e/test.ts
+++ b/test-e2e/test.ts
@@ -1,7 +1,8 @@
 import { expect, test } from "@playwright/test";
+import { route } from "../src/lib/route";
 
 test("test route", async ({ page }) => {
-  await page.goto("/test");
+  await page.goto(route("/test"));
 
   const greeting = page.getByText(/hello Tom/iu);
 
diff --git a/test/route.test.ts b/test/route.test.ts
new file mode 100644
index 0000000..092e2cd
--- /dev/null
+++ b/test/route.test.ts
@@ -0,0 +1,151 @@
+import { describe, expect, it } from "vitest";
+import { extractParams, match, route } from "$lib/route";
+
+describe("route function", () => {
+  it("should correctly handle parameterized routes", () => {
+    const result = route("/chat/[id]", { id: "hello" });
+    expect(result).toBe("/chat/hello");
+  });
+
+  it("should handle query parameters", () => {
+    const result = route("/chat/[id]", { id: "hello", $query: { message: "test" } });
+    expect(result).toBe("/chat/hello?message=test");
+  });
+
+  it("should handle hash", () => {
+    const result = route("/chat/[id]", { id: "hello", $hash: "section1" });
+    expect(result).toBe("/chat/hello#section1");
+  });
+
+  it("should handle query parameters and hash", () => {
+    const result = route("/chat/[id]", {
+      id: "hello",
+      $query: { message: "test" },
+      $hash: "section1",
+    });
+    expect(result).toBe("/chat/hello?message=test#section1");
+  });
+
+  it("should handle routes with catch-all parameters", () => {
+    const result = route("/chat/[id]/[...rest]/config/[serviceId]", {
+      id: "chatId",
+      rest: "some/nested/route",
+      serviceId: "serviceId",
+    });
+    expect(result).toBe("/chat/chatId/some/nested/route/config/serviceId");
+  });
+
+  it("should throw an error if required param is missing", () => {
+    // @ts-expect-error error test, should throw
+    expect(() => route("/chat/[id]", {})).toThrow();
+  });
+
+  it("should handle group routes correctly", () => {
+    const result = route("/document/new", {});
+    expect(result).toBe("/document/new");
+  });
+  it("should correctly handle parameterized routes", () => {
+    const result = route("/chat/[id]", { id: "hello" });
+    expect(result).toBe("/chat/hello");
+  });
+
+  it("should handle query parameters", () => {
+    const result = route("/chat/[id]", { id: "hello", $query: { message: "test" } });
+    expect(result).toBe("/chat/hello?message=test");
+  });
+
+  it("should handle hash", () => {
+    const result = route("/chat/[id]", { id: "hello", $hash: "section1" });
+    expect(result).toBe("/chat/hello#section1");
+  });
+
+  it("should handle query parameters and hash", () => {
+    const result = route("/chat/[id]", {
+      id: "hello",
+      $query: { message: "test" },
+      $hash: "section1",
+    });
+    expect(result).toBe("/chat/hello?message=test#section1");
+  });
+
+  it("should handle routes with catch-all parameters", () => {
+    const result = route("/chat/[id]/[...rest]/config/[serviceId]", {
+      id: "chatId",
+      rest: "some/nested/route",
+      serviceId: "serviceId",
+    });
+    expect(result).toBe("/chat/chatId/some/nested/route/config/serviceId");
+  });
+
+  it("should throw an error if required param is missing", () => {
+    // @ts-expect-error error test, should throw
+    expect(() => route("/chat/[id]", {})).toThrow();
+  });
+
+  it("should handle group routes correctly", () => {
+    const result = route("/document/new", {});
+    expect(result).toBe("/document/new");
+  });
+});
+
+describe("match function", () => {
+  it("should match routes with group prefix", () => {
+    expect(match("/chat/[id]", "/(app)/chat/1")).toBe(true);
+  });
+
+  it("should match exact routes", () => {
+    expect(match("/document/new", "/document/new")).toBe(true);
+  });
+
+  it("should match parameterized routes", () => {
+    expect(match("/chat/[id]", "/chat/123")).toBe(true);
+  });
+
+  it("should not match routes with different lengths", () => {
+    expect(match("/chat/[id]", "/chat/123/messages")).toBe(false);
+  });
+
+  it("should not match routes with different static parts", () => {
+    expect(match("/chat/[id]", "/user/123")).toBe(false);
+  });
+
+  it("should match routes with multiple parameters", () => {
+    expect(match("/chat/[id]/[...rest]/config/[serviceId]", "/chat/123/config/456")).toBe(true);
+  });
+
+  it("should match routes with catch-all parameters", () => {
+    expect(match("/chat/[id]/[...rest]/config", "/chat/123/foo/bar/baz/config")).toBe(true);
+  });
+});
+
+describe("extractParams function", () => {
+  it("should extract params from a simple route", () => {
+    const params = extractParams("/chat/[id]", "/chat/123");
+    expect(params).toEqual({ id: "123" });
+  });
+
+  it("should extract multiple params", () => {
+    const params = extractParams("/chat/[id]/[...rest]/config/[serviceId]", "/chat/123/config/456");
+    expect(params).toEqual({ id: "123", serviceId: "456", rest: "" });
+  });
+
+  it("should extract catch-all params", () => {
+    const params = extractParams("/chat/[id]/[...rest]/config", "/chat/123/foo/bar/baz/config");
+    expect(params).toEqual({ id: "123", rest: "foo/bar/baz" });
+  });
+
+  it("should return null for non-matching routes", () => {
+    const params = extractParams("/chat/[id]", "/user/123");
+    expect(params).toBeNull();
+  });
+
+  it("should return null for routes with different lengths", () => {
+    const params = extractParams("/chat/[id]", "/chat/123/messages");
+    expect(params).toBeNull();
+  });
+
+  it("should return an empty object for routes with no params", () => {
+    const params = extractParams("/document/new", "/document/new");
+    expect(params).toEqual({});
+  });
+});

From 41f90913d4cd2b2e841daeaa3f2be9f2b65c4ac5 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 11 Jul 2024 20:57:54 +1000
Subject: [PATCH 24/98] Add test for revision data functions

---
 src/lib/chat-service.svelte.ts           |   1 -
 src/routes/(app)/chat/[id]/$data.test.ts | 176 ++++++++++++++++++++++-
 2 files changed, 170 insertions(+), 7 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 52a5339..8f3bb18 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -404,7 +404,6 @@ export class ChatService {
    * manually to regenerate the AI response.
    */
   setMessages(key: string, messages: Message[]): void {
-    console.log("setMessages", key, messages);
     store[key] = messages;
     this.messages = messages;
     if (this.onMessageUpdate) {
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 6b5f6fc..d7627b3 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -1,11 +1,24 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { interpolateDocuments, updateChat } from "./$data";
+import {
+  interpolateDocuments,
+  updateChat,
+  loadServices,
+  getRevision,
+  getLatestRevision,
+  getModelService,
+  createRevision,
+  appendMessage,
+  newRevision,
+  isTab,
+  tabRouteId,
+} from "./$data";
 import Database from "better-sqlite3";
 import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
 import * as schema from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
-import { eq } from "drizzle-orm";
+import { and, eq } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
+import { nanoid } from "nanoid";
 
 let sqlite: Database.Database;
 let db: BetterSQLite3Database<typeof schema>;
@@ -27,7 +40,7 @@ beforeEach(async () => {
   }));
 
   vi.mock("nanoid", () => ({
-    nanoid: vi.fn(),
+    nanoid: vi.fn(() => "mocked-nanoid"),
   }));
 
   // Mock the useDb function
@@ -35,6 +48,10 @@ beforeEach(async () => {
     useDb: vi.fn(() => db),
   }));
 
+  vi.mock("@/database/model", () => ({
+    invalidateModel: vi.fn(),
+  }));
+
   await runMigrations(true);
 
   // Insert test data
@@ -56,7 +73,10 @@ beforeEach(async () => {
     .insert(schema.chatTable)
     .values([{ id: "chat1", name: "Test Chat", prompt: "Test prompt with [[doc1]]" }]);
 
-  await db.insert(schema.revisionTable).values([{ id: "revision1", version: 1, chatId: "chat1" }]);
+  await db.insert(schema.revisionTable).values([
+    { id: "revision1", version: 1, chatId: "chat1" },
+    { id: "revision2", version: 2, chatId: "chat1" },
+  ]);
 
   await db.insert(schema.messageTable).values([
     {
@@ -66,6 +86,13 @@ beforeEach(async () => {
       role: "user",
       content: "Original content",
     },
+    {
+      id: "message2",
+      index: 1,
+      revisionId: "revision2",
+      role: "assistant",
+      content: "Response content",
+    },
   ]);
 
   await db
@@ -75,6 +102,7 @@ beforeEach(async () => {
 
 afterEach(() => {
   sqlite.close();
+  vi.clearAllMocks();
 });
 
 describe("updateChat", () => {
@@ -83,7 +111,6 @@ describe("updateChat", () => {
       id: "chat1",
       name: "Updated Chat",
       prompt: "Updated prompt",
-      createdAt: new Date().toISOString(),
     };
     await updateChat(updatedChat.id, updatedChat);
 
@@ -92,7 +119,6 @@ describe("updateChat", () => {
     });
 
     expect(chat).toEqual(expect.objectContaining(updatedChat));
-    expect(invalidate).toHaveBeenCalled();
   });
 });
 
@@ -108,3 +134,141 @@ describe("interpolateDocuments", () => {
     );
   });
 });
+
+describe("loadServices", () => {
+  it("should load services with their models", async () => {
+    const services = await loadServices();
+    expect(services).toHaveLength(1);
+    expect(services[0]).toMatchObject({
+      id: "service1",
+      name: "Test Service",
+      models: [{ id: "model1", name: "Test Model" }],
+    });
+  });
+});
+
+describe("getRevision", () => {
+  it("should get a specific revision", async () => {
+    const revision = await getRevision("chat1", 1);
+    expect(revision).toMatchObject({
+      id: "revision1",
+      version: 1,
+      chatId: "chat1",
+      messages: [{ id: "message1", content: "Original content" }],
+    });
+  });
+});
+
+describe("getLatestRevision", () => {
+  it("should get the latest revision", async () => {
+    const revision = await getLatestRevision("chat1");
+    expect(revision).toMatchObject({
+      id: "revision2",
+      version: 2,
+      chatId: "chat1",
+      messages: [{ id: "message2", content: "Response content" }],
+    });
+  });
+});
+
+describe("getModelService", () => {
+  it("should get a model with its service", async () => {
+    const modelService = await getModelService("model1");
+    expect(modelService).toMatchObject({
+      id: "model1",
+      name: "Test Model",
+      service: { id: "service1", name: "Test Service" },
+    });
+  });
+});
+
+describe("createRevision", () => {
+  it("should create a new revision", async () => {
+    const newRevision = await createRevision("chat1");
+    expect(newRevision).toMatchObject({
+      chatId: "chat1",
+      version: 3,
+      id: "mocked-nanoid",
+    });
+  });
+});
+
+describe("appendMessage", () => {
+  it("should append a message to a revision", async () => {
+    const message = {
+      id: "new-message",
+      role: "user",
+      content: "New message content",
+      revisionId: "revision2",
+    };
+    await appendMessage(message);
+
+    const messages = await db.query.messageTable.findMany({
+      where: eq(schema.messageTable.revisionId, "revision2"),
+    });
+    expect(messages).toHaveLength(2);
+    expect(messages[1]).toMatchObject({
+      id: "new-message",
+      role: "user",
+      content: "New message content",
+      index: 1,
+    });
+  });
+});
+
+describe("newRevision", () => {
+  it("should create a new revision with messages", async () => {
+    vi.mocked(nanoid)
+      .mockReturnValueOnce("mocked-nanoid")
+      .mockReturnValueOnce("message-1")
+      .mockReturnValueOnce("message-2");
+    const messages = [
+      { id: "new-message1", role: "user", content: "New user message" },
+      { id: "new-message2", role: "assistant", content: "New assistant message" },
+    ];
+    const revision = await newRevision("chat1", messages);
+
+    expect(revision).toMatchObject({
+      chatId: "chat1",
+      version: 3,
+      id: "mocked-nanoid",
+    });
+
+    const newMessages = await db.query.messageTable.findMany({
+      where: eq(schema.messageTable.revisionId, "mocked-nanoid"),
+    });
+    expect(newMessages).toHaveLength(2);
+    expect(newMessages[0]).toMatchObject({
+      role: "user",
+      content: "New user message",
+      index: 0,
+    });
+    expect(newMessages[1]).toMatchObject({
+      role: "assistant",
+      content: "New assistant message",
+      index: 1,
+    });
+  });
+});
+
+describe("isTab", () => {
+  it("should return true for valid tab values", () => {
+    expect(isTab("chat")).toBe(true);
+    expect(isTab("eval")).toBe(true);
+    expect(isTab("revise")).toBe(true);
+  });
+
+  it("should return false for invalid tab values", () => {
+    expect(isTab("invalid")).toBe(false);
+    expect(isTab(123)).toBe(false);
+    expect(isTab(null)).toBe(false);
+  });
+});
+
+describe("tabRouteId", () => {
+  it("should return correct route ID for each tab", () => {
+    expect(tabRouteId("chat")).toBe("/chat/[id]");
+    expect(tabRouteId("eval")).toBe("/chat/[id]/eval");
+    expect(tabRouteId("revise")).toBe("/chat/[id]/revise");
+  });
+});

From e15c94575aef380045a016fc29cac32c0030ae20 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 11 Jul 2024 23:40:36 +1000
Subject: [PATCH 25/98] Add attachment model Add input paste attachment
 handling

---
 .../migrations/0005_careful_the_professor.sql |  12 +
 .../migrations/meta/0005_snapshot.json        | 462 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 src/database/schema.ts                        |  36 ++
 src/routes/(app)/chat/[id]/$data.test.ts      |  16 +-
 src/routes/(app)/chat/[id]/$data.ts           |  71 ++-
 src/routes/(app)/chat/[id]/Attachment.svelte  |  43 ++
 src/routes/(app)/chat/[id]/ChatPage.svelte    |   6 +-
 .../(app)/chat/[id]/MessageInput.svelte       |  32 +-
 9 files changed, 665 insertions(+), 20 deletions(-)
 create mode 100644 src/database/migrations/0005_careful_the_professor.sql
 create mode 100644 src/database/migrations/meta/0005_snapshot.json
 create mode 100644 src/routes/(app)/chat/[id]/Attachment.svelte

diff --git a/src/database/migrations/0005_careful_the_professor.sql b/src/database/migrations/0005_careful_the_professor.sql
new file mode 100644
index 0000000..9df08f5
--- /dev/null
+++ b/src/database/migrations/0005_careful_the_professor.sql
@@ -0,0 +1,12 @@
+CREATE TABLE `attachment` (
+	`id` text PRIMARY KEY NOT NULL,
+	`messageId` text NOT NULL,
+	`documentId` text NOT NULL,
+	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
+	FOREIGN KEY (`messageId`) REFERENCES `message`(`id`) ON UPDATE no action ON DELETE cascade,
+	FOREIGN KEY (`documentId`) REFERENCES `document`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+ALTER TABLE `document` ADD `type` text DEFAULT 'document' NOT NULL;--> statement-breakpoint
+CREATE INDEX `attachment_messageId_idx` ON `attachment` (`messageId`);--> statement-breakpoint
+CREATE UNIQUE INDEX `messageDocument_unique` ON `attachment` (`messageId`,`documentId`);
\ No newline at end of file
diff --git a/src/database/migrations/meta/0005_snapshot.json b/src/database/migrations/meta/0005_snapshot.json
new file mode 100644
index 0000000..0a9a14c
--- /dev/null
+++ b/src/database/migrations/meta/0005_snapshot.json
@@ -0,0 +1,462 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "be59e45d-6fd8-4a9a-9af2-04ff5bb425d1",
+  "prevId": "357ab258-c1ea-4a56-8738-db8538d1a6d6",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "document_name_unique": {
+          "name": "document_name_unique",
+          "columns": [
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "serviceId_idx": {
+          "name": "serviceId_idx",
+          "columns": [
+            "serviceId"
+          ],
+          "isUnique": false
+        },
+        "serviceName_unique": {
+          "name": "serviceName_unique",
+          "columns": [
+            "serviceId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_serviceId_service_id_fk": {
+          "name": "model_serviceId_service_id_fk",
+          "tableFrom": "model",
+          "tableTo": "service",
+          "columnsFrom": [
+            "serviceId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 54ac1ef..2264b1b 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -36,6 +36,13 @@
       "when": 1720447287431,
       "tag": "0004_skinny_machine_man",
       "breakpoints": true
+    },
+    {
+      "idx": 5,
+      "version": "6",
+      "when": 1720702384826,
+      "tag": "0005_careful_the_professor",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index 4dd144a..e8aff95 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -9,6 +9,9 @@ import { sql } from "drizzle-orm/sql";
 export const documentTable = sqliteTable("document", {
   id: text("id").primaryKey(),
   name: text("name").notNull().unique(),
+  type: text("type", { enum: ["document", "pasted"] })
+    .notNull()
+    .default("document"),
   description: text("description").notNull(),
   content: text("content").notNull(),
   // data: text("data").notNull(),
@@ -41,6 +44,9 @@ export const messageTable = sqliteTable(
       .references(() => revisionTable.id, { onDelete: "cascade" }),
     role: text("role").notNull(),
     content: text("content").notNull(),
+    // attachments: text("attachments", { mode: "json" })
+    //   .$type<{ documentId: string }[]>()
+    //   .default([]),
     createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
   },
   (table) => ({
@@ -48,6 +54,24 @@ export const messageTable = sqliteTable(
   }),
 );
 
+export const attachmentTable = sqliteTable(
+  "attachment",
+  {
+    id: text("id").primaryKey(),
+    messageId: text("messageId")
+      .notNull()
+      .references(() => messageTable.id, { onDelete: "cascade" }),
+    documentId: text("documentId")
+      .notNull()
+      .references(() => documentTable.id, { onDelete: "cascade" }),
+    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  },
+  (table) => ({
+    messageDocumentUnique: unique("messageDocument_unique").on(table.messageId, table.documentId),
+    messageIdIdx: index("attachment_messageId_idx").on(table.messageId),
+  }),
+);
+
 export const modelTable = sqliteTable(
   "model",
   {
@@ -126,4 +150,16 @@ export const messageRelations = relations(messageTable, ({ one, many }) => ({
     fields: [messageTable.revisionId],
     references: [revisionTable.id],
   }),
+  attachments: many(attachmentTable),
+}));
+
+export const attachmentRelations = relations(attachmentTable, ({ one, many }) => ({
+  message: one(messageTable, {
+    fields: [attachmentTable.messageId],
+    references: [messageTable.id],
+  }),
+  document: one(documentTable, {
+    fields: [attachmentTable.documentId],
+    references: [documentTable.id],
+  }),
 }));
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index d7627b3..d0f9231 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -98,6 +98,14 @@ beforeEach(async () => {
   await db
     .insert(schema.documentTable)
     .values([{ id: "doc1", name: "doc1", description: "Test doc", content: "Test content" }]);
+
+  await db.insert(schema.attachmentTable).values([
+    {
+      id: "attachment1",
+      messageId: "message1",
+      documentId: "doc1",
+    },
+  ]);
 });
 
 afterEach(() => {
@@ -154,7 +162,13 @@ describe("getRevision", () => {
       id: "revision1",
       version: 1,
       chatId: "chat1",
-      messages: [{ id: "message1", content: "Original content" }],
+      messages: [
+        {
+          id: "message1",
+          content: "Original content",
+          attachments: [{ id: "attachment1", documentId: "doc1", document: { id: "doc1" } }],
+        },
+      ],
     });
   });
 });
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index db75020..2b43909 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -1,4 +1,5 @@
 import {
+  attachmentTable,
   type Chat,
   chatTable,
   documentTable,
@@ -15,6 +16,11 @@ import { invalidateModel } from "@/database/model";
 import { sql } from "drizzle-orm/sql";
 import type { RouteId } from "$lib/route";
 
+export type AttachmentInput = {
+  type: "pasted";
+  content: string;
+};
+
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
 export type Tab = "chat" | "eval" | "revise";
@@ -39,7 +45,15 @@ export function getRevision(chatId: string, version: number) {
   return useDb().query.revisionTable.findFirst({
     where: and(eq(revisionTable.chatId, chatId), eq(revisionTable.version, version)),
     with: {
-      messages: true,
+      messages: {
+        with: {
+          attachments: {
+            with: {
+              document: true,
+            },
+          },
+        },
+      },
     },
   });
 }
@@ -48,7 +62,15 @@ export function getLatestRevision(chatId: string) {
   return useDb().query.revisionTable.findFirst({
     where: eq(revisionTable.chatId, chatId),
     with: {
-      messages: true,
+      messages: {
+        with: {
+          attachments: {
+            with: {
+              document: true,
+            },
+          },
+        },
+      },
     },
     orderBy: [desc(revisionTable.version)],
   });
@@ -111,18 +133,41 @@ export async function interpolateDocuments(prompt: string) {
   return interpolatedPrompt;
 }
 
-export async function appendMessage(message: Omit<InsertMessage, "index" | "createdAt">) {
+export async function appendMessage(
+  message: Omit<InsertMessage, "index" | "createdAt">,
+  attachments: AttachmentInput[] = [],
+) {
   try {
-    return await useDb()
-      .insert(messageTable)
-      .values({
-        id: message.id,
-        revisionId: message.revisionId,
-        role: message.role,
-        content: message.content,
-        index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, message.revisionId)})`,
-      })
-      .execute();
+    return await useDb().transaction(async (tx) => {
+      await tx
+        .insert(messageTable)
+        .values({
+          id: message.id,
+          revisionId: message.revisionId,
+          role: message.role,
+          content: message.content,
+          index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, message.revisionId)})`,
+        })
+        .execute();
+      for (const attachment of attachments) {
+        const documentId = nanoid(10);
+        await tx
+          .insert(documentTable)
+          .values({
+            id: documentId,
+            type: attachment.type,
+            name: `Pasted ${new Date().toLocaleString()}`,
+            description: "",
+            content: attachment.content,
+          })
+          .execute();
+        await tx.insert(attachmentTable).values({
+          id: nanoid(10),
+          documentId,
+          messageId: message.id,
+        });
+      }
+    });
   } catch (e) {
     console.error(e);
     throw e;
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
new file mode 100644
index 0000000..bb55c8a
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { XIcon } from "lucide-svelte";
+  import { Button } from "@/components/ui/button";
+
+  type Props = {
+    type: string;
+    content: string;
+    onRemove: () => void;
+  };
+  let { type, content, onRemove }: Props = $props();
+
+  function toTitleCase(input: string): string {
+    return input
+      .split(/[^a-zA-Z0-9]+/)
+      .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+      .join("");
+  }
+</script>
+
+<div
+  class="h-32 w-28 min-w-28 cursor-pointer overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
+>
+  <div class="relative h-full border-0">
+    <Button
+      variant="ghost"
+      class="display-inline-block absolute right-1 top-1 z-10 h-4 cursor-pointer bg-white p-1"
+      on:click={onRemove}
+    >
+      <XIcon size={14} />
+    </Button>
+    <div class="flex h-full flex-col gap-1 p-2">
+      <div class="relative flex-1 overflow-hidden">
+        <p class="overflow-y-hidden break-words text-sm">{content}</p>
+        <div
+          class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-white to-transparent"
+        ></div>
+      </div>
+      <div class="name sticky bottom-0 text-sm font-semibold text-gray-700">
+        {toTitleCase(type)}
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 7e85f4b..7ad9501 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -3,7 +3,7 @@
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import { appendMessage, getModelService } from "./$data";
+  import { appendMessage, getModelService, type AttachmentInput } from "./$data";
   import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
@@ -40,7 +40,7 @@
     },
   });
 
-  async function handleSubmit(value: string) {
+  async function handleSubmit(value: string, attachments: AttachmentInput[]) {
     if (!store.selected.modelId) {
       toast.error("No model selected");
       return;
@@ -50,7 +50,7 @@
       toast.error("Selected model not found");
       return;
     }
-    appendMessage({ id: nanoid(10), role: "user", content: value, revisionId: revision.id });
+    await appendMessage({ id: nanoid(10), role: "user", content: value, revisionId: revision.id });
     Object.assign(body, {
       providerId: model.service.providerId,
       modelName: model.name,
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 23d1025..e2250bd 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -4,6 +4,8 @@
   import { Button } from "@/components/ui/button";
   import { Textarea } from "@/components/ui/textarea";
   import { Send, Plus, HardDriveUpload, CloudUpload, Clipboard } from "lucide-svelte";
+  import type { AttachmentInput } from "./$data";
+  import Attachment from "./Attachment.svelte";
 
   type Props = {
     onSubmit: (value: string) => void;
@@ -12,6 +14,7 @@
   let isUploadOpen = $state(false);
   let textareaElement: HTMLTextAreaElement;
   let content = $state("");
+  let attachments = $state<AttachmentInput[]>([]);
 
   function resize() {
     textareaElement.style.height = "auto";
@@ -35,6 +38,17 @@
     onSubmit(content);
   }
 
+  function handlePaste(event: ClipboardEvent) {
+    if (!event.clipboardData) {
+      return;
+    }
+    const content = event.clipboardData.getData("text/plain");
+    if (content.length > 1000) {
+      event.preventDefault();
+      attachments.push({ type: "pasted", content });
+    }
+  }
+
   function toggleUploadOptions() {
     isUploadOpen = !isUploadOpen;
   }
@@ -46,9 +60,20 @@
 
 <div class="sticky bottom-0 mx-auto w-full max-w-3xl">
   <Card class="w-full rounded-b-none border-b-0">
-    <CardContent class="p-4">
+    <CardContent class="flex flex-col gap-3 p-4">
+      {#if attachments.length > 0}
+        <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
+          {#each attachments as attachment, index (index)}
+            <Attachment
+              type={attachment.type}
+              content={attachment.content}
+              onRemove={() => (attachments = attachments.filter((a, i) => i !== index))}
+            />
+          {/each}
+        </div>
+      {/if}
       {#if isUploadOpen}
-        <div class="mb-4 flex items-center justify-start gap-2">
+        <div class="flex items-center justify-start gap-2">
           <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>
             <HardDriveUpload class="mr-2 h-4 w-4" />
             Browse
@@ -71,9 +96,10 @@
           bind:element={textareaElement}
           placeholder="What's on your mind?"
           bind:value={content}
-          on:input={resize}
+          oninput={resize}
           class=" max-h-[200px] min-h-1 flex-1 resize-none overflow-y-auto border-none bg-muted/50 focus-visible:ring-0"
           onkeydown={handleKeydown}
+          onpaste={handlePaste}
         />
         <Button variant="default" size="icon" onclick={handleSubmit}>
           <Send class="h-4 w-4" />

From 94f56a637732e20f3af2be20c5230758a7c46957 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 12 Jul 2024 22:09:03 +1000
Subject: [PATCH 26/98] Remove component requirement from ChatService tests

---
 src/lib/chat-service.svelte.ts           |  39 +++---
 test/chat-service/TestChatService.svelte |  33 -----
 test/chat-service/chat-service.test.ts   | 154 +++++++++++++++++++----
 test/runes/counter.svelte.ts             |  16 +++
 test/runes/counter.test.ts               |  33 +++++
 5 files changed, 195 insertions(+), 80 deletions(-)
 delete mode 100644 test/chat-service/TestChatService.svelte
 create mode 100644 test/runes/counter.svelte.ts
 create mode 100644 test/runes/counter.test.ts

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 8f3bb18..873d12f 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -317,9 +317,10 @@ export class ChatService {
     if (!message.id) {
       message.id = this.generateId();
     }
+    this.messages.push(message as Message);
 
     const chatRequest: ChatRequest = {
-      messages: this.messages.concat(message as Message),
+      messages: this.messages,
       options,
       data,
       ...(functions !== undefined && { functions }),
@@ -413,27 +414,23 @@ export class ChatService {
 
   /** Form submission handler to automatically reset input and append a user message  */
   handleSubmit(event?: { preventDefault?: () => void }, chatRequestOptions?: ChatRequestOptions) {
-    try {
-      event?.preventDefault?.();
-      const inputValue = this.input;
-      if (!inputValue) return;
+    event?.preventDefault?.();
+    const inputValue = this.input;
+    if (!inputValue) return;
 
-      if (this.mode.type === "edit") {
-        let message = this.messages[this.mode.index];
-        message.content = inputValue;
-        return this.edit(inputValue, this.mode.index, chatRequestOptions);
-      } else {
-        this.input = "";
-        return this.append(
-          {
-            content: inputValue,
-            role: "user",
-          },
-          chatRequestOptions,
-        );
-      }
-    } catch (e) {
-      console.error(e);
+    if (this.mode.type === "edit") {
+      let message = this.messages[this.mode.index];
+      message.content = inputValue;
+      return this.edit(inputValue, this.mode.index, chatRequestOptions);
+    } else {
+      this.input = "";
+      return this.append(
+        {
+          content: inputValue,
+          role: "user",
+        },
+        chatRequestOptions,
+      );
     }
   }
 
diff --git a/test/chat-service/TestChatService.svelte b/test/chat-service/TestChatService.svelte
deleted file mode 100644
index c23bc5a..0000000
--- a/test/chat-service/TestChatService.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-  import { ChatService } from "$lib/chat-service.svelte.js";
-
-  let chat = new ChatService({
-    api: "http://localhost:3000/api/chat",
-  });
-
-  // $inspect(chat);
-
-  function onSubmit(event: Event) {
-    event.preventDefault();
-    chat.handleSubmit();
-  }
-</script>
-
-<div>
-  {#if chat.isLoading}
-    <p>Loading...</p>
-  {:else if chat.error}
-    <p>Error: {chat.error.message}</p>
-  {:else}
-    <ul>
-      {#each chat.messages as message}
-        <li>{message.role}: {message.content}</li>
-      {/each}
-    </ul>
-  {/if}
-</div>
-
-<form onsubmit={onSubmit}>
-  <input bind:value={chat.input} placeholder="Type a message..." />
-  <button type="submit">Send Message</button>
-</form>
diff --git a/test/chat-service/chat-service.test.ts b/test/chat-service/chat-service.test.ts
index 71870cd..5a2a0e1 100644
--- a/test/chat-service/chat-service.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -1,45 +1,147 @@
-/* @vitest-environment jsdom */
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { fireEvent, render, waitFor } from "@testing-library/svelte";
-import TestUseChatComponent from "./TestChatService.svelte";
+import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from "vitest";
+import { ChatService } from "../../src/lib/chat-service.svelte";
 import { createMockServer } from "./mock-server";
+import { http, HttpResponse } from "msw";
 
-describe("ChatService in Svelte component", () => {
+describe("ChatService", () => {
   const mockServer = createMockServer();
+  let chatService: ChatService;
 
-  beforeEach(() => {
-    mockServer.listen();
+  // Set up the mock server before all tests
+  beforeAll(() => {
+    mockServer.listen({ onUnhandledRequest: "error" });
   });
 
+  // Reset handlers after each test
   afterEach(() => {
+    mockServer.resetHandlers();
+  });
+
+  // Clean up after all tests are done
+  afterAll(() => {
     mockServer.close();
-    vi.restoreAllMocks();
+  });
+
+  beforeEach(() => {
+    chatService = new ChatService({
+      api: "/api/chat",
+      initialMessages: [],
+    });
   });
 
   it("should handle the complete request chain correctly", async () => {
-    // @ts-expect-error render expects class component
-    const { getByText, getByPlaceholderText, findByText } = render(TestUseChatComponent, {
-      props: {},
+    const message = "Hi there!";
+
+    // Set the input
+    chatService.input = message;
+
+    // Submit the message
+    await chatService.handleSubmit();
+
+    // Check if the message was added to the messages array
+    expect(chatService.messages[0]).toEqual(
+      expect.objectContaining({
+        role: "user",
+        content: message,
+      }),
+    );
+
+    // Wait for the response
+    await vi.waitUntil(() => chatService.messages.length === 2, { timeout: 1000 });
+
+    // Check if the assistant's response was added
+    expect(chatService.messages[1]).toEqual(
+      expect.objectContaining({
+        role: "assistant",
+        content: "Hello, world.",
+      }),
+    );
+
+    // Verify that loading state is reset
+    expect(chatService.isLoading).toBe(false);
+  });
+
+  it("should handle errors correctly", async () => {
+    // Use MSW to mock a server error for this specific test
+    mockServer.use(
+      http.post("/api/chat", () => {
+        return HttpResponse.json({ error: "API Error" }, { status: 500 });
+      }),
+    );
+
+    chatService.input = "Trigger an error";
+
+    await chatService.handleSubmit();
+
+    // Wait for the error to be set
+    await vi.waitUntil(() => chatService.error !== undefined, { timeout: 1000 });
+
+    expect(chatService.error).toBeInstanceOf(Error);
+    expect(chatService.isLoading).toBe(false);
+  });
+
+  it("should abort ongoing requests when stop is called", async () => {
+    chatService.input = "Long running request";
+
+    const submitPromise = chatService.handleSubmit();
+    expect(chatService.messages.length).toBe(1);
+
+    // Wait for the loading state to be true
+    await vi.waitUntil(() => chatService.isLoading === true, { timeout: 1000 });
+
+    chatService.stop();
+
+    await submitPromise;
+
+    expect(chatService.isLoading).toBe(false);
+    expect(chatService.messages.length).toBe(1); // Only the user message should be present
+  });
+
+  it("should handle editing of previous messages", async () => {
+    // Initialize ChatService in edit mode
+    chatService = new ChatService({
+      api: "/api/chat",
+      initialMessages: [
+        { role: "user", content: "Hello", id: "1" },
+        { role: "assistant", content: "Hi there!", id: "2" },
+      ],
+      mode: { type: "edit", index: 0 },
     });
 
-    // Type a message in the input
-    const input = getByPlaceholderText("Type a message...");
-    await fireEvent.input(input, { target: { value: "Hi there!" } });
+    // Set the new content for the edit
+    chatService.input = "Hello, how are you?";
 
-    // Submit the form
-    const submitButton = getByText("Send Message");
-    await fireEvent.click(submitButton);
+    // Trigger the edit
+    chatService.handleSubmit();
 
-    // Wait for the loading state
-    await findByText("Loading...");
+    expect(chatService.messages).toHaveLength(1);
 
-    // Wait for the response to be rendered
-    await waitFor(
-      () => {
-        expect(getByText("user: Hi there!")).toBeTruthy();
-        expect(getByText("assistant: Hello, world.")).toBeTruthy();
-      },
-      { timeout: 500 },
+    // Verify that the message was updated
+    expect(chatService.messages[0]).toEqual(
+      expect.objectContaining({
+        role: "user",
+        content: "Hello, how are you?",
+      }),
     );
+
+    // Wait for the API call to complete
+    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
+
+    // Verify that the assistant message was updated
+    expect(chatService.messages[1]).toEqual(
+      expect.objectContaining({
+        role: "assistant",
+        content: "Hello, world.",
+      }),
+    );
+
+    // Verify that the loading state is reset
+    expect(chatService.isLoading).toBe(false);
+
+    // Verify that there are no errors
+    expect(chatService.error).toBeUndefined();
+
+    // Verify that messages after the edit were removed
+    expect(chatService.messages.length).toBe(2);
   });
 });
diff --git a/test/runes/counter.svelte.ts b/test/runes/counter.svelte.ts
new file mode 100644
index 0000000..4350c24
--- /dev/null
+++ b/test/runes/counter.svelte.ts
@@ -0,0 +1,16 @@
+export class Counter {
+  count = $state(0);
+  doubleCount = $derived(this.count * 2);
+
+  constructor(initial: number = 0) {
+    this.count = initial;
+  }
+
+  increment() {
+    this.count++;
+  }
+
+  decrement() {
+    this.count--;
+  }
+}
diff --git a/test/runes/counter.test.ts b/test/runes/counter.test.ts
new file mode 100644
index 0000000..2aefec2
--- /dev/null
+++ b/test/runes/counter.test.ts
@@ -0,0 +1,33 @@
+import { describe, expect, it } from "vitest";
+import { Counter } from "./counter.svelte";
+import { tick } from "svelte";
+
+describe("Counter", () => {
+  it("should initialize with the given value", () => {
+    const counter = new Counter(5);
+    expect(counter.count).toBe(5);
+  });
+
+  it("should increment the count", async () => {
+    const counter = new Counter(0);
+    counter.increment();
+    await tick();
+    expect(counter.count).toBe(1);
+  });
+
+  it("should decrement the count", async () => {
+    const counter = new Counter(5);
+    counter.decrement();
+    await tick();
+    expect(counter.count).toBe(4);
+  });
+
+  it("should calculate doubleCount correctly", async () => {
+    const counter = new Counter(2);
+    expect(counter.doubleCount).toBe(4);
+    counter.increment();
+    await tick();
+    expect(counter.count).toBe(3);
+    expect(counter.doubleCount).toBe(6);
+  });
+});

From ab00928fbc7d7c919660f43b3020eaa1cfb84d5b Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 12 Jul 2024 22:51:25 +1000
Subject: [PATCH 27/98] Add reload test

---
 src/lib/chat-service.svelte.ts         | 39 +++++++++++---------------
 test/chat-service/chat-service.test.ts | 28 ++++++++++++++++++
 2 files changed, 45 insertions(+), 22 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 873d12f..a16111b 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -6,14 +6,19 @@ import type {
   FunctionCallHandler,
   IdGenerator,
   JSONValue,
-  Message,
+  Message as AIMessage,
   ToolCallHandler,
 } from "@ai-sdk/ui-utils";
 import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
+import type { AttachmentInput } from "../routes/(app)/chat/[id]/$data";
 
 // todo remove tool and function calling until the library is stable and we need it
 
+type Message = AIMessage & {
+  attachments?: AttachmentInput[];
+};
+
 export type { CreateMessage };
 
 type Mode = { type: "edit"; index: number } | { type: "append" };
@@ -157,7 +162,7 @@ const getStreamedResponse = async (
 ) => {
   // Do an optimistic update to the chat state to show the updated messages
   // immediately.
-  mutate(chatRequest.messages);
+  // mutate(chatRequest.messages);
 
   const constructedMessagesPayload = sendExtraMessageFields
     ? chatRequest.messages
@@ -336,14 +341,12 @@ export class ChatService {
     index: number,
     { options, functions, function_call, tools, tool_choice, data }: ChatRequestOptions = {},
   ) {
-    console.log("edit", content, index, this.messages);
-    let messagesSnapshot = structuredClone($state.snapshot(this.messages));
-    messagesSnapshot[index].content = content;
+    // update message content at index
+    this.messages[index].content = content;
     // remove messages after edit
-    messagesSnapshot = messagesSnapshot.slice(0, index + 1);
-    console.log("edit", messagesSnapshot);
+    this.messages.splice(index + 1);
     const chatRequest: ChatRequest = {
-      messages: messagesSnapshot,
+      messages: this.messages,
       options,
       data,
       ...(functions !== undefined && { functions }),
@@ -365,27 +368,21 @@ export class ChatService {
     function_call,
     tools,
     tool_choice,
+    data,
   }: ChatRequestOptions = {}): Promise<string | null | undefined> {
-    let messagesSnapshot = structuredClone(this.messages);
-    if (messagesSnapshot.length === 0) {
-      return null;
-    }
-
-    // Remove last assistant message and retry last user message.
-    const lastMessage = messagesSnapshot.at(-1);
-    if (lastMessage?.role === "assistant") {
-      messagesSnapshot = messagesSnapshot.slice(0, -1);
+    // remove messages after edit
+    if (this.messages[this.messages.length - 1].role === "assistant") {
+      this.messages.splice(this.messages.length - 1);
     }
-
     const chatRequest: ChatRequest = {
-      messages: messagesSnapshot,
+      messages: this.messages,
       options,
+      data,
       ...(functions !== undefined && { functions }),
       ...(function_call !== undefined && { function_call }),
       ...(tools !== undefined && { tools }),
       ...(tool_choice !== undefined && { tool_choice }),
     };
-
     return this.triggerRequest(chatRequest);
   }
 
@@ -419,8 +416,6 @@ export class ChatService {
     if (!inputValue) return;
 
     if (this.mode.type === "edit") {
-      let message = this.messages[this.mode.index];
-      message.content = inputValue;
       return this.edit(inputValue, this.mode.index, chatRequestOptions);
     } else {
       this.input = "";
diff --git a/test/chat-service/chat-service.test.ts b/test/chat-service/chat-service.test.ts
index 5a2a0e1..05c51e1 100644
--- a/test/chat-service/chat-service.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -144,4 +144,32 @@ describe("ChatService", () => {
     // Verify that messages after the edit were removed
     expect(chatService.messages.length).toBe(2);
   });
+
+  it("should handle reload functionality correctly", async () => {
+    // Initialize ChatService with some existing messages
+    chatService = new ChatService({
+      api: "/api/chat",
+      initialMessages: [
+        { role: "user", content: "Hello", id: "1" },
+        { role: "assistant", content: "Hi there!", id: "2" },
+      ],
+    });
+
+    // Test reloading the last AI response
+    await chatService.reload();
+    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
+
+    expect(chatService.messages[0].content).toBe("Hello");
+    expect(chatService.messages[1].content).toBe("Hello, world.");
+    expect(chatService.error).toBeUndefined();
+
+    // Test reloading after a new user message
+    chatService.input = "New user message";
+    await chatService.handleSubmit();
+    await chatService.reload();
+    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
+
+    expect(chatService.messages[3].content).toBe("Hello, world.");
+    expect(chatService.error).toBeUndefined();
+  });
 });

From f5b7b81c3f4af6f8605b7877d19c34566944194e Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 13 Jul 2024 11:25:44 +1000
Subject: [PATCH 28/98] Add attachment handling to ChatService

---
 src/database/schema.ts                        |   4 +-
 src/lib/chat-service.svelte.ts                | 137 ++++++++-------
 src/lib/string.ts                             |   6 +
 src/routes/(app)/chat/[id]/$data.test.ts      |   5 +-
 src/routes/(app)/chat/[id]/$data.ts           |  24 ++-
 src/routes/(app)/chat/[id]/Attachment.svelte  |   8 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  24 ++-
 src/routes/(app)/chat/[id]/MessageCard.svelte |  21 ++-
 .../(app)/chat/[id]/MessageInput.svelte       |   9 +-
 test/chat-service/chat-service.test.ts        | 163 +++++++++++++++++-
 10 files changed, 306 insertions(+), 95 deletions(-)
 create mode 100644 src/lib/string.ts

diff --git a/src/database/schema.ts b/src/database/schema.ts
index e8aff95..1c884f1 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -9,9 +9,7 @@ import { sql } from "drizzle-orm/sql";
 export const documentTable = sqliteTable("document", {
   id: text("id").primaryKey(),
   name: text("name").notNull().unique(),
-  type: text("type", { enum: ["document", "pasted"] })
-    .notNull()
-    .default("document"),
+  type: text("type").notNull().default("document"),
   description: text("description").notNull(),
   content: text("content").notNull(),
   // data: text("data").notNull(),
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index a16111b..ff5b16e 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -12,10 +12,11 @@ import type {
 import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
 import type { AttachmentInput } from "../routes/(app)/chat/[id]/$data";
+import { toTitleCase } from "$lib/string";
 
 // todo remove tool and function calling until the library is stable and we need it
 
-type Message = AIMessage & {
+export type ChatMessage = AIMessage & {
   attachments?: AttachmentInput[];
 };
 
@@ -44,7 +45,7 @@ export type ChatOptions = {
   /**
    * Initial messages of the chat. Useful to load an existing chat history.
    */
-  initialMessages?: Message[];
+  initialMessages?: ChatMessage[];
   /**
    * Initial input of the chat.
    */
@@ -82,7 +83,7 @@ export type ChatOptions = {
     toolCall: ToolCall$1<string, unknown>;
   }) => void | Promise<unknown> | unknown;
   /** Callback function to be called when an input is submitted */
-  onSubmit?: (message: Message) => void | Promise<void>;
+  onSubmit?: (message: ChatMessage) => void | Promise<void>;
   /**
    * Callback function to be called when the API response is received.
    */
@@ -90,13 +91,13 @@ export type ChatOptions = {
   /**
    * Callback function to be called when the chat is finished streaming.
    */
-  onFinish?: (message: Message) => void;
+  onFinish?: (message: ChatMessage) => void;
   /**
    * Callback function to be called when an error is encountered.
    */
   onError?: (error: Error) => void;
   /** Callback function to be called when a message is updated */
-  onMessageUpdate?: (messages: Message[]) => void;
+  onMessageUpdate?: (messages: ChatMessage[]) => void;
   /**
    * A way to provide a function that is going to be used for ids for messages.
    * If not provided nanoid is used by default.
@@ -143,7 +144,7 @@ export type ChatOptions = {
 const getStreamedResponse = async (
   api: string,
   chatRequest: ChatRequest,
-  mutate: (messages: Message[]) => void,
+  mutate: (messages: ChatMessage[]) => void,
   mutateStreamData: (data: JSONValue[] | undefined) => void,
   existingData: JSONValue[] | undefined,
   extraMetadata: {
@@ -151,11 +152,11 @@ const getStreamedResponse = async (
     headers?: Record<string, string> | Headers;
     body?: any;
   },
-  previousMessages: Message[],
+  previousMessages: ChatMessage[],
   abortControllerRef: AbortController | null,
   generateId: IdGenerator,
   streamMode: "stream-data" | "text" | undefined,
-  onFinish: ((message: Message) => void) | undefined,
+  onFinish: ((message: ChatMessage) => void) | undefined,
   onResponse: ((response: Response) => void | Promise<void>) | undefined,
   sendExtraMessageFields: boolean | undefined,
   fetch: FetchFunction | undefined,
@@ -212,7 +213,7 @@ const getStreamedResponse = async (
     },
     onResponse,
     onUpdate(merged, data) {
-      mutate([...chatRequest.messages, ...merged]);
+      mutate([...previousMessages, ...merged]);
       mutateStreamData([...(existingData || []), ...(data || [])]);
     },
     onFinish,
@@ -224,12 +225,13 @@ const getStreamedResponse = async (
 
 let uniqueId = 0;
 
-const store: Record<string, Message[] | undefined> = {};
+const store: Record<string, ChatMessage[] | undefined> = {};
 
 export class ChatService {
-  messages: Message[] = $state([]);
+  messages: ChatMessage[] = $state([]);
   error: undefined | Error = $state(undefined);
   input: string = $state("");
+  attachments: AttachmentInput[] = [];
   isLoading: boolean | undefined = $state(undefined);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
@@ -243,11 +245,11 @@ export class ChatService {
   private experimental_onFunctionCall: FunctionCallHandler | undefined;
   private experimental_onToolCall: ToolCallHandler | undefined;
   private streamMode: "stream-data" | "text" | undefined;
-  private onSubmit: ((message: Message) => void | Promise<void>) | undefined;
+  private onSubmit: ((message: ChatMessage) => void | Promise<void>) | undefined;
   private onResponse: ((response: Response) => void | Promise<void>) | undefined;
-  private onFinish: ((message: Message) => void) | undefined;
+  private onFinish: ((message: ChatMessage) => void) | undefined;
   private onError: ((error: Error) => void) | undefined;
-  private onMessageUpdate: ((messages: Message[]) => void) | undefined;
+  private onMessageUpdate: ((messages: ChatMessage[]) => void) | undefined;
   private credentials: RequestCredentials | undefined;
   private headers: Record<string, string> | Headers | undefined;
   private body: object | undefined;
@@ -316,45 +318,23 @@ export class ChatService {
    * @param chatRequestOptions Additional options to pass to the API call
    */
   append(
-    message: Message | CreateMessage,
-    { options, functions, function_call, tools, tool_choice, data }: ChatRequestOptions = {},
+    message: ChatMessage | CreateMessage,
+    requestOptions: ChatRequestOptions = {},
   ): Promise<string | null | undefined> {
     if (!message.id) {
       message.id = this.generateId();
     }
-    this.messages.push(message as Message);
+    this.messages.push(message as ChatMessage);
 
-    const chatRequest: ChatRequest = {
-      messages: this.messages,
-      options,
-      data,
-      ...(functions !== undefined && { functions }),
-      ...(function_call !== undefined && { function_call }),
-      ...(tools !== undefined && { tools }),
-      ...(tool_choice !== undefined && { tool_choice }),
-    };
-    return this.triggerRequest(chatRequest);
+    return this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
-  edit(
-    content: string,
-    index: number,
-    { options, functions, function_call, tools, tool_choice, data }: ChatRequestOptions = {},
-  ) {
+  edit(content: string, index: number, requestOptions: ChatRequestOptions = {}) {
     // update message content at index
     this.messages[index].content = content;
     // remove messages after edit
     this.messages.splice(index + 1);
-    const chatRequest: ChatRequest = {
-      messages: this.messages,
-      options,
-      data,
-      ...(functions !== undefined && { functions }),
-      ...(function_call !== undefined && { function_call }),
-      ...(tools !== undefined && { tools }),
-      ...(tool_choice !== undefined && { tool_choice }),
-    };
-    return this.triggerRequest(chatRequest);
+    return this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
   /**
@@ -362,28 +342,12 @@ export class ChatService {
    * message isn't from the assistant, it will request the API to generate a
    * new response.
    */
-  async reload({
-    options,
-    functions,
-    function_call,
-    tools,
-    tool_choice,
-    data,
-  }: ChatRequestOptions = {}): Promise<string | null | undefined> {
+  async reload(requestOptions: ChatRequestOptions = {}): Promise<string | null | undefined> {
     // remove messages after edit
     if (this.messages[this.messages.length - 1].role === "assistant") {
       this.messages.splice(this.messages.length - 1);
     }
-    const chatRequest: ChatRequest = {
-      messages: this.messages,
-      options,
-      data,
-      ...(functions !== undefined && { functions }),
-      ...(function_call !== undefined && { function_call }),
-      ...(tools !== undefined && { tools }),
-      ...(tool_choice !== undefined && { tool_choice }),
-    };
-    return this.triggerRequest(chatRequest);
+    return this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
   /**
@@ -401,7 +365,7 @@ export class ChatService {
    * edit the messages on the client, and then trigger the `reload` method
    * manually to regenerate the AI response.
    */
-  setMessages(key: string, messages: Message[]): void {
+  setMessages(key: string, messages: ChatMessage[]): void {
     store[key] = messages;
     this.messages = messages;
     if (this.onMessageUpdate) {
@@ -409,20 +373,61 @@ export class ChatService {
     }
   }
 
+  createChatRequest({
+    options,
+    functions,
+    function_call,
+    tools,
+    tool_choice,
+    data,
+  }: ChatRequestOptions = {}) {
+    // inline attachments into message content surrounded by tags
+    const messages = this.messages.map((message) => {
+      let content = message.content;
+      if (message.attachments) {
+        const attachmentContent = message.attachments
+          .filter((attachment) => attachment.content.trim() !== "") // Exclude empty attachments
+          .map((attachment) => {
+            const escapedContent = attachment.content.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+            const attributes = Object.entries(attachment.attributes)
+              .map(([key, value]) => `${key}="${value}"`)
+              .join(" ");
+            return `<${toTitleCase(attachment.type)}${attributes ? " " : ""}${attributes}>\n${escapedContent}\n</${toTitleCase(attachment.type)}>`;
+          })
+          .join("\n\n");
+        if (attachmentContent.length > 0) {
+          content = `${attachmentContent}\n\n${content}`;
+        }
+      }
+      return { ...message, content };
+    });
+    return {
+      messages,
+      options,
+      data,
+      ...(functions !== undefined && { functions }),
+      ...(function_call !== undefined && { function_call }),
+      ...(tools !== undefined && { tools }),
+      ...(tool_choice !== undefined && { tool_choice }),
+    };
+  }
+
   /** Form submission handler to automatically reset input and append a user message  */
   handleSubmit(event?: { preventDefault?: () => void }, chatRequestOptions?: ChatRequestOptions) {
     event?.preventDefault?.();
-    const inputValue = this.input;
-    if (!inputValue) return;
+    const inputContent = this.input;
+    const inputAttachments = this.attachments;
+    if (!inputContent) return;
 
     if (this.mode.type === "edit") {
-      return this.edit(inputValue, this.mode.index, chatRequestOptions);
+      return this.edit(inputContent, this.mode.index, chatRequestOptions);
     } else {
       this.input = "";
       return this.append(
         {
-          content: inputValue,
+          content: inputContent,
           role: "user",
+          attachments: inputAttachments,
         },
         chatRequestOptions,
       );
@@ -446,7 +451,7 @@ export class ChatService {
           getStreamedResponse(
             this.api || "/api/chat",
             chatRequest,
-            (messages: Message[]) => this.setMessages(this.key, messages),
+            (messages: ChatMessage[]) => this.setMessages(this.key, messages),
             (data) => {
               this.data = data;
             },
diff --git a/src/lib/string.ts b/src/lib/string.ts
new file mode 100644
index 0000000..cea2fec
--- /dev/null
+++ b/src/lib/string.ts
@@ -0,0 +1,6 @@
+export function toTitleCase(input: string): string {
+  return input
+    .split(/[^a-zA-Z0-9]+/)
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join("");
+}
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index d0f9231..7970549 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -215,7 +215,7 @@ describe("appendMessage", () => {
       content: "New message content",
       revisionId: "revision2",
     };
-    await appendMessage(message);
+    await appendMessage(message, []);
 
     const messages = await db.query.messageTable.findMany({
       where: eq(schema.messageTable.revisionId, "revision2"),
@@ -228,6 +228,9 @@ describe("appendMessage", () => {
       index: 1,
     });
   });
+
+  // todo
+  it("should append attachments to the message");
 });
 
 describe("newRevision", () => {
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 2b43909..4648d27 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -15,14 +15,18 @@ import { nanoid } from "nanoid";
 import { invalidateModel } from "@/database/model";
 import { sql } from "drizzle-orm/sql";
 import type { RouteId } from "$lib/route";
+import type { ChatMessage } from "$lib/chat-service.svelte";
 
 export type AttachmentInput = {
-  type: "pasted";
+  type: string;
   content: string;
+  attributes: {};
 };
 
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
+export type RevisionView = NonNullable<Awaited<ReturnType<typeof getRevision>>>;
+
 export type Tab = "chat" | "eval" | "revise";
 
 export function isTab(tab: any): tab is Tab {
@@ -41,6 +45,24 @@ export function loadServices() {
   });
 }
 
+export function toChatMessage(message: RevisionView["messages"][number]): ChatMessage {
+  let attachments: AttachmentInput[] = [];
+  message.attachments.forEach((a) => {
+    attachments.push({
+      type: a.document.type,
+      content: a.document.content,
+      // todo add document attributes to schema
+      attributes: {},
+    });
+  });
+  return {
+    ...message,
+    role: message.role as ChatMessage["role"],
+    createdAt: message.createdAt ? new Date(message.createdAt) : undefined,
+    attachments,
+  };
+}
+
 export function getRevision(chatId: string, version: number) {
   return useDb().query.revisionTable.findFirst({
     where: and(eq(revisionTable.chatId, chatId), eq(revisionTable.version, version)),
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index bb55c8a..aff4df6 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { XIcon } from "lucide-svelte";
   import { Button } from "@/components/ui/button";
+  import { toTitleCase } from "$lib/string";
 
   type Props = {
     type: string;
@@ -8,13 +9,6 @@
     onRemove: () => void;
   };
   let { type, content, onRemove }: Props = $props();
-
-  function toTitleCase(input: string): string {
-    return input
-      .split(/[^a-zA-Z0-9]+/)
-      .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-      .join("");
-  }
 </script>
 
 <div
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 7ad9501..62f4110 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -3,7 +3,7 @@
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import { appendMessage, getModelService, type AttachmentInput } from "./$data";
+  import { appendMessage, getModelService, type AttachmentInput, type RevisionView } from "./$data";
   import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
@@ -11,7 +11,7 @@
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision: Revision & { messages: Message[] };
+    revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
   let bottomRef: HTMLDivElement;
@@ -27,30 +27,36 @@
 
   let chatService = new ChatService({
     // @ts-expect-error message type mismatch
-    initialMessages: revision.messages,
+    initialMessages: revision.messages.map((m) => ({
+      ...m,
+      attachments: m.attachments.map((a) => ({ type: a.type, content: a.content })),
+    })),
     body,
     onError: (e) => {
       toast.error(e.message);
     },
     onFinish: (message) => {
-      appendMessage({ ...message, revisionId: revision.id });
+      appendMessage({ ...message, revisionId: revision.id }, message.attachments);
     },
     onMessageUpdate: (messages) => {
       bottomRef.scrollIntoView({ behavior: "smooth" });
     },
   });
 
-  async function handleSubmit(value: string, attachments: AttachmentInput[]) {
+  async function handleSubmit(value: string, attachments: AttachmentInput[]): Promise<boolean> {
     if (!store.selected.modelId) {
       toast.error("No model selected");
-      return;
+      return false;
     }
     const model = await getModelService(store.selected.modelId);
     if (!model) {
       toast.error("Selected model not found");
-      return;
+      return false;
     }
-    await appendMessage({ id: nanoid(10), role: "user", content: value, revisionId: revision.id });
+    await appendMessage(
+      { id: nanoid(10), role: "user", content: value, revisionId: revision.id },
+      attachments,
+    );
     Object.assign(body, {
       providerId: model.service.providerId,
       modelName: model.name,
@@ -59,7 +65,9 @@
     });
     console.log("calling chat.handleSubmit", value);
     chatService.input = value;
+    chatService.attachments = attachments;
     chatService.handleSubmit();
+    return true;
   }
 </script>
 
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index d50b617..441a632 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -2,17 +2,32 @@
   import { cn } from "$lib/cn.js";
   import MessageMarkdown from "./revise/MessageMarkdown.svelte";
   import { Card, CardContent } from "@/components/ui/card/index.js";
-  import type { Message } from "ai";
+  import Attachment from "./Attachment.svelte";
+  import type { ChatMessage } from "$lib/chat-service.svelte";
 
   type Props = {
-    message: Message;
+    message: ChatMessage;
+    onRemoveAttachment: (index: number) => void;
   };
-  let { message }: Props = $props();
+  let { message, onRemoveAttachment }: Props = $props();
   let format = "markdown";
+
+  $inspect("MessageCard", message);
 </script>
 
 <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
   <CardContent class="p-4">
+    {#if message.attachments && message.attachments.length > 0}
+      <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
+        {#each message.attachments as attachment, index (index)}
+          <Attachment
+            type={attachment.type}
+            content={attachment.content}
+            onRemove={() => onRemoveAttachment(index)}
+          />
+        {/each}
+      </div>
+    {/if}
     {#if format === "markdown"}
       <MessageMarkdown content={message.content} />
     {:else}
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index e2250bd..bd51076 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -8,7 +8,7 @@
   import Attachment from "./Attachment.svelte";
 
   type Props = {
-    onSubmit: (value: string) => void;
+    onSubmit: (content: string, attachments: AttachmentInput[]) => Promise<boolean>;
   };
   let { onSubmit }: Props = $props();
   let isUploadOpen = $state(false);
@@ -33,9 +33,12 @@
     }
   }
 
-  function handleSubmit() {
+  async function handleSubmit() {
     console.log("handleSubmit", content);
-    onSubmit(content);
+    if (await onSubmit(content, attachments)) {
+      content = "";
+      attachments = [];
+    }
   }
 
   function handlePaste(event: ClipboardEvent) {
diff --git a/test/chat-service/chat-service.test.ts b/test/chat-service/chat-service.test.ts
index 05c51e1..9c23091 100644
--- a/test/chat-service/chat-service.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -1,4 +1,14 @@
-import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from "vitest";
+import {
+  afterAll,
+  afterEach,
+  assert,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  it,
+  vi,
+} from "vitest";
 import { ChatService } from "../../src/lib/chat-service.svelte";
 import { createMockServer } from "./mock-server";
 import { http, HttpResponse } from "msw";
@@ -29,7 +39,7 @@ describe("ChatService", () => {
     });
   });
 
-  it("should handle the complete request chain correctly", async () => {
+  it("should append input", async () => {
     const message = "Hi there!";
 
     // Set the input
@@ -145,7 +155,7 @@ describe("ChatService", () => {
     expect(chatService.messages.length).toBe(2);
   });
 
-  it("should handle reload functionality correctly", async () => {
+  it("should reload the last assistant message", async () => {
     // Initialize ChatService with some existing messages
     chatService = new ChatService({
       api: "/api/chat",
@@ -172,4 +182,151 @@ describe("ChatService", () => {
     expect(chatService.messages[3].content).toBe("Hello, world.");
     expect(chatService.error).toBeUndefined();
   });
+
+  it("should append attachments to the message", async () => {
+    const message = "Hi there!";
+
+    // Set the input
+    chatService.input = message;
+    chatService.attachments = [
+      {
+        type: "pasted",
+        content: "This is a pasted attachment",
+        attributes: {},
+      },
+    ];
+
+    // Submit the message
+    await chatService.handleSubmit();
+
+    // Check if the message was added to the messages array
+    expect(chatService.messages[0]).toEqual(
+      expect.objectContaining({
+        role: "user",
+        content: message,
+        attachments: [
+          {
+            type: "pasted",
+            content: "This is a pasted attachment",
+            attributes: {},
+          },
+        ],
+      }),
+    );
+
+    // Wait for the response
+    await vi.waitUntil(() => chatService.messages.length === 2, { timeout: 1000 });
+
+    // Check if the assistant's response was added
+    expect(chatService.messages[1]).toEqual(
+      expect.objectContaining({
+        role: "assistant",
+        content: "Hello, world.",
+      }),
+    );
+
+    // Verify that loading state is reset
+    expect(chatService.isLoading).toBe(false);
+  });
+
+  it("should handle multiple attachments of different types in chat request", async () => {
+    chatService.input = "Message with multiple attachments";
+    chatService.attachments = [
+      { type: "pasted", content: "Pasted text content", attributes: {} },
+      { type: "document", content: "Document content", attributes: { name: "example" } },
+    ];
+    await chatService.handleSubmit();
+
+    const chatRequest = chatService.createChatRequest();
+    expect(chatRequest.messages[0].content).toContain("<Pasted>");
+    expect(chatRequest.messages[0].content).toContain('<Document name="example">');
+    expect(chatRequest.messages[0].content).toContain("Message with multiple attachments");
+
+    // Verify that the original message doesn't contain processed attachments
+    expect(chatService.messages[0].content).toBe("Message with multiple attachments");
+    expect(chatService.messages[0].attachments).toHaveLength(2);
+  });
+
+  it("should handle empty attachments gracefully in chat request", async () => {
+    chatService.input = "Message with empty attachment";
+    chatService.attachments = [{ type: "pasted", content: "", attributes: {} }];
+    await chatService.handleSubmit();
+
+    const chatRequest = chatService.createChatRequest();
+    expect(chatRequest.messages[0].content).not.toContain("<Pasted>");
+    expect(chatRequest.messages[0].content).toBe("Message with empty attachment");
+
+    // Verify that the original message preserves the empty attachment
+    expect(chatService.messages[0].content).toBe("Message with empty attachment");
+    expect(chatService.messages[0].attachments).toHaveLength(1);
+    expect(chatService.messages[0].attachments![0].content).toBe("");
+  });
+
+  it("should handle attachments with special characters in chat request", async () => {
+    const specialContent = "Content with <tags> and \n newlines";
+    chatService.input = "Message with special characters";
+    chatService.attachments = [{ type: "pasted", content: specialContent, attributes: {} }];
+    await chatService.handleSubmit();
+
+    const chatRequest = chatService.createChatRequest();
+    expect(chatRequest.messages[0].content).toContain("&lt;tags&gt;");
+    expect(chatRequest.messages[0].content).toContain("\n newlines");
+
+    // Verify that the original message preserves unescaped content
+    expect(chatService.messages[0].content).toBe("Message with special characters");
+    expect(chatService.messages[0].attachments![0].content).toBe(specialContent);
+  });
+
+  it("should preserve attachments when editing messages", async () => {
+    chatService = new ChatService({
+      api: "/api/chat",
+      initialMessages: [
+        {
+          role: "user",
+          content: "Original",
+          id: "1",
+          attachments: [{ type: "pasted", content: "Original attachment", attributes: {} }],
+        },
+      ],
+      mode: { type: "edit", index: 0 },
+    });
+    chatService.input = "Edited message";
+    await chatService.handleSubmit();
+
+    const chatRequest = chatService.createChatRequest();
+    expect(chatRequest.messages[0].content).toContain("Edited message");
+    expect(chatRequest.messages[0].content).toContain("Original attachment");
+
+    // Verify that the original message is updated but attachment is preserved
+    expect(chatService.messages[0].content).toBe("Edited message");
+    expect(chatService.messages[0].attachments![0].content).toBe("Original attachment");
+  });
+
+  it("should preserve attachments when reloading conversations", async () => {
+    chatService = new ChatService({
+      api: "/api/chat",
+      initialMessages: [
+        {
+          role: "user",
+          content: "Hello",
+          id: "1",
+          attachments: [
+            { type: "document", content: "Attachment content", attributes: { name: "test" } },
+          ],
+        },
+        { role: "assistant", content: "Hi there!", id: "2" },
+      ],
+    });
+    await chatService.reload();
+
+    const chatRequest = chatService.createChatRequest();
+    expect(chatRequest.messages[0].content).toContain("Attachment content");
+    expect(chatRequest.messages[0].content).toContain('name="test"');
+
+    // Verify that the original message and attachment are preserved
+    expect(chatService.messages[0].content).toBe("Hello");
+    assert(chatService.messages[0].attachments![0].type === "document");
+    expect(chatService.messages[0].attachments![0].attributes).toEqual({ name: "test" });
+    expect(chatService.messages[0].attachments![0].content).toBe("Attachment content");
+  });
 });

From c8a4deefb3b50fecc67ed26dc7efa83a28282087 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 13 Jul 2024 12:09:34 +1000
Subject: [PATCH 29/98] Display attachments in ChatPage

---
 src/database/migrations/meta/_journal.json    |  7 +++++
 src/database/schema.ts                        |  4 +++
 src/routes/(app)/chat/[id]/$data.ts           | 17 +++++-------
 src/routes/(app)/chat/[id]/Attachment.svelte  | 18 +++++++------
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 14 +++++-----
 src/routes/(app)/chat/[id]/MessageCard.svelte | 26 +++++++++----------
 .../(app)/chat/[id]/MessageInput.svelte       |  2 +-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 17 +++++++-----
 8 files changed, 59 insertions(+), 46 deletions(-)

diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 2264b1b..c4f713b 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -43,6 +43,13 @@
       "when": 1720702384826,
       "tag": "0005_careful_the_professor",
       "breakpoints": true
+    },
+    {
+      "idx": 6,
+      "version": "6",
+      "when": 1720834189336,
+      "tag": "0006_opposite_sugar_man",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index 1c884f1..d4ac765 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -12,6 +12,10 @@ export const documentTable = sqliteTable("document", {
   type: text("type").notNull().default("document"),
   description: text("description").notNull(),
   content: text("content").notNull(),
+  attributes: text("attributes", { mode: "json" })
+    .$type<Record<string, any>>()
+    .notNull()
+    .default({}),
   // data: text("data").notNull(),
   createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
 });
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 4648d27..f1a4d38 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -46,20 +46,17 @@ export function loadServices() {
 }
 
 export function toChatMessage(message: RevisionView["messages"][number]): ChatMessage {
-  let attachments: AttachmentInput[] = [];
-  message.attachments.forEach((a) => {
-    attachments.push({
-      type: a.document.type,
-      content: a.document.content,
-      // todo add document attributes to schema
-      attributes: {},
-    });
-  });
   return {
     ...message,
     role: message.role as ChatMessage["role"],
     createdAt: message.createdAt ? new Date(message.createdAt) : undefined,
-    attachments,
+    attachments: message.attachments.map((a) => {
+      return {
+        type: a.document.type,
+        content: a.document.content,
+        attributes: a.document.attributes,
+      };
+    }),
   };
 }
 
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index aff4df6..1ad2430 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -6,7 +6,7 @@
   type Props = {
     type: string;
     content: string;
-    onRemove: () => void;
+    onRemove?: () => void;
   };
   let { type, content, onRemove }: Props = $props();
 </script>
@@ -15,13 +15,15 @@
   class="h-32 w-28 min-w-28 cursor-pointer overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
 >
   <div class="relative h-full border-0">
-    <Button
-      variant="ghost"
-      class="display-inline-block absolute right-1 top-1 z-10 h-4 cursor-pointer bg-white p-1"
-      on:click={onRemove}
-    >
-      <XIcon size={14} />
-    </Button>
+    {#if onRemove}
+      <Button
+        variant="ghost"
+        class="display-inline-block absolute right-1 top-1 z-10 h-4 cursor-pointer bg-white p-1"
+        on:click={onRemove}
+      >
+        <XIcon size={14} />
+      </Button>
+    {/if}
     <div class="flex h-full flex-col gap-1 p-2">
       <div class="relative flex-1 overflow-hidden">
         <p class="overflow-y-hidden break-words text-sm">{content}</p>
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 62f4110..8da1c58 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -3,7 +3,13 @@
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import { appendMessage, getModelService, type AttachmentInput, type RevisionView } from "./$data";
+  import {
+    appendMessage,
+    getModelService,
+    type AttachmentInput,
+    type RevisionView,
+    toChatMessage,
+  } from "./$data";
   import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
@@ -26,11 +32,7 @@
   );
 
   let chatService = new ChatService({
-    // @ts-expect-error message type mismatch
-    initialMessages: revision.messages.map((m) => ({
-      ...m,
-      attachments: m.attachments.map((a) => ({ type: a.type, content: a.content })),
-    })),
+    initialMessages: revision.messages.map(toChatMessage),
     body,
     onError: (e) => {
       toast.error(e.message);
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 441a632..4492aea 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -7,27 +7,25 @@
 
   type Props = {
     message: ChatMessage;
-    onRemoveAttachment: (index: number) => void;
+    onRemoveAttachment?: (index: number) => void;
   };
   let { message, onRemoveAttachment }: Props = $props();
   let format = "markdown";
-
-  $inspect("MessageCard", message);
 </script>
 
+{#if message.attachments && message.attachments.length > 0}
+  <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
+    {#each message.attachments as attachment, index (index)}
+      <Attachment
+        type={attachment.type}
+        content={attachment.content}
+        onRemove={onRemoveAttachment != null ? onRemoveAttachment.bind(null, index) : undefined}
+      />
+    {/each}
+  </div>
+{/if}
 <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
   <CardContent class="p-4">
-    {#if message.attachments && message.attachments.length > 0}
-      <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
-        {#each message.attachments as attachment, index (index)}
-          <Attachment
-            type={attachment.type}
-            content={attachment.content}
-            onRemove={() => onRemoveAttachment(index)}
-          />
-        {/each}
-      </div>
-    {/if}
     {#if format === "markdown"}
       <MessageMarkdown content={message.content} />
     {:else}
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index bd51076..887782c 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -48,7 +48,7 @@
     const content = event.clipboardData.getData("text/plain");
     if (content.length > 1000) {
       event.preventDefault();
-      attachments.push({ type: "pasted", content });
+      attachments.push({ type: "pasted", content, attributes: {} });
     }
   }
 
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 88ba67a..ea8f3ae 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import EditorCard from "./EditorCard.svelte";
   import MessageCard from "../MessageCard.svelte";
-  import { getModelService, newRevision } from "../$data";
+  import { getModelService, newRevision, type RevisionView, toChatMessage } from "../$data";
   import { store } from "$lib/store.svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
@@ -11,7 +11,7 @@
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision: Revision & { messages: Message[] };
+    revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
 
@@ -27,8 +27,7 @@
   );
 
   let chatService = new ChatService({
-    // @ts-expect-error message type mismatch
-    initialMessages: revision.messages,
+    initialMessages: revision.messages.map(toChatMessage),
     mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
     body,
     onError: (e) => {
@@ -77,6 +76,10 @@
     });
     chatService.handleSubmit();
   }
+
+  async function handleRemoveAttachment(index: number) {
+    toast.error("Not implemented");
+  }
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
@@ -84,14 +87,14 @@
   <div class="flex flex-col gap-2 overflow-y-auto py-4">
     {#each chatService.messages as message, index (message.id)}
       {#if editIndex == null || index < editIndex}
-        <MessageCard {message} />
+        <MessageCard {message} onRemoveAttachment={handleRemoveAttachment} />
       {/if}
     {/each}
     <EditorCard bind:prompt={chatService.input} {chat} onSubmit={handleSubmit} />
   </div>
-  <div class="flex flex-col gap-3 py-4">
+  <div class="flex flex-col gap-3 overflow-y-auto py-4">
     {#if assistantMessage}
-      <MessageCard message={assistantMessage} />
+      <MessageCard message={assistantMessage} onRemoveAttachment={handleRemoveAttachment} />
     {/if}
   </div>
 </div>

From 221aced6bacd550d78478ee258c114a7bccab0fd Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 13 Jul 2024 12:09:47 +1000
Subject: [PATCH 30/98] Add attributes to document model

---
 .../migrations/0006_opposite_sugar_man.sql    |   1 +
 .../migrations/meta/0006_snapshot.json        | 470 ++++++++++++++++++
 2 files changed, 471 insertions(+)
 create mode 100644 src/database/migrations/0006_opposite_sugar_man.sql
 create mode 100644 src/database/migrations/meta/0006_snapshot.json

diff --git a/src/database/migrations/0006_opposite_sugar_man.sql b/src/database/migrations/0006_opposite_sugar_man.sql
new file mode 100644
index 0000000..08dc1a6
--- /dev/null
+++ b/src/database/migrations/0006_opposite_sugar_man.sql
@@ -0,0 +1 @@
+ALTER TABLE `document` ADD `attributes` text DEFAULT '{}' NOT NULL;
\ No newline at end of file
diff --git a/src/database/migrations/meta/0006_snapshot.json b/src/database/migrations/meta/0006_snapshot.json
new file mode 100644
index 0000000..6ffe5ff
--- /dev/null
+++ b/src/database/migrations/meta/0006_snapshot.json
@@ -0,0 +1,470 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "a538b869-961f-4970-965e-6d323dbc3841",
+  "prevId": "be59e45d-6fd8-4a9a-9af2-04ff5bb425d1",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "document_name_unique": {
+          "name": "document_name_unique",
+          "columns": [
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "serviceId_idx": {
+          "name": "serviceId_idx",
+          "columns": [
+            "serviceId"
+          ],
+          "isUnique": false
+        },
+        "serviceName_unique": {
+          "name": "serviceName_unique",
+          "columns": [
+            "serviceId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_serviceId_service_id_fk": {
+          "name": "model_serviceId_service_id_fk",
+          "tableFrom": "model",
+          "tableTo": "service",
+          "columnsFrom": [
+            "serviceId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file

From e59f1b39b8b9cd1c35ed62cff924829dd02d8e08 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 19:00:41 +1000
Subject: [PATCH 31/98] Fix MessageAttachment usage

---
 src/lib/chat-service.svelte.ts                | 18 ++++++++----
 src/routes/(app)/chat/[id]/$data.test.ts      |  7 +++--
 src/routes/(app)/chat/[id]/$data.ts           | 29 ++++++++++---------
 src/routes/(app)/chat/[id]/+layout.ts         | 11 +++++--
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 12 ++------
 .../(app)/chat/[id]/MessageInput.svelte       | 15 +++++++---
 src/routes/(app)/chat/[id]/revise/+page.ts    |  2 +-
 .../chat/[id]/revise/MessageMarkdown.svelte   |  6 ++++
 8 files changed, 61 insertions(+), 39 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index ff5b16e..cea2560 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -9,15 +9,21 @@ import type {
   Message as AIMessage,
   ToolCallHandler,
 } from "@ai-sdk/ui-utils";
-import { callChatApi, generateId as generateIdFunc, processChatStream } from "@ai-sdk/ui-utils";
+import { callChatApi, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
-import type { AttachmentInput } from "../routes/(app)/chat/[id]/$data";
 import { toTitleCase } from "$lib/string";
 
 // todo remove tool and function calling until the library is stable and we need it
 
+export type MessageAttachment = {
+  id: string;
+  type: string;
+  name: string;
+  content: string;
+  attributes: {};
+};
 export type ChatMessage = AIMessage & {
-  attachments?: AttachmentInput[];
+  attachments: MessageAttachment[];
 };
 
 export type { CreateMessage };
@@ -213,10 +219,10 @@ const getStreamedResponse = async (
     },
     onResponse,
     onUpdate(merged, data) {
-      mutate([...previousMessages, ...merged]);
+      mutate([...previousMessages, ...merged.map((m) => ({ ...m, attachments: [] }))]);
       mutateStreamData([...(existingData || []), ...(data || [])]);
     },
-    onFinish,
+    onFinish: (message) => onFinish && onFinish({ ...message, attachments: [] }),
     generateId,
     onToolCall: undefined, // not implemented yet
     fetch,
@@ -231,7 +237,7 @@ export class ChatService {
   messages: ChatMessage[] = $state([]);
   error: undefined | Error = $state(undefined);
   input: string = $state("");
-  attachments: AttachmentInput[] = [];
+  attachments: MessageAttachment[] = [];
   isLoading: boolean | undefined = $state(undefined);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 7970549..d972e86 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -19,6 +19,7 @@ import { runMigrations } from "@/database/migrator";
 import { and, eq } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
 import { nanoid } from "nanoid";
+import type { ChatMessage } from "$lib/chat-service.svelte";
 
 let sqlite: Database.Database;
 let db: BetterSQLite3Database<typeof schema>;
@@ -239,9 +240,9 @@ describe("newRevision", () => {
       .mockReturnValueOnce("mocked-nanoid")
       .mockReturnValueOnce("message-1")
       .mockReturnValueOnce("message-2");
-    const messages = [
-      { id: "new-message1", role: "user", content: "New user message" },
-      { id: "new-message2", role: "assistant", content: "New assistant message" },
+    const messages: ChatMessage[] = [
+      { id: "new-message1", role: "user", content: "New user message", attachments: [] },
+      { id: "new-message2", role: "assistant", content: "New assistant message", attachments: [] },
     ];
     const revision = await newRevision("chat1", messages);
 
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index f1a4d38..eb60ca3 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -15,13 +15,7 @@ import { nanoid } from "nanoid";
 import { invalidateModel } from "@/database/model";
 import { sql } from "drizzle-orm/sql";
 import type { RouteId } from "$lib/route";
-import type { ChatMessage } from "$lib/chat-service.svelte";
-
-export type AttachmentInput = {
-  type: string;
-  content: string;
-  attributes: {};
-};
+import type { MessageAttachment, ChatMessage } from "$lib/chat-service.svelte";
 
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
@@ -52,7 +46,9 @@ export function toChatMessage(message: RevisionView["messages"][number]): ChatMe
     createdAt: message.createdAt ? new Date(message.createdAt) : undefined,
     attachments: message.attachments.map((a) => {
       return {
+        id: a.document.id,
         type: a.document.type,
+        name: a.document.name,
         content: a.document.content,
         attributes: a.document.attributes,
       };
@@ -154,7 +150,7 @@ export async function interpolateDocuments(prompt: string) {
 
 export async function appendMessage(
   message: Omit<InsertMessage, "index" | "createdAt">,
-  attachments: AttachmentInput[] = [],
+  attachments: MessageAttachment[] = [],
 ) {
   try {
     return await useDb().transaction(async (tx) => {
@@ -169,7 +165,7 @@ export async function appendMessage(
         })
         .execute();
       for (const attachment of attachments) {
-        const documentId = nanoid(10);
+        const documentId = attachment.id;
         await tx
           .insert(documentTable)
           .values({
@@ -193,10 +189,7 @@ export async function appendMessage(
   }
 }
 
-export async function newRevision(
-  chatId: string,
-  messages: Omit<InsertMessage, "index" | "revisionId" | "createdAt">[],
-): Promise<Revision> {
+export async function newRevision(chatId: string, messages: ChatMessage[]): Promise<Revision> {
   const revisionId = nanoid(10);
   await useDb().transaction(async (tx) => {
     await tx
@@ -209,16 +202,24 @@ export async function newRevision(
       })
       .execute();
     for (const message of messages) {
+      const newMessageId = nanoid(10);
       await tx
         .insert(messageTable)
         .values({
-          id: nanoid(10),
+          id: newMessageId,
           revisionId,
           role: message.role,
           content: message.content,
           index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, revisionId)})`,
         })
         .execute();
+      for (const attachment of message.attachments) {
+        await tx.insert(attachmentTable).values({
+          id: nanoid(10),
+          documentId: attachment.id,
+          messageId: newMessageId,
+        });
+      }
     }
   });
   const revision = await useDb().query.revisionTable.findFirst({
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index d7a0aaf..aa732e8 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -9,7 +9,14 @@ import {
   useDb,
 } from "@/database";
 import { error } from "@sveltejs/kit";
-import { createRevision, getLatestRevision, getRevision, loadServices, type Tab } from "./$data";
+import {
+  createRevision,
+  getLatestRevision,
+  getRevision,
+  loadServices,
+  type RevisionView,
+  type Tab,
+} from "./$data";
 import { match } from "$lib/route";
 
 export async function load({ route, url, params, depends }) {
@@ -41,7 +48,7 @@ export async function load({ route, url, params, depends }) {
   registerModel(serviceTable, services, depends);
 
   const version = url.searchParams.get("version");
-  let revision: Revision & { messages: Message[] };
+  let revision: RevisionView;
   if (version) {
     const result = await getRevision(params.id, parseInt(version));
     if (!result) {
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 8da1c58..6d55de6 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,15 +1,9 @@
 <script lang="ts">
-  import { ChatService } from "$lib/chat-service.svelte.js";
+  import { type MessageAttachment, ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import {
-    appendMessage,
-    getModelService,
-    type AttachmentInput,
-    type RevisionView,
-    toChatMessage,
-  } from "./$data";
+  import { appendMessage, getModelService, type RevisionView, toChatMessage } from "./$data";
   import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
@@ -45,7 +39,7 @@
     },
   });
 
-  async function handleSubmit(value: string, attachments: AttachmentInput[]): Promise<boolean> {
+  async function handleSubmit(value: string, attachments: MessageAttachment[]): Promise<boolean> {
     if (!store.selected.modelId) {
       toast.error("No model selected");
       return false;
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 887782c..9fd4504 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -4,17 +4,18 @@
   import { Button } from "@/components/ui/button";
   import { Textarea } from "@/components/ui/textarea";
   import { Send, Plus, HardDriveUpload, CloudUpload, Clipboard } from "lucide-svelte";
-  import type { AttachmentInput } from "./$data";
   import Attachment from "./Attachment.svelte";
+  import type { MessageAttachment } from "$lib/chat-service.svelte";
+  import { nanoid } from "nanoid";
 
   type Props = {
-    onSubmit: (content: string, attachments: AttachmentInput[]) => Promise<boolean>;
+    onSubmit: (content: string, attachments: MessageAttachment[]) => Promise<boolean>;
   };
   let { onSubmit }: Props = $props();
   let isUploadOpen = $state(false);
   let textareaElement: HTMLTextAreaElement;
   let content = $state("");
-  let attachments = $state<AttachmentInput[]>([]);
+  let attachments = $state<MessageAttachment[]>([]);
 
   function resize() {
     textareaElement.style.height = "auto";
@@ -48,7 +49,13 @@
     const content = event.clipboardData.getData("text/plain");
     if (content.length > 1000) {
       event.preventDefault();
-      attachments.push({ type: "pasted", content, attributes: {} });
+      attachments.push({
+        id: nanoid(10),
+        type: "pasted",
+        name: `Pasted ${new Date().toLocaleString()}`,
+        content,
+        attributes: {},
+      });
     }
   }
 
diff --git a/src/routes/(app)/chat/[id]/revise/+page.ts b/src/routes/(app)/chat/[id]/revise/+page.ts
index 2abefee..363b98b 100644
--- a/src/routes/(app)/chat/[id]/revise/+page.ts
+++ b/src/routes/(app)/chat/[id]/revise/+page.ts
@@ -1,3 +1,3 @@
-export async function load({ params, depends, url }) {
+export async function load({}) {
   return {};
 }
diff --git a/src/routes/(app)/chat/[id]/revise/MessageMarkdown.svelte b/src/routes/(app)/chat/[id]/revise/MessageMarkdown.svelte
index d6e856f..24c409a 100644
--- a/src/routes/(app)/chat/[id]/revise/MessageMarkdown.svelte
+++ b/src/routes/(app)/chat/[id]/revise/MessageMarkdown.svelte
@@ -76,3 +76,9 @@
     {/if}
   {/each}
 </div>
+
+<style lang="postcss">
+  :global(.prose pre) {
+    @apply whitespace-break-spaces;
+  }
+</style>

From 6584f180e3c4df200bfcd29a2814693165ae8b2c Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 19:36:28 +1000
Subject: [PATCH 32/98] Add RobotLoader Fix ChatPage attachment height

---
 src/components/RobotLoader.svelte             | 44 +++++++++++++++++++
 src/routes/(app)/chat/[id]/Attachment.svelte  |  2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  4 ++
 src/routes/(app)/chat/[id]/MessageCard.svelte |  2 +-
 4 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 src/components/RobotLoader.svelte

diff --git a/src/components/RobotLoader.svelte b/src/components/RobotLoader.svelte
new file mode 100644
index 0000000..bfbdba1
--- /dev/null
+++ b/src/components/RobotLoader.svelte
@@ -0,0 +1,44 @@
+<script>
+  import { cn } from "$lib/cn";
+
+  let { class: className } = $$props;
+</script>
+
+<svg
+  class={cn(`h-12 w-12 stroke-gray-500`, className)}
+  viewBox="0 0 100 100"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <style>
+    @keyframes blink {
+      0%,
+      100% {
+        opacity: 0;
+      }
+      50% {
+        opacity: 1;
+      }
+    }
+    .eye {
+      animation: blink 2s infinite;
+    }
+  </style>
+
+  <!-- Robot head -->
+  <rect class="icon" x="25" y="25" width="50" height="50" rx="10" />
+
+  <!-- Eyes -->
+  <circle class="eye icon" cx="40" cy="45" r="5" />
+  <circle class="eye icon" cx="60" cy="45" r="5" />
+
+  <!-- Antenna -->
+  <line class="icon" x1="50" y1="25" x2="50" y2="15" />
+  <circle class="icon" cx="50" cy="12" r="3" />
+</svg>
+
+<style>
+  .icon {
+    stroke-width: 2;
+    fill: none;
+  }
+</style>
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index 1ad2430..346423a 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <div
-  class="h-32 w-28 min-w-28 cursor-pointer overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
+  class="h-32 min-h-28 w-28 min-w-28 cursor-pointer overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
 >
   <div class="relative h-full border-0">
     {#if onRemove}
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 6d55de6..1b7165c 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -8,6 +8,7 @@
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
   import { nanoid } from "nanoid";
+  import RobotLoader from "@/components/RobotLoader.svelte";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -72,6 +73,9 @@
   {#each chatService.messages as message (message.id)}
     <MessageCard {message} />
   {/each}
+  {#if chatService.isLoading}
+    <RobotLoader />
+  {/if}
   <div bind:this={bottomRef} id="bottom-anchor"></div>
 </div>
 <MessageInput onSubmit={handleSubmit} />
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 4492aea..c9ed8b2 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
-  <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
+  <div class="min-h-30 flex max-w-full flex-row gap-2 overflow-x-auto">
     {#each message.attachments as attachment, index (index)}
       <Attachment
         type={attachment.type}

From d2a3ffe4ff1cb08c1d144de8e1560e97f3bbb0c3 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 19:46:08 +1000
Subject: [PATCH 33/98] Add loader to revise

---
 src/components/RobotLoader.svelte                   | 2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte          | 4 ++--
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 9 +++++++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/RobotLoader.svelte b/src/components/RobotLoader.svelte
index bfbdba1..7a5526f 100644
--- a/src/components/RobotLoader.svelte
+++ b/src/components/RobotLoader.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <svg
-  class={cn(`h-12 w-12 stroke-gray-500`, className)}
+  class={cn(`h-12 min-h-12 w-12 min-w-12 stroke-gray-700`, className)}
   viewBox="0 0 100 100"
   xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 1b7165c..748660d 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -36,7 +36,7 @@
       appendMessage({ ...message, revisionId: revision.id }, message.attachments);
     },
     onMessageUpdate: (messages) => {
-      bottomRef.scrollIntoView({ behavior: "smooth" });
+      bottomRef.scrollIntoView({ behavior: "instant" });
     },
   });
 
@@ -76,6 +76,6 @@
   {#if chatService.isLoading}
     <RobotLoader />
   {/if}
-  <div bind:this={bottomRef} id="bottom-anchor"></div>
+  <div bind:this={bottomRef}></div>
 </div>
 <MessageInput onSubmit={handleSubmit} />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index ea8f3ae..e1d20d9 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -8,12 +8,14 @@
   import ChatTitlebar from "../ChatTitlebar.svelte";
   import { goto } from "$app/navigation";
   import type { Chat, Revision, Message } from "@/database";
+  import RobotLoader from "@/components/RobotLoader.svelte";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
     revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
+  let bottomRef: HTMLDivElement;
 
   let editIndex = $state(findEditIndex());
 
@@ -41,6 +43,9 @@
       }
       await goto(`/chat/${chat.id}/revise/?version=${revision.version}`);
     },
+    onMessageUpdate: (messages) => {
+      bottomRef.scrollIntoView({ behavior: "instant" });
+    },
   });
 
   $inspect("input", chatService.input, editIndex);
@@ -96,5 +101,9 @@
     {#if assistantMessage}
       <MessageCard message={assistantMessage} onRemoveAttachment={handleRemoveAttachment} />
     {/if}
+    {#if chatService.isLoading}
+      <RobotLoader />
+    {/if}
+    <div bind:this={bottomRef}></div>
   </div>
 </div>

From 641a443e774a6b8b3ff1c250bb701efd7f6c55a0 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 20:52:01 +1000
Subject: [PATCH 34/98] Exit auto scrolling when user scrolls up

---
 src/lib/chat-service.svelte.ts                | 18 +++++---
 src/routes/(app)/Menu.svelte                  |  2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 43 ++++++++++++++-----
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 29 +++++++++++--
 4 files changed, 72 insertions(+), 20 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index cea2560..fd84e61 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -88,8 +88,10 @@ export type ChatOptions = {
   }: {
     toolCall: ToolCall$1<string, unknown>;
   }) => void | Promise<unknown> | unknown;
-  /** Callback function to be called when an input is submitted */
-  onSubmit?: (message: ChatMessage) => void | Promise<void>;
+  /**
+   * Callback function to be called when the chat starts loading.
+   */
+  onLoading?: () => void;
   /**
    * Callback function to be called when the API response is received.
    */
@@ -251,7 +253,7 @@ export class ChatService {
   private experimental_onFunctionCall: FunctionCallHandler | undefined;
   private experimental_onToolCall: ToolCallHandler | undefined;
   private streamMode: "stream-data" | "text" | undefined;
-  private onSubmit: ((message: ChatMessage) => void | Promise<void>) | undefined;
+  private onLoading: (() => void) | undefined;
   private onResponse: ((response: Response) => void | Promise<void>) | undefined;
   private onFinish: ((message: ChatMessage) => void) | undefined;
   private onError: ((error: Error) => void) | undefined;
@@ -271,7 +273,7 @@ export class ChatService {
     experimental_onFunctionCall,
     experimental_onToolCall,
     streamMode,
-    onSubmit,
+    onLoading,
     onResponse,
     onFinish,
     onError,
@@ -290,7 +292,7 @@ export class ChatService {
     this.experimental_onFunctionCall = experimental_onFunctionCall;
     this.experimental_onToolCall = experimental_onToolCall;
     this.streamMode = streamMode;
-    this.onSubmit = onSubmit;
+    this.onLoading = onLoading;
     this.onResponse = onResponse;
     this.onFinish = onFinish;
     this.onError = onError;
@@ -444,6 +446,12 @@ export class ChatService {
     try {
       this.error = undefined;
       this.isLoading = true;
+
+      // Call the onLoading handler if it is defined
+      if (this.onLoading) {
+        this.onLoading();
+      }
+
       this.abortController = new AbortController();
 
       const extraMetadata = {
diff --git a/src/routes/(app)/Menu.svelte b/src/routes/(app)/Menu.svelte
index ab3af6e..77b10ac 100644
--- a/src/routes/(app)/Menu.svelte
+++ b/src/routes/(app)/Menu.svelte
@@ -42,7 +42,7 @@
     <PlusIcon class="text-gray-600" />
   </Button>
 </div>
-<div class="flex-1">
+<div class="flex-1 overflow-y-auto">
   <nav class="grid items-start text-sm font-medium">
     <div class="p-2 pt-0">
       <PersistenceAlert />
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 748660d..668d3f7 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -16,6 +16,7 @@
   };
   let { chat, revision }: Props = $props();
   let bottomRef: HTMLDivElement;
+  let chatContainer: HTMLDivElement;
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
@@ -29,6 +30,9 @@
   let chatService = new ChatService({
     initialMessages: revision.messages.map(toChatMessage),
     body,
+    onLoading: () => {
+      bottomRef.scrollIntoView({ behavior: "instant" });
+    },
     onError: (e) => {
       toast.error(e.message);
     },
@@ -36,10 +40,27 @@
       appendMessage({ ...message, revisionId: revision.id }, message.attachments);
     },
     onMessageUpdate: (messages) => {
-      bottomRef.scrollIntoView({ behavior: "instant" });
+      if (checkIfUserIsNearBottom()) {
+        bottomRef.scrollIntoView({ behavior: "instant" });
+      }
     },
   });
 
+  function checkIfUserIsNearBottom() {
+    if (!chatContainer) return false;
+    const threshold = 0.05; // 1% from the bottom
+    const position = chatContainer.scrollTop + chatContainer.clientHeight;
+    const height = chatContainer.scrollHeight;
+    console.log(
+      "checkIfUserIsNearBottom",
+      position,
+      height,
+      threshold,
+      (height - position) / height,
+    );
+    return (height - position) / height < threshold;
+  }
+
   async function handleSubmit(value: string, attachments: MessageAttachment[]): Promise<boolean> {
     if (!store.selected.modelId) {
       toast.error("No model selected");
@@ -69,13 +90,15 @@
 </script>
 
 <ChatTitlebar {chat} {revision} tab="chat" />
-<div class="flex flex-1 flex-col gap-2 p-4">
-  {#each chatService.messages as message (message.id)}
-    <MessageCard {message} />
-  {/each}
-  {#if chatService.isLoading}
-    <RobotLoader />
-  {/if}
-  <div bind:this={bottomRef}></div>
+<div class="flex flex-1 flex-col overflow-y-auto" bind:this={chatContainer}>
+  <div class="flex flex-1 flex-col gap-2 p-4">
+    {#each chatService.messages as message (message.id)}
+      <MessageCard {message} />
+    {/each}
+    {#if chatService.isLoading}
+      <RobotLoader />
+    {/if}
+    <div bind:this={bottomRef}></div>
+  </div>
+  <MessageInput onSubmit={handleSubmit} />
 </div>
-<MessageInput onSubmit={handleSubmit} />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index e1d20d9..9d9a574 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -16,6 +16,7 @@
   };
   let { chat, revision }: Props = $props();
   let bottomRef: HTMLDivElement;
+  let responseContainer: HTMLDivElement;
 
   let editIndex = $state(findEditIndex());
 
@@ -32,6 +33,9 @@
     initialMessages: revision.messages.map(toChatMessage),
     mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
     body,
+    onLoading: () => {
+      bottomRef.scrollIntoView({ behavior: "instant" });
+    },
     onError: (e) => {
       toast.error(e.message);
     },
@@ -41,10 +45,12 @@
       if (!revision) {
         return;
       }
-      await goto(`/chat/${chat.id}/revise/?version=${revision.version}`);
+      await goto(`/chat/${chat.id}/revise/?version=${revision.version}`, { noScroll: true });
     },
-    onMessageUpdate: (messages) => {
-      bottomRef.scrollIntoView({ behavior: "instant" });
+    onMessageUpdate: () => {
+      if (checkIfUserIsNearBottom()) {
+        bottomRef.scrollIntoView({ behavior: "instant" });
+      }
     },
   });
 
@@ -63,6 +69,21 @@
       : undefined;
   }
 
+  function checkIfUserIsNearBottom() {
+    if (!responseContainer) return false;
+    const threshold = 0.05; // 1% from the bottom
+    const position = responseContainer.scrollTop + responseContainer.clientHeight;
+    const height = responseContainer.scrollHeight;
+    console.log(
+      "checkIfUserIsNearBottom",
+      position,
+      height,
+      threshold,
+      (height - position) / height,
+    );
+    return (height - position) / height < threshold;
+  }
+
   async function handleSubmit() {
     if (!store.selected.modelId) {
       toast.error("No model selected");
@@ -97,7 +118,7 @@
     {/each}
     <EditorCard bind:prompt={chatService.input} {chat} onSubmit={handleSubmit} />
   </div>
-  <div class="flex flex-col gap-3 overflow-y-auto py-4">
+  <div class="flex flex-col gap-3 overflow-y-auto py-4" bind:this={responseContainer}>
     {#if assistantMessage}
       <MessageCard message={assistantMessage} onRemoveAttachment={handleRemoveAttachment} />
     {/if}

From e26ebf9810325d29b0057511442be7f0675536de Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 20:53:50 +1000
Subject: [PATCH 35/98] Add bottom border on ChatTitle

---
 src/routes/(app)/chat/[id]/ChatTitlebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 700d1b2..1272660 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -50,7 +50,7 @@
   });
 </script>
 
-<div class="flex flex-row gap-4 px-3">
+<div class="flex flex-row gap-4 border-b border-gray-200 px-3 py-2">
   <Input
     class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
     bind:value={name}

From c8c358dfc392294728f5787c409127d1e13afe38 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 20:58:25 +1000
Subject: [PATCH 36/98] Order recents in menu by createdAt

---
 src/routes/(app)/+layout.ts  | 6 +++++-
 src/routes/(app)/Menu.svelte | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/+layout.ts b/src/routes/(app)/+layout.ts
index 0dfd710..1b6cf36 100644
--- a/src/routes/(app)/+layout.ts
+++ b/src/routes/(app)/+layout.ts
@@ -2,6 +2,7 @@ import "../../app.css";
 import "@fontsource-variable/inter";
 import { exposeDb, chatTable, registerModel, useDb } from "@/database";
 import { sql } from "drizzle-orm/sql";
+import { desc } from "drizzle-orm";
 
 export const ssr = false;
 let migrated = false;
@@ -21,7 +22,10 @@ export async function load({ depends }) {
   } catch (err) {
     console.error(err);
   }
-  const chats = await useDb().query.chatTable.findMany({});
+  const chats = await useDb().query.chatTable.findMany({
+    // limit: 10,
+    orderBy: [desc(chatTable.createdAt)],
+  });
   console.log("chats", chats);
   registerModel(chatTable, chats, depends);
   depends("view:chats");
diff --git a/src/routes/(app)/Menu.svelte b/src/routes/(app)/Menu.svelte
index 77b10ac..247a6da 100644
--- a/src/routes/(app)/Menu.svelte
+++ b/src/routes/(app)/Menu.svelte
@@ -70,7 +70,7 @@
     </div>
     <div class="mt-6 overflow-x-hidden">
       <h3 class="mb-2 overflow-hidden text-ellipsis break-all px-4 text-xs font-medium">Recent</h3>
-      {#each chats.toReversed() as chat (chat.id)}
+      {#each chats as chat (chat.id)}
         <div
           class:bg-accent={chat.id === chatId}
           class="group flex flex-row items-center overflow-x-hidden px-4"

From 7ab86c02632554b6f838275dd280a315c90a657b Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 14 Jul 2024 21:01:44 +1000
Subject: [PATCH 37/98] Adjust padding

---
 src/routes/(app)/chat/[id]/+layout.svelte      | 2 +-
 src/routes/(app)/chat/[id]/ChatTitlebar.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index bde34b7..c6c7571 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -31,7 +31,7 @@
 </script>
 
 <header
-  class="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background p-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-4 sm:pt-2"
+  class="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background px-4 pt-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent"
 >
   <Tabs onValueChange={tabClick} value={data.tab}>
     <TabsList>
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 1272660..fa9fc38 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -50,7 +50,7 @@
   });
 </script>
 
-<div class="flex flex-row gap-4 border-b border-gray-200 px-3 py-2">
+<div class="flex flex-row gap-4 border-b border-gray-200 px-4 py-2">
   <Input
     class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
     bind:value={name}

From a00c19c8977908f5abede8b799842b146d03d90d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 02:51:03 +1000
Subject: [PATCH 38/98] Refactor and improve auto scrolling

---
 src/lib/auto-scroller.ts                      | 49 +++++++++++++++++++
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 29 ++---------
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 28 ++---------
 3 files changed, 59 insertions(+), 47 deletions(-)
 create mode 100644 src/lib/auto-scroller.ts

diff --git a/src/lib/auto-scroller.ts b/src/lib/auto-scroller.ts
new file mode 100644
index 0000000..6550ed6
--- /dev/null
+++ b/src/lib/auto-scroller.ts
@@ -0,0 +1,49 @@
+import type { Action } from "svelte/action";
+
+export class AutoScroller {
+  private node: HTMLElement | null = null;
+  private userHasScrolled = false;
+  private lastScrollTop = 0;
+
+  constructor(private scrollImmediate = false) {}
+
+  private handleScroll = () => {
+    if (!this.node) return;
+    if (
+      this.node.scrollHeight > this.node.clientHeight &&
+      this.node.scrollTop < this.lastScrollTop
+    ) {
+      this.userHasScrolled = true;
+    } else if (this.node.scrollHeight - this.node.scrollTop === this.node.clientHeight) {
+      this.userHasScrolled = false;
+    }
+    this.lastScrollTop = this.node.scrollTop;
+  };
+
+  private scrollToBottom() {
+    if (this.node && !this.userHasScrolled) {
+      this.node.scrollTop = this.node.scrollHeight;
+    }
+  }
+
+  public action: Action<HTMLElement> = (node) => {
+    this.node = node;
+    this.node.addEventListener("scroll", this.handleScroll);
+    if (this.scrollImmediate) {
+      this.scrollToBottom();
+    }
+
+    return {
+      destroy: () => {
+        this.node?.removeEventListener("scroll", this.handleScroll);
+        this.node = null;
+      },
+    };
+  };
+
+  public onLoading = () => {
+    this.userHasScrolled = false;
+    this.scrollToBottom();
+  };
+  public onMessageUpdate = () => this.scrollToBottom();
+}
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 668d3f7..6e82e07 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -9,14 +9,14 @@
   import ChatTitlebar from "./ChatTitlebar.svelte";
   import { nanoid } from "nanoid";
   import RobotLoader from "@/components/RobotLoader.svelte";
+  import { AutoScroller } from "$lib/auto-scroller";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
     revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
-  let bottomRef: HTMLDivElement;
-  let chatContainer: HTMLDivElement;
+  let autoScroller = new AutoScroller();
 
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
@@ -31,7 +31,7 @@
     initialMessages: revision.messages.map(toChatMessage),
     body,
     onLoading: () => {
-      bottomRef.scrollIntoView({ behavior: "instant" });
+      autoScroller.onLoading();
     },
     onError: (e) => {
       toast.error(e.message);
@@ -40,27 +40,10 @@
       appendMessage({ ...message, revisionId: revision.id }, message.attachments);
     },
     onMessageUpdate: (messages) => {
-      if (checkIfUserIsNearBottom()) {
-        bottomRef.scrollIntoView({ behavior: "instant" });
-      }
+      autoScroller.onMessageUpdate();
     },
   });
 
-  function checkIfUserIsNearBottom() {
-    if (!chatContainer) return false;
-    const threshold = 0.05; // 1% from the bottom
-    const position = chatContainer.scrollTop + chatContainer.clientHeight;
-    const height = chatContainer.scrollHeight;
-    console.log(
-      "checkIfUserIsNearBottom",
-      position,
-      height,
-      threshold,
-      (height - position) / height,
-    );
-    return (height - position) / height < threshold;
-  }
-
   async function handleSubmit(value: string, attachments: MessageAttachment[]): Promise<boolean> {
     if (!store.selected.modelId) {
       toast.error("No model selected");
@@ -81,7 +64,6 @@
       baseURL: model.service.baseURL,
       apiKey: model.service.apiKey,
     });
-    console.log("calling chat.handleSubmit", value);
     chatService.input = value;
     chatService.attachments = attachments;
     chatService.handleSubmit();
@@ -90,7 +72,7 @@
 </script>
 
 <ChatTitlebar {chat} {revision} tab="chat" />
-<div class="flex flex-1 flex-col overflow-y-auto" bind:this={chatContainer}>
+<div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4">
     {#each chatService.messages as message (message.id)}
       <MessageCard {message} />
@@ -98,7 +80,6 @@
     {#if chatService.isLoading}
       <RobotLoader />
     {/if}
-    <div bind:this={bottomRef}></div>
   </div>
   <MessageInput onSubmit={handleSubmit} />
 </div>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 9d9a574..739fb7c 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -9,14 +9,14 @@
   import { goto } from "$app/navigation";
   import type { Chat, Revision, Message } from "@/database";
   import RobotLoader from "@/components/RobotLoader.svelte";
+  import { AutoScroller } from "$lib/auto-scroller";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
     revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
-  let bottomRef: HTMLDivElement;
-  let responseContainer: HTMLDivElement;
+  let autoScroller = new AutoScroller(true);
 
   let editIndex = $state(findEditIndex());
 
@@ -34,7 +34,7 @@
     mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
     body,
     onLoading: () => {
-      bottomRef.scrollIntoView({ behavior: "instant" });
+      autoScroller.onLoading();
     },
     onError: (e) => {
       toast.error(e.message);
@@ -48,9 +48,7 @@
       await goto(`/chat/${chat.id}/revise/?version=${revision.version}`, { noScroll: true });
     },
     onMessageUpdate: () => {
-      if (checkIfUserIsNearBottom()) {
-        bottomRef.scrollIntoView({ behavior: "instant" });
-      }
+      autoScroller.onMessageUpdate();
     },
   });
 
@@ -69,21 +67,6 @@
       : undefined;
   }
 
-  function checkIfUserIsNearBottom() {
-    if (!responseContainer) return false;
-    const threshold = 0.05; // 1% from the bottom
-    const position = responseContainer.scrollTop + responseContainer.clientHeight;
-    const height = responseContainer.scrollHeight;
-    console.log(
-      "checkIfUserIsNearBottom",
-      position,
-      height,
-      threshold,
-      (height - position) / height,
-    );
-    return (height - position) / height < threshold;
-  }
-
   async function handleSubmit() {
     if (!store.selected.modelId) {
       toast.error("No model selected");
@@ -118,13 +101,12 @@
     {/each}
     <EditorCard bind:prompt={chatService.input} {chat} onSubmit={handleSubmit} />
   </div>
-  <div class="flex flex-col gap-3 overflow-y-auto py-4" bind:this={responseContainer}>
+  <div class="flex flex-col gap-3 overflow-y-auto py-4" use:autoScroller.action>
     {#if assistantMessage}
       <MessageCard message={assistantMessage} onRemoveAttachment={handleRemoveAttachment} />
     {/if}
     {#if chatService.isLoading}
       <RobotLoader />
     {/if}
-    <div bind:this={bottomRef}></div>
   </div>
 </div>

From 53d7156c8e4e5fd0982f92eb4727093f1b80fb28 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 18:20:03 +1000
Subject: [PATCH 39/98] Provide request body during ChatService submit

---
 src/lib/chat-service.svelte.ts                | 25 +++----------------
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  9 +++----
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 13 +---------
 test/chat-service/chat-service.test.ts        | 20 +++++++--------
 4 files changed, 18 insertions(+), 49 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index fd84e61..97f0dbd 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -121,19 +121,6 @@ export type ChatOptions = {
    * HTTP headers to be sent with the API request.
    */
   headers?: Record<string, string> | Headers;
-  /**
-   * Extra body object to be sent with the API request.
-   * @example
-   * Send a `sessionId` to the API along with the messages.
-   * ```js
-   * useChat({
-   *   body: {
-   *     sessionId: '123',
-   *   }
-   * })
-   * ```
-   */
-  body?: object;
   /**
    * Whether to send extra message fields such as `message.id` and `message.createdAt` to the API.
    * Defaults to `false`. When set to `true`, the API endpoint might need to
@@ -260,7 +247,6 @@ export class ChatService {
   private onMessageUpdate: ((messages: ChatMessage[]) => void) | undefined;
   private credentials: RequestCredentials | undefined;
   private headers: Record<string, string> | Headers | undefined;
-  private body: object | undefined;
   private fetch: FetchFunction | undefined;
 
   constructor({
@@ -280,7 +266,6 @@ export class ChatService {
     onMessageUpdate,
     credentials,
     headers,
-    body,
     generateId = () => nanoid(10),
     fetch,
   }: ChatOptions) {
@@ -299,7 +284,6 @@ export class ChatService {
     this.onMessageUpdate = onMessageUpdate;
     this.credentials = credentials;
     this.headers = headers;
-    this.body = body;
     this.messages = initialMessages || [];
     this.data = [];
     this.metadata = undefined;
@@ -420,15 +404,13 @@ export class ChatService {
     };
   }
 
-  /** Form submission handler to automatically reset input and append a user message  */
-  handleSubmit(event?: { preventDefault?: () => void }, chatRequestOptions?: ChatRequestOptions) {
-    event?.preventDefault?.();
+  submit(requestBody: Record<string, any>) {
     const inputContent = this.input;
     const inputAttachments = this.attachments;
     if (!inputContent) return;
 
     if (this.mode.type === "edit") {
-      return this.edit(inputContent, this.mode.index, chatRequestOptions);
+      return this.edit(inputContent, this.mode.index, { options: { body: requestBody } });
     } else {
       this.input = "";
       return this.append(
@@ -437,7 +419,7 @@ export class ChatService {
           role: "user",
           attachments: inputAttachments,
         },
-        chatRequestOptions,
+        { options: { body: requestBody } },
       );
     }
   }
@@ -457,7 +439,6 @@ export class ChatService {
       const extraMetadata = {
         credentials: this.credentials,
         headers: this.headers,
-        body: this.body,
       };
 
       await processChatStream({
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 6e82e07..7f97f98 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -18,6 +18,7 @@
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller();
 
+  // todo initialize body state in ChatService
   let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
     {
       providerId: undefined,
@@ -29,7 +30,6 @@
 
   let chatService = new ChatService({
     initialMessages: revision.messages.map(toChatMessage),
-    body,
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -58,15 +58,14 @@
       { id: nanoid(10), role: "user", content: value, revisionId: revision.id },
       attachments,
     );
-    Object.assign(body, {
+    chatService.input = value;
+    chatService.attachments = attachments;
+    chatService.submit({
       providerId: model.service.providerId,
       modelName: model.name,
       baseURL: model.service.baseURL,
       apiKey: model.service.apiKey,
     });
-    chatService.input = value;
-    chatService.attachments = attachments;
-    chatService.handleSubmit();
     return true;
   }
 </script>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 739fb7c..75cfa38 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -20,19 +20,9 @@
 
   let editIndex = $state(findEditIndex());
 
-  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
-    {
-      providerId: undefined,
-      modelName: undefined,
-      baseURL: undefined,
-      apiKey: undefined,
-    },
-  );
-
   let chatService = new ChatService({
     initialMessages: revision.messages.map(toChatMessage),
     mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
-    body,
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -77,13 +67,12 @@
       toast.error("Selected model not found");
       return;
     }
-    Object.assign(body, {
+    chatService.submit({
       providerId: model.service.providerId,
       modelName: model.name,
       baseURL: model.service.baseURL,
       apiKey: model.service.apiKey,
     });
-    chatService.handleSubmit();
   }
 
   async function handleRemoveAttachment(index: number) {
diff --git a/test/chat-service/chat-service.test.ts b/test/chat-service/chat-service.test.ts
index 9c23091..c93f4b5 100644
--- a/test/chat-service/chat-service.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -46,7 +46,7 @@ describe("ChatService", () => {
     chatService.input = message;
 
     // Submit the message
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     // Check if the message was added to the messages array
     expect(chatService.messages[0]).toEqual(
@@ -81,7 +81,7 @@ describe("ChatService", () => {
 
     chatService.input = "Trigger an error";
 
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     // Wait for the error to be set
     await vi.waitUntil(() => chatService.error !== undefined, { timeout: 1000 });
@@ -93,7 +93,7 @@ describe("ChatService", () => {
   it("should abort ongoing requests when stop is called", async () => {
     chatService.input = "Long running request";
 
-    const submitPromise = chatService.handleSubmit();
+    const submitPromise = chatService.submit();
     expect(chatService.messages.length).toBe(1);
 
     // Wait for the loading state to be true
@@ -122,7 +122,7 @@ describe("ChatService", () => {
     chatService.input = "Hello, how are you?";
 
     // Trigger the edit
-    chatService.handleSubmit();
+    chatService.submit();
 
     expect(chatService.messages).toHaveLength(1);
 
@@ -175,7 +175,7 @@ describe("ChatService", () => {
 
     // Test reloading after a new user message
     chatService.input = "New user message";
-    await chatService.handleSubmit();
+    await chatService.submit();
     await chatService.reload();
     await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
 
@@ -197,7 +197,7 @@ describe("ChatService", () => {
     ];
 
     // Submit the message
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     // Check if the message was added to the messages array
     expect(chatService.messages[0]).toEqual(
@@ -235,7 +235,7 @@ describe("ChatService", () => {
       { type: "pasted", content: "Pasted text content", attributes: {} },
       { type: "document", content: "Document content", attributes: { name: "example" } },
     ];
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
     expect(chatRequest.messages[0].content).toContain("<Pasted>");
@@ -250,7 +250,7 @@ describe("ChatService", () => {
   it("should handle empty attachments gracefully in chat request", async () => {
     chatService.input = "Message with empty attachment";
     chatService.attachments = [{ type: "pasted", content: "", attributes: {} }];
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
     expect(chatRequest.messages[0].content).not.toContain("<Pasted>");
@@ -266,7 +266,7 @@ describe("ChatService", () => {
     const specialContent = "Content with <tags> and \n newlines";
     chatService.input = "Message with special characters";
     chatService.attachments = [{ type: "pasted", content: specialContent, attributes: {} }];
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
     expect(chatRequest.messages[0].content).toContain("&lt;tags&gt;");
@@ -291,7 +291,7 @@ describe("ChatService", () => {
       mode: { type: "edit", index: 0 },
     });
     chatService.input = "Edited message";
-    await chatService.handleSubmit();
+    await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
     expect(chatRequest.messages[0].content).toContain("Edited message");

From a4d87d05b06894d01accc77f80c35691958ac4f4 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 20:55:03 +1000
Subject: [PATCH 40/98] Remove unused body state

---
 src/routes/(app)/chat/[id]/ChatPage.svelte | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 7f97f98..e8158ae 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -18,16 +18,6 @@
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller();
 
-  // todo initialize body state in ChatService
-  let body = $state<{ providerId?: string; modelName?: string; baseURL?: string; apiKey?: string }>(
-    {
-      providerId: undefined,
-      modelName: undefined,
-      baseURL: undefined,
-      apiKey: undefined,
-    },
-  );
-
   let chatService = new ChatService({
     initialMessages: revision.messages.map(toChatMessage),
     onLoading: () => {

From 30b8962d0a1b7a5af2c316f3e22f00ccd8a77cfb Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 22:21:57 +1000
Subject: [PATCH 41/98] Add lexical editor for revise

---
 package.json                                  |  18 +-
 pnpm-lock.yaml                                | 474 +++++++++++++-----
 src/components/RobotLoader.svelte             |   2 +-
 src/lib/chat-service.svelte.ts                |  21 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |   4 +-
 src/routes/(app)/chat/[id]/MessageCard.svelte |  18 +-
 .../(app)/chat/[id]/MessageEditor.svelte      |  64 +++
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  44 +-
 src/routes/test/editor/+page.svelte           |   5 +
 9 files changed, 483 insertions(+), 167 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/MessageEditor.svelte
 create mode 100644 src/routes/test/editor/+page.svelte

diff --git a/package.json b/package.json
index cd2ae54..df30a14 100644
--- a/package.json
+++ b/package.json
@@ -23,12 +23,16 @@
     "@sveltejs/adapter-cloudflare": "^4.4.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@tailwindcss/typography": "^0.5.13",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/svelte": "^5.2.0",
     "@types/better-sqlite3": "^7.6.11",
+    "@types/lodash": "^4.17.1",
+    "@vitest/browser": "^1.6.0",
     "@vitest/ui": "^1.6.0",
     "autoprefixer": "^10.4.19",
     "better-sqlite3": "^10.0.0",
+    "drizzle-kit": "^0.21.2",
     "jsdom": "^24.0.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
@@ -40,6 +44,7 @@
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "vite": "^5.0.3",
+    "vitest": "^1.6.0",
     "wrangler": "^3.53.1"
   },
   "type": "module",
@@ -55,34 +60,31 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.26.3",
     "@fontsource-variable/inter": "^5.0.18",
-    "@tailwindcss/typography": "^0.5.13",
-    "@types/lodash": "^4.17.1",
-    "@vitest/browser": "^1.6.0",
+    "@lexical/history": "^0.16.0",
+    "@lexical/plain-text": "^0.16.0",
+    "@lexical/text": "^0.16.0",
+    "@lexical/utils": "^0.16.0",
     "ai": "^3.1.12",
     "bits-ui": "^0.21.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "dotenv": "^16.4.5",
-    "drizzle-kit": "^0.21.2",
     "drizzle-orm": "^0.30.10",
     "filepond": "^4.31.1",
     "highlight.js": "^11.7.0",
-    "kysely": "^0.27.3",
+    "lexical": "^0.16.1",
     "lodash": "^4.17.21",
     "lucide-svelte": "^0.378.0",
     "marked": "^12.0.1",
     "marked-katex-extension": "^5.0.1",
     "msw": "^2.3.1",
     "nanoid": "^5.0.7",
-    "rxjs": "^7.8.1",
     "sqlocal": "^0.9.0",
     "svelte-codemirror-editor": "^1.3.0",
     "svelte-filepond": "^0.2.2",
     "svelte-french-toast": "^1.2.0",
     "tailwind-merge": "^2.3.0",
     "tailwind-variants": "^0.2.1",
-    "vitest": "^1.6.0",
-    "webdriverio": "^8.36.1",
     "zod": "^3.23.6"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf74263..192573e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,15 +41,18 @@ importers:
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
-      '@tailwindcss/typography':
-        specifier: ^0.5.13
-        version: 0.5.13(tailwindcss@3.4.3)
-      '@types/lodash':
-        specifier: ^4.17.1
-        version: 4.17.1
-      '@vitest/browser':
-        specifier: ^1.6.0
-        version: 1.6.0(playwright@1.44.0)(vitest@1.6.0)(webdriverio@8.36.1(typescript@5.4.5))
+      '@lexical/history':
+        specifier: ^0.16.0
+        version: 0.16.1
+      '@lexical/plain-text':
+        specifier: ^0.16.0
+        version: 0.16.1
+      '@lexical/text':
+        specifier: ^0.16.0
+        version: 0.16.1
+      '@lexical/utils':
+        specifier: ^0.16.0
+        version: 0.16.1
       ai:
         specifier: ^3.1.12
         version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.123)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6)
@@ -65,9 +68,6 @@ importers:
       dotenv:
         specifier: ^16.4.5
         version: 16.4.5
-      drizzle-kit:
-        specifier: ^0.21.2
-        version: 0.21.2
       drizzle-orm:
         specifier: ^0.30.10
         version: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
@@ -77,9 +77,9 @@ importers:
       highlight.js:
         specifier: ^11.7.0
         version: 11.9.0
-      kysely:
-        specifier: ^0.27.3
-        version: 0.27.3
+      lexical:
+        specifier: ^0.16.1
+        version: 0.16.1
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
@@ -98,9 +98,6 @@ importers:
       nanoid:
         specifier: ^5.0.7
         version: 5.0.7
-      rxjs:
-        specifier: ^7.8.1
-        version: 7.8.1
       sqlocal:
         specifier: ^0.9.0
         version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
@@ -119,12 +116,6 @@ importers:
       tailwind-variants:
         specifier: ^0.2.1
         version: 0.2.1(tailwindcss@3.4.3)
-      vitest:
-        specifier: ^1.6.0
-        version: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
-      webdriverio:
-        specifier: ^8.36.1
-        version: 8.36.1(typescript@5.4.5)
       zod:
         specifier: ^3.23.6
         version: 3.23.6
@@ -153,6 +144,9 @@ importers:
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.0.0
         version: 3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@tailwindcss/typography':
+        specifier: ^0.5.13
+        version: 0.5.13(tailwindcss@3.4.3)
       '@testing-library/jest-dom':
         specifier: ^6.4.5
         version: 6.4.5(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
@@ -162,6 +156,12 @@ importers:
       '@types/better-sqlite3':
         specifier: ^7.6.11
         version: 7.6.11
+      '@types/lodash':
+        specifier: ^4.17.1
+        version: 4.17.1
+      '@vitest/browser':
+        specifier: ^1.6.0
+        version: 1.6.0(playwright@1.44.0)(vitest@1.6.0)(webdriverio@8.36.1(typescript@5.4.5))
       '@vitest/ui':
         specifier: ^1.6.0
         version: 1.6.0(vitest@1.6.0)
@@ -171,6 +171,9 @@ importers:
       better-sqlite3:
         specifier: ^10.0.0
         version: 10.0.0
+      drizzle-kit:
+        specifier: ^0.21.2
+        version: 0.21.2
       jsdom:
         specifier: ^24.0.0
         version: 24.0.0
@@ -204,6 +207,9 @@ importers:
       vite:
         specifier: ^5.0.3
         version: 5.2.11(@types/node@20.14.9)
+      vitest:
+        specifier: ^1.6.0
+        version: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
       wrangler:
         specifier: ^3.53.1
         version: 3.53.1(@cloudflare/workers-types@4.20240502.0)
@@ -1093,6 +1099,33 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
+  '@lexical/clipboard@0.16.1':
+    resolution: {integrity: sha512-0dWs/SwKS5KPpuf6fUVVt9vSCl6HAqcDGhSITw/okv0rrIlXTUT6WhVsMJtXfFxTyVvwMeOecJHvQH3i/jRQtA==}
+
+  '@lexical/history@0.16.1':
+    resolution: {integrity: sha512-WQhScx0TJeKSQAnEkRpIaWdUXqirrNrom2MxbBUc/32zEUMm9FzV7nRGknvUabEFUo7vZq6xTZpOExQJqHInQA==}
+
+  '@lexical/html@0.16.1':
+    resolution: {integrity: sha512-vbtAdCvQ3PaAqa5mFmtmrvbiAvjCu1iXBAJ0bsHqFXCF2Sba5LwHVe8dUAOTpfEZEMbiHfjul6b5fj4vNPGF2A==}
+
+  '@lexical/list@0.16.1':
+    resolution: {integrity: sha512-i9YhLAh5N6YO9dP+R1SIL9WEdCKeTiQQYVUzj84vDvX5DIBxMPUjTmMn3LXu9T+QO3h1s2L/vJusZASrl45eAw==}
+
+  '@lexical/plain-text@0.16.1':
+    resolution: {integrity: sha512-GjY4ylrBZIaAVIF8IFnmW0XGyHAuRmWA6gKB8iTTlsjgFrCHFIYC74EeJSp309O0Hflg9rRBnKoX1TYruFHVwA==}
+
+  '@lexical/selection@0.16.1':
+    resolution: {integrity: sha512-+nK3RvXtyQvQDq7AZ46JpphmM33pwuulwiRfeXR5T9iFQTtgWOEjsAi/KKX7vGm70BxACfiSxy5QCOgBWFwVJg==}
+
+  '@lexical/table@0.16.1':
+    resolution: {integrity: sha512-GWb0/MM1sVXpi1p2HWWOBldZXASMQ4c6WRNYnRmq7J/aB5N66HqQgJGKp3m66Kz4k1JjhmZfPs7F018qIBhnFQ==}
+
+  '@lexical/text@0.16.1':
+    resolution: {integrity: sha512-Os/nKQegORTrKKN6vL3/FMVszyzyqaotlisPynvTaHTUC+yY4uyjM2hlF93i5a2ixxyiPLF9bDroxUP96TMPXg==}
+
+  '@lexical/utils@0.16.1':
+    resolution: {integrity: sha512-BVyJxDQi/rIxFTDjf2zE7rMDKSuEaeJ4dybHRa/hRERt85gavGByQawSLeQlTjLaYLVsy+x7wCcqh2fNhlLf0g==}
+
   '@lezer/common@1.2.1':
     resolution: {integrity: sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ==}
 
@@ -2386,6 +2419,7 @@ packages:
   fstream@1.0.12:
     resolution: {integrity: sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==}
     engines: {node: '>=0.6'}
+    deprecated: This package is no longer supported.
 
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
@@ -2680,6 +2714,9 @@ packages:
     resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
     engines: {node: '>= 0.6.3'}
 
+  lexical@0.16.1:
+    resolution: {integrity: sha512-+R05d3+N945OY8pTUjTqQrWoApjC+ctzvjnmNETtx9WmVAaiW0tQVG+AYLt5pDGY8dQXtd4RPorvnxBTECt9SA==}
+
   lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
@@ -3362,9 +3399,6 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  rxjs@7.8.1:
-    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
-
   sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
@@ -4885,6 +4919,57 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  '@lexical/clipboard@0.16.1':
+    dependencies:
+      '@lexical/html': 0.16.1
+      '@lexical/list': 0.16.1
+      '@lexical/selection': 0.16.1
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/history@0.16.1':
+    dependencies:
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/html@0.16.1':
+    dependencies:
+      '@lexical/selection': 0.16.1
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/list@0.16.1':
+    dependencies:
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/plain-text@0.16.1':
+    dependencies:
+      '@lexical/clipboard': 0.16.1
+      '@lexical/selection': 0.16.1
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/selection@0.16.1':
+    dependencies:
+      lexical: 0.16.1
+
+  '@lexical/table@0.16.1':
+    dependencies:
+      '@lexical/utils': 0.16.1
+      lexical: 0.16.1
+
+  '@lexical/text@0.16.1':
+    dependencies:
+      lexical: 0.16.1
+
+  '@lexical/utils@0.16.1':
+    dependencies:
+      '@lexical/list': 0.16.1
+      '@lexical/selection': 0.16.1
+      '@lexical/table': 0.16.1
+      lexical: 0.16.1
+
   '@lezer/common@1.2.1': {}
 
   '@lezer/cpp@1.1.2':
@@ -5051,6 +5136,7 @@ snapshots:
       moment: 2.30.1
       prettier: 2.8.1
       spacetrim: 0.11.24
+    optional: true
 
   '@puppeteer/browsers@1.4.6(typescript@5.4.5)':
     dependencies:
@@ -5065,6 +5151,7 @@ snapshots:
       typescript: 5.4.5
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   '@puppeteer/browsers@1.9.1':
     dependencies:
@@ -5077,6 +5164,7 @@ snapshots:
       yargs: 17.7.2
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   '@rollup/rollup-android-arm-eabi@4.17.2':
     optional: true
@@ -5128,7 +5216,8 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
-  '@sindresorhus/is@5.6.0': {}
+  '@sindresorhus/is@5.6.0':
+    optional: true
 
   '@sqlite.org/sqlite-wasm@3.45.3-build1': {}
 
@@ -5193,6 +5282,7 @@ snapshots:
   '@szmarczak/http-timer@5.0.1':
     dependencies:
       defer-to-connect: 2.0.1
+    optional: true
 
   '@tailwindcss/typography@0.5.13(tailwindcss@3.4.3)':
     dependencies:
@@ -5234,7 +5324,8 @@ snapshots:
       vite: 5.2.11(@types/node@20.14.9)
       vitest: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
 
-  '@tootallnate/quickjs-emscripten@0.23.0': {}
+  '@tootallnate/quickjs-emscripten@0.23.0':
+    optional: true
 
   '@types/aria-query@5.0.4': {}
 
@@ -5251,7 +5342,8 @@ snapshots:
 
   '@types/estree@1.0.5': {}
 
-  '@types/http-cache-semantics@4.0.4': {}
+  '@types/http-cache-semantics@4.0.4':
+    optional: true
 
   '@types/katex@0.16.7': {}
 
@@ -5283,17 +5375,19 @@ snapshots:
 
   '@types/statuses@2.0.5': {}
 
-  '@types/which@2.0.2': {}
+  '@types/which@2.0.2':
+    optional: true
 
   '@types/wrap-ansi@3.0.0': {}
 
   '@types/ws@8.5.10':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
+    optional: true
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
     optional: true
 
   '@ungap/structured-clone@1.2.0': {}
@@ -5414,6 +5508,7 @@ snapshots:
       import-meta-resolve: 4.1.0
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   '@wdio/logger@8.28.0':
     dependencies:
@@ -5421,16 +5516,20 @@ snapshots:
       loglevel: 1.9.1
       loglevel-plugin-prefix: 0.8.4
       strip-ansi: 7.1.0
+    optional: true
 
-  '@wdio/protocols@8.32.0': {}
+  '@wdio/protocols@8.32.0':
+    optional: true
 
   '@wdio/repl@8.24.12':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
+    optional: true
 
   '@wdio/types@8.36.1':
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
+    optional: true
 
   '@wdio/utils@8.36.1':
     dependencies:
@@ -5449,10 +5548,12 @@ snapshots:
       wait-port: 1.1.0
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   abort-controller@3.0.0:
     dependencies:
       event-target-shim: 5.0.1
+    optional: true
 
   acorn-typescript@1.4.13(acorn@8.11.3):
     dependencies:
@@ -5526,6 +5627,7 @@ snapshots:
       lodash: 4.17.21
       normalize-path: 3.0.0
       readable-stream: 4.5.2
+    optional: true
 
   archiver@7.0.1:
     dependencies:
@@ -5536,6 +5638,7 @@ snapshots:
       readdir-glob: 1.1.3
       tar-stream: 3.1.7
       zip-stream: 6.0.1
+    optional: true
 
   arg@5.0.2: {}
 
@@ -5552,8 +5655,10 @@ snapshots:
   ast-types@0.13.4:
     dependencies:
       tslib: 2.6.2
+    optional: true
 
-  async@3.2.5: {}
+  async@3.2.5:
+    optional: true
 
   asynckit@0.4.0: {}
 
@@ -5571,7 +5676,8 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  b4a@1.6.6: {}
+  b4a@1.6.6:
+    optional: true
 
   balanced-match@1.0.2: {}
 
@@ -5600,14 +5706,16 @@ snapshots:
 
   base64-js@1.5.1: {}
 
-  basic-ftp@5.0.5: {}
+  basic-ftp@5.0.5:
+    optional: true
 
   better-sqlite3@10.0.0:
     dependencies:
       bindings: 1.5.0
       prebuild-install: 7.1.2
 
-  big-integer@1.6.52: {}
+  big-integer@1.6.52:
+    optional: true
 
   binary-extensions@2.3.0: {}
 
@@ -5630,7 +5738,8 @@ snapshots:
 
   blake3-wasm@2.1.5: {}
 
-  bluebird@3.4.7: {}
+  bluebird@3.4.7:
+    optional: true
 
   brace-expansion@1.1.11:
     dependencies:
@@ -5654,7 +5763,8 @@ snapshots:
 
   buffer-crc32@0.2.13: {}
 
-  buffer-crc32@1.0.0: {}
+  buffer-crc32@1.0.0:
+    optional: true
 
   buffer-from@1.1.2: {}
 
@@ -5667,10 +5777,12 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
+    optional: true
 
   cac@6.7.14: {}
 
-  cacheable-lookup@7.0.0: {}
+  cacheable-lookup@7.0.0:
+    optional: true
 
   cacheable-request@10.2.14:
     dependencies:
@@ -5681,6 +5793,7 @@ snapshots:
       mimic-response: 4.0.0
       normalize-url: 8.0.1
       responselike: 3.0.0
+    optional: true
 
   callsites@3.1.0: {}
 
@@ -5745,6 +5858,7 @@ snapshots:
     dependencies:
       devtools-protocol: 0.0.1147663
       mitt: 3.0.0
+    optional: true
 
   class-variance-authority@0.7.0:
     dependencies:
@@ -5825,6 +5939,7 @@ snapshots:
       is-stream: 2.0.1
       normalize-path: 3.0.0
       readable-stream: 4.5.2
+    optional: true
 
   concat-map@0.0.1: {}
 
@@ -5834,14 +5949,17 @@ snapshots:
 
   cookie@0.6.0: {}
 
-  core-util-is@1.0.3: {}
+  core-util-is@1.0.3:
+    optional: true
 
-  crc-32@1.2.2: {}
+  crc-32@1.2.2:
+    optional: true
 
   crc32-stream@6.0.0:
     dependencies:
       crc-32: 1.2.2
       readable-stream: 4.5.2
+    optional: true
 
   crelt@1.0.6: {}
 
@@ -5850,6 +5968,7 @@ snapshots:
       node-fetch: 2.7.0
     transitivePeerDependencies:
       - encoding
+    optional: true
 
   cross-spawn@7.0.3:
     dependencies:
@@ -5857,9 +5976,11 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-shorthand-properties@1.1.1: {}
+  css-shorthand-properties@1.1.1:
+    optional: true
 
-  css-value@0.0.1: {}
+  css-value@0.0.1:
+    optional: true
 
   css.escape@1.5.1: {}
 
@@ -5878,9 +5999,11 @@ snapshots:
 
   data-uri-to-buffer@2.0.2: {}
 
-  data-uri-to-buffer@4.0.1: {}
+  data-uri-to-buffer@4.0.1:
+    optional: true
 
-  data-uri-to-buffer@6.0.2: {}
+  data-uri-to-buffer@6.0.2:
+    optional: true
 
   data-urls@5.0.0:
     dependencies:
@@ -5891,7 +6014,8 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
-  decamelize@6.0.0: {}
+  decamelize@6.0.0:
+    optional: true
 
   decimal.js@10.4.3: {}
 
@@ -5905,17 +6029,20 @@ snapshots:
 
   deep-extend@0.6.0: {}
 
-  deepmerge-ts@5.1.0: {}
+  deepmerge-ts@5.1.0:
+    optional: true
 
   deepmerge@4.3.1: {}
 
-  defer-to-connect@2.0.1: {}
+  defer-to-connect@2.0.1:
+    optional: true
 
   degenerator@5.0.1:
     dependencies:
       ast-types: 0.13.4
       escodegen: 2.1.0
       esprima: 4.0.1
+    optional: true
 
   delayed-stream@1.0.0: {}
 
@@ -5927,9 +6054,11 @@ snapshots:
 
   devalue@5.0.0: {}
 
-  devtools-protocol@0.0.1147663: {}
+  devtools-protocol@0.0.1147663:
+    optional: true
 
-  devtools-protocol@0.0.1282316: {}
+  devtools-protocol@0.0.1282316:
+    optional: true
 
   didyoumean@1.2.2: {}
 
@@ -5980,6 +6109,7 @@ snapshots:
   duplexer2@0.1.4:
     dependencies:
       readable-stream: 2.3.8
+    optional: true
 
   eastasianwidth@0.2.0: {}
 
@@ -5987,6 +6117,7 @@ snapshots:
     dependencies:
       '@types/which': 2.0.2
       which: 2.0.2
+    optional: true
 
   edgedriver@5.4.0:
     dependencies:
@@ -5996,6 +6127,7 @@ snapshots:
       node-fetch: 3.3.2
       unzipper: 0.11.6
       which: 4.0.0
+    optional: true
 
   electron-to-chromium@1.4.754: {}
 
@@ -6160,6 +6292,7 @@ snapshots:
       esutils: 2.0.3
     optionalDependencies:
       source-map: 0.6.1
+    optional: true
 
   esm-env@1.0.0: {}
 
@@ -6170,14 +6303,16 @@ snapshots:
       event-emitter: 0.3.5
       type: 2.7.2
 
-  esprima@4.0.1: {}
+  esprima@4.0.1:
+    optional: true
 
   esrap@1.2.2:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@types/estree': 1.0.5
 
-  estraverse@5.3.0: {}
+  estraverse@5.3.0:
+    optional: true
 
   estree-walker@0.6.1: {}
 
@@ -6187,16 +6322,19 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.5
 
-  esutils@2.0.3: {}
+  esutils@2.0.3:
+    optional: true
 
   event-emitter@0.3.5:
     dependencies:
       d: 1.0.2
       es5-ext: 0.10.64
 
-  event-target-shim@5.0.1: {}
+  event-target-shim@5.0.1:
+    optional: true
 
-  events@3.3.0: {}
+  events@3.3.0:
+    optional: true
 
   eventsource-parser@1.1.2: {}
 
@@ -6229,10 +6367,13 @@ snapshots:
       '@types/yauzl': 2.10.3
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  fast-deep-equal@2.0.1: {}
+  fast-deep-equal@2.0.1:
+    optional: true
 
-  fast-fifo@1.3.2: {}
+  fast-fifo@1.3.2:
+    optional: true
 
   fast-glob@3.3.2:
     dependencies:
@@ -6249,11 +6390,13 @@ snapshots:
   fd-slicer@1.1.0:
     dependencies:
       pend: 1.2.0
+    optional: true
 
   fetch-blob@3.2.0:
     dependencies:
       node-domexception: 1.0.0
       web-streams-polyfill: 3.3.3
+    optional: true
 
   fflate@0.8.2: {}
 
@@ -6276,7 +6419,8 @@ snapshots:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
 
-  form-data-encoder@2.1.4: {}
+  form-data-encoder@2.1.4:
+    optional: true
 
   form-data@4.0.0:
     dependencies:
@@ -6287,6 +6431,7 @@ snapshots:
   formdata-polyfill@4.0.10:
     dependencies:
       fetch-blob: 3.2.0
+    optional: true
 
   fraction.js@4.3.7: {}
 
@@ -6297,6 +6442,7 @@ snapshots:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
       universalify: 2.0.1
+    optional: true
 
   fs.realpath@1.0.0: {}
 
@@ -6312,6 +6458,7 @@ snapshots:
       inherits: 2.0.4
       mkdirp: 0.5.6
       rimraf: 2.7.1
+    optional: true
 
   function-bind@1.1.2: {}
 
@@ -6329,12 +6476,14 @@ snapshots:
       which: 4.0.0
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   get-caller-file@2.0.5: {}
 
   get-func-name@2.0.2: {}
 
-  get-port@7.1.0: {}
+  get-port@7.1.0:
+    optional: true
 
   get-source@2.0.12:
     dependencies:
@@ -6344,8 +6493,10 @@ snapshots:
   get-stream@5.2.0:
     dependencies:
       pump: 3.0.0
+    optional: true
 
-  get-stream@6.0.1: {}
+  get-stream@6.0.1:
+    optional: true
 
   get-stream@8.0.1: {}
 
@@ -6361,6 +6512,7 @@ snapshots:
       fs-extra: 11.2.0
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   github-from-package@0.0.0: {}
 
@@ -6416,10 +6568,12 @@ snapshots:
       lowercase-keys: 3.0.0
       p-cancelable: 3.0.0
       responselike: 3.0.0
+    optional: true
 
   graceful-fs@4.2.11: {}
 
-  grapheme-splitter@1.0.4: {}
+  grapheme-splitter@1.0.4:
+    optional: true
 
   graphql@16.9.0: {}
 
@@ -6446,7 +6600,8 @@ snapshots:
     dependencies:
       whatwg-encoding: 3.1.1
 
-  http-cache-semantics@4.1.1: {}
+  http-cache-semantics@4.1.1:
+    optional: true
 
   http-proxy-agent@7.0.2:
     dependencies:
@@ -6459,6 +6614,7 @@ snapshots:
     dependencies:
       quick-lru: 5.1.1
       resolve-alpn: 1.2.1
+    optional: true
 
   https-proxy-agent@7.0.4:
     dependencies:
@@ -6497,6 +6653,7 @@ snapshots:
     dependencies:
       jsbn: 1.1.0
       sprintf-js: 1.1.3
+    optional: true
 
   is-binary-path@2.1.0:
     dependencies:
@@ -6518,7 +6675,8 @@ snapshots:
 
   is-number@7.0.0: {}
 
-  is-plain-obj@4.1.0: {}
+  is-plain-obj@4.1.0:
+    optional: true
 
   is-potential-custom-element-name@1.0.1: {}
 
@@ -6528,15 +6686,18 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.5
 
-  is-stream@2.0.1: {}
+  is-stream@2.0.1:
+    optional: true
 
   is-stream@3.0.0: {}
 
-  isarray@1.0.0: {}
+  isarray@1.0.0:
+    optional: true
 
   isexe@2.0.0: {}
 
-  isexe@3.1.1: {}
+  isexe@3.1.1:
+    optional: true
 
   jackspeak@2.3.6:
     dependencies:
@@ -6550,7 +6711,8 @@ snapshots:
 
   js-tokens@9.0.0: {}
 
-  jsbn@1.1.0: {}
+  jsbn@1.1.0:
+    optional: true
 
   jsdom@24.0.0:
     dependencies:
@@ -6580,7 +6742,8 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  json-buffer@3.0.1: {}
+  json-buffer@3.0.1:
+    optional: true
 
   json-diff@0.9.0:
     dependencies:
@@ -6601,6 +6764,7 @@ snapshots:
       universalify: 2.0.1
     optionalDependencies:
       graceful-fs: 4.2.11
+    optional: true
 
   katex@0.16.10:
     dependencies:
@@ -6609,16 +6773,22 @@ snapshots:
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
+    optional: true
 
   kleur@4.1.5: {}
 
-  ky@0.33.3: {}
+  ky@0.33.3:
+    optional: true
 
-  kysely@0.27.3: {}
+  kysely@0.27.3:
+    optional: true
 
   lazystream@1.0.1:
     dependencies:
       readable-stream: 2.3.8
+    optional: true
+
+  lexical@0.16.1: {}
 
   lilconfig@2.1.0: {}
 
@@ -6636,12 +6806,14 @@ snapshots:
       '@promptbook/utils': 0.49.0
       type-fest: 2.13.0
       userhome: 1.0.0
+    optional: true
 
   locate-character@3.0.0: {}
 
   lodash.castarray@4.4.0: {}
 
-  lodash.clonedeep@4.5.0: {}
+  lodash.clonedeep@4.5.0:
+    optional: true
 
   lodash.isplainobject@4.0.6: {}
 
@@ -6649,13 +6821,16 @@ snapshots:
 
   lodash.throttle@4.1.1: {}
 
-  lodash.zip@4.2.0: {}
+  lodash.zip@4.2.0:
+    optional: true
 
   lodash@4.17.21: {}
 
-  loglevel-plugin-prefix@0.8.4: {}
+  loglevel-plugin-prefix@0.8.4:
+    optional: true
 
-  loglevel@1.9.1: {}
+  loglevel@1.9.1:
+    optional: true
 
   loose-envify@1.4.0:
     dependencies:
@@ -6665,11 +6840,13 @@ snapshots:
     dependencies:
       get-func-name: 2.0.2
 
-  lowercase-keys@3.0.0: {}
+  lowercase-keys@3.0.0:
+    optional: true
 
   lru-cache@10.2.2: {}
 
-  lru-cache@7.18.3: {}
+  lru-cache@7.18.3:
+    optional: true
 
   lru-queue@0.1.0:
     dependencies:
@@ -6729,7 +6906,8 @@ snapshots:
 
   mimic-response@3.1.0: {}
 
-  mimic-response@4.0.0: {}
+  mimic-response@4.0.0:
+    optional: true
 
   min-indent@1.0.1: {}
 
@@ -6768,7 +6946,8 @@ snapshots:
 
   minipass@7.0.4: {}
 
-  mitt@3.0.0: {}
+  mitt@3.0.0:
+    optional: true
 
   mkdirp-classic@0.5.3: {}
 
@@ -6783,7 +6962,8 @@ snapshots:
       pkg-types: 1.1.1
       ufo: 1.5.3
 
-  moment@2.30.1: {}
+  moment@2.30.1:
+    optional: true
 
   mri@1.2.0: {}
 
@@ -6831,7 +7011,8 @@ snapshots:
 
   napi-build-utils@1.0.2: {}
 
-  netmask@2.0.2: {}
+  netmask@2.0.2:
+    optional: true
 
   next-tick@1.1.0: {}
 
@@ -6839,17 +7020,20 @@ snapshots:
     dependencies:
       semver: 7.6.2
 
-  node-domexception@1.0.0: {}
+  node-domexception@1.0.0:
+    optional: true
 
   node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
+    optional: true
 
   node-fetch@3.3.2:
     dependencies:
       data-uri-to-buffer: 4.0.1
       fetch-blob: 3.2.0
       formdata-polyfill: 4.0.10
+    optional: true
 
   node-forge@1.3.1: {}
 
@@ -6859,7 +7043,8 @@ snapshots:
 
   normalize-range@0.1.2: {}
 
-  normalize-url@8.0.1: {}
+  normalize-url@8.0.1:
+    optional: true
 
   npm-run-path@5.3.0:
     dependencies:
@@ -6881,7 +7066,8 @@ snapshots:
 
   outvariant@1.4.2: {}
 
-  p-cancelable@3.0.0: {}
+  p-cancelable@3.0.0:
+    optional: true
 
   p-limit@5.0.0:
     dependencies:
@@ -6899,11 +7085,13 @@ snapshots:
       socks-proxy-agent: 8.0.3
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   pac-resolver@7.0.1:
     dependencies:
       degenerator: 5.0.1
       netmask: 2.0.2
+    optional: true
 
   parent-module@1.0.1:
     dependencies:
@@ -6932,7 +7120,8 @@ snapshots:
 
   pathval@1.1.1: {}
 
-  pend@1.2.0: {}
+  pend@1.2.0:
+    optional: true
 
   picocolors@1.0.0: {}
 
@@ -7024,7 +7213,8 @@ snapshots:
     optionalDependencies:
       prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123)
 
-  prettier@2.8.1: {}
+  prettier@2.8.1:
+    optional: true
 
   prettier@3.2.5: {}
 
@@ -7042,11 +7232,14 @@ snapshots:
 
   printable-characters@1.0.42: {}
 
-  process-nextick-args@2.0.1: {}
+  process-nextick-args@2.0.1:
+    optional: true
 
-  process@0.11.10: {}
+  process@0.11.10:
+    optional: true
 
-  progress@2.0.3: {}
+  progress@2.0.3:
+    optional: true
 
   proxy-agent@6.3.0:
     dependencies:
@@ -7060,6 +7253,7 @@ snapshots:
       socks-proxy-agent: 8.0.3
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   proxy-agent@6.3.1:
     dependencies:
@@ -7073,8 +7267,10 @@ snapshots:
       socks-proxy-agent: 8.0.3
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  proxy-from-env@1.1.0: {}
+  proxy-from-env@1.1.0:
+    optional: true
 
   proxy-target@3.0.2: {}
 
@@ -7102,16 +7298,20 @@ snapshots:
       - encoding
       - supports-color
       - utf-8-validate
+    optional: true
 
-  query-selector-shadow-dom@1.0.1: {}
+  query-selector-shadow-dom@1.0.1:
+    optional: true
 
   querystringify@2.2.0: {}
 
   queue-microtask@1.2.3: {}
 
-  queue-tick@1.0.1: {}
+  queue-tick@1.0.1:
+    optional: true
 
-  quick-lru@5.1.1: {}
+  quick-lru@5.1.1:
+    optional: true
 
   rc@1.2.8:
     dependencies:
@@ -7141,6 +7341,7 @@ snapshots:
       safe-buffer: 5.1.2
       string_decoder: 1.1.1
       util-deprecate: 1.0.2
+    optional: true
 
   readable-stream@3.6.2:
     dependencies:
@@ -7155,10 +7356,12 @@ snapshots:
       events: 3.3.0
       process: 0.11.10
       string_decoder: 1.3.0
+    optional: true
 
   readdir-glob@1.1.3:
     dependencies:
       minimatch: 5.1.6
+    optional: true
 
   readdirp@3.6.0:
     dependencies:
@@ -7177,7 +7380,8 @@ snapshots:
 
   requires-port@1.0.0: {}
 
-  resolve-alpn@1.2.1: {}
+  resolve-alpn@1.2.1:
+    optional: true
 
   resolve-from@4.0.0: {}
 
@@ -7194,14 +7398,17 @@ snapshots:
   responselike@3.0.0:
     dependencies:
       lowercase-keys: 3.0.0
+    optional: true
 
   resq@1.11.0:
     dependencies:
       fast-deep-equal: 2.0.1
+    optional: true
 
   reusify@1.0.4: {}
 
-  rgb2hex@0.2.5: {}
+  rgb2hex@0.2.5:
+    optional: true
 
   rimraf@2.7.1:
     dependencies:
@@ -7249,17 +7456,15 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  rxjs@7.8.1:
-    dependencies:
-      tslib: 2.6.2
-
   sade@1.8.1:
     dependencies:
       mri: 1.2.0
 
-  safaridriver@0.1.2: {}
+  safaridriver@0.1.2:
+    optional: true
 
-  safe-buffer@5.1.2: {}
+  safe-buffer@5.1.2:
+    optional: true
 
   safe-buffer@5.2.1: {}
 
@@ -7288,6 +7493,7 @@ snapshots:
   serialize-error@11.0.3:
     dependencies:
       type-fest: 2.19.0
+    optional: true
 
   seroval-plugins@1.0.5(seroval@1.0.5):
     dependencies:
@@ -7323,7 +7529,8 @@ snapshots:
 
   sisteransi@1.0.5: {}
 
-  smart-buffer@4.2.0: {}
+  smart-buffer@4.2.0:
+    optional: true
 
   socks-proxy-agent@8.0.3:
     dependencies:
@@ -7332,11 +7539,13 @@ snapshots:
       socks: 2.8.3
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
   socks@2.8.3:
     dependencies:
       ip-address: 9.0.5
       smart-buffer: 4.2.0
+    optional: true
 
   solid-js@1.8.17:
     dependencies:
@@ -7367,11 +7576,14 @@ snapshots:
 
   sourcemap-codec@1.4.8: {}
 
-  spacetrim@0.11.24: {}
+  spacetrim@0.11.24:
+    optional: true
 
-  split2@4.2.0: {}
+  split2@4.2.0:
+    optional: true
 
-  sprintf-js@1.1.3: {}
+  sprintf-js@1.1.3:
+    optional: true
 
   sql.js@1.10.3:
     optional: true
@@ -7412,6 +7624,7 @@ snapshots:
       queue-tick: 1.0.1
     optionalDependencies:
       bare-events: 2.2.2
+    optional: true
 
   strict-event-emitter@0.5.1: {}
 
@@ -7430,6 +7643,7 @@ snapshots:
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
+    optional: true
 
   string_decoder@1.3.0:
     dependencies:
@@ -7617,6 +7831,7 @@ snapshots:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 3.1.7
+    optional: true
 
   tar-fs@3.0.6:
     dependencies:
@@ -7625,6 +7840,7 @@ snapshots:
     optionalDependencies:
       bare-fs: 2.3.0
       bare-path: 2.1.2
+    optional: true
 
   tar-stream@2.2.0:
     dependencies:
@@ -7639,6 +7855,7 @@ snapshots:
       b4a: 1.6.6
       fast-fifo: 1.3.2
       streamx: 2.16.1
+    optional: true
 
   thenify-all@1.6.0:
     dependencies:
@@ -7648,7 +7865,8 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
-  through@2.3.8: {}
+  through@2.3.8:
+    optional: true
 
   timers-ext@0.1.7:
     dependencies:
@@ -7681,7 +7899,8 @@ snapshots:
       universalify: 0.2.0
       url-parse: 1.5.10
 
-  tr46@0.0.3: {}
+  tr46@0.0.3:
+    optional: true
 
   tr46@5.0.0:
     dependencies:
@@ -7699,9 +7918,11 @@ snapshots:
 
   type-fest@0.21.3: {}
 
-  type-fest@2.13.0: {}
+  type-fest@2.13.0:
+    optional: true
 
-  type-fest@2.19.0: {}
+  type-fest@2.19.0:
+    optional: true
 
   type-fest@4.20.1: {}
 
@@ -7715,6 +7936,7 @@ snapshots:
     dependencies:
       buffer: 5.7.1
       through: 2.3.8
+    optional: true
 
   undici-types@5.26.5: {}
 
@@ -7724,7 +7946,8 @@ snapshots:
 
   universalify@0.2.0: {}
 
-  universalify@2.0.1: {}
+  universalify@2.0.1:
+    optional: true
 
   unzipper@0.11.6:
     dependencies:
@@ -7733,6 +7956,7 @@ snapshots:
       duplexer2: 0.1.4
       fstream: 1.0.12
       graceful-fs: 4.2.11
+    optional: true
 
   update-browserslist-db@1.0.14(browserslist@4.23.0):
     dependencies:
@@ -7749,7 +7973,8 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  userhome@1.0.0: {}
+  userhome@1.0.0:
+    optional: true
 
   util-deprecate@1.0.2: {}
 
@@ -7842,12 +8067,14 @@ snapshots:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
+    optional: true
 
-  web-streams-polyfill@3.3.3: {}
+  web-streams-polyfill@3.3.3:
+    optional: true
 
   webdriver@8.36.1:
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
       '@types/ws': 8.5.10
       '@wdio/config': 8.36.1
       '@wdio/logger': 8.28.0
@@ -7862,10 +8089,11 @@ snapshots:
       - bufferutil
       - supports-color
       - utf-8-validate
+    optional: true
 
   webdriverio@8.36.1(typescript@5.4.5):
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.14.9
       '@wdio/config': 8.36.1
       '@wdio/logger': 8.28.0
       '@wdio/protocols': 8.32.0
@@ -7895,8 +8123,10 @@ snapshots:
       - supports-color
       - typescript
       - utf-8-validate
+    optional: true
 
-  webidl-conversions@3.0.1: {}
+  webidl-conversions@3.0.1:
+    optional: true
 
   webidl-conversions@7.0.0: {}
 
@@ -7915,6 +8145,7 @@ snapshots:
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
+    optional: true
 
   which@2.0.2:
     dependencies:
@@ -7923,6 +8154,7 @@ snapshots:
   which@4.0.0:
     dependencies:
       isexe: 3.1.1
+    optional: true
 
   why-is-node-running@2.2.2:
     dependencies:
@@ -7988,7 +8220,8 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  ws@8.13.0: {}
+  ws@8.13.0:
+    optional: true
 
   ws@8.17.0: {}
 
@@ -8013,6 +8246,7 @@ snapshots:
       string-width: 4.2.3
       y18n: 5.0.8
       yargs-parser: 21.1.1
+    optional: true
 
   yargs@17.7.2:
     dependencies:
@@ -8028,6 +8262,7 @@ snapshots:
     dependencies:
       buffer-crc32: 0.2.13
       fd-slicer: 1.1.0
+    optional: true
 
   yocto-queue@1.0.0: {}
 
@@ -8046,6 +8281,7 @@ snapshots:
       archiver-utils: 5.0.2
       compress-commons: 6.0.2
       readable-stream: 4.5.2
+    optional: true
 
   zod-to-json-schema@3.22.5(zod@3.23.6):
     dependencies:
diff --git a/src/components/RobotLoader.svelte b/src/components/RobotLoader.svelte
index 7a5526f..aba9553 100644
--- a/src/components/RobotLoader.svelte
+++ b/src/components/RobotLoader.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <svg
-  class={cn(`h-12 min-h-12 w-12 min-w-12 stroke-gray-700`, className)}
+  class={cn(`h-10 min-h-10 w-10 min-w-10 stroke-gray-700`, className)}
   viewBox="0 0 100 100"
   xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 97f0dbd..f8a742b 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -321,12 +321,12 @@ export class ChatService {
     return this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
-  edit(content: string, index: number, requestOptions: ChatRequestOptions = {}) {
-    // update message content at index
-    this.messages[index].content = content;
-    // remove messages after edit
-    this.messages.splice(index + 1);
-    return this.triggerRequest(this.createChatRequest(requestOptions));
+  revise(requestBody: Record<string, any>) {
+    if (this.messages[this.messages.length - 1].role === "assistant") {
+      this.messages.splice(-1);
+    }
+    console.log("revise", this.messages);
+    return this.triggerRequest(this.createChatRequest({ options: { body: requestBody } }));
   }
 
   /**
@@ -405,13 +405,12 @@ export class ChatService {
   }
 
   submit(requestBody: Record<string, any>) {
-    const inputContent = this.input;
-    const inputAttachments = this.attachments;
-    if (!inputContent) return;
-
     if (this.mode.type === "edit") {
-      return this.edit(inputContent, this.mode.index, { options: { body: requestBody } });
+      return this.revise(this.mode.index, { options: { body: requestBody } });
     } else {
+      const inputContent = this.input;
+      const inputAttachments = this.attachments;
+      if (!inputContent) return;
       this.input = "";
       return this.append(
         {
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index e8158ae..791f1b1 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -63,8 +63,8 @@
 <ChatTitlebar {chat} {revision} tab="chat" />
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4">
-    {#each chatService.messages as message (message.id)}
-      <MessageCard {message} />
+    {#each chatService.messages as message, index (message.id)}
+      <MessageCard bind:message={chatService.messages[index]} />
     {/each}
     {#if chatService.isLoading}
       <RobotLoader />
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index c9ed8b2..3a38838 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -4,13 +4,25 @@
   import { Card, CardContent } from "@/components/ui/card/index.js";
   import Attachment from "./Attachment.svelte";
   import type { ChatMessage } from "$lib/chat-service.svelte";
+  import MessageEditor from "./MessageEditor.svelte";
 
   type Props = {
     message: ChatMessage;
+    editable?: boolean;
+    onSubmit?: () => void;
     onRemoveAttachment?: (index: number) => void;
   };
-  let { message, onRemoveAttachment }: Props = $props();
+  let { message = $bindable(), editable, onSubmit, onRemoveAttachment }: Props = $props();
   let format = "markdown";
+
+  function handleKeyPress(event: KeyboardEvent) {
+    if (event.ctrlKey && event.key === "Enter") {
+      event.preventDefault();
+      onSubmit && onSubmit();
+      return true;
+    }
+    return false;
+  }
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
@@ -26,7 +38,9 @@
 {/if}
 <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
   <CardContent class="p-4">
-    {#if format === "markdown"}
+    {#if editable}
+      <MessageEditor bind:content={message.content} onKeyPress={handleKeyPress} />
+    {:else if format === "markdown"}
       <MessageMarkdown content={message.content} />
     {:else}
       {message.content}
diff --git a/src/routes/(app)/chat/[id]/MessageEditor.svelte b/src/routes/(app)/chat/[id]/MessageEditor.svelte
new file mode 100644
index 0000000..bcf9b67
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/MessageEditor.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+  import { toast } from "svelte-french-toast";
+  import {
+    $createParagraphNode as createParagraphNode,
+    $createTextNode as createTextNode,
+    $getRoot as getRoot,
+    COMMAND_PRIORITY_NORMAL,
+    createEditor,
+    type CreateEditorArgs,
+    KEY_DOWN_COMMAND,
+    type LexicalEditor,
+  } from "lexical";
+  import { onMount } from "svelte";
+  import { mergeRegister } from "@lexical/utils";
+  import { createEmptyHistoryState, registerHistory } from "@lexical/history";
+  import { registerPlainText } from "@lexical/plain-text";
+
+  type Props = {
+    content: string;
+    onKeyPress?: (event: KeyboardEvent) => boolean;
+  };
+  let { content = $bindable(""), onKeyPress }: Props = $props();
+
+  const config: CreateEditorArgs = {
+    namespace: "editor",
+    // Register nodes specific for @lexical/rich-text
+    nodes: [],
+    onError: (error: Error) => {
+      toast.error(error.message);
+    },
+    theme: {},
+  };
+
+  let editorRef: HTMLDivElement;
+  let editor: LexicalEditor = createEditor(config);
+
+  onMount(() => {
+    editor.setRootElement(editorRef);
+    editor.update(() => {
+      const root = getRoot();
+      root.clear();
+      root.append(createParagraphNode().append(createTextNode(content)));
+    });
+    mergeRegister(
+      registerPlainText(editor),
+      registerHistory(editor, createEmptyHistoryState(), 300),
+      editor.registerCommand(
+        KEY_DOWN_COMMAND,
+        (event: KeyboardEvent) => {
+          return onKeyPress ? onKeyPress(event) : false;
+        },
+        COMMAND_PRIORITY_NORMAL,
+      ),
+    );
+    editor.registerUpdateListener(({ editorState }) => {
+      editorState.read(() => {
+        const root = getRoot();
+        content = root.getTextContent();
+      });
+    });
+  });
+</script>
+
+<div class="focus:outline-none" bind:this={editorRef} contenteditable="true"></div>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 75cfa38..5ff9075 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -10,6 +10,7 @@
   import type { Chat, Revision, Message } from "@/database";
   import RobotLoader from "@/components/RobotLoader.svelte";
   import { AutoScroller } from "$lib/auto-scroller";
+  import { nanoid } from "nanoid";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -18,11 +19,10 @@
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller(true);
 
-  let editIndex = $state(findEditIndex());
-
   let chatService = new ChatService({
-    initialMessages: revision.messages.map(toChatMessage),
-    mode: editIndex != null ? { type: "edit", index: editIndex } : { type: "append" },
+    initialMessages: revision.messages.length
+      ? revision.messages.map(toChatMessage)
+      : [{ id: nanoid(10), role: "user", content: "", attachments: [] }],
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -42,20 +42,7 @@
     },
   });
 
-  $inspect("input", chatService.input, editIndex);
-
-  let assistantMessage = $derived(findAssistantMessage());
-
-  function findEditIndex() {
-    const editIndex = revision.messages.findLastIndex((m) => m.role === "user");
-    return editIndex === -1 ? undefined : editIndex;
-  }
-
-  function findAssistantMessage() {
-    return editIndex != null
-      ? chatService.messages.find((m, index) => m.role === "assistant" && index > editIndex!)
-      : undefined;
-  }
+  $inspect("RevisePage", chatService.messages);
 
   async function handleSubmit() {
     if (!store.selected.modelId) {
@@ -67,7 +54,7 @@
       toast.error("Selected model not found");
       return;
     }
-    chatService.submit({
+    return chatService.revise({
       providerId: model.service.providerId,
       modelName: model.name,
       baseURL: model.service.baseURL,
@@ -78,21 +65,30 @@
   async function handleRemoveAttachment(index: number) {
     toast.error("Not implemented");
   }
+
+  $inspect("chatService", chatService.messages);
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto py-4">
     {#each chatService.messages as message, index (message.id)}
-      {#if editIndex == null || index < editIndex}
-        <MessageCard {message} onRemoveAttachment={handleRemoveAttachment} />
+      {#if chatService.messages[chatService.messages.length - 1].role === "assistant" ? index < chatService.messages.length - 1 : true}
+        <MessageCard
+          bind:message={chatService.messages[index]}
+          editable={true}
+          onSubmit={handleSubmit}
+          onRemoveAttachment={handleRemoveAttachment}
+        />
       {/if}
     {/each}
-    <EditorCard bind:prompt={chatService.input} {chat} onSubmit={handleSubmit} />
   </div>
   <div class="flex flex-col gap-3 overflow-y-auto py-4" use:autoScroller.action>
-    {#if assistantMessage}
-      <MessageCard message={assistantMessage} onRemoveAttachment={handleRemoveAttachment} />
+    {#if chatService.messages.length > 0 && chatService.messages[chatService.messages.length - 1].role === "assistant"}
+      <MessageCard
+        message={chatService.messages[chatService.messages.length - 1]}
+        onRemoveAttachment={handleRemoveAttachment}
+      />
     {/if}
     {#if chatService.isLoading}
       <RobotLoader />
diff --git a/src/routes/test/editor/+page.svelte b/src/routes/test/editor/+page.svelte
new file mode 100644
index 0000000..c63c893
--- /dev/null
+++ b/src/routes/test/editor/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+  import MessageEditor from "$lib/../routes/(app)/chat/[id]/MessageEditor.svelte";
+</script>
+
+<MessageEditor />

From 14ce2fbab3a3a6a1a3caedfd91280104b2dd83fb Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 22:23:20 +1000
Subject: [PATCH 42/98] Make MessageEditor namespace unique

---
 src/routes/(app)/chat/[id]/MessageCard.svelte   | 2 +-
 src/routes/(app)/chat/[id]/MessageEditor.svelte | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 3a38838..10bbedc 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -39,7 +39,7 @@
 <Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
   <CardContent class="p-4">
     {#if editable}
-      <MessageEditor bind:content={message.content} onKeyPress={handleKeyPress} />
+      <MessageEditor id={message.id} bind:content={message.content} onKeyPress={handleKeyPress} />
     {:else if format === "markdown"}
       <MessageMarkdown content={message.content} />
     {:else}
diff --git a/src/routes/(app)/chat/[id]/MessageEditor.svelte b/src/routes/(app)/chat/[id]/MessageEditor.svelte
index bcf9b67..ec55f34 100644
--- a/src/routes/(app)/chat/[id]/MessageEditor.svelte
+++ b/src/routes/(app)/chat/[id]/MessageEditor.svelte
@@ -16,14 +16,14 @@
   import { registerPlainText } from "@lexical/plain-text";
 
   type Props = {
+    id: string;
     content: string;
     onKeyPress?: (event: KeyboardEvent) => boolean;
   };
-  let { content = $bindable(""), onKeyPress }: Props = $props();
+  let { id, content = $bindable(""), onKeyPress }: Props = $props();
 
   const config: CreateEditorArgs = {
-    namespace: "editor",
-    // Register nodes specific for @lexical/rich-text
+    namespace: `editor-${id}`,
     nodes: [],
     onError: (error: Error) => {
       toast.error(error.message);

From 68f8ef762e9a803c6311c19dcdbed52dd0865dc8 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 22:29:49 +1000
Subject: [PATCH 43/98] Add MessageEditor placeholder

---
 .../(app)/chat/[id]/MessageEditor.svelte      | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageEditor.svelte b/src/routes/(app)/chat/[id]/MessageEditor.svelte
index ec55f34..a722eb1 100644
--- a/src/routes/(app)/chat/[id]/MessageEditor.svelte
+++ b/src/routes/(app)/chat/[id]/MessageEditor.svelte
@@ -19,8 +19,15 @@
     id: string;
     content: string;
     onKeyPress?: (event: KeyboardEvent) => boolean;
+    placeholder?: string;
   };
-  let { id, content = $bindable(""), onKeyPress }: Props = $props();
+  let {
+    id,
+    content = $bindable(""),
+    onKeyPress,
+    placeholder = "Enter your message",
+  }: Props = $props();
+  let showPlaceholder = $state(content === "");
 
   const config: CreateEditorArgs = {
     namespace: `editor-${id}`,
@@ -56,9 +63,28 @@
       editorState.read(() => {
         const root = getRoot();
         content = root.getTextContent();
+        showPlaceholder = content === "";
       });
     });
   });
 </script>
 
-<div class="focus:outline-none" bind:this={editorRef} contenteditable="true"></div>
+<div class="editor-container">
+  <div class="focus:outline-none" bind:this={editorRef} contenteditable="true"></div>
+  {#if showPlaceholder}
+    <div class="editor-placeholder">{placeholder}</div>
+  {/if}
+</div>
+
+<style lang="postcss">
+  .editor-container {
+    position: relative;
+  }
+  .editor-placeholder {
+    @apply absolute text-gray-500;
+    top: 0;
+    left: 0;
+    user-select: none;
+    pointer-events: none;
+  }
+</style>

From 827f2d7adeed14b274b9195d3e7a579c2c6eebe2 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 22:31:47 +1000
Subject: [PATCH 44/98] Remove EditorCard, remove codemirror

---
 package.json                                  |   6 -
 pnpm-lock.yaml                                | 546 ------------------
 .../(app)/chat/[id]/revise/EditorCard.svelte  | 192 ------
 .../(app)/chat/[id]/revise/RevisePage.svelte  |   3 +-
 4 files changed, 1 insertion(+), 746 deletions(-)
 delete mode 100644 src/routes/(app)/chat/[id]/revise/EditorCard.svelte

diff --git a/package.json b/package.json
index df30a14..b42df23 100644
--- a/package.json
+++ b/package.json
@@ -54,11 +54,6 @@
     "@ai-sdk/mistral": "^0.0.9",
     "@ai-sdk/openai": "^0.0.10",
     "@ai-sdk/ui-utils": "^0.0.9",
-    "@codemirror/autocomplete": "^6.16.0",
-    "@codemirror/lang-markdown": "^6.2.5",
-    "@codemirror/language-data": "^6.5.0",
-    "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.26.3",
     "@fontsource-variable/inter": "^5.0.18",
     "@lexical/history": "^0.16.0",
     "@lexical/plain-text": "^0.16.0",
@@ -80,7 +75,6 @@
     "msw": "^2.3.1",
     "nanoid": "^5.0.7",
     "sqlocal": "^0.9.0",
-    "svelte-codemirror-editor": "^1.3.0",
     "svelte-filepond": "^0.2.2",
     "svelte-french-toast": "^1.2.0",
     "tailwind-merge": "^2.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 192573e..4399337 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,21 +23,6 @@ importers:
       '@ai-sdk/ui-utils':
         specifier: ^0.0.9
         version: 0.0.9(zod@3.23.6)
-      '@codemirror/autocomplete':
-        specifier: ^6.16.0
-        version: 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/lang-markdown':
-        specifier: ^6.2.5
-        version: 6.2.5
-      '@codemirror/language-data':
-        specifier: ^6.5.0
-        version: 6.5.1(@codemirror/view@6.26.3)
-      '@codemirror/state':
-        specifier: ^6.4.1
-        version: 6.4.1
-      '@codemirror/view':
-        specifier: ^6.26.3
-        version: 6.26.3
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
@@ -101,9 +86,6 @@ importers:
       sqlocal:
         specifier: ^0.9.0
         version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
-      svelte-codemirror-editor:
-        specifier: ^1.3.0
-        version: 1.3.0(codemirror@6.0.1(@lezer/common@1.2.1))(svelte@5.0.0-next.123)
       svelte-filepond:
         specifier: ^0.2.2
         version: 0.2.2(filepond@4.31.1)
@@ -383,98 +365,6 @@ packages:
   '@cloudflare/workers-types@4.20240502.0':
     resolution: {integrity: sha512-OB1jIyPOzyOcuZFHWhsQnkRLN6u8+jmU9X3T4KZlGgn3Ivw8pBiswhLOp+yFeChR3Y4/5+V0hPFRko5SReordg==}
 
-  '@codemirror/autocomplete@6.16.0':
-    resolution: {integrity: sha512-P/LeCTtZHRTCU4xQsa89vSKWecYv1ZqwzOd5topheGRf+qtacFgBeIMQi3eL8Kt/BUNvxUWkx+5qP2jlGoARrg==}
-    peerDependencies:
-      '@codemirror/language': ^6.0.0
-      '@codemirror/state': ^6.0.0
-      '@codemirror/view': ^6.0.0
-      '@lezer/common': ^1.0.0
-
-  '@codemirror/commands@6.5.0':
-    resolution: {integrity: sha512-rK+sj4fCAN/QfcY9BEzYMgp4wwL/q5aj/VfNSoH1RWPF9XS/dUwBkvlL3hpWgEjOqlpdN1uLC9UkjJ4tmyjJYg==}
-
-  '@codemirror/lang-angular@0.1.3':
-    resolution: {integrity: sha512-xgeWGJQQl1LyStvndWtruUvb4SnBZDAu/gvFH/ZU+c0W25tQR8e5hq7WTwiIY2dNxnf+49mRiGI/9yxIwB6f5w==}
-
-  '@codemirror/lang-cpp@6.0.2':
-    resolution: {integrity: sha512-6oYEYUKHvrnacXxWxYa6t4puTlbN3dgV662BDfSH8+MfjQjVmP697/KYTDOqpxgerkvoNm7q5wlFMBeX8ZMocg==}
-
-  '@codemirror/lang-css@6.2.1':
-    resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==}
-
-  '@codemirror/lang-go@6.0.0':
-    resolution: {integrity: sha512-mMT4YeYdKGjnffDBOhr1ur1glee4oV/rfMe28vzazNHZkSt7vSiuHiBcgr3L/79Cl2RIjFdpQ1XMD0/T8Rx64g==}
-
-  '@codemirror/lang-html@6.4.9':
-    resolution: {integrity: sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==}
-
-  '@codemirror/lang-java@6.0.1':
-    resolution: {integrity: sha512-OOnmhH67h97jHzCuFaIEspbmsT98fNdhVhmA3zCxW0cn7l8rChDhZtwiwJ/JOKXgfm4J+ELxQihxaI7bj7mJRg==}
-
-  '@codemirror/lang-javascript@6.2.2':
-    resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
-
-  '@codemirror/lang-json@6.0.1':
-    resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
-
-  '@codemirror/lang-less@6.0.2':
-    resolution: {integrity: sha512-EYdQTG22V+KUUk8Qq582g7FMnCZeEHsyuOJisHRft/mQ+ZSZ2w51NupvDUHiqtsOy7It5cHLPGfHQLpMh9bqpQ==}
-
-  '@codemirror/lang-liquid@6.2.1':
-    resolution: {integrity: sha512-J1Mratcm6JLNEiX+U2OlCDTysGuwbHD76XwuL5o5bo9soJtSbz2g6RU3vGHFyS5DC8rgVmFSzi7i6oBftm7tnA==}
-
-  '@codemirror/lang-markdown@6.2.5':
-    resolution: {integrity: sha512-Hgke565YcO4fd9pe2uLYxnMufHO5rQwRr+AAhFq8ABuhkrjyX8R5p5s+hZUTdV60O0dMRjxKhBLxz8pu/MkUVA==}
-
-  '@codemirror/lang-php@6.0.1':
-    resolution: {integrity: sha512-ublojMdw/PNWa7qdN5TMsjmqkNuTBD3k6ndZ4Z0S25SBAiweFGyY68AS3xNcIOlb6DDFDvKlinLQ40vSLqf8xA==}
-
-  '@codemirror/lang-python@6.1.6':
-    resolution: {integrity: sha512-ai+01WfZhWqM92UqjnvorkxosZ2aq2u28kHvr+N3gu012XqY2CThD67JPMHnGceRfXPDBmn1HnyqowdpF57bNg==}
-
-  '@codemirror/lang-rust@6.0.1':
-    resolution: {integrity: sha512-344EMWFBzWArHWdZn/NcgkwMvZIWUR1GEBdwG8FEp++6o6vT6KL9V7vGs2ONsKxxFUPXKI0SPcWhyYyl2zPYxQ==}
-
-  '@codemirror/lang-sass@6.0.2':
-    resolution: {integrity: sha512-l/bdzIABvnTo1nzdY6U+kPAC51czYQcOErfzQ9zSm9D8GmNPD0WTW8st/CJwBTPLO8jlrbyvlSEcN20dc4iL0Q==}
-
-  '@codemirror/lang-sql@6.6.4':
-    resolution: {integrity: sha512-n+FVfKGut+frOvor9dU5pFUalcP614WBNQ9IT1kOUj1t6LFLjWHi2I9DdxXnJuxqFV9jTyYF79coDV3ilSJqCw==}
-
-  '@codemirror/lang-vue@0.1.3':
-    resolution: {integrity: sha512-QSKdtYTDRhEHCfo5zOShzxCmqKJvgGrZwDQSdbvCRJ5pRLWBS7pD/8e/tH44aVQT6FKm0t6RVNoSUWHOI5vNug==}
-
-  '@codemirror/lang-wast@6.0.2':
-    resolution: {integrity: sha512-Imi2KTpVGm7TKuUkqyJ5NRmeFWF7aMpNiwHnLQe0x9kmrxElndyH0K6H/gXtWwY6UshMRAhpENsgfpSwsgmC6Q==}
-
-  '@codemirror/lang-xml@6.1.0':
-    resolution: {integrity: sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==}
-
-  '@codemirror/lang-yaml@6.1.1':
-    resolution: {integrity: sha512-HV2NzbK9bbVnjWxwObuZh5FuPCowx51mEfoFT9y3y+M37fA3+pbxx4I7uePuygFzDsAmCTwQSc/kXh/flab4uw==}
-
-  '@codemirror/language-data@6.5.1':
-    resolution: {integrity: sha512-0sWxeUSNlBr6OmkqybUTImADFUP0M3P0IiSde4nc24bz/6jIYzqYSgkOSLS+CBIoW1vU8Q9KUWXscBXeoMVC9w==}
-
-  '@codemirror/language@6.10.1':
-    resolution: {integrity: sha512-5GrXzrhq6k+gL5fjkAwt90nYDmjlzTIJV8THnxNFtNKWotMIlzzN+CpqxqwXOECnUdOndmSeWntVrVcv5axWRQ==}
-
-  '@codemirror/legacy-modes@6.4.0':
-    resolution: {integrity: sha512-5m/K+1A6gYR0e+h/dEde7LoGimMjRtWXZFg4Lo70cc8HzjSdHe3fLwjWMR0VRl5KFT1SxalSap7uMgPKF28wBA==}
-
-  '@codemirror/lint@6.7.0':
-    resolution: {integrity: sha512-LTLOL2nT41ADNSCCCCw8Q/UmdAFzB23OUYSjsHTdsVaH0XEo+orhuqbDNWzrzodm14w6FOxqxpmy4LF8Lixqjw==}
-
-  '@codemirror/search@6.5.6':
-    resolution: {integrity: sha512-rpMgcsh7o0GuCDUXKPvww+muLA1pDJaFrpq/CCHtpQJYz8xopu4D1hPcKRoDD0YlF8gZaqTNIRa4VRBWyhyy7Q==}
-
-  '@codemirror/state@6.4.1':
-    resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==}
-
-  '@codemirror/view@6.26.3':
-    resolution: {integrity: sha512-gmqxkPALZjkgSxIeeweY/wGQXBfwTUaLs8h7OKtSwfbj9Ct3L11lD+u1sS7XHppxFQoMDiMDp07P9f3I2jWOHw==}
-
   '@cspotcode/source-map-support@0.8.1':
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
@@ -1126,57 +1016,6 @@ packages:
   '@lexical/utils@0.16.1':
     resolution: {integrity: sha512-BVyJxDQi/rIxFTDjf2zE7rMDKSuEaeJ4dybHRa/hRERt85gavGByQawSLeQlTjLaYLVsy+x7wCcqh2fNhlLf0g==}
 
-  '@lezer/common@1.2.1':
-    resolution: {integrity: sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ==}
-
-  '@lezer/cpp@1.1.2':
-    resolution: {integrity: sha512-macwKtyeUO0EW86r3xWQCzOV9/CF8imJLpJlPv3sDY57cPGeUZ8gXWOWNlJr52TVByMV3PayFQCA5SHEERDmVQ==}
-
-  '@lezer/css@1.1.8':
-    resolution: {integrity: sha512-7JhxupKuMBaWQKjQoLtzhGj83DdnZY9MckEOG5+/iLKNK2ZJqKc6hf6uc0HjwCX7Qlok44jBNqZhHKDhEhZYLA==}
-
-  '@lezer/go@1.0.0':
-    resolution: {integrity: sha512-co9JfT3QqX1YkrMmourYw2Z8meGC50Ko4d54QEcQbEYpvdUvN4yb0NBZdn/9ertgvjsySxHsKzH3lbm3vqJ4Jw==}
-
-  '@lezer/highlight@1.2.0':
-    resolution: {integrity: sha512-WrS5Mw51sGrpqjlh3d4/fOwpEV2Hd3YOkp9DBt4k8XZQcoTHZFB7sx030A6OcahF4J1nDQAa3jXlTVVYH50IFA==}
-
-  '@lezer/html@1.3.9':
-    resolution: {integrity: sha512-MXxeCMPyrcemSLGaTQEZx0dBUH0i+RPl8RN5GwMAzo53nTsd/Unc/t5ZxACeQoyPUM5/GkPLRUs2WliOImzkRA==}
-
-  '@lezer/java@1.1.2':
-    resolution: {integrity: sha512-3j8X70JvYf0BZt8iSRLXLkt0Ry1hVUgH6wT32yBxH/Xi55nW2VMhc1Az4SKwu4YGSmxCm1fsqDDcHTuFjC8pmg==}
-
-  '@lezer/javascript@1.4.16':
-    resolution: {integrity: sha512-84UXR3N7s11MPQHWgMnjb9571fr19MmXnr5zTv2XX0gHXXUvW3uPJ8GCjKrfTXmSdfktjRK0ayKklw+A13rk4g==}
-
-  '@lezer/json@1.0.2':
-    resolution: {integrity: sha512-xHT2P4S5eeCYECyKNPhr4cbEL9tc8w83SPwRC373o9uEdrvGKTZoJVAGxpOsZckMlEh9W23Pc72ew918RWQOBQ==}
-
-  '@lezer/lr@1.4.0':
-    resolution: {integrity: sha512-Wst46p51km8gH0ZUmeNrtpRYmdlRHUpN1DQd3GFAyKANi8WVz8c2jHYTf1CVScFaCjQw1iO3ZZdqGDxQPRErTg==}
-
-  '@lezer/markdown@1.3.0':
-    resolution: {integrity: sha512-ErbEQ15eowmJUyT095e9NJc3BI9yZ894fjSDtHftD0InkfUBGgnKSU6dvan9jqsZuNHg2+ag/1oyDRxNsENupQ==}
-
-  '@lezer/php@1.0.2':
-    resolution: {integrity: sha512-GN7BnqtGRpFyeoKSEqxvGvhJQiI4zkgmYnDk/JIyc7H7Ifc1tkPnUn/R2R8meH3h/aBf5rzjvU8ZQoyiNDtDrA==}
-
-  '@lezer/python@1.1.13':
-    resolution: {integrity: sha512-AdbRAtdQq94PfTNd4kqMEJhH2fqa2JdoyyqqVewY6w34w2Gi6dg2JuOtOgR21Bi0zP9r0KjSSHOUq/tP7FVT8A==}
-
-  '@lezer/rust@1.0.2':
-    resolution: {integrity: sha512-Lz5sIPBdF2FUXcWeCu1//ojFAZqzTQNRga0aYv6dYXqJqPfMdCAI0NzajWUd4Xijj1IKJLtjoXRPMvTKWBcqKg==}
-
-  '@lezer/sass@1.0.6':
-    resolution: {integrity: sha512-w/RCO2dIzZH1To8p+xjs8cE+yfgGus8NZ/dXeWl/QzHyr+TeBs71qiE70KPImEwvTsmEjoWh0A5SxMzKd5BWBQ==}
-
-  '@lezer/xml@1.0.5':
-    resolution: {integrity: sha512-VFouqOzmUWfIg+tfmpcdV33ewtK+NSwd4ngSe1aG7HFb4BN0ExyY1b8msp+ndFrnlG4V4iC8yXacjFtrwERnaw==}
-
-  '@lezer/yaml@1.0.3':
-    resolution: {integrity: sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==}
-
   '@melt-ui/pp@0.3.1':
     resolution: {integrity: sha512-FiKsJNvPLpZv5yNCXTJJm3yOsJi3Fq6RCWmqitEAPGIGufd7UsMP/qElpMG87LtByyBg7gXikh78iPIXxzyf/g==}
     peerDependencies:
@@ -1880,9 +1719,6 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  codemirror@6.0.1:
-    resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
-
   coincident@1.2.3:
     resolution: {integrity: sha512-Uxz3BMTWIslzeWjuQnizGWVg0j6khbvHUQ8+5BdM7WuJEm4ALXwq3wluYoB+uF68uPBz/oUOeJnYURKyfjexlA==}
 
@@ -1945,9 +1781,6 @@ packages:
     resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
     engines: {node: '>= 14'}
 
-  crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
-
   cross-fetch@4.0.0:
     resolution: {integrity: sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==}
 
@@ -3609,9 +3442,6 @@ packages:
   strip-literal@2.1.0:
     resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
 
-  style-mod@4.1.2:
-    resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
-
   sucrase@3.35.0:
     resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -3635,12 +3465,6 @@ packages:
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
 
-  svelte-codemirror-editor@1.3.0:
-    resolution: {integrity: sha512-Y39m9CsL0d30gGYYjJURWjKwAMEyiH42FojYiAXVKneGQ9cntOwOlloEk2Rhyy9ay29rSYYncskbnhAYNokIqw==}
-    peerDependencies:
-      codemirror: ^6.0.0
-      svelte: ^3.0.0 || ^4.0.0
-
   svelte-filepond@0.2.2:
     resolution: {integrity: sha512-MnXOiX5aiyLzyn+iuG2grZDPrLQsSOyalyQQ/tl04uBzllFu6kkXCbKHMXTx6rdco8SuJzd5b5j+klD7hiY6Zg==}
     peerDependencies:
@@ -3962,9 +3786,6 @@ packages:
       typescript:
         optional: true
 
-  w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
-
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
@@ -4293,257 +4114,6 @@ snapshots:
 
   '@cloudflare/workers-types@4.20240502.0': {}
 
-  '@codemirror/autocomplete@6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-
-  '@codemirror/commands@6.5.0':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-
-  '@codemirror/lang-angular@0.1.3':
-    dependencies:
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/lang-javascript': 6.2.2
-      '@codemirror/language': 6.10.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@codemirror/lang-cpp@6.0.2':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@lezer/cpp': 1.1.2
-
-  '@codemirror/lang-css@6.2.1(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/css': 1.1.8
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-go@6.0.0(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/go': 1.0.0
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-html@6.4.9':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.3)
-      '@codemirror/lang-javascript': 6.2.2
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/css': 1.1.8
-      '@lezer/html': 1.3.9
-
-  '@codemirror/lang-java@6.0.1':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@lezer/java': 1.1.2
-
-  '@codemirror/lang-javascript@6.2.2':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/lint': 6.7.0
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/javascript': 1.4.16
-
-  '@codemirror/lang-json@6.0.1':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@lezer/json': 1.0.2
-
-  '@codemirror/lang-less@6.0.2(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.3)
-      '@codemirror/language': 6.10.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-liquid@6.2.1':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@codemirror/lang-markdown@6.2.5':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/markdown': 1.3.0
-
-  '@codemirror/lang-php@6.0.1':
-    dependencies:
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/php': 1.0.2
-
-  '@codemirror/lang-python@6.1.6(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/python': 1.1.13
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-rust@6.0.1':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@lezer/rust': 1.0.2
-
-  '@codemirror/lang-sass@6.0.2(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.3)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/sass': 1.0.6
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-sql@6.6.4(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/lang-vue@0.1.3':
-    dependencies:
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/lang-javascript': 6.2.2
-      '@codemirror/language': 6.10.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@codemirror/lang-wast@6.0.2':
-    dependencies:
-      '@codemirror/language': 6.10.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@codemirror/lang-xml@6.1.0':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/xml': 1.0.5
-
-  '@codemirror/lang-yaml@6.1.1(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/language': 6.10.1
-      '@codemirror/state': 6.4.1
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/yaml': 1.0.3
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/language-data@6.5.1(@codemirror/view@6.26.3)':
-    dependencies:
-      '@codemirror/lang-angular': 0.1.3
-      '@codemirror/lang-cpp': 6.0.2
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.26.3)
-      '@codemirror/lang-go': 6.0.0(@codemirror/view@6.26.3)
-      '@codemirror/lang-html': 6.4.9
-      '@codemirror/lang-java': 6.0.1
-      '@codemirror/lang-javascript': 6.2.2
-      '@codemirror/lang-json': 6.0.1
-      '@codemirror/lang-less': 6.0.2(@codemirror/view@6.26.3)
-      '@codemirror/lang-liquid': 6.2.1
-      '@codemirror/lang-markdown': 6.2.5
-      '@codemirror/lang-php': 6.0.1
-      '@codemirror/lang-python': 6.1.6(@codemirror/view@6.26.3)
-      '@codemirror/lang-rust': 6.0.1
-      '@codemirror/lang-sass': 6.0.2(@codemirror/view@6.26.3)
-      '@codemirror/lang-sql': 6.6.4(@codemirror/view@6.26.3)
-      '@codemirror/lang-vue': 0.1.3
-      '@codemirror/lang-wast': 6.0.2
-      '@codemirror/lang-xml': 6.1.0
-      '@codemirror/lang-yaml': 6.1.1(@codemirror/view@6.26.3)
-      '@codemirror/language': 6.10.1
-      '@codemirror/legacy-modes': 6.4.0
-    transitivePeerDependencies:
-      - '@codemirror/view'
-
-  '@codemirror/language@6.10.1':
-    dependencies:
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-      style-mod: 4.1.2
-
-  '@codemirror/legacy-modes@6.4.0':
-    dependencies:
-      '@codemirror/language': 6.10.1
-
-  '@codemirror/lint@6.7.0':
-    dependencies:
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      crelt: 1.0.6
-
-  '@codemirror/search@6.5.6':
-    dependencies:
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-      crelt: 1.0.6
-
-  '@codemirror/state@6.4.1': {}
-
-  '@codemirror/view@6.26.3':
-    dependencies:
-      '@codemirror/state': 6.4.1
-      style-mod: 4.1.2
-      w3c-keyname: 2.2.8
-
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
@@ -4970,99 +4540,6 @@ snapshots:
       '@lexical/table': 0.16.1
       lexical: 0.16.1
 
-  '@lezer/common@1.2.1': {}
-
-  '@lezer/cpp@1.1.2':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/css@1.1.8':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/go@1.0.0':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/highlight@1.2.0':
-    dependencies:
-      '@lezer/common': 1.2.1
-
-  '@lezer/html@1.3.9':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/java@1.1.2':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/javascript@1.4.16':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/json@1.0.2':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/lr@1.4.0':
-    dependencies:
-      '@lezer/common': 1.2.1
-
-  '@lezer/markdown@1.3.0':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-
-  '@lezer/php@1.0.2':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/python@1.1.13':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/rust@1.0.2':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/sass@1.0.6':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/xml@1.0.5':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
-  '@lezer/yaml@1.0.3':
-    dependencies:
-      '@lezer/common': 1.2.1
-      '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.0
-
   '@melt-ui/pp@0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.123))(svelte@5.0.0-next.123)':
     dependencies:
       '@melt-ui/svelte': 0.77.0(svelte@5.0.0-next.123)
@@ -5886,18 +5363,6 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  codemirror@6.0.1(@lezer/common@1.2.1):
-    dependencies:
-      '@codemirror/autocomplete': 6.16.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)(@lezer/common@1.2.1)
-      '@codemirror/commands': 6.5.0
-      '@codemirror/language': 6.10.1
-      '@codemirror/lint': 6.7.0
-      '@codemirror/search': 6.5.6
-      '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.26.3
-    transitivePeerDependencies:
-      - '@lezer/common'
-
   coincident@1.2.3:
     dependencies:
       '@ungap/structured-clone': 1.2.0
@@ -5961,8 +5426,6 @@ snapshots:
       readable-stream: 4.5.2
     optional: true
 
-  crelt@1.0.6: {}
-
   cross-fetch@4.0.0:
     dependencies:
       node-fetch: 2.7.0
@@ -7669,8 +7132,6 @@ snapshots:
     dependencies:
       js-tokens: 9.0.0
 
-  style-mod@4.1.2: {}
-
   sucrase@3.35.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
@@ -7713,11 +7174,6 @@ snapshots:
       - stylus
       - sugarss
 
-  svelte-codemirror-editor@1.3.0(codemirror@6.0.1(@lezer/common@1.2.1))(svelte@5.0.0-next.123):
-    dependencies:
-      codemirror: 6.0.1(@lezer/common@1.2.1)
-      svelte: 5.0.0-next.123
-
   svelte-filepond@0.2.2(filepond@4.31.1):
     dependencies:
       filepond: 4.31.1
@@ -8054,8 +7510,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.4.5
 
-  w3c-keyname@2.2.8: {}
-
   w3c-xmlserializer@5.0.0:
     dependencies:
       xml-name-validator: 5.0.0
diff --git a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte b/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
deleted file mode 100644
index cd1da1e..0000000
--- a/src/routes/(app)/chat/[id]/revise/EditorCard.svelte
+++ /dev/null
@@ -1,192 +0,0 @@
-<script lang="ts">
-  import { Card, CardContent } from "@/components/ui/card";
-  import CodeMirror from "svelte-codemirror-editor";
-  import { markdown, markdownLanguage } from "@codemirror/lang-markdown";
-  import { languages } from "@codemirror/language-data";
-  import {
-    type DecorationSet,
-    EditorView,
-    keymap,
-    ViewPlugin,
-    ViewUpdate,
-    WidgetType,
-  } from "@codemirror/view";
-  import { EditorState, Prec, RangeSetBuilder } from "@codemirror/state";
-  import { autocompletion } from "@codemirror/autocomplete";
-  import type { CompletionSource } from "@codemirror/autocomplete";
-  import { Decoration } from "@codemirror/view";
-  import { goto } from "$app/navigation";
-  import { documentTable, type Chat, useDb } from "@/database";
-  import { eq, like } from "drizzle-orm";
-  import { route } from "$lib/route";
-
-  type Props = {
-    chat: Chat;
-    prompt: string;
-    onChange?: () => void;
-    onSubmit?: () => void;
-  };
-  let { chat, prompt = $bindable(""), onChange, onSubmit }: Props = $props();
-
-  let docMentionRegex = /\[\[([^\]]|](?!]))*/g;
-
-  class DocumentLinkWidget extends WidgetType {
-    constructor(public id: string) {
-      super();
-    }
-    toDOM() {
-      const span = document.createElement("span");
-      span.className = "document-icon";
-      span.innerHTML =
-        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-symlink"><path d="m10 18 3-3-3-3"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M4 11V4a2 2 0 0 1 2-2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7"/></svg>';
-      span.onclick = () => {
-        goto(route(`/document/[id]`, { id: this.id }));
-      };
-      return span;
-    }
-  }
-
-  class DocumentCreateWidget extends WidgetType {
-    constructor(public name: string) {
-      super();
-    }
-    toDOM() {
-      const span = document.createElement("span");
-      span.className = "document-icon";
-      span.innerHTML =
-        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-plus-2"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M3 15h6"/><path d="M6 12v6"/></svg>';
-      span.onclick = () => {
-        goto(route(`/document/new`, { $query: { name: encodeURIComponent(this.name) } }));
-      };
-      return span;
-    }
-  }
-
-  const documentHighlighter = ViewPlugin.fromClass(
-    class {
-      view: EditorView;
-      decorations: DecorationSet = new RangeSetBuilder<Decoration>().finish();
-
-      constructor(view: EditorView) {
-        this.view = view;
-        this.buildDecorations(view.state);
-      }
-      destroy() {}
-      update(update: ViewUpdate) {
-        if (update.docChanged) {
-          this.buildDecorations(update.state);
-        }
-      }
-
-      async buildDecorations(state: EditorState) {
-        let builder = new RangeSetBuilder<Decoration>();
-        const re = docMentionRegex;
-        let match: RegExpExecArray | null;
-        const docStr = state.doc.toString();
-        while ((match = re.exec(docStr)) !== null) {
-          // check if document exists
-          const name = match![0].slice(2);
-          const exists = await useDb().query.documentTable.findFirst({
-            where: eq(documentTable.name, name),
-          });
-          // const exists = db.documents.items.find((d) => d.name === match![1]);
-          builder.add(
-            match.index,
-            match.index + match[0].length + 2,
-            Decoration.mark({
-              attributes: { class: exists ? "document-mention" : "document-missing" },
-            }),
-          );
-          builder.add(
-            match.index + match[0].length + 2,
-            match.index + match[0].length + 2,
-            Decoration.widget({
-              widget: exists ? new DocumentLinkWidget(exists.id) : new DocumentCreateWidget(name),
-              side: 1, // Render after the text
-              name: match[1],
-              type: "document-link",
-            }),
-          );
-        }
-        this.decorations = builder.finish();
-      }
-    },
-    {
-      decorations: (v) => v.decorations,
-    },
-  );
-
-  const documentCompletion: CompletionSource = async (context) => {
-    const word = context.matchBefore(/\[\[([^\]]|](?!]))*/);
-    if (word && word.from < word.to) {
-      const docs = await useDb().query.documentTable.findMany({
-        where: like(documentTable.name, `${word.text.slice(2)}%`),
-      });
-      const mentions = docs.map((d) => ({ label: d.name, type: "document" }));
-      return {
-        from: word.from + 2,
-        options: mentions.map((mention) => ({
-          label: mention.label,
-          apply: `${mention.label}`,
-        })),
-        filter: true,
-      };
-    }
-    return null;
-  };
-
-  const extensions = [
-    Prec.highest(
-      keymap.of([
-        {
-          key: "Ctrl-Enter",
-          run: () => {
-            onSubmit && onSubmit();
-            return true;
-          },
-        },
-      ]),
-    ),
-    EditorView.lineWrapping,
-    documentHighlighter,
-    autocompletion({
-      activateOnTyping: true,
-      override: [documentCompletion],
-    }),
-    markdown({
-      base: markdownLanguage,
-      codeLanguages: languages,
-    }),
-  ];
-
-  // todo save prompt on change
-</script>
-
-<div>
-  <Card class="overflow-y-auto">
-    <CardContent class="p-0">
-      <CodeMirror
-        class="w-full"
-        bind:value={prompt}
-        {extensions}
-        on:change={() => onChange && onChange()}
-      />
-    </CardContent>
-  </Card>
-</div>
-
-<style lang="postcss">
-  :global(.document-mention) {
-    @apply text-purple-700 underline;
-  }
-
-  :global(.document-missing) {
-    @apply text-red-700 underline;
-  }
-
-  :global(.document-icon svg) {
-    display: inline !important;
-    @apply h-4 w-4 text-gray-500 hover:text-gray-700;
-    cursor: pointer;
-  }
-</style>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 5ff9075..418629b 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import EditorCard from "./EditorCard.svelte";
   import MessageCard from "../MessageCard.svelte";
   import { getModelService, newRevision, type RevisionView, toChatMessage } from "../$data";
   import { store } from "$lib/store.svelte";
@@ -7,7 +6,7 @@
   import { toast } from "svelte-french-toast";
   import ChatTitlebar from "../ChatTitlebar.svelte";
   import { goto } from "$app/navigation";
-  import type { Chat, Revision, Message } from "@/database";
+  import type { Chat, Revision } from "@/database";
   import RobotLoader from "@/components/RobotLoader.svelte";
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";

From 9a1cc47f56f795155cc7b9e88a1144f175862d44 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 15 Jul 2024 22:39:34 +1000
Subject: [PATCH 45/98] Make Revise response editable Add hover border on
 revise response

---
 src/routes/(app)/chat/[id]/MessageCard.svelte       | 8 +++++++-
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 10bbedc..ed914b5 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -36,7 +36,13 @@
     {/each}
   </div>
 {/if}
-<Card class={cn("", message.role === "user" && "border-none bg-muted/100")}>
+<Card
+  class={cn(
+    "",
+    message.role === "user" && "border-transparent bg-muted/100",
+    editable && "hover:border hover:border-gray-300",
+  )}
+>
   <CardContent class="p-4">
     {#if editable}
       <MessageEditor id={message.id} bind:content={message.content} onKeyPress={handleKeyPress} />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 418629b..db4fb68 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -85,6 +85,7 @@
   <div class="flex flex-col gap-3 overflow-y-auto py-4" use:autoScroller.action>
     {#if chatService.messages.length > 0 && chatService.messages[chatService.messages.length - 1].role === "assistant"}
       <MessageCard
+        editable={true}
         message={chatService.messages[chatService.messages.length - 1]}
         onRemoveAttachment={handleRemoveAttachment}
       />

From c91a60f9f152927d3fe89bc5d07d7e2331cbe231 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 00:13:41 +1000
Subject: [PATCH 46/98] Change do not create revision until a message has been
 submitted.

---
 src/components/ui/textarea/textarea.svelte    |  2 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |  4 +-
 src/routes/(app)/chat/[id]/$data.ts           | 41 +++++++++------
 src/routes/(app)/chat/[id]/+layout.svelte     |  8 +--
 src/routes/(app)/chat/[id]/+layout.ts         | 12 ++---
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 21 ++++++--
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 52 ++++++++++---------
 .../(app)/chat/[id]/MessageInput.svelte       |  2 +-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 26 ++++++----
 9 files changed, 100 insertions(+), 68 deletions(-)

diff --git a/src/components/ui/textarea/textarea.svelte b/src/components/ui/textarea/textarea.svelte
index 4a6d33f..c827bf6 100644
--- a/src/components/ui/textarea/textarea.svelte
+++ b/src/components/ui/textarea/textarea.svelte
@@ -18,7 +18,7 @@
 
 <textarea
   class={cn(
-    "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
     className,
   )}
   bind:this={element}
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index d972e86..f8c0b25 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -8,7 +8,7 @@ import {
   getModelService,
   createRevision,
   appendMessage,
-  newRevision,
+  createRevision,
   isTab,
   tabRouteId,
 } from "./$data";
@@ -244,7 +244,7 @@ describe("newRevision", () => {
       { id: "new-message1", role: "user", content: "New user message", attachments: [] },
       { id: "new-message2", role: "assistant", content: "New assistant message", attachments: [] },
     ];
-    const revision = await newRevision("chat1", messages);
+    const revision = await createRevision("chat1", messages);
 
     expect(revision).toMatchObject({
       chatId: "chat1",
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index eb60ca3..7fa7332 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -100,20 +100,20 @@ export function getModelService(modelId: string) {
   });
 }
 
-export async function createRevision(chatId: string) {
-  const revisionId = nanoid(10);
-  await useDb()
-    .insert(revisionTable)
-    .values({
-      id: revisionId,
-      version: sql`(SELECT COUNT(id) + 1 FROM ${revisionTable} WHERE ${eq(revisionTable.chatId, chatId)})`,
-      chatId,
-      error: null,
-      createdAt: new Date().toISOString(),
-    })
-    .execute();
-  return getLatestRevision(chatId);
-}
+// export async function createRevision(chatId: string) {
+//   const revisionId = nanoid(10);
+//   await useDb()
+//     .insert(revisionTable)
+//     .values({
+//       id: revisionId,
+//       version: sql`(SELECT COUNT(id) + 1 FROM ${revisionTable} WHERE ${eq(revisionTable.chatId, chatId)})`,
+//       chatId,
+//       error: null,
+//       createdAt: new Date().toISOString(),
+//     })
+//     .execute();
+//   return getLatestRevision(chatId);
+// }
 
 export async function updateChat(chatId: string, updates: Partial<Chat>) {
   console.log("updateChat", chatId, updates);
@@ -189,7 +189,7 @@ export async function appendMessage(
   }
 }
 
-export async function newRevision(chatId: string, messages: ChatMessage[]): Promise<Revision> {
+export async function createRevision(chatId: string, messages: ChatMessage[] = []) {
   const revisionId = nanoid(10);
   await useDb().transaction(async (tx) => {
     await tx
@@ -224,6 +224,17 @@ export async function newRevision(chatId: string, messages: ChatMessage[]): Prom
   });
   const revision = await useDb().query.revisionTable.findFirst({
     where: eq(revisionTable.id, revisionId),
+    with: {
+      messages: {
+        with: {
+          attachments: {
+            with: {
+              document: true,
+            },
+          },
+        },
+      },
+    },
   });
   return revision!;
 }
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index c6c7571..34bd460 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -12,18 +12,18 @@
   let { data } = $props();
   let services = $derived(data.services);
   let chat = $derived(data.chat);
+  let revision = $derived(data.revision);
 
   async function tabClick(value?: string) {
     if (!isTab(value)) {
       toast.error(`Unexpected tab ${value}`);
       return;
     }
+    const query = revision ? { version: revision.version } : undefined;
     if (value === "chat") {
-      await goto(route(`/chat/[id]`, { id: chat.id, $query: { version: data.revision.version } }));
+      await goto(route(`/chat/[id]`, { id: chat.id, $query: query }));
     } else if (value === "revise" || value === "eval") {
-      await goto(
-        route(`/chat/[id]/${value}`, { id: chat.id, $query: { version: data.revision.version } }),
-      );
+      await goto(route(`/chat/[id]/${value}`, { id: chat.id, $query: query }));
     }
   }
 
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index aa732e8..5544876 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -48,7 +48,7 @@ export async function load({ route, url, params, depends }) {
   registerModel(serviceTable, services, depends);
 
   const version = url.searchParams.get("version");
-  let revision: RevisionView;
+  let revision: RevisionView | undefined;
   if (version) {
     const result = await getRevision(params.id, parseInt(version));
     if (!result) {
@@ -56,13 +56,11 @@ export async function load({ route, url, params, depends }) {
     }
     revision = result;
   } else {
-    const result = (await getLatestRevision(params.id)) || (await createRevision(params.id));
-    if (!result) {
-      return error(500, "Error loading chat revision");
-    }
-    revision = result;
+    revision = await getLatestRevision(params.id);
+  }
+  if (revision) {
+    registerModel(revisionTable, revision, depends);
   }
-  registerModel(revisionTable, revision, depends);
   depends("view:messages");
   depends("view:chat");
   return { chat, services, tab, revision, version };
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 791f1b1..f8cf30a 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -3,7 +3,13 @@
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
-  import { appendMessage, getModelService, type RevisionView, toChatMessage } from "./$data";
+  import {
+    appendMessage,
+    createRevision,
+    getModelService,
+    type RevisionView,
+    toChatMessage,
+  } from "./$data";
   import type { Chat, Message, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
@@ -13,13 +19,13 @@
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision: RevisionView;
+    revision?: RevisionView;
   };
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller();
 
   let chatService = new ChatService({
-    initialMessages: revision.messages.map(toChatMessage),
+    initialMessages: revision ? revision.messages.map(toChatMessage) : [],
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -27,7 +33,7 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
-      appendMessage({ ...message, revisionId: revision.id }, message.attachments);
+      appendMessage({ ...message, revisionId: revision!.id }, message.attachments);
     },
     onMessageUpdate: (messages) => {
       autoScroller.onMessageUpdate();
@@ -44,6 +50,13 @@
       toast.error("Selected model not found");
       return false;
     }
+    if (!revision) {
+      revision = await createRevision(chat.id, []);
+    }
+    if (!revision) {
+      toast.error("Failed to create revision");
+      return false;
+    }
     await appendMessage(
       { id: nanoid(10), role: "user", content: value, revisionId: revision.id },
       attachments,
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index fa9fc38..5a837c6 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -12,7 +12,7 @@
     chat: Chat & {
       revisions: Revision[];
     };
-    revision: Revision;
+    revision?: Revision;
     tab: string;
     onRunClick?: () => void;
   };
@@ -21,11 +21,11 @@
   let name = $state(chat.name);
 
   let versions = $derived.by(() => {
-    let previous = revision.version > 1 ? String(revision.version - 1) : undefined;
-    let next = revision.version < chat.revisions.length ? String(revision.version + 1) : undefined;
-    let previousOptions = { id: chat.id, $query: { version: previous } };
-    let nextOptions = { id: chat.id, $query: { version: next } };
-    const routeId = tab;
+    let previous = revision && revision.version > 1 ? String(revision.version - 1) : undefined;
+    let next =
+      revision && revision.version < chat.revisions.length
+        ? String(revision.version + 1)
+        : undefined;
     return {
       previous,
       next,
@@ -36,8 +36,8 @@
         : undefined,
       nextLink: next
         ? tab === "revise"
-          ? `/chat/${chat.id}/revise/?version=${next}`
-          : `/chat/${chat.id}/?version=${next}`
+          ? route(`/chat/[id]/revise`, { id: chat.id, $query: { version: next } })
+          : route(`/chat/[id]`, { id: chat.id, $query: { version: next } })
         : undefined,
     };
   });
@@ -59,23 +59,25 @@
     }}
   />
   <div class="flex flex-row items-center">
-    <Button
-      href={versions.previousLink}
-      disabled={!versions.previousLink}
-      class="rounded-full p-0 text-gray-700"
-      variant="ghost"
-    >
-      <ArrowBigLeftIcon class="h-4 w-4" />
-    </Button>
-    <Badge variant="secondary">v{revision.version}</Badge>
-    <Button
-      href={versions.nextLink}
-      disabled={!versions.nextLink}
-      class="rounded-full p-0 text-gray-700"
-      variant="ghost"
-    >
-      <ArrowBigRightIcon class="h-4 w-4" />
-    </Button>
+    {#if revision}
+      <Button
+        href={versions.previousLink}
+        disabled={!versions.previousLink}
+        class="rounded-full p-0 text-gray-700"
+        variant="ghost"
+      >
+        <ArrowBigLeftIcon class="h-4 w-4" />
+      </Button>
+      <Badge variant="secondary">v{revision.version}</Badge>
+      <Button
+        href={versions.nextLink}
+        disabled={!versions.nextLink}
+        class="rounded-full p-0 text-gray-700"
+        variant="ghost"
+      >
+        <ArrowBigRightIcon class="h-4 w-4" />
+      </Button>
+    {/if}
   </div>
   {#if tab === "revise"}
     <Button
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 9fd4504..be8d4f5 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -107,7 +107,7 @@
           placeholder="What's on your mind?"
           bind:value={content}
           oninput={resize}
-          class=" max-h-[200px] min-h-1 flex-1 resize-none overflow-y-auto border-none bg-muted/50 focus-visible:ring-0"
+          class="prose max-h-[200px] min-h-1 flex-1 resize-none overflow-y-auto border-none bg-muted/50 focus-visible:ring-0"
           onkeydown={handleKeydown}
           onpaste={handlePaste}
         />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index db4fb68..decf77a 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import MessageCard from "../MessageCard.svelte";
-  import { getModelService, newRevision, type RevisionView, toChatMessage } from "../$data";
+  import { getModelService, createRevision, type RevisionView, toChatMessage } from "../$data";
   import { store } from "$lib/store.svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
@@ -13,15 +13,16 @@
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision: RevisionView;
+    revision?: RevisionView;
   };
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller(true);
 
   let chatService = new ChatService({
-    initialMessages: revision.messages.length
-      ? revision.messages.map(toChatMessage)
-      : [{ id: nanoid(10), role: "user", content: "", attachments: [] }],
+    initialMessages:
+      revision && revision.messages.length
+        ? revision.messages.map(toChatMessage)
+        : [{ id: nanoid(10), role: "user", content: "", attachments: [] }],
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -30,11 +31,18 @@
     },
     onFinish: async (message) => {
       console.log("onFinish", message);
-      const revision = await newRevision(chat.id, $state.snapshot(chatService.messages));
-      if (!revision) {
-        return;
+      if (revision) {
+        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+        if (!newRevision) {
+          return toast.error("Failed to create revision");
+        }
+        await goto(`/chat/${chat.id}/revise/?version=${newRevision.version}`, { noScroll: true });
+      } else {
+        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+        if (!newRevision) {
+          return toast.error("Failed to create revision");
+        }
       }
-      await goto(`/chat/${chat.id}/revise/?version=${revision.version}`, { noScroll: true });
     },
     onMessageUpdate: () => {
       autoScroller.onMessageUpdate();

From 561f1b3011bf8e204b7238593209843f5f081980 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 01:24:33 +1000
Subject: [PATCH 47/98] Add to conversation button

---
 src/routes/(app)/chat/[id]/+layout.svelte     |  2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  2 +-
 .../(app)/chat/[id]/ChatTitlebar.svelte       |  2 +-
 .../(app)/chat/[id]/MessageEditor.svelte      |  7 +-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 65 +++++++++++++++----
 5 files changed, 62 insertions(+), 16 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 34bd460..21cc4a2 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -63,6 +63,6 @@
   </div>
 </header>
 
-<div class="flex flex-1 flex-col overflow-y-auto">
+<div class="flex flex-1 flex-col overflow-auto">
   <slot />
 </div>
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index f8cf30a..9d15eb1 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -74,7 +74,7 @@
 </script>
 
 <ChatTitlebar {chat} {revision} tab="chat" />
-<div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
+<div class="flex flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4">
     {#each chatService.messages as message, index (message.id)}
       <MessageCard bind:message={chatService.messages[index]} />
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 5a837c6..5d81d98 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -50,7 +50,7 @@
   });
 </script>
 
-<div class="flex flex-row gap-4 border-b border-gray-200 px-4 py-2">
+<div class="flex flex-row gap-4 px-4 py-2">
   <Input
     class="border-none p-1 text-xl focus-visible:ring-0 focus-visible:ring-offset-0"
     bind:value={name}
diff --git a/src/routes/(app)/chat/[id]/MessageEditor.svelte b/src/routes/(app)/chat/[id]/MessageEditor.svelte
index a722eb1..d13a1bc 100644
--- a/src/routes/(app)/chat/[id]/MessageEditor.svelte
+++ b/src/routes/(app)/chat/[id]/MessageEditor.svelte
@@ -70,7 +70,12 @@
 </script>
 
 <div class="editor-container">
-  <div class="focus:outline-none" bind:this={editorRef} contenteditable="true"></div>
+  <div
+    id="message-editor-{id}"
+    class="focus:outline-none"
+    bind:this={editorRef}
+    contenteditable="true"
+  ></div>
   {#if showPlaceholder}
     <div class="editor-placeholder">{placeholder}</div>
   {/if}
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index decf77a..064e073 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -10,6 +10,13 @@
   import RobotLoader from "@/components/RobotLoader.svelte";
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";
+  import { Button } from "@/components/ui/button";
+  import { ReplyIcon } from "lucide-svelte";
+  import { cn } from "$lib/cn";
+  import { Card, CardContent, CardFooter } from "@/components/ui/card";
+  import MessageMarkdown from "./MessageMarkdown.svelte";
+  import MessageEditor from "../MessageEditor.svelte";
+  import { tick } from "svelte";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -17,6 +24,7 @@
   };
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller(true);
+  let messagesContainer: HTMLDivElement;
 
   let chatService = new ChatService({
     initialMessages:
@@ -49,6 +57,11 @@
     },
   });
 
+  let haveResponse = $derived(
+    chatService.messages.length > 0 &&
+      chatService.messages[chatService.messages.length - 1].role === "assistant",
+  );
+
   $inspect("RevisePage", chatService.messages);
 
   async function handleSubmit() {
@@ -73,12 +86,26 @@
     toast.error("Not implemented");
   }
 
+  async function handleAddToConversation() {
+    chatService.messages.push({
+      id: nanoid(10),
+      role: "user",
+      content: "",
+      attachments: [],
+    });
+    await tick();
+    messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    document
+      .getElementById(`message-editor-${chatService.messages[chatService.messages.length - 1].id}`)
+      ?.focus();
+  }
+
   $inspect("chatService", chatService.messages);
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
 <div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
-  <div class="flex flex-col gap-2 overflow-y-auto py-4">
+  <div class="flex flex-col gap-2 overflow-y-auto" bind:this={messagesContainer}>
     {#each chatService.messages as message, index (message.id)}
       {#if chatService.messages[chatService.messages.length - 1].role === "assistant" ? index < chatService.messages.length - 1 : true}
         <MessageCard
@@ -89,17 +116,31 @@
         />
       {/if}
     {/each}
+    <div id="messages-end" class="py-4">&nbsp;</div>
   </div>
-  <div class="flex flex-col gap-3 overflow-y-auto py-4" use:autoScroller.action>
-    {#if chatService.messages.length > 0 && chatService.messages[chatService.messages.length - 1].role === "assistant"}
-      <MessageCard
-        editable={true}
-        message={chatService.messages[chatService.messages.length - 1]}
-        onRemoveAttachment={handleRemoveAttachment}
-      />
-    {/if}
-    {#if chatService.isLoading}
-      <RobotLoader />
-    {/if}
+  <div class="flex flex-col gap-3 overflow-hidden">
+    <Card class="mb-4 flex h-full flex-col overflow-hidden hover:border hover:border-gray-300">
+      <CardContent class="overflow-y-auto p-4">
+        {#if haveResponse}
+          {@const response = chatService.messages[chatService.messages.length - 1]}
+          <div use:autoScroller.action>
+            <MessageEditor id={response.id} bind:content={response.content} />
+          </div>
+        {/if}
+        {#if chatService.isLoading}
+          <RobotLoader />
+        {/if}
+      </CardContent>
+      <CardFooter class="p-3">
+        {#if haveResponse}
+          <div class="sticky bottom-0">
+            <Button variant="outline" onclick={handleAddToConversation}>
+              <ReplyIcon class="mr-2 h-4 w-4" />
+              Add to conversation
+            </Button>
+          </div>
+        {/if}
+      </CardFooter>
+    </Card>
   </div>
 </div>

From 90be9c4a5f4eeb4fbb52aa418c7d33daa4e8100d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 15:44:46 +1000
Subject: [PATCH 48/98] Fix revise response only use editor once streaming has
 finished

---
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  2 +-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 23 +++++++++++--------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 9d15eb1..f8cf30a 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -74,7 +74,7 @@
 </script>
 
 <ChatTitlebar {chat} {revision} tab="chat" />
-<div class="flex flex-col overflow-y-auto" use:autoScroller.action>
+<div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4">
     {#each chatService.messages as message, index (message.id)}
       <MessageCard bind:message={chatService.messages[index]} />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 064e073..db21271 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import MessageCard from "../MessageCard.svelte";
-  import { getModelService, createRevision, type RevisionView, toChatMessage } from "../$data";
+  import { createRevision, getModelService, type RevisionView, toChatMessage } from "../$data";
   import { store } from "$lib/store.svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
@@ -12,11 +12,10 @@
   import { nanoid } from "nanoid";
   import { Button } from "@/components/ui/button";
   import { ReplyIcon } from "lucide-svelte";
-  import { cn } from "$lib/cn";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
-  import MessageMarkdown from "./MessageMarkdown.svelte";
   import MessageEditor from "../MessageEditor.svelte";
   import { tick } from "svelte";
+  import MessageMarkdown from "./MessageMarkdown.svelte";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -104,7 +103,7 @@
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
-<div class="grid grid-cols-2 gap-3 overflow-y-auto px-4">
+<div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto" bind:this={messagesContainer}>
     {#each chatService.messages as message, index (message.id)}
       {#if chatService.messages[chatService.messages.length - 1].role === "assistant" ? index < chatService.messages.length - 1 : true}
@@ -122,14 +121,20 @@
     <Card class="mb-4 flex h-full flex-col overflow-hidden hover:border hover:border-gray-300">
       <CardContent class="overflow-y-auto p-4">
         {#if haveResponse}
-          {@const response = chatService.messages[chatService.messages.length - 1]}
           <div use:autoScroller.action>
-            <MessageEditor id={response.id} bind:content={response.content} />
+            {#if chatService.isLoading}
+              <MessageMarkdown
+                content={chatService.messages[chatService.messages.length - 1].content}
+              />
+              <RobotLoader />
+            {:else}
+              <MessageEditor
+                id={chatService.messages[chatService.messages.length - 1].id}
+                bind:content={chatService.messages[chatService.messages.length - 1].content}
+              />
+            {/if}
           </div>
         {/if}
-        {#if chatService.isLoading}
-          <RobotLoader />
-        {/if}
       </CardContent>
       <CardFooter class="p-3">
         {#if haveResponse}

From 50a07d445786c683370ec11d92ba6270034ca6a3 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 16:15:45 +1000
Subject: [PATCH 49/98] Drop unique index of document name

---
 .../migrations/0007_tidy_lilandra.sql         |   1 +
 .../migrations/meta/0007_snapshot.json        | 462 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 src/database/schema.ts                        |   2 +-
 4 files changed, 471 insertions(+), 1 deletion(-)
 create mode 100644 src/database/migrations/0007_tidy_lilandra.sql
 create mode 100644 src/database/migrations/meta/0007_snapshot.json

diff --git a/src/database/migrations/0007_tidy_lilandra.sql b/src/database/migrations/0007_tidy_lilandra.sql
new file mode 100644
index 0000000..a77c9f1
--- /dev/null
+++ b/src/database/migrations/0007_tidy_lilandra.sql
@@ -0,0 +1 @@
+DROP INDEX IF EXISTS `document_name_unique`;
\ No newline at end of file
diff --git a/src/database/migrations/meta/0007_snapshot.json b/src/database/migrations/meta/0007_snapshot.json
new file mode 100644
index 0000000..e2ae09a
--- /dev/null
+++ b/src/database/migrations/meta/0007_snapshot.json
@@ -0,0 +1,462 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "13680e80-0b0a-4e45-99a8-474065d437b4",
+  "prevId": "a538b869-961f-4970-965e-6d323dbc3841",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "serviceId_idx": {
+          "name": "serviceId_idx",
+          "columns": [
+            "serviceId"
+          ],
+          "isUnique": false
+        },
+        "serviceName_unique": {
+          "name": "serviceName_unique",
+          "columns": [
+            "serviceId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_serviceId_service_id_fk": {
+          "name": "model_serviceId_service_id_fk",
+          "tableFrom": "model",
+          "tableTo": "service",
+          "columnsFrom": [
+            "serviceId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "providerId": {
+          "name": "providerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index c4f713b..efc9f39 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -50,6 +50,13 @@
       "when": 1720834189336,
       "tag": "0006_opposite_sugar_man",
       "breakpoints": true
+    },
+    {
+      "idx": 7,
+      "version": "6",
+      "when": 1721109071985,
+      "tag": "0007_tidy_lilandra",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index d4ac765..aef79aa 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -8,7 +8,7 @@ import { sql } from "drizzle-orm/sql";
 
 export const documentTable = sqliteTable("document", {
   id: text("id").primaryKey(),
-  name: text("name").notNull().unique(),
+  name: text("name").notNull(),
   type: text("type").notNull().default("document"),
   description: text("description").notNull(),
   content: text("content").notNull(),

From b9bc3535b182396d116530c2d0cde1a90fc73221 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 17:02:22 +1000
Subject: [PATCH 50/98] Flex wrap attachments

---
 src/routes/(app)/chat/[id]/MessageCard.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index ed914b5..aa3cc62 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -26,7 +26,7 @@
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
-  <div class="min-h-30 flex max-w-full flex-row gap-2 overflow-x-auto">
+  <div class="flex flex-row flex-wrap gap-2">
     {#each message.attachments as attachment, index (index)}
       <Attachment
         type={attachment.type}

From e5303975a183d31026af57973171e55693da2670 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 17:21:57 +1000
Subject: [PATCH 51/98] Fix revise autoscroll

---
 src/components/ui/card/card-content.svelte       | 16 +++++++++-------
 src/lib/auto-scroller.ts                         | 10 +++++++---
 .../(app)/chat/[id]/revise/RevisePage.svelte     |  8 +++-----
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/ui/card/card-content.svelte b/src/components/ui/card/card-content.svelte
index 6dc9097..c2a6de2 100644
--- a/src/components/ui/card/card-content.svelte
+++ b/src/components/ui/card/card-content.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "@/lib/utils.js";
+  import type { HTMLAttributes } from "svelte/elements";
+  import { cn } from "@/lib/utils.js";
+  import type { Action } from "svelte/action";
 
-	type $$Props = HTMLAttributes<HTMLDivElement>;
+  type $$Props = HTMLAttributes<HTMLDivElement> & { action: Action<HTMLDivElement> };
 
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+  let className: $$Props["class"] = undefined;
+  let action: Action<HTMLDivElement> = () => {};
+  export { className as class, action };
 </script>
 
-<div class={cn("p-6 pt-0", className)} {...$$restProps}>
-	<slot />
+<div use:action class={cn("p-6 pt-0", className)} {...$$restProps}>
+  <slot />
 </div>
diff --git a/src/lib/auto-scroller.ts b/src/lib/auto-scroller.ts
index 6550ed6..fae64aa 100644
--- a/src/lib/auto-scroller.ts
+++ b/src/lib/auto-scroller.ts
@@ -1,4 +1,5 @@
 import type { Action } from "svelte/action";
+import { tick } from "svelte";
 
 export class AutoScroller {
   private node: HTMLElement | null = null;
@@ -29,9 +30,12 @@ export class AutoScroller {
   public action: Action<HTMLElement> = (node) => {
     this.node = node;
     this.node.addEventListener("scroll", this.handleScroll);
-    if (this.scrollImmediate) {
-      this.scrollToBottom();
-    }
+    // wait for the editor to render the message before scrolling to the bottom
+    tick().then(() => {
+      if (this.scrollImmediate) {
+        this.scrollToBottom();
+      }
+    });
 
     return {
       destroy: () => {
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index db21271..825e9f7 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -61,7 +61,7 @@
       chatService.messages[chatService.messages.length - 1].role === "assistant",
   );
 
-  $inspect("RevisePage", chatService.messages);
+  // $inspect("RevisePage", chatService.messages);
 
   async function handleSubmit() {
     if (!store.selected.modelId) {
@@ -98,8 +98,6 @@
       .getElementById(`message-editor-${chatService.messages[chatService.messages.length - 1].id}`)
       ?.focus();
   }
-
-  $inspect("chatService", chatService.messages);
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
@@ -119,9 +117,9 @@
   </div>
   <div class="flex flex-col gap-3 overflow-hidden">
     <Card class="mb-4 flex h-full flex-col overflow-hidden hover:border hover:border-gray-300">
-      <CardContent class="overflow-y-auto p-4">
+      <CardContent class="overflow-y-auto p-4" action={autoScroller.action}>
         {#if haveResponse}
-          <div use:autoScroller.action>
+          <div>
             {#if chatService.isLoading}
               <MessageMarkdown
                 content={chatService.messages[chatService.messages.length - 1].content}

From ca293c3566bb47f5176d5bc194a1b2d972271cb1 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 17:25:53 +1000
Subject: [PATCH 52/98] Tweak padding

---
 src/routes/(app)/chat/[id]/ChatPage.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index f8cf30a..60ef306 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -75,7 +75,7 @@
 
 <ChatTitlebar {chat} {revision} tab="chat" />
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
-  <div class="flex flex-1 flex-col gap-2 p-4">
+  <div class="flex flex-1 flex-col gap-2 p-4 pt-0">
     {#each chatService.messages as message, index (message.id)}
       <MessageCard bind:message={chatService.messages[index]} />
     {/each}

From cf238be36753e7ee55f6216cb6043de5c78bb782 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 17:29:52 +1000
Subject: [PATCH 53/98] Fix component prop types

---
 src/components/ui/card/card-content.svelte     | 2 +-
 src/components/ui/textarea/textarea.svelte     | 8 ++++----
 src/routes/(app)/chat/[id]/MessageInput.svelte | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/card/card-content.svelte b/src/components/ui/card/card-content.svelte
index c2a6de2..9c2c471 100644
--- a/src/components/ui/card/card-content.svelte
+++ b/src/components/ui/card/card-content.svelte
@@ -3,7 +3,7 @@
   import { cn } from "@/lib/utils.js";
   import type { Action } from "svelte/action";
 
-  type $$Props = HTMLAttributes<HTMLDivElement> & { action: Action<HTMLDivElement> };
+  type $$Props = HTMLAttributes<HTMLDivElement> & { action?: Action<HTMLDivElement> };
 
   let className: $$Props["class"] = undefined;
   let action: Action<HTMLDivElement> = () => {};
diff --git a/src/components/ui/textarea/textarea.svelte b/src/components/ui/textarea/textarea.svelte
index c827bf6..3cb3d13 100644
--- a/src/components/ui/textarea/textarea.svelte
+++ b/src/components/ui/textarea/textarea.svelte
@@ -3,13 +3,13 @@
   import type { TextareaEvents } from "./index.js";
   import { cn } from "@/lib/utils.js";
 
-  type $$Props = HTMLTextareaAttributes;
+  type $$Props = HTMLTextareaAttributes & { element: HTMLTextAreaElement | undefined };
   type $$Events = TextareaEvents;
 
   let className: $$Props["class"] = undefined;
-  export let value: $$Props["value"] = undefined;
-  export let element: HTMLTextAreaElement | undefined = undefined;
-  export { className as class };
+  let value: $$Props["value"] = undefined;
+  let element: HTMLTextAreaElement | undefined = undefined;
+  export { className as class, value, element };
 
   // Workaround for https://github.com/sveltejs/svelte/issues/9305
   // Fixed in Svelte 5, but not backported to 4.x.
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index be8d4f5..9f1c481 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -99,7 +99,7 @@
         </div>
       {/if}
       <div class="flex items-end gap-2">
-        <Button variant="outline" size="icon" on:click={toggleUploadOptions}>
+        <Button class="hidden" variant="outline" size="icon" on:click={toggleUploadOptions}>
           <Plus class="h-4 w-4" />
         </Button>
         <Textarea

From 0902eefbeab367422483a6728f421939b175db08 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 20:01:52 +1000
Subject: [PATCH 54/98] Revise message roles and controls

---
 src/lib/clipboard.ts                          |  9 ++++
 src/routes/(app)/chat/[id]/Attachment.svelte  |  2 +-
 .../(app)/chat/[id]/AttachmentControls.svelte | 24 ++++++++++
 src/routes/(app)/chat/[id]/MessageCard.svelte | 47 +++++++++++++++++--
 .../(app)/chat/[id]/MessageInput.svelte       | 16 +------
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 20 +++++++-
 6 files changed, 98 insertions(+), 20 deletions(-)
 create mode 100644 src/lib/clipboard.ts
 create mode 100644 src/routes/(app)/chat/[id]/AttachmentControls.svelte

diff --git a/src/lib/clipboard.ts b/src/lib/clipboard.ts
new file mode 100644
index 0000000..c0c6811
--- /dev/null
+++ b/src/lib/clipboard.ts
@@ -0,0 +1,9 @@
+export async function getClipboardContent() {
+  try {
+    const content = await navigator.clipboard.readText();
+    return { error: null, content };
+  } catch (error) {
+    console.error("Failed to read clipboard contents: ", error);
+    return { error: "Failed to read clipboard contents" };
+  }
+}
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index 346423a..27970a5 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -18,7 +18,7 @@
     {#if onRemove}
       <Button
         variant="ghost"
-        class="display-inline-block absolute right-1 top-1 z-10 h-4 cursor-pointer bg-white p-1"
+        class="display-inline-block absolute right-1 top-1 z-10 h-4 cursor-pointer bg-white p-1 text-gray-500"
         on:click={onRemove}
       >
         <XIcon size={14} />
diff --git a/src/routes/(app)/chat/[id]/AttachmentControls.svelte b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
new file mode 100644
index 0000000..340dc65
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { Clipboard } from "lucide-svelte";
+  import { Button } from "@/components/ui/button/index.js";
+
+  type Props = {
+    onPaste?: () => void;
+  };
+  let { onPaste = () => {} }: Props = $props();
+</script>
+
+<div class="flex items-center justify-start gap-2">
+  <!--  <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>-->
+  <!--    <HardDriveUpload class="mr-2 h-4 w-4" />-->
+  <!--    Browse-->
+  <!--  </Button>-->
+  <!--  <Button variant="outline" size="sm" on:click={() => handleUpload("Drive")}>-->
+  <!--    <CloudUpload class="mr-2 h-4 w-4" />-->
+  <!--    Drive-->
+  <!--  </Button>-->
+  <Button variant="outline" size="sm" on:click={() => onPaste()}>
+    <Clipboard class="mr-2 h-4 w-4" />
+    Paste
+  </Button>
+</div>
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index aa3cc62..d54e7ac 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -1,19 +1,25 @@
 <script lang="ts">
   import { cn } from "$lib/cn.js";
   import MessageMarkdown from "./revise/MessageMarkdown.svelte";
-  import { Card, CardContent } from "@/components/ui/card/index.js";
+  import { Card, CardContent, CardHeader } from "@/components/ui/card/index.js";
   import Attachment from "./Attachment.svelte";
   import type { ChatMessage } from "$lib/chat-service.svelte";
   import MessageEditor from "./MessageEditor.svelte";
+  import { Button } from "@/components/ui/button";
+  import { FilePlus2Icon, PlusIcon, Trash, Trash2Icon, TrashIcon, UploadIcon } from "lucide-svelte";
+  import { toast } from "svelte-french-toast";
+  import AttachmentControls from "./AttachmentControls.svelte";
 
   type Props = {
     message: ChatMessage;
     editable?: boolean;
     onSubmit?: () => void;
+    onPaste?: () => void;
     onRemoveAttachment?: (index: number) => void;
   };
-  let { message = $bindable(), editable, onSubmit, onRemoveAttachment }: Props = $props();
+  let { message = $bindable(), editable, onSubmit, onPaste, onRemoveAttachment }: Props = $props();
   let format = "markdown";
+  let showAttachmentControls = $state(false);
 
   function handleKeyPress(event: KeyboardEvent) {
     if (event.ctrlKey && event.key === "Enter") {
@@ -23,6 +29,10 @@
     }
     return false;
   }
+
+  function handleRemove() {
+    toast.error("Not implemented");
+  }
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
@@ -36,6 +46,14 @@
     {/each}
   </div>
 {/if}
+{#if showAttachmentControls}
+  <AttachmentControls
+    onPaste={() => {
+      showAttachmentControls = false;
+      onPaste && onPaste();
+    }}
+  />
+{/if}
 <Card
   class={cn(
     "",
@@ -43,7 +61,30 @@
     editable && "hover:border hover:border-gray-300",
   )}
 >
-  <CardContent class="p-4">
+  {#if editable}
+    <div class="flex flex-row justify-end p-0">
+      <div class="flex-1 overflow-hidden p-1 font-mono text-xs uppercase text-gray-500">
+        {message.role}
+      </div>
+      <Button
+        class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+        variant="ghost"
+        size="icon"
+        onclick={() => (showAttachmentControls = !showAttachmentControls)}
+      >
+        <FilePlus2Icon class="h-4 w-4" />
+      </Button>
+      <Button
+        class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+        variant="ghost"
+        size="icon"
+        onclick={handleRemove}
+      >
+        <Trash2Icon class="h-4 w-4" />
+      </Button>
+    </div>
+  {/if}
+  <CardContent class={cn("p-4", editable && "pt-0")}>
     {#if editable}
       <MessageEditor id={message.id} bind:content={message.content} onKeyPress={handleKeyPress} />
     {:else if format === "markdown"}
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 9f1c481..1911e8d 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -7,6 +7,7 @@
   import Attachment from "./Attachment.svelte";
   import type { MessageAttachment } from "$lib/chat-service.svelte";
   import { nanoid } from "nanoid";
+  import AttachmentControls from "./AttachmentControls.svelte";
 
   type Props = {
     onSubmit: (content: string, attachments: MessageAttachment[]) => Promise<boolean>;
@@ -83,20 +84,7 @@
         </div>
       {/if}
       {#if isUploadOpen}
-        <div class="flex items-center justify-start gap-2">
-          <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>
-            <HardDriveUpload class="mr-2 h-4 w-4" />
-            Browse
-          </Button>
-          <Button variant="outline" size="sm" on:click={() => handleUpload("Drive")}>
-            <CloudUpload class="mr-2 h-4 w-4" />
-            Drive
-          </Button>
-          <Button variant="outline" size="sm" on:click={() => handleUpload("Paste")}>
-            <Clipboard class="mr-2 h-4 w-4" />
-            Paste
-          </Button>
-        </div>
+        <AttachmentControls />
       {/if}
       <div class="flex items-end gap-2">
         <Button class="hidden" variant="outline" size="icon" on:click={toggleUploadOptions}>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 825e9f7..0a485e1 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -16,6 +16,7 @@
   import MessageEditor from "../MessageEditor.svelte";
   import { tick } from "svelte";
   import MessageMarkdown from "./MessageMarkdown.svelte";
+  import { getClipboardContent } from "$lib/clipboard";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -61,8 +62,6 @@
       chatService.messages[chatService.messages.length - 1].role === "assistant",
   );
 
-  // $inspect("RevisePage", chatService.messages);
-
   async function handleSubmit() {
     if (!store.selected.modelId) {
       toast.error("No model selected");
@@ -81,6 +80,22 @@
     });
   }
 
+  async function handlePaste(index: number) {
+    const clip = await getClipboardContent();
+    if (clip.error !== null) {
+      toast.error(clip.error);
+      return;
+    }
+    const attachments = chatService.messages[index].attachments;
+    attachments.push({
+      id: nanoid(10),
+      type: "pasted",
+      name: `Pasted ${new Date().toLocaleString()}`,
+      content: clip.content,
+      attributes: {},
+    });
+  }
+
   async function handleRemoveAttachment(index: number) {
     toast.error("Not implemented");
   }
@@ -108,6 +123,7 @@
         <MessageCard
           bind:message={chatService.messages[index]}
           editable={true}
+          onPaste={() => handlePaste(index)}
           onSubmit={handleSubmit}
           onRemoveAttachment={handleRemoveAttachment}
         />

From 653deaed525ef671ec27f42438fe2e6f40dcae92 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 20:19:11 +1000
Subject: [PATCH 55/98] Remove attachment in revise view

---
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 0a485e1..86fe665 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -96,8 +96,8 @@
     });
   }
 
-  async function handleRemoveAttachment(index: number) {
-    toast.error("Not implemented");
+  async function handleRemoveAttachment(messageIndex: number, attachmentIndex: number) {
+    chatService.messages[messageIndex].attachments.splice(attachmentIndex, 1);
   }
 
   async function handleAddToConversation() {
@@ -125,7 +125,7 @@
           editable={true}
           onPaste={() => handlePaste(index)}
           onSubmit={handleSubmit}
-          onRemoveAttachment={handleRemoveAttachment}
+          onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
         />
       {/if}
     {/each}

From 292e4a26ee28e068f72d814a7c24fcd3fbe34076 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 20:22:05 +1000
Subject: [PATCH 56/98] Do not navigate to new revision is first

---
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 86fe665..14a5d68 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -39,17 +39,12 @@
     },
     onFinish: async (message) => {
       console.log("onFinish", message);
+      const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+      if (!newRevision) {
+        return toast.error("Failed to create revision");
+      }
       if (revision) {
-        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-        if (!newRevision) {
-          return toast.error("Failed to create revision");
-        }
         await goto(`/chat/${chat.id}/revise/?version=${newRevision.version}`, { noScroll: true });
-      } else {
-        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-        if (!newRevision) {
-          return toast.error("Failed to create revision");
-        }
       }
     },
     onMessageUpdate: () => {

From f0220a6724ed02ff684928efba2c483ee69e1732 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 16 Jul 2024 22:30:01 +1000
Subject: [PATCH 57/98] Support delete message pairs in revise view

---
 src/components/ui/tooltip/index.ts            | 15 ++++++
 .../ui/tooltip/tooltip-content.svelte         | 28 +++++++++++
 src/routes/(app)/chat/[id]/MessageCard.svelte | 50 +++++++++++++------
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 41 ++++++++++++++-
 4 files changed, 119 insertions(+), 15 deletions(-)
 create mode 100644 src/components/ui/tooltip/index.ts
 create mode 100644 src/components/ui/tooltip/tooltip-content.svelte

diff --git a/src/components/ui/tooltip/index.ts b/src/components/ui/tooltip/index.ts
new file mode 100644
index 0000000..7d0444d
--- /dev/null
+++ b/src/components/ui/tooltip/index.ts
@@ -0,0 +1,15 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Content from "./tooltip-content.svelte";
+
+const Root = TooltipPrimitive.Root;
+const Trigger = TooltipPrimitive.Trigger;
+
+export {
+	Root,
+	Trigger,
+	Content,
+	//
+	Root as Tooltip,
+	Content as TooltipContent,
+	Trigger as TooltipTrigger,
+};
diff --git a/src/components/ui/tooltip/tooltip-content.svelte b/src/components/ui/tooltip/tooltip-content.svelte
new file mode 100644
index 0000000..6887098
--- /dev/null
+++ b/src/components/ui/tooltip/tooltip-content.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+	import { cn, flyAndScale } from "@/lib/utils.js";
+
+	type $$Props = TooltipPrimitive.ContentProps;
+
+	let className: $$Props["class"] = undefined;
+	export let sideOffset: $$Props["sideOffset"] = 4;
+	export let transition: $$Props["transition"] = flyAndScale;
+	export let transitionConfig: $$Props["transitionConfig"] = {
+		y: 8,
+		duration: 150,
+	};
+	export { className as class };
+</script>
+
+<TooltipPrimitive.Content
+	{transition}
+	{transitionConfig}
+	{sideOffset}
+	class={cn(
+		"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</TooltipPrimitive.Content>
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index d54e7ac..ffb1653 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -9,15 +9,30 @@
   import { FilePlus2Icon, PlusIcon, Trash, Trash2Icon, TrashIcon, UploadIcon } from "lucide-svelte";
   import { toast } from "svelte-french-toast";
   import AttachmentControls from "./AttachmentControls.svelte";
+  import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
 
   type Props = {
     message: ChatMessage;
     editable?: boolean;
+    highlightedForRemoval?: boolean;
     onSubmit?: () => void;
     onPaste?: () => void;
+    onRemove?: () => void;
+    onRemoveMouseEnter?: () => void;
+    onRemoveMouseLeave?: () => void;
     onRemoveAttachment?: (index: number) => void;
   };
-  let { message = $bindable(), editable, onSubmit, onPaste, onRemoveAttachment }: Props = $props();
+  let {
+    message = $bindable(),
+    editable,
+    highlightedForRemoval = false,
+    onSubmit,
+    onPaste,
+    onRemove = () => {},
+    onRemoveAttachment,
+    onRemoveMouseEnter = () => {},
+    onRemoveMouseLeave = () => {},
+  }: Props = $props();
   let format = "markdown";
   let showAttachmentControls = $state(false);
 
@@ -29,10 +44,6 @@
     }
     return false;
   }
-
-  function handleRemove() {
-    toast.error("Not implemented");
-  }
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
@@ -58,7 +69,8 @@
   class={cn(
     "",
     message.role === "user" && "border-transparent bg-muted/100",
-    editable && "hover:border hover:border-gray-300",
+    !highlightedForRemoval && editable && "hover:border",
+    highlightedForRemoval && "border-red-500",
   )}
 >
   {#if editable}
@@ -74,14 +86,24 @@
       >
         <FilePlus2Icon class="h-4 w-4" />
       </Button>
-      <Button
-        class="h-fit w-fit p-1 text-gray-500 hover:text-black"
-        variant="ghost"
-        size="icon"
-        onclick={handleRemove}
-      >
-        <Trash2Icon class="h-4 w-4" />
-      </Button>
+      <Tooltip openDelay={70}>
+        <TooltipTrigger asChild let:builder>
+          <Button
+            builders={[builder]}
+            class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+            variant="ghost"
+            size="icon"
+            onmouseenter={onRemoveMouseEnter}
+            onmouseleave={onRemoveMouseLeave}
+            onclick={onRemove}
+          >
+            <Trash2Icon class="h-4 w-4" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>Delete both to maintain user & assistant alternation</p>
+        </TooltipContent>
+      </Tooltip>
     </div>
   {/if}
   <CardContent class={cn("p-4", editable && "pt-0")}>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 14a5d68..87d00d7 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -17,6 +17,7 @@
   import { tick } from "svelte";
   import MessageMarkdown from "./MessageMarkdown.svelte";
   import { getClipboardContent } from "$lib/clipboard";
+  import { cn } from "$lib/cn";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -25,6 +26,7 @@
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller(true);
   let messagesContainer: HTMLDivElement;
+  let highlightedForRemoval = $state<Record<number, boolean>>({});
 
   let chatService = new ChatService({
     initialMessages:
@@ -108,6 +110,34 @@
       .getElementById(`message-editor-${chatService.messages[chatService.messages.length - 1].id}`)
       ?.focus();
   }
+
+  function handleRemoveMouseEnter(index: number) {
+    const partner = chatService.messages[index].role === "assistant" ? index - 1 : index + 1;
+    highlightedForRemoval = {
+      [index]: true,
+      [partner]: true,
+    };
+  }
+
+  function handleRemoveMouseLeave() {
+    highlightedForRemoval = {};
+  }
+
+  function handleRemove(index: number) {
+    const spliceIndex = chatService.messages[index].role === "assistant" ? index - 1 : index;
+    chatService.messages.splice(spliceIndex, 2);
+    if (
+      chatService.messages.length === 0 ||
+      chatService.messages[chatService.messages.length - 1].role === "assistant"
+    ) {
+      chatService.messages.push({
+        id: nanoid(10),
+        role: "user",
+        content: "",
+        attachments: [],
+      });
+    }
+  }
 </script>
 
 <ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
@@ -118,8 +148,12 @@
         <MessageCard
           bind:message={chatService.messages[index]}
           editable={true}
+          highlightedForRemoval={highlightedForRemoval[index] || false}
           onPaste={() => handlePaste(index)}
           onSubmit={handleSubmit}
+          onRemove={() => handleRemove(index)}
+          onRemoveMouseEnter={() => handleRemoveMouseEnter(index)}
+          onRemoveMouseLeave={() => handleRemoveMouseLeave()}
           onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
         />
       {/if}
@@ -127,7 +161,12 @@
     <div id="messages-end" class="py-4">&nbsp;</div>
   </div>
   <div class="flex flex-col gap-3 overflow-hidden">
-    <Card class="mb-4 flex h-full flex-col overflow-hidden hover:border hover:border-gray-300">
+    <Card
+      class={cn(
+        "mb-4 flex h-full flex-col overflow-hidden hover:border hover:border-gray-300",
+        haveResponse && highlightedForRemoval[chatService.messages.length - 1] && "border-red-500",
+      )}
+    >
       <CardContent class="overflow-y-auto p-4" action={autoScroller.action}>
         {#if haveResponse}
           <div>

From a0a146f58a04013e85d2c20a9aaeaeb2e243db71 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 17 Jul 2024 01:59:06 +1000
Subject: [PATCH 58/98] ChatService cache unsaved changes to local storage
 ChatTitle display unsaved state

---
 src/components/ui/button/button.svelte        | 34 +++++-----
 src/lib/chat-service.svelte.ts                | 63 ++++++++++++++-----
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  6 +-
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 16 ++++-
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 16 ++++-
 5 files changed, 98 insertions(+), 37 deletions(-)

diff --git a/src/components/ui/button/button.svelte b/src/components/ui/button/button.svelte
index 86827f3..90bdc53 100644
--- a/src/components/ui/button/button.svelte
+++ b/src/components/ui/button/button.svelte
@@ -1,25 +1,25 @@
 <script lang="ts">
-	import { Button as ButtonPrimitive } from "bits-ui";
-	import { type Events, type Props, buttonVariants } from "./index.js";
-	import { cn } from "$lib/utils.js";
+  import { Button as ButtonPrimitive } from "bits-ui";
+  import { type Events, type Props, buttonVariants } from "./index.js";
+  import { cn } from "$lib/utils.js";
 
-	type $$Props = Props;
-	type $$Events = Events;
+  type $$Props = Props & { disabled?: boolean };
+  type $$Events = Events;
 
-	let className: $$Props["class"] = undefined;
-	export let variant: $$Props["variant"] = "default";
-	export let size: $$Props["size"] = "default";
-	export let builders: $$Props["builders"] = [];
-	export { className as class };
+  let className: $$Props["class"] = undefined;
+  export let variant: $$Props["variant"] = "default";
+  export let size: $$Props["size"] = "default";
+  export let builders: $$Props["builders"] = [];
+  export { className as class };
 </script>
 
 <ButtonPrimitive.Root
-	{builders}
-	class={cn(buttonVariants({ variant, size, className }))}
-	type="button"
-	{...$$restProps}
-	on:click
-	on:keydown
+  {builders}
+  class={cn(buttonVariants({ variant, size, className }))}
+  type="button"
+  {...$$restProps}
+  on:click
+  on:keydown
 >
-	<slot />
+  <slot />
 </ButtonPrimitive.Root>
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index f8a742b..cf0a703 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -12,6 +12,7 @@ import type {
 import { callChatApi, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
 import { toTitleCase } from "$lib/string";
+import { untrack } from "svelte";
 
 // todo remove tool and function calling until the library is stable and we need it
 
@@ -37,17 +38,19 @@ interface ToolCall$1<NAME extends string, ARGS> {
 }
 
 export type ChatOptions = {
+  /**
+   * A unique identifier for the chat. Changes will be cached to local storage using this id.
+   */
+  id: string;
+  /**
+   * The version of the chat. Changes will be cached to local storage using this version.
+   */
+  version: number;
   /**
    * The API endpoint that accepts a `{ messages: Message[] }` object and returns
    * a stream of tokens of the AI chat response. Defaults to `/api/chat`.
    */
   api?: string;
-  /**
-   * A unique identifier for the chat. If not provided, a random one will be
-   * generated. When provided, the `useChat` hook with the same `id` will
-   * have shared states across components.
-   */
-  id?: string;
   /**
    * Initial messages of the chat. Useful to load an existing chat history.
    */
@@ -218,10 +221,6 @@ const getStreamedResponse = async (
   });
 };
 
-let uniqueId = 0;
-
-const store: Record<string, ChatMessage[] | undefined> = {};
-
 export class ChatService {
   messages: ChatMessage[] = $state([]);
   error: undefined | Error = $state(undefined);
@@ -230,8 +229,10 @@ export class ChatService {
   isLoading: boolean | undefined = $state(undefined);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
+  hasChanges: boolean | undefined = $state(undefined);
 
   private id: string;
+  private version: number;
   private api: string;
   private mode: { type: "edit"; index: number } | { type: "append" };
   private generateId: IdGenerator;
@@ -250,8 +251,9 @@ export class ChatService {
   private fetch: FetchFunction | undefined;
 
   constructor({
-    api = "/api/chat",
     id,
+    version,
+    api = "/api/chat",
     initialMessages = [],
     initialInput = "",
     mode = { type: "append" },
@@ -270,8 +272,9 @@ export class ChatService {
     fetch,
   }: ChatOptions) {
     // assign options
+    this.id = id;
+    this.version = version;
     this.api = api;
-    this.id = id || `chat-${uniqueId++}`;
     this.mode = mode;
     this.sendExtraMessageFields = sendExtraMessageFields;
     this.experimental_onFunctionCall = experimental_onFunctionCall;
@@ -297,6 +300,19 @@ export class ChatService {
       throw new Error(`Message to edit at index ${mode.index} not found`);
     }
     this.input = mode.type === "edit" ? initialMessages[mode.index].content : initialInput;
+    this.readCacheIfExists();
+    $effect(() => {
+      // run if any message is changed or a message is added or removed
+      this.messages.map((m) => ({ ...m }));
+      untrack(() => {
+        // initialize to false on first run, set to true on subsequent runs
+        this.hasChanges = this.hasChanges !== undefined;
+        // cache changes to local storage
+        if (this.hasChanges) {
+          this.writeCache();
+        }
+      });
+    });
   }
 
   get key() {
@@ -358,7 +374,6 @@ export class ChatService {
    * manually to regenerate the AI response.
    */
   setMessages(key: string, messages: ChatMessage[]): void {
-    store[key] = messages;
     this.messages = messages;
     if (this.onMessageUpdate) {
       this.onMessageUpdate(messages);
@@ -406,7 +421,7 @@ export class ChatService {
 
   submit(requestBody: Record<string, any>) {
     if (this.mode.type === "edit") {
-      return this.revise(this.mode.index, { options: { body: requestBody } });
+      return this.revise({ options: { body: requestBody } });
     } else {
       const inputContent = this.input;
       const inputAttachments = this.attachments;
@@ -423,6 +438,26 @@ export class ChatService {
     }
   }
 
+  get cacheKey() {
+    return `chat-${this.id}-v${this.version}`;
+  }
+
+  readCacheIfExists() {
+    const cachedMessages = localStorage.getItem(this.cacheKey);
+    if (cachedMessages) {
+      this.messages = JSON.parse(cachedMessages);
+      this.hasChanges = true;
+    }
+  }
+
+  writeCache() {
+    localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+  }
+
+  clearCache() {
+    localStorage.removeItem(this.cacheKey);
+  }
+
   private async triggerRequest(chatRequest: ChatRequest): Promise<string | null | undefined> {
     try {
       this.error = undefined;
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 60ef306..6627c22 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -25,6 +25,8 @@
   let autoScroller = new AutoScroller();
 
   let chatService = new ChatService({
+    id: chat.id,
+    version: revision ? revision.version : 1,
     initialMessages: revision ? revision.messages.map(toChatMessage) : [],
     onLoading: () => {
       autoScroller.onLoading();
@@ -34,6 +36,8 @@
     },
     onFinish: (message) => {
       appendMessage({ ...message, revisionId: revision!.id }, message.attachments);
+      chatService.hasChanges = false;
+      chatService.clearCache();
     },
     onMessageUpdate: (messages) => {
       autoScroller.onMessageUpdate();
@@ -73,7 +77,7 @@
   }
 </script>
 
-<ChatTitlebar {chat} {revision} tab="chat" />
+<ChatTitlebar {chat} {revision} tab="chat" unsavedChanges={chatService.hasChanges} />
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4 pt-0">
     {#each chatService.messages as message, index (message.id)}
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 5d81d98..fcaff1e 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -1,7 +1,13 @@
 <script lang="ts">
   import { Button } from "@/components/ui/button/index.js";
   import { Input } from "@/components/ui/input/index.js";
-  import { ArrowBigLeftIcon, ArrowBigRightIcon, ArrowLeftIcon, PlayIcon } from "lucide-svelte";
+  import {
+    ArrowBigLeftIcon,
+    ArrowBigRightIcon,
+    ArrowLeftIcon,
+    CheckIcon,
+    PlayIcon,
+  } from "lucide-svelte";
   import { updateChat } from "./$data.js";
   import type { Chat, Revision } from "@/database";
   import { untrack } from "svelte";
@@ -15,8 +21,9 @@
     revision?: Revision;
     tab: string;
     onRunClick?: () => void;
+    unsavedChanges?: boolean;
   };
-  let { chat, revision, tab, onRunClick }: Props = $props();
+  let { chat, revision, tab, onRunClick, unsavedChanges = false }: Props = $props();
   let id = $derived(chat.id);
   let name = $state(chat.name);
 
@@ -48,6 +55,8 @@
       name = chat.name;
     });
   });
+
+  $inspect("unsavedChanges", unsavedChanges);
 </script>
 
 <div class="flex flex-row gap-4 px-4 py-2">
@@ -58,6 +67,9 @@
       updateChat(chat.id, { name });
     }}
   />
+  {#if unsavedChanges}
+    <Button variant="secondary" class="rounded-full" onclick={async () => {}}>Unsaved</Button>
+  {/if}
   <div class="flex flex-row items-center">
     {#if revision}
       <Button
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 87d00d7..be7b649 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -29,6 +29,8 @@
   let highlightedForRemoval = $state<Record<number, boolean>>({});
 
   let chatService = new ChatService({
+    id: chat.id,
+    version: revision ? revision.version : 1,
     initialMessages:
       revision && revision.messages.length
         ? revision.messages.map(toChatMessage)
@@ -45,6 +47,8 @@
       if (!newRevision) {
         return toast.error("Failed to create revision");
       }
+      chatService.hasChanges = false;
+      chatService.clearCache();
       if (revision) {
         await goto(`/chat/${chat.id}/revise/?version=${newRevision.version}`, { noScroll: true });
       }
@@ -112,7 +116,7 @@
   }
 
   function handleRemoveMouseEnter(index: number) {
-    const partner = chatService.messages[index].role === "assistant" ? index - 1 : index + 1;
+    const partner = chatService.messages[index].role === "assistant" ? index + 1 : index - 1;
     highlightedForRemoval = {
       [index]: true,
       [partner]: true,
@@ -124,7 +128,7 @@
   }
 
   function handleRemove(index: number) {
-    const spliceIndex = chatService.messages[index].role === "assistant" ? index - 1 : index;
+    const spliceIndex = chatService.messages[index].role === "assistant" ? index : index + 1;
     chatService.messages.splice(spliceIndex, 2);
     if (
       chatService.messages.length === 0 ||
@@ -140,7 +144,13 @@
   }
 </script>
 
-<ChatTitlebar {chat} {revision} tab="revise" onRunClick={handleSubmit} />
+<ChatTitlebar
+  {chat}
+  {revision}
+  tab="revise"
+  onRunClick={handleSubmit}
+  unsavedChanges={chatService.hasChanges}
+/>
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto" bind:this={messagesContainer}>
     {#each chatService.messages as message, index (message.id)}

From 4e63508fd33135e8e274eca82bd6ed4dfe7fbdff Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 17 Jul 2024 19:31:49 +1000
Subject: [PATCH 59/98] Fix Revise remove index

---
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index be7b649..f6c7028 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -121,6 +121,7 @@
       [index]: true,
       [partner]: true,
     };
+    console.log("highlightedForRemoval", highlightedForRemoval, index);
   }
 
   function handleRemoveMouseLeave() {
@@ -128,7 +129,8 @@
   }
 
   function handleRemove(index: number) {
-    const spliceIndex = chatService.messages[index].role === "assistant" ? index : index + 1;
+    const spliceIndex = chatService.messages[index].role === "assistant" ? index : index - 1;
+    console.log("handleRemove", index, spliceIndex);
     chatService.messages.splice(spliceIndex, 2);
     if (
       chatService.messages.length === 0 ||
@@ -154,7 +156,7 @@
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col gap-2 overflow-y-auto" bind:this={messagesContainer}>
     {#each chatService.messages as message, index (message.id)}
-      {#if chatService.messages[chatService.messages.length - 1].role === "assistant" ? index < chatService.messages.length - 1 : true}
+      {#if message.role !== "assistant" || index < chatService.messages.length - 1}
         <MessageCard
           bind:message={chatService.messages[index]}
           editable={true}

From c1885771981d73bc3e6d02f1cd720667b8fd4fc3 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 17 Jul 2024 19:35:49 +1000
Subject: [PATCH 60/98] No remove option for first user message

---
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  2 +-
 src/routes/(app)/chat/[id]/MessageCard.svelte | 42 ++++++++++---------
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  1 +
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 6627c22..c10d441 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -81,7 +81,7 @@
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4 pt-0">
     {#each chatService.messages as message, index (message.id)}
-      <MessageCard bind:message={chatService.messages[index]} />
+      <MessageCard {index} bind:message={chatService.messages[index]} />
     {/each}
     {#if chatService.isLoading}
       <RobotLoader />
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index ffb1653..1484c15 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -12,6 +12,7 @@
   import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
 
   type Props = {
+    index: number;
     message: ChatMessage;
     editable?: boolean;
     highlightedForRemoval?: boolean;
@@ -23,12 +24,13 @@
     onRemoveAttachment?: (index: number) => void;
   };
   let {
+    index,
     message = $bindable(),
     editable,
     highlightedForRemoval = false,
     onSubmit,
     onPaste,
-    onRemove = () => {},
+    onRemove,
     onRemoveAttachment,
     onRemoveMouseEnter = () => {},
     onRemoveMouseLeave = () => {},
@@ -86,24 +88,26 @@
       >
         <FilePlus2Icon class="h-4 w-4" />
       </Button>
-      <Tooltip openDelay={70}>
-        <TooltipTrigger asChild let:builder>
-          <Button
-            builders={[builder]}
-            class="h-fit w-fit p-1 text-gray-500 hover:text-black"
-            variant="ghost"
-            size="icon"
-            onmouseenter={onRemoveMouseEnter}
-            onmouseleave={onRemoveMouseLeave}
-            onclick={onRemove}
-          >
-            <Trash2Icon class="h-4 w-4" />
-          </Button>
-        </TooltipTrigger>
-        <TooltipContent>
-          <p>Delete both to maintain user & assistant alternation</p>
-        </TooltipContent>
-      </Tooltip>
+      {#if index > 0}
+        <Tooltip openDelay={70}>
+          <TooltipTrigger asChild let:builder>
+            <Button
+              builders={[builder]}
+              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+              variant="ghost"
+              size="icon"
+              onmouseenter={onRemoveMouseEnter}
+              onmouseleave={onRemoveMouseLeave}
+              onclick={onRemove}
+            >
+              <Trash2Icon class="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>Delete both to maintain user & assistant alternation</p>
+          </TooltipContent>
+        </Tooltip>
+      {/if}
     </div>
   {/if}
   <CardContent class={cn("p-4", editable && "pt-0")}>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index f6c7028..108d2e9 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -158,6 +158,7 @@
     {#each chatService.messages as message, index (message.id)}
       {#if message.role !== "assistant" || index < chatService.messages.length - 1}
         <MessageCard
+          {index}
           bind:message={chatService.messages[index]}
           editable={true}
           highlightedForRemoval={highlightedForRemoval[index] || false}

From 9b7542fc661de82ecfa8c0a76e5bb70ed2241f66 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 17 Jul 2024 22:20:05 +1000
Subject: [PATCH 61/98] Computer unsaved state comparing current state with
 initial state

---
 src/lib/chat-service.svelte.ts                | 54 ++++++++++---------
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  9 ++--
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  4 +-
 3 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index cf0a703..6f87282 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -229,7 +229,7 @@ export class ChatService {
   isLoading: boolean | undefined = $state(undefined);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
-  hasChanges: boolean | undefined = $state(undefined);
+  hasChanges: boolean = $state(false);
 
   private id: string;
   private version: number;
@@ -250,6 +250,9 @@ export class ChatService {
   private headers: Record<string, string> | Headers | undefined;
   private fetch: FetchFunction | undefined;
 
+  // initial snapshot of messages before any changes
+  private initialSate: string | undefined;
+
   constructor({
     id,
     version,
@@ -300,16 +303,29 @@ export class ChatService {
       throw new Error(`Message to edit at index ${mode.index} not found`);
     }
     this.input = mode.type === "edit" ? initialMessages[mode.index].content : initialInput;
-    this.readCacheIfExists();
     $effect(() => {
-      // run if any message is changed or a message is added or removed
-      this.messages.map((m) => ({ ...m }));
+      const currentState = JSON.stringify(this.messages);
+      // on startup, check cache for changes
+      if (!this.initialSate) {
+        this.initialSate = currentState;
+        const cachedState = localStorage.getItem(this.cacheKey);
+        if (cachedState) {
+          // if the last user message is empty, remove it
+          const messages = JSON.parse(cachedState);
+          const lastMessage = messages[messages.length - 1];
+          if (lastMessage.role === "user" && lastMessage.content.trim() === "") {
+            messages.pop();
+          }
+          this.messages = messages;
+          this.hasChanges = true;
+        }
+        return;
+      }
       untrack(() => {
-        // initialize to false on first run, set to true on subsequent runs
-        this.hasChanges = this.hasChanges !== undefined;
-        // cache changes to local storage
+        this.hasChanges = this.initialSate !== currentState;
         if (this.hasChanges) {
-          this.writeCache();
+          // cache changes to local storage
+          localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
         }
       });
     });
@@ -438,24 +454,14 @@ export class ChatService {
     }
   }
 
-  get cacheKey() {
-    return `chat-${this.id}-v${this.version}`;
-  }
-
-  readCacheIfExists() {
-    const cachedMessages = localStorage.getItem(this.cacheKey);
-    if (cachedMessages) {
-      this.messages = JSON.parse(cachedMessages);
-      this.hasChanges = true;
-    }
-  }
-
-  writeCache() {
-    localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+  resetChanges() {
+    localStorage.removeItem(this.cacheKey);
+    this.initialSate = JSON.stringify(this.messages);
+    this.hasChanges = false;
   }
 
-  clearCache() {
-    localStorage.removeItem(this.cacheKey);
+  get cacheKey() {
+    return `chat-${this.id}-v${this.version}`;
   }
 
   private async triggerRequest(chatRequest: ChatRequest): Promise<string | null | undefined> {
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index c10d441..08a8af0 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -23,6 +23,7 @@
   };
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller();
+  let saveAsNewRevision = $state(false);
 
   let chatService = new ChatService({
     id: chat.id,
@@ -35,9 +36,9 @@
       toast.error(e.message);
     },
     onFinish: (message) => {
+      console.log("onFinish", chatService.hasChanges);
       appendMessage({ ...message, revisionId: revision!.id }, message.attachments);
-      chatService.hasChanges = false;
-      chatService.clearCache();
+      chatService.resetChanges();
     },
     onMessageUpdate: (messages) => {
       autoScroller.onMessageUpdate();
@@ -55,7 +56,9 @@
       return false;
     }
     if (!revision) {
-      revision = await createRevision(chat.id, []);
+      revision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+    } else if (chatService.hasChanges) {
+      saveAsNewRevision = true;
     }
     if (!revision) {
       toast.error("Failed to create revision");
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 108d2e9..2b0be5c 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -47,10 +47,10 @@
       if (!newRevision) {
         return toast.error("Failed to create revision");
       }
-      chatService.hasChanges = false;
-      chatService.clearCache();
       if (revision) {
         await goto(`/chat/${chat.id}/revise/?version=${newRevision.version}`, { noScroll: true });
+      } else {
+        chatService.resetChanges();
       }
     },
     onMessageUpdate: () => {

From 2abfe02af46839cc434d094f3e55226c3e331165 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 19 Jul 2024 02:07:17 +1000
Subject: [PATCH 62/98] Remove message button only remove one message Add
 button to add message between two messages

---
 src/routes/(app)/chat/[id]/MessageCard.svelte |  31 ++----
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 104 +++++++++++-------
 2 files changed, 75 insertions(+), 60 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 1484c15..50037e9 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -88,26 +88,17 @@
       >
         <FilePlus2Icon class="h-4 w-4" />
       </Button>
-      {#if index > 0}
-        <Tooltip openDelay={70}>
-          <TooltipTrigger asChild let:builder>
-            <Button
-              builders={[builder]}
-              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
-              variant="ghost"
-              size="icon"
-              onmouseenter={onRemoveMouseEnter}
-              onmouseleave={onRemoveMouseLeave}
-              onclick={onRemove}
-            >
-              <Trash2Icon class="h-4 w-4" />
-            </Button>
-          </TooltipTrigger>
-          <TooltipContent>
-            <p>Delete both to maintain user & assistant alternation</p>
-          </TooltipContent>
-        </Tooltip>
-      {/if}
+
+      <Button
+        class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+        variant="ghost"
+        size="icon"
+        onmouseenter={onRemoveMouseEnter}
+        onmouseleave={onRemoveMouseLeave}
+        onclick={onRemove}
+      >
+        <Trash2Icon class="h-4 w-4" />
+      </Button>
     </div>
   {/if}
   <CardContent class={cn("p-4", editable && "pt-0")}>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 2b0be5c..f7b7432 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -11,13 +11,14 @@
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";
   import { Button } from "@/components/ui/button";
-  import { ReplyIcon } from "lucide-svelte";
+  import { PlusIcon, ReplyIcon, SquarePlusIcon } from "lucide-svelte";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
   import MessageEditor from "../MessageEditor.svelte";
   import { tick } from "svelte";
   import MessageMarkdown from "./MessageMarkdown.svelte";
   import { getClipboardContent } from "$lib/clipboard";
   import { cn } from "$lib/cn";
+  import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -115,34 +116,19 @@
       ?.focus();
   }
 
-  function handleRemoveMouseEnter(index: number) {
-    const partner = chatService.messages[index].role === "assistant" ? index + 1 : index - 1;
-    highlightedForRemoval = {
-      [index]: true,
-      [partner]: true,
-    };
-    console.log("highlightedForRemoval", highlightedForRemoval, index);
-  }
-
-  function handleRemoveMouseLeave() {
-    highlightedForRemoval = {};
+  function handleRemove(index: number) {
+    chatService.messages.splice(index, 1);
   }
 
-  function handleRemove(index: number) {
-    const spliceIndex = chatService.messages[index].role === "assistant" ? index : index - 1;
-    console.log("handleRemove", index, spliceIndex);
-    chatService.messages.splice(spliceIndex, 2);
-    if (
-      chatService.messages.length === 0 ||
-      chatService.messages[chatService.messages.length - 1].role === "assistant"
-    ) {
-      chatService.messages.push({
-        id: nanoid(10),
-        role: "user",
-        content: "",
-        attachments: [],
-      });
-    }
+  function handleInsertMessage(index: number) {
+    console.log("handleInsertMessage", index);
+    const role = chatService.messages[index].role === "assistant" ? "user" : "assistant";
+    chatService.messages.splice(index + 1, 0, {
+      id: nanoid(10),
+      role,
+      content: "",
+      attachments: [],
+    });
   }
 </script>
 
@@ -154,21 +140,59 @@
   unsavedChanges={chatService.hasChanges}
 />
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
-  <div class="flex flex-col gap-2 overflow-y-auto" bind:this={messagesContainer}>
+  <div class="flex flex-col overflow-y-auto" bind:this={messagesContainer}>
     {#each chatService.messages as message, index (message.id)}
+      {@const isRepeatRole =
+        index < chatService.messages.length - 1 &&
+        chatService.messages[index + 1].role === chatService.messages[index].role}
       {#if message.role !== "assistant" || index < chatService.messages.length - 1}
-        <MessageCard
-          {index}
-          bind:message={chatService.messages[index]}
-          editable={true}
-          highlightedForRemoval={highlightedForRemoval[index] || false}
-          onPaste={() => handlePaste(index)}
-          onSubmit={handleSubmit}
-          onRemove={() => handleRemove(index)}
-          onRemoveMouseEnter={() => handleRemoveMouseEnter(index)}
-          onRemoveMouseLeave={() => handleRemoveMouseLeave()}
-          onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
-        />
+        <div>
+          <MessageCard
+            {index}
+            bind:message={chatService.messages[index]}
+            editable={true}
+            highlightedForRemoval={highlightedForRemoval[index] || false}
+            onPaste={() => handlePaste(index)}
+            onSubmit={handleSubmit}
+            onRemove={() => handleRemove(index)}
+            onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
+          />
+          {#if isRepeatRole}
+            <Tooltip openDelay={70}>
+              <TooltipTrigger class="group flex h-2 w-full items-center bg-amber-100">
+                <div class="h-px flex-grow"></div>
+                <div class="relative flex-shrink-0">
+                  <Button
+                    onclick={() => handleInsertMessage(index)}
+                    class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+                  >
+                    <PlusIcon class="h-4 w-4" />
+                  </Button>
+                </div>
+                <div class="h-px flex-grow"></div>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>
+                  Some AI providers (e.g. Anthropic) require messages that alternate between user &
+                  assistant
+                </p>
+              </TooltipContent>
+            </Tooltip>
+          {:else}
+            <div class="group flex h-2 w-full items-center">
+              <div class="h-px flex-grow"></div>
+              <div class="relative flex-shrink-0">
+                <Button
+                  onclick={() => handleInsertMessage(index)}
+                  class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+                >
+                  <PlusIcon class="h-4 w-4" />
+                </Button>
+              </div>
+              <div class="h-px flex-grow"></div>
+            </div>
+          {/if}
+        </div>
       {/if}
     {/each}
     <div id="messages-end" class="py-4">&nbsp;</div>

From 9c9e4cfc9caade984cdc97e019cbad9dec3dfb8b Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 19 Jul 2024 02:24:13 +1000
Subject: [PATCH 63/98] Add message button before first message with warning

---
 .../chat/[id]/revise/MessageDivider.svelte    | 47 +++++++++++
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 83 +++++++------------
 2 files changed, 79 insertions(+), 51 deletions(-)
 create mode 100644 src/routes/(app)/chat/[id]/revise/MessageDivider.svelte

diff --git a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
new file mode 100644
index 0000000..5a5d0e1
--- /dev/null
+++ b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { Button } from "@/components/ui/button";
+  import { PlusIcon } from "lucide-svelte";
+  import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+
+  type Props = {
+    index: number;
+    warning?: string;
+    handleInsertMessage: (index: number) => void;
+  };
+  let { index, warning, handleInsertMessage }: Props = $props();
+</script>
+
+{#if warning}
+  <Tooltip openDelay={70}>
+    <TooltipTrigger class="group flex h-2 w-full items-center bg-amber-100">
+      <div class="h-px flex-grow"></div>
+      <div class="relative flex-shrink-0">
+        <Button
+          onclick={() => handleInsertMessage(index)}
+          class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+        >
+          <PlusIcon class="h-4 w-4" />
+        </Button>
+      </div>
+      <div class="h-px flex-grow"></div>
+    </TooltipTrigger>
+    <TooltipContent>
+      <p>
+        {warning}
+      </p>
+    </TooltipContent>
+  </Tooltip>
+{:else}
+  <div class="group flex h-2 w-full items-center">
+    <div class="h-px flex-grow"></div>
+    <div class="relative flex-shrink-0">
+      <Button
+        onclick={() => handleInsertMessage(index)}
+        class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+      >
+        <PlusIcon class="h-4 w-4" />
+      </Button>
+    </div>
+    <div class="h-px flex-grow"></div>
+  </div>
+{/if}
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index f7b7432..7fdf20d 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -18,7 +18,7 @@
   import MessageMarkdown from "./MessageMarkdown.svelte";
   import { getClipboardContent } from "$lib/clipboard";
   import { cn } from "$lib/cn";
-  import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+  import MessageDivider from "./MessageDivider.svelte";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
@@ -121,8 +121,12 @@
   }
 
   function handleInsertMessage(index: number) {
-    console.log("handleInsertMessage", index);
-    const role = chatService.messages[index].role === "assistant" ? "user" : "assistant";
+    const role =
+      index === -1
+        ? "user"
+        : chatService.messages[index].role === "assistant"
+          ? "user"
+          : "assistant";
     chatService.messages.splice(index + 1, 0, {
       id: nanoid(10),
       role,
@@ -141,58 +145,35 @@
 />
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col overflow-y-auto" bind:this={messagesContainer}>
+    <MessageDivider
+      index={-1}
+      warning={chatService.messages[0].role !== "user"
+        ? "Some AI providers (e.g. Anthropic) require the first message to be a user message"
+        : ""}
+      {handleInsertMessage}
+    />
     {#each chatService.messages as message, index (message.id)}
-      {@const isRepeatRole =
+      {@const showWarning =
         index < chatService.messages.length - 1 &&
         chatService.messages[index + 1].role === chatService.messages[index].role}
       {#if message.role !== "assistant" || index < chatService.messages.length - 1}
-        <div>
-          <MessageCard
-            {index}
-            bind:message={chatService.messages[index]}
-            editable={true}
-            highlightedForRemoval={highlightedForRemoval[index] || false}
-            onPaste={() => handlePaste(index)}
-            onSubmit={handleSubmit}
-            onRemove={() => handleRemove(index)}
-            onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
-          />
-          {#if isRepeatRole}
-            <Tooltip openDelay={70}>
-              <TooltipTrigger class="group flex h-2 w-full items-center bg-amber-100">
-                <div class="h-px flex-grow"></div>
-                <div class="relative flex-shrink-0">
-                  <Button
-                    onclick={() => handleInsertMessage(index)}
-                    class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
-                  >
-                    <PlusIcon class="h-4 w-4" />
-                  </Button>
-                </div>
-                <div class="h-px flex-grow"></div>
-              </TooltipTrigger>
-              <TooltipContent>
-                <p>
-                  Some AI providers (e.g. Anthropic) require messages that alternate between user &
-                  assistant
-                </p>
-              </TooltipContent>
-            </Tooltip>
-          {:else}
-            <div class="group flex h-2 w-full items-center">
-              <div class="h-px flex-grow"></div>
-              <div class="relative flex-shrink-0">
-                <Button
-                  onclick={() => handleInsertMessage(index)}
-                  class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
-                >
-                  <PlusIcon class="h-4 w-4" />
-                </Button>
-              </div>
-              <div class="h-px flex-grow"></div>
-            </div>
-          {/if}
-        </div>
+        <MessageCard
+          {index}
+          bind:message={chatService.messages[index]}
+          editable={true}
+          highlightedForRemoval={highlightedForRemoval[index] || false}
+          onPaste={() => handlePaste(index)}
+          onSubmit={handleSubmit}
+          onRemove={() => handleRemove(index)}
+          onRemoveAttachment={(attachmentIndex) => handleRemoveAttachment(index, attachmentIndex)}
+        />
+        <MessageDivider
+          {index}
+          warning={showWarning
+            ? "Some AI providers (e.g. Anthropic) require messages that alternate between user & assistant"
+            : undefined}
+          {handleInsertMessage}
+        />
       {/if}
     {/each}
     <div id="messages-end" class="py-4">&nbsp;</div>

From 2d0e3f829f8395148a3a21321902dd9939d321c6 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 19 Jul 2024 02:27:48 +1000
Subject: [PATCH 64/98] Add message button before first message with warning if
 not user

---
 src/routes/(app)/chat/[id]/revise/MessageDivider.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
index 5a5d0e1..44b8e06 100644
--- a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
+++ b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
@@ -18,7 +18,7 @@
       <div class="relative flex-shrink-0">
         <Button
           onclick={() => handleInsertMessage(index)}
-          class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+          class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
         >
           <PlusIcon class="h-4 w-4" />
         </Button>
@@ -37,7 +37,7 @@
     <div class="relative flex-shrink-0">
       <Button
         onclick={() => handleInsertMessage(index)}
-        class="invisible absolute -left-2 -top-2 h-4 w-4 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all hover:bg-gray-100 group-hover:visible"
+        class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
       >
         <PlusIcon class="h-4 w-4" />
       </Button>

From 21e3f49154c611cc9fc9e83aadcd1cc99ae7e000 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 19 Jul 2024 14:59:05 +1000
Subject: [PATCH 65/98] Use Melt tooltip for MessageDivider more ergonomic than
 shandcn tooltip

---
 .../chat/[id]/revise/MessageDivider.svelte    | 73 ++++++++++---------
 1 file changed, 40 insertions(+), 33 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
index 44b8e06..59d1b91 100644
--- a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
+++ b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
   import { Button } from "@/components/ui/button";
   import { PlusIcon } from "lucide-svelte";
-  import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+  import { createTooltip, melt } from "@melt-ui/svelte";
+  import { fade } from "svelte/transition";
+  import { cn } from "$lib/cn";
 
   type Props = {
     index: number;
@@ -9,39 +11,44 @@
     handleInsertMessage: (index: number) => void;
   };
   let { index, warning, handleInsertMessage }: Props = $props();
+
+  const {
+    elements: { trigger, content, arrow },
+    states: { open },
+  } = createTooltip({
+    positioning: {
+      placement: "right-end",
+    },
+    openDelay: 0,
+    closeDelay: 0,
+    closeOnPointerDown: false,
+    forceVisible: true,
+  });
 </script>
 
-{#if warning}
-  <Tooltip openDelay={70}>
-    <TooltipTrigger class="group flex h-2 w-full items-center bg-amber-100">
-      <div class="h-px flex-grow"></div>
-      <div class="relative flex-shrink-0">
-        <Button
-          onclick={() => handleInsertMessage(index)}
-          class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
-        >
-          <PlusIcon class="h-4 w-4" />
-        </Button>
-      </div>
-      <div class="h-px flex-grow"></div>
-    </TooltipTrigger>
-    <TooltipContent>
-      <p>
-        {warning}
-      </p>
-    </TooltipContent>
-  </Tooltip>
-{:else}
-  <div class="group flex h-2 w-full items-center">
-    <div class="h-px flex-grow"></div>
-    <div class="relative flex-shrink-0">
-      <Button
-        onclick={() => handleInsertMessage(index)}
-        class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
-      >
-        <PlusIcon class="h-4 w-4" />
-      </Button>
-    </div>
-    <div class="h-px flex-grow"></div>
+{#if $open && warning}
+  <div
+    use:melt={$content}
+    transition:fade={{ duration: 100 }}
+    class="z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md"
+  >
+    <div use:melt={$arrow} />
+    <p>{warning}</p>
   </div>
 {/if}
+
+<div
+  use:melt={$trigger}
+  class={cn("group flex h-2 min-h-2 w-full items-center", warning && "bg-amber-100")}
+>
+  <div class="h-px flex-grow"></div>
+  <div class="relative flex-shrink-0">
+    <Button
+      onclick={() => handleInsertMessage(index)}
+      class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
+    >
+      <PlusIcon class="h-4 w-4" />
+    </Button>
+  </div>
+  <div class="h-px flex-grow"></div>
+</div>

From 28fe86d6150b4809ba40b8dac408d6a58125f056 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 00:56:30 +1000
Subject: [PATCH 66/98] Refactor ChatService for simple append and revise
 handling

---
 src/lib/chat-service.svelte.ts                | 128 ++++++++++--------
 src/routes/(app)/$data.ts                     |  15 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |   4 +-
 src/routes/(app)/chat/[id]/$data.ts           |  53 ++++----
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  59 +++++---
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  70 +++++++---
 6 files changed, 193 insertions(+), 136 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 6f87282..e0c7848 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -159,10 +159,6 @@ const getStreamedResponse = async (
   sendExtraMessageFields: boolean | undefined,
   fetch: FetchFunction | undefined,
 ) => {
-  // Do an optimistic update to the chat state to show the updated messages
-  // immediately.
-  // mutate(chatRequest.messages);
-
   const constructedMessagesPayload = sendExtraMessageFields
     ? chatRequest.messages
     : chatRequest.messages.map(
@@ -222,19 +218,16 @@ const getStreamedResponse = async (
 };
 
 export class ChatService {
+  version: number;
   messages: ChatMessage[] = $state([]);
   error: undefined | Error = $state(undefined);
-  input: string = $state("");
-  attachments: MessageAttachment[] = [];
   isLoading: boolean | undefined = $state(undefined);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
-  hasChanges: boolean = $state(false);
+  hasEdits: boolean = $state(false);
 
   private id: string;
-  private version: number;
   private api: string;
-  private mode: { type: "edit"; index: number } | { type: "append" };
   private generateId: IdGenerator;
   private abortController: AbortController | null;
   private sendExtraMessageFields: boolean | undefined;
@@ -251,15 +244,14 @@ export class ChatService {
   private fetch: FetchFunction | undefined;
 
   // initial snapshot of messages before any changes
-  private initialSate: string | undefined;
+  private initialState: string | undefined;
+  private initialLength: number;
 
   constructor({
     id,
     version,
     api = "/api/chat",
     initialMessages = [],
-    initialInput = "",
-    mode = { type: "append" },
     sendExtraMessageFields,
     experimental_onFunctionCall,
     experimental_onToolCall,
@@ -278,7 +270,6 @@ export class ChatService {
     this.id = id;
     this.version = version;
     this.api = api;
-    this.mode = mode;
     this.sendExtraMessageFields = sendExtraMessageFields;
     this.experimental_onFunctionCall = experimental_onFunctionCall;
     this.experimental_onToolCall = experimental_onToolCall;
@@ -298,39 +289,50 @@ export class ChatService {
     this.abortController = new AbortController();
     this.generateId = generateId;
     this.fetch = fetch;
-    console.log("mode", mode);
-    if (mode.type === "edit" && !initialMessages[mode.index]) {
-      throw new Error(`Message to edit at index ${mode.index} not found`);
-    }
-    this.input = mode.type === "edit" ? initialMessages[mode.index].content : initialInput;
+    this.initialLength = initialMessages.length;
+
     $effect(() => {
       const currentState = JSON.stringify(this.messages);
-      // on startup, check cache for changes
-      if (!this.initialSate) {
-        this.initialSate = currentState;
-        const cachedState = localStorage.getItem(this.cacheKey);
-        if (cachedState) {
-          // if the last user message is empty, remove it
-          const messages = JSON.parse(cachedState);
-          const lastMessage = messages[messages.length - 1];
-          if (lastMessage.role === "user" && lastMessage.content.trim() === "") {
-            messages.pop();
-          }
-          this.messages = messages;
-          this.hasChanges = true;
-        }
-        return;
+      if (!this.initialState) {
+        this.initialState = currentState;
+        console.log("initialState", this.initialState);
+        this.tryLoadFromCache();
       }
       untrack(() => {
-        this.hasChanges = this.initialSate !== currentState;
-        if (this.hasChanges) {
+        // has edits if initial messages have been modified
+        this.hasEdits =
+          JSON.stringify(this.messages.slice(0, this.initialLength)) !== this.initialState;
+        if (this.hasEdits) {
+          console.log(
+            "has edits",
+            JSON.stringify(this.messages.slice(0, this.initialLength)),
+            this.initialState,
+          );
+        }
+        if (currentState !== this.initialState) {
           // cache changes to local storage
-          localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+          if (!this.isLoading) {
+            console.log("caching changes", currentState, this.initialState);
+            localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+          }
         }
       });
     });
   }
 
+  tryLoadFromCache() {
+    const cachedState = localStorage.getItem(this.cacheKey);
+    if (cachedState) {
+      // if the last user message is empty, remove it
+      const messages = JSON.parse(cachedState);
+      const lastMessage = messages[messages.length - 1];
+      if (lastMessage.role === "user" && lastMessage.content.trim() === "") {
+        messages.pop();
+      }
+      this.messages = messages;
+    }
+  }
+
   get key() {
     return `${this.api}|${this.id}`;
   }
@@ -435,30 +437,38 @@ export class ChatService {
     };
   }
 
-  submit(requestBody: Record<string, any>) {
-    if (this.mode.type === "edit") {
-      return this.revise({ options: { body: requestBody } });
-    } else {
-      const inputContent = this.input;
-      const inputAttachments = this.attachments;
-      if (!inputContent) return;
-      this.input = "";
-      return this.append(
-        {
-          content: inputContent,
-          role: "user",
-          attachments: inputAttachments,
-        },
-        { options: { body: requestBody } },
-      );
-    }
+  submit(requestOptions: ChatRequestOptions = {}) {
+    return this.triggerRequest(this.createChatRequest(requestOptions));
+    // if (this.mode.type === "edit") {
+    //   return this.revise({ options: { body: requestBody } });
+    // } else {
+    //   const inputContent = this.input;
+    //   const inputAttachments = this.attachments;
+    //   if (!inputContent) return;
+    //   this.input = "";
+    //   return this.append(
+    //     {
+    //       content: inputContent,
+    //       role: "user",
+    //       attachments: inputAttachments,
+    //     },
+    //     { options: { body: requestBody } },
+    //   );
+    // }
   }
 
-  resetChanges() {
-    localStorage.removeItem(this.cacheKey);
-    this.initialSate = JSON.stringify(this.messages);
-    this.hasChanges = false;
-  }
+  handleOnFinish = (message: ChatMessage) => {
+    if (this.onFinish) {
+      try {
+        this.onFinish(message as ChatMessage);
+        // clear cache
+        localStorage.removeItem(this.cacheKey);
+      } catch (e: unknown) {
+        console.error(e);
+        this.onError && this.onError(e instanceof Error ? e : new Error("Unknown error"));
+      }
+    }
+  };
 
   get cacheKey() {
     return `chat-${this.id}-v${this.version}`;
@@ -496,7 +506,7 @@ export class ChatService {
             this.abortController,
             this.generateId,
             this.streamMode,
-            this.onFinish,
+            this.handleOnFinish,
             this.onResponse,
             this.sendExtraMessageFields,
             this.fetch,
diff --git a/src/routes/(app)/$data.ts b/src/routes/(app)/$data.ts
index d6df272..4bc90f0 100644
--- a/src/routes/(app)/$data.ts
+++ b/src/routes/(app)/$data.ts
@@ -6,10 +6,17 @@ import { invalidate } from "$app/navigation";
 
 export async function newChat() {
   const id = nanoid(10);
-  await useDb().insert(chatTable).values({
-    id: id,
-    name: "Untitled",
-    prompt: "",
+  await useDb().transaction(async (tx) => {
+    await tx.insert(chatTable).values({
+      id: id,
+      name: "Untitled",
+      prompt: "",
+    });
+    await tx.insert(revisionTable).values({
+      id: nanoid(10),
+      version: 1,
+      chatId: id,
+    });
   });
   await invalidate("view:chats");
   return id;
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index f8c0b25..f9b6bb1 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -7,7 +7,7 @@ import {
   getLatestRevision,
   getModelService,
   createRevision,
-  appendMessage,
+  appendMessages,
   createRevision,
   isTab,
   tabRouteId,
@@ -216,7 +216,7 @@ describe("appendMessage", () => {
       content: "New message content",
       revisionId: "revision2",
     };
-    await appendMessage(message, []);
+    await appendMessages(message, []);
 
     const messages = await db.query.messageTable.findMany({
       where: eq(schema.messageTable.revisionId, "revision2"),
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 7fa7332..5b998c6 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -148,39 +148,38 @@ export async function interpolateDocuments(prompt: string) {
   return interpolatedPrompt;
 }
 
-export async function appendMessage(
-  message: Omit<InsertMessage, "index" | "createdAt">,
-  attachments: MessageAttachment[] = [],
-) {
+export async function appendMessages(revisionId: string, messages: ChatMessage[]) {
   try {
     return await useDb().transaction(async (tx) => {
-      await tx
-        .insert(messageTable)
-        .values({
-          id: message.id,
-          revisionId: message.revisionId,
-          role: message.role,
-          content: message.content,
-          index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, message.revisionId)})`,
-        })
-        .execute();
-      for (const attachment of attachments) {
-        const documentId = attachment.id;
+      for (const message of messages) {
         await tx
-          .insert(documentTable)
+          .insert(messageTable)
           .values({
-            id: documentId,
-            type: attachment.type,
-            name: `Pasted ${new Date().toLocaleString()}`,
-            description: "",
-            content: attachment.content,
+            id: message.id,
+            revisionId,
+            role: message.role,
+            content: message.content,
+            index: sql`(SELECT COUNT(id) FROM ${messageTable} WHERE ${eq(messageTable.revisionId, revisionId)})`,
           })
           .execute();
-        await tx.insert(attachmentTable).values({
-          id: nanoid(10),
-          documentId,
-          messageId: message.id,
-        });
+        for (const attachment of message.attachments) {
+          const documentId = attachment.id;
+          await tx
+            .insert(documentTable)
+            .values({
+              id: documentId,
+              type: attachment.type,
+              name: `Pasted ${new Date().toLocaleString()}`,
+              description: "",
+              content: attachment.content,
+            })
+            .execute();
+          await tx.insert(attachmentTable).values({
+            id: nanoid(10),
+            documentId,
+            messageId: message.id,
+          });
+        }
       }
     });
   } catch (e) {
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 08a8af0..0cbb9c8 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -4,7 +4,7 @@
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
   import {
-    appendMessage,
+    appendMessages,
     createRevision,
     getModelService,
     type RevisionView,
@@ -16,29 +16,42 @@
   import { nanoid } from "nanoid";
   import RobotLoader from "@/components/RobotLoader.svelte";
   import { AutoScroller } from "$lib/auto-scroller";
+  import { goto } from "$app/navigation";
+  import { route } from "$lib/route";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision?: RevisionView;
+    revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
   let autoScroller = new AutoScroller();
-  let saveAsNewRevision = $state(false);
+  let saveLength = $state(revision.messages.length);
 
   let chatService = new ChatService({
     id: chat.id,
-    version: revision ? revision.version : 1,
-    initialMessages: revision ? revision.messages.map(toChatMessage) : [],
+    version: revision.version,
+    initialMessages: revision.messages.map(toChatMessage),
     onLoading: () => {
       autoScroller.onLoading();
     },
     onError: (e) => {
       toast.error(e.message);
     },
-    onFinish: (message) => {
-      console.log("onFinish", chatService.hasChanges);
-      appendMessage({ ...message, revisionId: revision!.id }, message.attachments);
-      chatService.resetChanges();
+    onFinish: async (message) => {
+      if (chatService.hasEdits) {
+        console.log("onFinish", "Creating new revision");
+        // save as new revision
+        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+        if (!newRevision) {
+          return toast.error("Failed to create revision");
+        }
+        await goto(route(`/chat/[id]`, { id: chat.id, $query: { version: newRevision.version } }));
+      } else {
+        console.log("onFinish", "Appending to existing revision");
+        const unsaved = chatService.messages.slice(saveLength);
+        await appendMessages(revision.id, unsaved);
+        saveLength = chatService.messages.length;
+      }
     },
     onMessageUpdate: (messages) => {
       autoScroller.onMessageUpdate();
@@ -57,30 +70,32 @@
     }
     if (!revision) {
       revision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-    } else if (chatService.hasChanges) {
-      saveAsNewRevision = true;
     }
     if (!revision) {
       toast.error("Failed to create revision");
       return false;
     }
-    await appendMessage(
-      { id: nanoid(10), role: "user", content: value, revisionId: revision.id },
+    chatService.messages.push({
+      id: nanoid(10),
+      role: "user",
+      content: value,
       attachments,
-    );
-    chatService.input = value;
-    chatService.attachments = attachments;
-    chatService.submit({
-      providerId: model.service.providerId,
-      modelName: model.name,
-      baseURL: model.service.baseURL,
-      apiKey: model.service.apiKey,
+    });
+    await chatService.submit({
+      options: {
+        body: {
+          providerId: model.service.providerId,
+          modelName: model.name,
+          baseURL: model.service.baseURL,
+          apiKey: model.service.apiKey,
+        },
+      },
     });
     return true;
   }
 </script>
 
-<ChatTitlebar {chat} {revision} tab="chat" unsavedChanges={chatService.hasChanges} />
+<ChatTitlebar {chat} {revision} tab="chat" unsavedChanges={chatService.hasEdits} />
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4 pt-0">
     {#each chatService.messages as message, index (message.id)}
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 7fdf20d..11182e0 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -1,6 +1,12 @@
 <script lang="ts">
   import MessageCard from "../MessageCard.svelte";
-  import { createRevision, getModelService, type RevisionView, toChatMessage } from "../$data";
+  import {
+    appendMessages,
+    createRevision,
+    getModelService,
+    type RevisionView,
+    toChatMessage,
+  } from "../$data";
   import { store } from "$lib/store.svelte";
   import { ChatService } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
@@ -14,17 +20,19 @@
   import { PlusIcon, ReplyIcon, SquarePlusIcon } from "lucide-svelte";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
   import MessageEditor from "../MessageEditor.svelte";
-  import { tick } from "svelte";
+  import { onMount, tick } from "svelte";
   import MessageMarkdown from "./MessageMarkdown.svelte";
   import { getClipboardContent } from "$lib/clipboard";
   import { cn } from "$lib/cn";
   import MessageDivider from "./MessageDivider.svelte";
+  import { route } from "$lib/route";
 
   type Props = {
     chat: Chat & { revisions: Revision[] };
-    revision?: RevisionView;
+    revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
+  let saveLength = $state(revision.messages.length);
   let autoScroller = new AutoScroller(true);
   let messagesContainer: HTMLDivElement;
   let highlightedForRemoval = $state<Record<number, boolean>>({});
@@ -32,10 +40,7 @@
   let chatService = new ChatService({
     id: chat.id,
     version: revision ? revision.version : 1,
-    initialMessages:
-      revision && revision.messages.length
-        ? revision.messages.map(toChatMessage)
-        : [{ id: nanoid(10), role: "user", content: "", attachments: [] }],
+    initialMessages: revision.messages.map(toChatMessage),
     onLoading: () => {
       autoScroller.onLoading();
     },
@@ -43,15 +48,21 @@
       toast.error(e.message);
     },
     onFinish: async (message) => {
-      console.log("onFinish", message);
-      const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-      if (!newRevision) {
-        return toast.error("Failed to create revision");
-      }
-      if (revision) {
-        await goto(`/chat/${chat.id}/revise/?version=${newRevision.version}`, { noScroll: true });
+      if (chatService.hasEdits) {
+        console.log("onFinish", "Creating new revision");
+        // save as new revision
+        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+        if (!newRevision) {
+          return toast.error("Failed to create revision");
+        }
+        await goto(
+          route(`/chat/[id]/revise`, { id: chat.id, $query: { version: newRevision.version } }),
+        );
       } else {
-        chatService.resetChanges();
+        console.log("onFinish", "Appending to existing revision");
+        const unsaved = chatService.messages.slice(saveLength);
+        await appendMessages(revision.id, unsaved);
+        saveLength = chatService.messages.length;
       }
     },
     onMessageUpdate: () => {
@@ -74,14 +85,29 @@
       toast.error("Selected model not found");
       return;
     }
-    return chatService.revise({
-      providerId: model.service.providerId,
-      modelName: model.name,
-      baseURL: model.service.baseURL,
-      apiKey: model.service.apiKey,
+    return chatService.submit({
+      options: {
+        body: {
+          providerId: model.service.providerId,
+          modelName: model.name,
+          baseURL: model.service.baseURL,
+          apiKey: model.service.apiKey,
+        },
+      },
     });
   }
 
+  onMount(() => {
+    if (chatService.messages.length === 0) {
+      chatService.messages.push({
+        id: nanoid(10),
+        role: "user",
+        content: "",
+        attachments: [],
+      });
+    }
+  });
+
   async function handlePaste(index: number) {
     const clip = await getClipboardContent();
     if (clip.error !== null) {
@@ -141,13 +167,13 @@
   {revision}
   tab="revise"
   onRunClick={handleSubmit}
-  unsavedChanges={chatService.hasChanges}
+  unsavedChanges={chatService.hasEdits}
 />
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
   <div class="flex flex-col overflow-y-auto" bind:this={messagesContainer}>
     <MessageDivider
       index={-1}
-      warning={chatService.messages[0].role !== "user"
+      warning={chatService.messages.length > 0 && chatService.messages[0].role !== "user"
         ? "Some AI providers (e.g. Anthropic) require the first message to be a user message"
         : ""}
       {handleInsertMessage}

From dea90aacd56860f040698524c1d9f2417861fedd Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 15:56:36 +1000
Subject: [PATCH 67/98] Use editor event to update content instead of bind

---
 src/database/seed.ts                          | 13 ++------
 src/routes/(app)/$data.ts                     |  1 -
 src/routes/(app)/+layout.ts                   | 31 ++++++++++---------
 src/routes/(app)/Menu.svelte                  |  3 +-
 src/routes/(app)/chat/[id]/+layout.ts         | 18 +++--------
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  1 +
 src/routes/(app)/chat/[id]/MessageCard.svelte | 13 +++++---
 .../(app)/chat/[id]/MessageEditor.svelte      | 11 +++----
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  5 ++-
 9 files changed, 43 insertions(+), 53 deletions(-)

diff --git a/src/database/seed.ts b/src/database/seed.ts
index ef6367b..2473404 100644
--- a/src/database/seed.ts
+++ b/src/database/seed.ts
@@ -1,15 +1,6 @@
-import { chatTable } from "@/database/schema";
-import { useDb } from "@/database/client";
-import { nanoid } from "nanoid";
+import { newChat } from "../routes/(app)/$data";
 
 export function seed() {
   // create first chat
-  return useDb().transaction(async (tx) => {
-    await tx.insert(chatTable).values({
-      id: nanoid(10),
-      name: "Untitled",
-      prompt: "",
-      createdAt: new Date().toISOString(),
-    });
-  });
+  return newChat();
 }
diff --git a/src/routes/(app)/$data.ts b/src/routes/(app)/$data.ts
index 4bc90f0..d06adb1 100644
--- a/src/routes/(app)/$data.ts
+++ b/src/routes/(app)/$data.ts
@@ -18,7 +18,6 @@ export async function newChat() {
       chatId: id,
     });
   });
-  await invalidate("view:chats");
   return id;
 }
 
diff --git a/src/routes/(app)/+layout.ts b/src/routes/(app)/+layout.ts
index 1b6cf36..90d8de3 100644
--- a/src/routes/(app)/+layout.ts
+++ b/src/routes/(app)/+layout.ts
@@ -9,27 +9,30 @@ let migrated = false;
 
 export async function load({ depends }) {
   exposeDb();
-  try {
-    // only run migrations once
-    if (!migrated) {
-      const { runMigrations } = await import("@/database/migrator");
-      console.log("Migrating database");
-      await runMigrations();
-      await useDb().run(sql.raw("PRAGMA foreign_keys=on;"));
-      console.log("Migration complete");
-      migrated = true;
-    }
-  } catch (err) {
-    console.error(err);
-  }
+  await runMigrations();
   const chats = await useDb().query.chatTable.findMany({
     // limit: 10,
     orderBy: [desc(chatTable.createdAt)],
   });
-  console.log("chats", chats);
   registerModel(chatTable, chats, depends);
   depends("view:chats");
   return {
     chats,
   };
 }
+
+async function runMigrations() {
+  if (migrated) {
+    return;
+  }
+  try {
+    const { runMigrations } = await import("@/database/migrator");
+    console.log("Migrating database");
+    await runMigrations();
+    await useDb().run(sql.raw("PRAGMA foreign_keys=on;"));
+    console.log("Migration complete");
+    migrated = true;
+  } catch (err) {
+    console.error(err);
+  }
+}
diff --git a/src/routes/(app)/Menu.svelte b/src/routes/(app)/Menu.svelte
index 247a6da..6bafddc 100644
--- a/src/routes/(app)/Menu.svelte
+++ b/src/routes/(app)/Menu.svelte
@@ -5,7 +5,7 @@
   import * as Dialog from "@/components/ui/dialog/index";
   import { page } from "$app/stores";
   import { cn } from "$lib/cn";
-  import { goto } from "$app/navigation";
+  import { goto, invalidate } from "$app/navigation";
   import DeleteDialog from "@/components/DeleteDialog.svelte";
   import PersistenceAlert from "@/components/PersistenceAlert.svelte";
   import { type Chat } from "@/database";
@@ -36,6 +36,7 @@
     variant="outline"
     onclick={async () => {
       const id = await newChat();
+      await invalidate("view:chats");
       await goto(route(`/chat/[id]`, { id }));
     }}
   >
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index 5544876..48c5970 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -47,20 +47,12 @@ export async function load({ route, url, params, depends }) {
   const services = await loadServices();
   registerModel(serviceTable, services, depends);
 
-  const version = url.searchParams.get("version");
-  let revision: RevisionView | undefined;
-  if (version) {
-    const result = await getRevision(params.id, parseInt(version));
-    if (!result) {
-      return error(404, `Revision ${version} not found`);
-    }
-    revision = result;
-  } else {
-    revision = await getLatestRevision(params.id);
-  }
-  if (revision) {
-    registerModel(revisionTable, revision, depends);
+  const version = url.searchParams.get("version") || "1";
+  const revision = await getRevision(params.id, parseInt(version));
+  if (!revision) {
+    return error(404, `Revision ${version} not found`);
   }
+  registerModel(revisionTable, revision, depends);
   depends("view:messages");
   depends("view:chat");
   return { chat, services, tab, revision, version };
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 0cbb9c8..1ccc9b5 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -24,6 +24,7 @@
     revision: RevisionView;
   };
   let { chat, revision }: Props = $props();
+  console.log("ChatPage", chat, revision);
   let autoScroller = new AutoScroller();
   let saveLength = $state(revision.messages.length);
 
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 50037e9..ffbdaee 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -1,15 +1,13 @@
 <script lang="ts">
   import { cn } from "$lib/cn.js";
   import MessageMarkdown from "./revise/MessageMarkdown.svelte";
-  import { Card, CardContent, CardHeader } from "@/components/ui/card/index.js";
+  import { Card, CardContent } from "@/components/ui/card/index.js";
   import Attachment from "./Attachment.svelte";
   import type { ChatMessage } from "$lib/chat-service.svelte";
   import MessageEditor from "./MessageEditor.svelte";
   import { Button } from "@/components/ui/button";
-  import { FilePlus2Icon, PlusIcon, Trash, Trash2Icon, TrashIcon, UploadIcon } from "lucide-svelte";
-  import { toast } from "svelte-french-toast";
+  import { FilePlus2Icon, Trash2Icon } from "lucide-svelte";
   import AttachmentControls from "./AttachmentControls.svelte";
-  import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
 
   type Props = {
     index: number;
@@ -103,7 +101,12 @@
   {/if}
   <CardContent class={cn("p-4", editable && "pt-0")}>
     {#if editable}
-      <MessageEditor id={message.id} bind:content={message.content} onKeyPress={handleKeyPress} />
+      <MessageEditor
+        id={message.id}
+        content={message.content}
+        onChange={(content) => (message.content = content)}
+        onKeyPress={handleKeyPress}
+      />
     {:else if format === "markdown"}
       <MessageMarkdown content={message.content} />
     {:else}
diff --git a/src/routes/(app)/chat/[id]/MessageEditor.svelte b/src/routes/(app)/chat/[id]/MessageEditor.svelte
index d13a1bc..ffb8b59 100644
--- a/src/routes/(app)/chat/[id]/MessageEditor.svelte
+++ b/src/routes/(app)/chat/[id]/MessageEditor.svelte
@@ -18,15 +18,11 @@
   type Props = {
     id: string;
     content: string;
+    onChange: (content: string) => void;
     onKeyPress?: (event: KeyboardEvent) => boolean;
     placeholder?: string;
   };
-  let {
-    id,
-    content = $bindable(""),
-    onKeyPress,
-    placeholder = "Enter your message",
-  }: Props = $props();
+  let { id, content, onChange, onKeyPress, placeholder = "Enter your message" }: Props = $props();
   let showPlaceholder = $state(content === "");
 
   const config: CreateEditorArgs = {
@@ -62,7 +58,8 @@
     editor.registerUpdateListener(({ editorState }) => {
       editorState.read(() => {
         const root = getRoot();
-        content = root.getTextContent();
+        const content = root.getTextContent();
+        onChange && onChange(content);
         showPlaceholder = content === "";
       });
     });
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 11182e0..8338b1f 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -222,7 +222,10 @@
             {:else}
               <MessageEditor
                 id={chatService.messages[chatService.messages.length - 1].id}
-                bind:content={chatService.messages[chatService.messages.length - 1].content}
+                content={chatService.messages[chatService.messages.length - 1].content}
+                onChange={(content) => {
+                  chatService.messages[chatService.messages.length - 1].content = content;
+                }}
               />
             {/if}
           </div>

From 60111ec5981aea2fbcd92bc3089596b79403bd72 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 16:17:26 +1000
Subject: [PATCH 68/98] Replace last response when submitting in revise mode

---
 src/lib/chat-service.svelte.ts                | 37 ++++---------------
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  5 +++
 2 files changed, 13 insertions(+), 29 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index e0c7848..f6fd189 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -291,30 +291,24 @@ export class ChatService {
     this.fetch = fetch;
     this.initialLength = initialMessages.length;
 
+    this.initialState = JSON.stringify(this.messages);
+    this.tryLoadFromCache();
+
     $effect(() => {
       const currentState = JSON.stringify(this.messages);
-      if (!this.initialState) {
-        this.initialState = currentState;
-        console.log("initialState", this.initialState);
-        this.tryLoadFromCache();
-      }
       untrack(() => {
         // has edits if initial messages have been modified
         this.hasEdits =
           JSON.stringify(this.messages.slice(0, this.initialLength)) !== this.initialState;
-        if (this.hasEdits) {
-          console.log(
-            "has edits",
-            JSON.stringify(this.messages.slice(0, this.initialLength)),
-            this.initialState,
-          );
-        }
         if (currentState !== this.initialState) {
           // cache changes to local storage
           if (!this.isLoading) {
-            console.log("caching changes", currentState, this.initialState);
+            console.log("caching changes");
             localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
           }
+        } else {
+          // if no edits, remove the cache
+          localStorage.removeItem(this.cacheKey);
         }
       });
     });
@@ -323,6 +317,7 @@ export class ChatService {
   tryLoadFromCache() {
     const cachedState = localStorage.getItem(this.cacheKey);
     if (cachedState) {
+      console.log("Applying cached state", this.cacheKey);
       // if the last user message is empty, remove it
       const messages = JSON.parse(cachedState);
       const lastMessage = messages[messages.length - 1];
@@ -439,22 +434,6 @@ export class ChatService {
 
   submit(requestOptions: ChatRequestOptions = {}) {
     return this.triggerRequest(this.createChatRequest(requestOptions));
-    // if (this.mode.type === "edit") {
-    //   return this.revise({ options: { body: requestBody } });
-    // } else {
-    //   const inputContent = this.input;
-    //   const inputAttachments = this.attachments;
-    //   if (!inputContent) return;
-    //   this.input = "";
-    //   return this.append(
-    //     {
-    //       content: inputContent,
-    //       role: "user",
-    //       attachments: inputAttachments,
-    //     },
-    //     { options: { body: requestBody } },
-    //   );
-    // }
   }
 
   handleOnFinish = (message: ChatMessage) => {
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 8338b1f..9b4e5de 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -85,6 +85,11 @@
       toast.error("Selected model not found");
       return;
     }
+    // if last message is assistant, replace it with new response
+    const lastMessage = chatService.messages[chatService.messages.length - 1];
+    if (lastMessage && lastMessage.role === "assistant") {
+      chatService.messages.pop();
+    }
     return chatService.submit({
       options: {
         body: {

From 2a7b3e053f12b935c1ef836bc56267cdeac6539f Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 16:35:15 +1000
Subject: [PATCH 69/98] Explicitly signal to ChatService that changes were
 saved.

---
 src/lib/chat-service.svelte.ts                | 32 ++++---------------
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  1 +
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  1 +
 3 files changed, 8 insertions(+), 26 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index f6fd189..cab25c3 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -332,30 +332,12 @@ export class ChatService {
     return `${this.api}|${this.id}`;
   }
 
-  /**
-   * 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 chatRequestOptions Additional options to pass to the API call
-   */
-  append(
-    message: ChatMessage | CreateMessage,
-    requestOptions: ChatRequestOptions = {},
-  ): Promise<string | null | undefined> {
-    if (!message.id) {
-      message.id = this.generateId();
-    }
-    this.messages.push(message as ChatMessage);
-
-    return this.triggerRequest(this.createChatRequest(requestOptions));
-  }
-
-  revise(requestBody: Record<string, any>) {
-    if (this.messages[this.messages.length - 1].role === "assistant") {
-      this.messages.splice(-1);
-    }
-    console.log("revise", this.messages);
-    return this.triggerRequest(this.createChatRequest({ options: { body: requestBody } }));
+  markAsSaved() {
+    // clear cache
+    localStorage.removeItem(this.cacheKey);
+    // reset initial state
+    this.initialLength = this.messages.length;
+    this.initialState = JSON.stringify(this.messages);
   }
 
   /**
@@ -440,8 +422,6 @@ export class ChatService {
     if (this.onFinish) {
       try {
         this.onFinish(message as ChatMessage);
-        // clear cache
-        localStorage.removeItem(this.cacheKey);
       } catch (e: unknown) {
         console.error(e);
         this.onError && this.onError(e instanceof Error ? e : new Error("Unknown error"));
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 1ccc9b5..fd2300d 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -53,6 +53,7 @@
         await appendMessages(revision.id, unsaved);
         saveLength = chatService.messages.length;
       }
+      chatService.markAsSaved();
     },
     onMessageUpdate: (messages) => {
       autoScroller.onMessageUpdate();
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 9b4e5de..fb2ca15 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -64,6 +64,7 @@
         await appendMessages(revision.id, unsaved);
         saveLength = chatService.messages.length;
       }
+      chatService.markAsSaved();
     },
     onMessageUpdate: () => {
       autoScroller.onMessageUpdate();

From cfab4e74ec553b01e78063db0ee8e973379a303f Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 20:18:42 +1000
Subject: [PATCH 70/98] Separate ChatService onFinished into onAppend
 onRevision

---
 src/lib/chat-service.svelte.ts                | 39 +++++++++++--------
 .../(app)/chat/[id]/AttachmentControls.svelte |  2 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 30 +++++++-------
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 32 +++++++--------
 4 files changed, 55 insertions(+), 48 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index cab25c3..012c615 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -13,6 +13,10 @@ import { callChatApi, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
 import { toTitleCase } from "$lib/string";
 import { untrack } from "svelte";
+import { appendMessages, createRevision } from "../routes/(app)/chat/[id]/$data";
+import { toast } from "svelte-french-toast";
+import { goto } from "$app/navigation";
+import { route } from "$lib/route";
 
 // todo remove tool and function calling until the library is stable and we need it
 
@@ -96,13 +100,13 @@ export type ChatOptions = {
    */
   onLoading?: () => void;
   /**
-   * Callback function to be called when the API response is received.
+   * Callback function to be called when response should append to the current revision
    */
-  onResponse?: (response: Response) => void | Promise<void>;
+  onAppend?: () => void;
   /**
-   * Callback function to be called when the chat is finished streaming.
+   * Callback function to be called when response should create a new revision
    */
-  onFinish?: (message: ChatMessage) => void;
+  onRevision?: () => void;
   /**
    * Callback function to be called when an error is encountered.
    */
@@ -235,8 +239,8 @@ export class ChatService {
   private experimental_onToolCall: ToolCallHandler | undefined;
   private streamMode: "stream-data" | "text" | undefined;
   private onLoading: (() => void) | undefined;
-  private onResponse: ((response: Response) => void | Promise<void>) | undefined;
-  private onFinish: ((message: ChatMessage) => void) | undefined;
+  private onAppend: (() => void) | undefined;
+  private onRevision: (() => void) | undefined;
   private onError: ((error: Error) => void) | undefined;
   private onMessageUpdate: ((messages: ChatMessage[]) => void) | undefined;
   private credentials: RequestCredentials | undefined;
@@ -257,8 +261,8 @@ export class ChatService {
     experimental_onToolCall,
     streamMode,
     onLoading,
-    onResponse,
-    onFinish,
+    onAppend,
+    onRevision,
     onError,
     onMessageUpdate,
     credentials,
@@ -275,8 +279,8 @@ export class ChatService {
     this.experimental_onToolCall = experimental_onToolCall;
     this.streamMode = streamMode;
     this.onLoading = onLoading;
-    this.onResponse = onResponse;
-    this.onFinish = onFinish;
+    this.onAppend = onAppend;
+    this.onRevision = onRevision;
     this.onError = onError;
     this.onMessageUpdate = onMessageUpdate;
     this.credentials = credentials;
@@ -419,12 +423,13 @@ export class ChatService {
   }
 
   handleOnFinish = (message: ChatMessage) => {
-    if (this.onFinish) {
-      try {
-        this.onFinish(message as ChatMessage);
-      } catch (e: unknown) {
-        console.error(e);
-        this.onError && this.onError(e instanceof Error ? e : new Error("Unknown error"));
+    if (this.hasEdits) {
+      if (this.onRevision) {
+        this.onRevision();
+      }
+    } else {
+      if (this.onAppend) {
+        this.onAppend();
       }
     }
   };
@@ -466,7 +471,7 @@ export class ChatService {
             this.generateId,
             this.streamMode,
             this.handleOnFinish,
-            this.onResponse,
+            () => {},
             this.sendExtraMessageFields,
             this.fetch,
           ),
diff --git a/src/routes/(app)/chat/[id]/AttachmentControls.svelte b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
index 340dc65..817b516 100644
--- a/src/routes/(app)/chat/[id]/AttachmentControls.svelte
+++ b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
@@ -8,7 +8,7 @@
   let { onPaste = () => {} }: Props = $props();
 </script>
 
-<div class="flex items-center justify-start gap-2">
+<div class="flex items-center justify-start gap-2 pb-1">
   <!--  <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>-->
   <!--    <HardDriveUpload class="mr-2 h-4 w-4" />-->
   <!--    Browse-->
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index fd2300d..3371c92 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -38,21 +38,23 @@
     onError: (e) => {
       toast.error(e.message);
     },
-    onFinish: async (message) => {
-      if (chatService.hasEdits) {
-        console.log("onFinish", "Creating new revision");
-        // save as new revision
-        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-        if (!newRevision) {
-          return toast.error("Failed to create revision");
-        }
-        await goto(route(`/chat/[id]`, { id: chat.id, $query: { version: newRevision.version } }));
-      } else {
-        console.log("onFinish", "Appending to existing revision");
-        const unsaved = chatService.messages.slice(saveLength);
-        await appendMessages(revision.id, unsaved);
-        saveLength = chatService.messages.length;
+    onAppend: async () => {
+      console.log("onAppend", "Appending to existing revision");
+      const unsaved = chatService.messages.slice(saveLength);
+      await appendMessages(revision.id, unsaved);
+      saveLength = chatService.messages.length;
+      chatService.markAsSaved();
+    },
+    onRevision: async () => {
+      console.log("onRevision", "Creating new revision");
+      // save as new revision
+      const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+      if (!newRevision) {
+        return toast.error("Failed to create revision");
       }
+      await goto(
+        route(`/chat/[id]/revise`, { id: chat.id, $query: { version: newRevision.version } }),
+      );
       chatService.markAsSaved();
     },
     onMessageUpdate: (messages) => {
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index fb2ca15..21a3123 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -47,23 +47,23 @@
     onError: (e) => {
       toast.error(e.message);
     },
-    onFinish: async (message) => {
-      if (chatService.hasEdits) {
-        console.log("onFinish", "Creating new revision");
-        // save as new revision
-        const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
-        if (!newRevision) {
-          return toast.error("Failed to create revision");
-        }
-        await goto(
-          route(`/chat/[id]/revise`, { id: chat.id, $query: { version: newRevision.version } }),
-        );
-      } else {
-        console.log("onFinish", "Appending to existing revision");
-        const unsaved = chatService.messages.slice(saveLength);
-        await appendMessages(revision.id, unsaved);
-        saveLength = chatService.messages.length;
+    onAppend: async () => {
+      console.log("onAppend", "Appending to existing revision");
+      const unsaved = chatService.messages.slice(saveLength);
+      await appendMessages(revision.id, unsaved);
+      saveLength = chatService.messages.length;
+      chatService.markAsSaved();
+    },
+    onRevision: async () => {
+      console.log("onRevision", "Creating new revision");
+      // save as new revision
+      const newRevision = await createRevision(chat.id, $state.snapshot(chatService.messages));
+      if (!newRevision) {
+        return toast.error("Failed to create revision");
       }
+      await goto(
+        route(`/chat/[id]/revise`, { id: chat.id, $query: { version: newRevision.version } }),
+      );
       chatService.markAsSaved();
     },
     onMessageUpdate: () => {

From 419f847cfd3866c39e55d5e3115ffbba8fb49f26 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 20:26:40 +1000
Subject: [PATCH 71/98] Get latest revision version if no version specified

---
 src/routes/(app)/chat/[id]/$data.ts   | 8 ++++++--
 src/routes/(app)/chat/[id]/+layout.ts | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 5b998c6..9304fb8 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -56,9 +56,12 @@ export function toChatMessage(message: RevisionView["messages"][number]): ChatMe
   };
 }
 
-export function getRevision(chatId: string, version: number) {
+export function getRevision(chatId: string, version: number | null) {
   return useDb().query.revisionTable.findFirst({
-    where: and(eq(revisionTable.chatId, chatId), eq(revisionTable.version, version)),
+    where:
+      version !== null
+        ? and(eq(revisionTable.chatId, chatId), eq(revisionTable.version, version))
+        : eq(revisionTable.chatId, chatId),
     with: {
       messages: {
         with: {
@@ -70,6 +73,7 @@ export function getRevision(chatId: string, version: number) {
         },
       },
     },
+    orderBy: [desc(revisionTable.version)],
   });
 }
 
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index 48c5970..84ecf63 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -47,8 +47,8 @@ export async function load({ route, url, params, depends }) {
   const services = await loadServices();
   registerModel(serviceTable, services, depends);
 
-  const version = url.searchParams.get("version") || "1";
-  const revision = await getRevision(params.id, parseInt(version));
+  const version = Number(url.searchParams.get("version")) || null;
+  const revision = await getRevision(params.id, version);
   if (!revision) {
     return error(404, `Revision ${version} not found`);
   }

From 8944d9a25aff19e4e30ae621582185553815a2f1 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 20:42:16 +1000
Subject: [PATCH 72/98] Fix tests

---
 src/routes/(app)/$data.test.ts           | 6 ++----
 src/routes/(app)/$data.ts                | 8 ++++----
 src/routes/(app)/chat/[id]/$data.test.ts | 4 ++--
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index 265a635..8d4ef90 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -87,7 +87,7 @@ describe("(app)/$data", () => {
 
   describe("newChat", () => {
     it("should create a new chat", async () => {
-      vi.mocked(nanoid).mockReturnValueOnce("newChatId");
+      vi.mocked(nanoid).mockReturnValueOnce("newChatId").mockReturnValueOnce("newRevisionId");
 
       const newChatId = await newChat();
       expect(newChatId).toBe("newChatId");
@@ -101,8 +101,6 @@ describe("(app)/$data", () => {
         prompt: "",
         createdAt: expect.any(String),
       });
-
-      expect(vi.mocked(invalidate)).toHaveBeenCalledWith("view:chats");
     });
   });
 
@@ -130,7 +128,7 @@ describe("(app)/$data", () => {
     });
 
     it("should create a new chat if no chats remain", async () => {
-      vi.mocked(nanoid).mockReturnValueOnce("newChatId");
+      vi.mocked(nanoid).mockReturnValueOnce("newChatId").mockReturnValueOnce("newRevisionId");
       await db.delete(schema.chatTable);
 
       const nextChatId = await removeChat("non-existent-chat");
diff --git a/src/routes/(app)/$data.ts b/src/routes/(app)/$data.ts
index d06adb1..89dee88 100644
--- a/src/routes/(app)/$data.ts
+++ b/src/routes/(app)/$data.ts
@@ -5,20 +5,20 @@ import { nanoid } from "nanoid";
 import { invalidate } from "$app/navigation";
 
 export async function newChat() {
-  const id = nanoid(10);
+  const chatId = nanoid(10);
   await useDb().transaction(async (tx) => {
     await tx.insert(chatTable).values({
-      id: id,
+      id: chatId,
       name: "Untitled",
       prompt: "",
     });
     await tx.insert(revisionTable).values({
       id: nanoid(10),
       version: 1,
-      chatId: id,
+      chatId: chatId,
     });
   });
-  return id;
+  return chatId;
 }
 
 export async function removeChat(chatId: string) {
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index f9b6bb1..969fddf 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -214,9 +214,9 @@ describe("appendMessage", () => {
       id: "new-message",
       role: "user",
       content: "New message content",
-      revisionId: "revision2",
+      attachments: [],
     };
-    await appendMessages(message, []);
+    await appendMessages("revision2", [message]);
 
     const messages = await db.query.messageTable.findMany({
       where: eq(schema.messageTable.revisionId, "revision2"),

From f358204c300f6c7399d9feb2aee090f31188b7ae Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 20:55:18 +1000
Subject: [PATCH 73/98] Update ChatService tests Remove Unused codemirror
 imports Update Svelte5 version

---
 package.json                               |   2 +-
 pnpm-lock.yaml                             | 136 +++++------
 src/lib/chat-service.svelte.ts             |  36 ++-
 src/routes/(app)/document/Form.svelte      |  16 +-
 src/routes/(app)/document/new/+page.svelte |  11 -
 test/chat-service/chat-service.test.ts     | 270 ++++-----------------
 6 files changed, 136 insertions(+), 335 deletions(-)

diff --git a/package.json b/package.json
index b42df23..165dad8 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.2.3",
     "prettier-plugin-tailwindcss": "^0.5.14",
-    "svelte": "^5.0.0-next.1",
+    "svelte": "^5.0.0-next.201",
     "svelte-check": "^3.6.0",
     "tailwindcss": "^3.4.3",
     "tslib": "^2.4.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4399337..1ce476d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,10 +40,10 @@ importers:
         version: 0.16.1
       ai:
         specifier: ^3.1.12
-        version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.123)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6)
+        version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.201)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6)
       bits-ui:
         specifier: ^0.21.7
-        version: 0.21.7(svelte@5.0.0-next.123)
+        version: 0.21.7(svelte@5.0.0-next.201)
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
@@ -70,7 +70,7 @@ importers:
         version: 4.17.21
       lucide-svelte:
         specifier: ^0.378.0
-        version: 0.378.0(svelte@5.0.0-next.123)
+        version: 0.378.0(svelte@5.0.0-next.201)
       marked:
         specifier: ^12.0.1
         version: 12.0.2
@@ -91,7 +91,7 @@ importers:
         version: 0.2.2(filepond@4.31.1)
       svelte-french-toast:
         specifier: ^1.2.0
-        version: 1.2.0(svelte@5.0.0-next.123)
+        version: 1.2.0(svelte@5.0.0-next.201)
       tailwind-merge:
         specifier: ^2.3.0
         version: 2.3.0
@@ -107,25 +107,25 @@ importers:
         version: 4.20240502.0
       '@melt-ui/pp':
         specifier: ^0.3.1
-        version: 0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.123))(svelte@5.0.0-next.123)
+        version: 0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201))(svelte@5.0.0-next.201)
       '@melt-ui/svelte':
         specifier: ^0.77.0
-        version: 0.77.0(svelte@5.0.0-next.123)
+        version: 0.77.0(svelte@5.0.0-next.201)
       '@playwright/test':
         specifier: ^1.28.1
         version: 1.44.0
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
-        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))
+        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.4.0
-        version: 4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))
+        version: 4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))
       '@sveltejs/kit':
         specifier: ^2.0.0
-        version: 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+        version: 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.0.0
-        version: 3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+        version: 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       '@tailwindcss/typography':
         specifier: ^0.5.13
         version: 0.5.13(tailwindcss@3.4.3)
@@ -134,7 +134,7 @@ importers:
         version: 6.4.5(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
       '@testing-library/svelte':
         specifier: ^5.2.0
-        version: 5.2.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
+        version: 5.2.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
       '@types/better-sqlite3':
         specifier: ^7.6.11
         version: 7.6.11
@@ -167,16 +167,16 @@ importers:
         version: 3.2.5
       prettier-plugin-svelte:
         specifier: ^3.2.3
-        version: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123)
+        version: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201)
       prettier-plugin-tailwindcss:
         specifier: ^0.5.14
-        version: 0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123))(prettier@3.2.5)
+        version: 0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201))(prettier@3.2.5)
       svelte:
-        specifier: ^5.0.0-next.1
-        version: 5.0.0-next.123
+        specifier: ^5.0.0-next.201
+        version: 5.0.0-next.201
       svelte-check:
         specifier: ^3.6.0
-        version: 3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.123)
+        version: 3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)
       tailwindcss:
         specifier: ^3.4.3
         version: 3.4.3
@@ -3523,8 +3523,8 @@ packages:
     peerDependencies:
       svelte: ^3.2.1 || ^4.0.0-next.1 || ^5.0.0-next.94
 
-  svelte@5.0.0-next.123:
-    resolution: {integrity: sha512-EKdXcqT795J34V8TyyUO5ExI0amjeKBECA2t7Py8QeDTMgS9//pQElD0jKsCT/sfmKV4HEoOwf7sqPYINKEfUQ==}
+  svelte@5.0.0-next.201:
+    resolution: {integrity: sha512-gap0o+f0b5/TQYW5uOVUc3eVk75meSNdTrc9tTRALAg7YCzm8QaLqijBj5OkLaW9XKZFtarGrleRvC/fChk/Eg==}
     engines: {node: '>=18'}
 
   swr-store@0.10.6:
@@ -4540,14 +4540,14 @@ snapshots:
       '@lexical/table': 0.16.1
       lexical: 0.16.1
 
-  '@melt-ui/pp@0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.123))(svelte@5.0.0-next.123)':
+  '@melt-ui/pp@0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201))(svelte@5.0.0-next.201)':
     dependencies:
-      '@melt-ui/svelte': 0.77.0(svelte@5.0.0-next.123)
+      '@melt-ui/svelte': 0.77.0(svelte@5.0.0-next.201)
       estree-walker: 3.0.3
       magic-string: 0.30.10
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
-  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.123)':
+  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.201)':
     dependencies:
       '@floating-ui/core': 1.6.1
       '@floating-ui/dom': 1.6.4
@@ -4555,9 +4555,9 @@ snapshots:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.7
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
-  '@melt-ui/svelte@0.77.0(svelte@5.0.0-next.123)':
+  '@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201)':
     dependencies:
       '@floating-ui/core': 1.6.1
       '@floating-ui/dom': 1.6.4
@@ -4565,7 +4565,7 @@ snapshots:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.7
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
   '@mswjs/cookies@1.1.1': {}
 
@@ -4698,22 +4698,22 @@ snapshots:
 
   '@sqlite.org/sqlite-wasm@3.45.3-build1': {}
 
-  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))':
+  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))':
     dependencies:
-      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-cloudflare@4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))':
+  '@sveltejs/adapter-cloudflare@4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20240502.0
-      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       esbuild: 0.20.2
       worktop: 0.8.0-next.18
       wrangler: 3.53.1(@cloudflare/workers-types@4.20240502.0)
 
-  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -4725,28 +4725,28 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
       tiny-glob: 0.2.9
       vite: 5.2.11(@types/node@20.14.9)
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       debug: 4.3.4
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
       vite: 5.2.11(@types/node@20.14.9)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.10
-      svelte: 5.0.0-next.123
-      svelte-hmr: 0.16.0(svelte@5.0.0-next.123)
+      svelte: 5.0.0-next.201
+      svelte-hmr: 0.16.0(svelte@5.0.0-next.201)
       vite: 5.2.11(@types/node@20.14.9)
       vitefu: 0.2.5(vite@5.2.11(@types/node@20.14.9))
     transitivePeerDependencies:
@@ -4793,10 +4793,10 @@ snapshots:
     optionalDependencies:
       vitest: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
 
-  '@testing-library/svelte@5.2.0(svelte@5.0.0-next.123)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))':
+  '@testing-library/svelte@5.2.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))':
     dependencies:
       '@testing-library/dom': 10.3.0
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
     optionalDependencies:
       vite: 5.2.11(@types/node@20.14.9)
       vitest: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
@@ -5046,7 +5046,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  ai@3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.123)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6):
+  ai@3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.201)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6):
     dependencies:
       '@ai-sdk/provider': 0.0.5
       '@ai-sdk/provider-utils': 0.0.8(zod@3.23.6)
@@ -5056,7 +5056,7 @@ snapshots:
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
       solid-swr-store: 0.10.7(solid-js@1.8.17)(swr-store@0.10.6)
-      sswr: 2.0.0(svelte@5.0.0-next.123)
+      sswr: 2.0.0(svelte@5.0.0-next.201)
       swr: 2.2.0(react@18.3.1)
       swr-store: 0.10.6
       swrv: 1.0.4(vue@3.4.26(typescript@5.4.5))
@@ -5064,7 +5064,7 @@ snapshots:
     optionalDependencies:
       react: 18.3.1
       solid-js: 1.8.17
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
       vue: 3.4.26(typescript@5.4.5)
       zod: 3.23.6
 
@@ -5200,12 +5200,12 @@ snapshots:
     dependencies:
       file-uri-to-path: 1.0.0
 
-  bits-ui@0.21.7(svelte@5.0.0-next.123):
+  bits-ui@0.21.7(svelte@5.0.0-next.201):
     dependencies:
       '@internationalized/date': 3.5.3
-      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.123)
+      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.201)
       nanoid: 5.0.7
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
   bl@4.1.0:
     dependencies:
@@ -6315,9 +6315,9 @@ snapshots:
     dependencies:
       es5-ext: 0.10.64
 
-  lucide-svelte@0.378.0(svelte@5.0.0-next.123):
+  lucide-svelte@0.378.0(svelte@5.0.0-next.201):
     dependencies:
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
   lz-string@1.5.0: {}
 
@@ -6665,16 +6665,16 @@ snapshots:
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
 
-  prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123):
+  prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201):
     dependencies:
       prettier: 3.2.5
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
-  prettier-plugin-tailwindcss@0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123))(prettier@3.2.5):
+  prettier-plugin-tailwindcss@0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201))(prettier@3.2.5):
     dependencies:
       prettier: 3.2.5
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.123)
+      prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201)
 
   prettier@2.8.1:
     optional: true
@@ -7063,9 +7063,9 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  sswr@2.0.0(svelte@5.0.0-next.123):
+  sswr@2.0.0(svelte@5.0.0-next.201):
     dependencies:
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
       swrev: 4.0.0
 
   stackback@0.0.2: {}
@@ -7152,7 +7152,7 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.123):
+  svelte-check@3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -7160,8 +7160,8 @@ snapshots:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 5.0.0-next.123
-      svelte-preprocess: 5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.123)(typescript@5.4.5)
+      svelte: 5.0.0-next.201
+      svelte-preprocess: 5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)(typescript@5.4.5)
       typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -7178,33 +7178,33 @@ snapshots:
     dependencies:
       filepond: 4.31.1
 
-  svelte-french-toast@1.2.0(svelte@5.0.0-next.123):
+  svelte-french-toast@1.2.0(svelte@5.0.0-next.201):
     dependencies:
-      svelte: 5.0.0-next.123
-      svelte-writable-derived: 3.1.1(svelte@5.0.0-next.123)
+      svelte: 5.0.0-next.201
+      svelte-writable-derived: 3.1.1(svelte@5.0.0-next.201)
 
-  svelte-hmr@0.16.0(svelte@5.0.0-next.123):
+  svelte-hmr@0.16.0(svelte@5.0.0-next.201):
     dependencies:
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
-  svelte-preprocess@5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.123)(typescript@5.4.5):
+  svelte-preprocess@5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)(typescript@5.4.5):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.10
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
     optionalDependencies:
       postcss: 8.4.38
       postcss-load-config: 4.0.2(postcss@8.4.38)
       typescript: 5.4.5
 
-  svelte-writable-derived@3.1.1(svelte@5.0.0-next.123):
+  svelte-writable-derived@3.1.1(svelte@5.0.0-next.201):
     dependencies:
-      svelte: 5.0.0-next.123
+      svelte: 5.0.0-next.201
 
-  svelte@5.0.0-next.123:
+  svelte@5.0.0-next.201:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 012c615..09e896a 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -13,10 +13,6 @@ import { callChatApi, processChatStream } from "@ai-sdk/ui-utils";
 import { nanoid } from "nanoid";
 import { toTitleCase } from "$lib/string";
 import { untrack } from "svelte";
-import { appendMessages, createRevision } from "../routes/(app)/chat/[id]/$data";
-import { toast } from "svelte-french-toast";
-import { goto } from "$app/navigation";
-import { route } from "$lib/route";
 
 // todo remove tool and function calling until the library is stable and we need it
 
@@ -298,22 +294,24 @@ export class ChatService {
     this.initialState = JSON.stringify(this.messages);
     this.tryLoadFromCache();
 
-    $effect(() => {
-      const currentState = JSON.stringify(this.messages);
-      untrack(() => {
-        // has edits if initial messages have been modified
-        this.hasEdits =
-          JSON.stringify(this.messages.slice(0, this.initialLength)) !== this.initialState;
-        if (currentState !== this.initialState) {
-          // cache changes to local storage
-          if (!this.isLoading) {
-            console.log("caching changes");
-            localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+    $effect.root(() => {
+      $effect(() => {
+        const currentState = JSON.stringify(this.messages);
+        untrack(() => {
+          // has edits if initial messages have been modified
+          this.hasEdits =
+            JSON.stringify(this.messages.slice(0, this.initialLength)) !== this.initialState;
+          if (currentState !== this.initialState) {
+            // cache changes to local storage
+            if (!this.isLoading) {
+              console.log("caching changes");
+              localStorage.setItem(this.cacheKey, JSON.stringify(this.messages));
+            }
+          } else {
+            // if no edits, remove the cache
+            localStorage.removeItem(this.cacheKey);
           }
-        } else {
-          // if no edits, remove the cache
-          localStorage.removeItem(this.cacheKey);
-        }
+        });
       });
     });
   }
diff --git a/src/routes/(app)/document/Form.svelte b/src/routes/(app)/document/Form.svelte
index a0fc93b..0e2a63e 100644
--- a/src/routes/(app)/document/Form.svelte
+++ b/src/routes/(app)/document/Form.svelte
@@ -2,19 +2,7 @@
   import { Button } from "@/components/ui/button";
   import { Input } from "@/components/ui/input";
   import { Label } from "@/components/ui/label";
-  import { EditorView } from "@codemirror/view";
-  import { markdown, markdownLanguage } from "@codemirror/lang-markdown";
-  import { languages } from "@codemirror/language-data";
-  import CodeMirror from "svelte-codemirror-editor";
-  import { nanoid } from "nanoid";
-
-  const extensions = [
-    EditorView.lineWrapping,
-    markdown({
-      base: markdownLanguage,
-      codeLanguages: languages,
-    }),
-  ];
+  import { Textarea } from "@/components/ui/textarea";
 
   type Props = {
     onSubmit: (e: any) => void;
@@ -46,7 +34,7 @@
   </div>
   <div class="space-y-2">
     <Label for="name">Content</Label>
-    <CodeMirror class="rounded border border-gray-200" bind:value={content} {extensions} />
+    <Textarea bind:value={content} />
   </div>
   <div class="space-y-2">
     <Button type="submit">Submit</Button>
diff --git a/src/routes/(app)/document/new/+page.svelte b/src/routes/(app)/document/new/+page.svelte
index 6a7612d..fd36259 100644
--- a/src/routes/(app)/document/new/+page.svelte
+++ b/src/routes/(app)/document/new/+page.svelte
@@ -1,7 +1,4 @@
 <script lang="ts">
-  import { EditorView } from "@codemirror/view";
-  import { markdown, markdownLanguage } from "@codemirror/lang-markdown";
-  import { languages } from "@codemirror/language-data";
   import { nanoid } from "nanoid";
   import { goto } from "$app/navigation";
   import Form from "../Form.svelte";
@@ -15,14 +12,6 @@
   let content = $state("");
   let description = $state("");
 
-  const extensions = [
-    EditorView.lineWrapping,
-    markdown({
-      base: markdownLanguage,
-      codeLanguages: languages,
-    }),
-  ];
-
   async function submit(e: any) {
     e.preventDefault();
     await useDb()
diff --git a/test/chat-service/chat-service.test.ts b/test/chat-service/chat-service.test.ts
index c93f4b5..03d3d8b 100644
--- a/test/chat-service/chat-service.test.ts
+++ b/test/chat-service/chat-service.test.ts
@@ -34,43 +34,13 @@ describe("ChatService", () => {
 
   beforeEach(() => {
     chatService = new ChatService({
+      id: "test-chat",
+      version: 1,
       api: "/api/chat",
       initialMessages: [],
     });
   });
 
-  it("should append input", async () => {
-    const message = "Hi there!";
-
-    // Set the input
-    chatService.input = message;
-
-    // Submit the message
-    await chatService.submit();
-
-    // Check if the message was added to the messages array
-    expect(chatService.messages[0]).toEqual(
-      expect.objectContaining({
-        role: "user",
-        content: message,
-      }),
-    );
-
-    // Wait for the response
-    await vi.waitUntil(() => chatService.messages.length === 2, { timeout: 1000 });
-
-    // Check if the assistant's response was added
-    expect(chatService.messages[1]).toEqual(
-      expect.objectContaining({
-        role: "assistant",
-        content: "Hello, world.",
-      }),
-    );
-
-    // Verify that loading state is reset
-    expect(chatService.isLoading).toBe(false);
-  });
-
   it("should handle errors correctly", async () => {
     // Use MSW to mock a server error for this specific test
     mockServer.use(
@@ -79,8 +49,6 @@ describe("ChatService", () => {
       }),
     );
 
-    chatService.input = "Trigger an error";
-
     await chatService.submit();
 
     // Wait for the error to be set
@@ -91,8 +59,12 @@ describe("ChatService", () => {
   });
 
   it("should abort ongoing requests when stop is called", async () => {
-    chatService.input = "Long running request";
-
+    chatService.messages.push({
+      id: "test-message",
+      role: "user",
+      content: "Long running request",
+      attachments: [],
+    });
     const submitPromise = chatService.submit();
     expect(chatService.messages.length).toBe(1);
 
@@ -107,134 +79,28 @@ describe("ChatService", () => {
     expect(chatService.messages.length).toBe(1); // Only the user message should be present
   });
 
-  it("should handle editing of previous messages", async () => {
-    // Initialize ChatService in edit mode
-    chatService = new ChatService({
-      api: "/api/chat",
-      initialMessages: [
-        { role: "user", content: "Hello", id: "1" },
-        { role: "assistant", content: "Hi there!", id: "2" },
-      ],
-      mode: { type: "edit", index: 0 },
-    });
-
-    // Set the new content for the edit
-    chatService.input = "Hello, how are you?";
-
-    // Trigger the edit
-    chatService.submit();
-
-    expect(chatService.messages).toHaveLength(1);
-
-    // Verify that the message was updated
-    expect(chatService.messages[0]).toEqual(
-      expect.objectContaining({
-        role: "user",
-        content: "Hello, how are you?",
-      }),
-    );
-
-    // Wait for the API call to complete
-    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
-
-    // Verify that the assistant message was updated
-    expect(chatService.messages[1]).toEqual(
-      expect.objectContaining({
-        role: "assistant",
-        content: "Hello, world.",
-      }),
-    );
-
-    // Verify that the loading state is reset
-    expect(chatService.isLoading).toBe(false);
-
-    // Verify that there are no errors
-    expect(chatService.error).toBeUndefined();
-
-    // Verify that messages after the edit were removed
-    expect(chatService.messages.length).toBe(2);
-  });
-
-  it("should reload the last assistant message", async () => {
-    // Initialize ChatService with some existing messages
-    chatService = new ChatService({
-      api: "/api/chat",
-      initialMessages: [
-        { role: "user", content: "Hello", id: "1" },
-        { role: "assistant", content: "Hi there!", id: "2" },
+  it("should handle multiple attachments of different types in chat request", async () => {
+    chatService.messages.push({
+      id: "test-message",
+      role: "user",
+      content: "Message with multiple attachments",
+      attachments: [
+        {
+          id: "test-attachment",
+          name: "Pasted",
+          type: "pasted",
+          content: "Pasted text content",
+          attributes: {},
+        },
+        {
+          id: "test-attachment2",
+          name: "Document",
+          type: "document",
+          content: "Document content",
+          attributes: { name: "example" },
+        },
       ],
     });
-
-    // Test reloading the last AI response
-    await chatService.reload();
-    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
-
-    expect(chatService.messages[0].content).toBe("Hello");
-    expect(chatService.messages[1].content).toBe("Hello, world.");
-    expect(chatService.error).toBeUndefined();
-
-    // Test reloading after a new user message
-    chatService.input = "New user message";
-    await chatService.submit();
-    await chatService.reload();
-    await vi.waitUntil(() => chatService.isLoading === false, { timeout: 1000 });
-
-    expect(chatService.messages[3].content).toBe("Hello, world.");
-    expect(chatService.error).toBeUndefined();
-  });
-
-  it("should append attachments to the message", async () => {
-    const message = "Hi there!";
-
-    // Set the input
-    chatService.input = message;
-    chatService.attachments = [
-      {
-        type: "pasted",
-        content: "This is a pasted attachment",
-        attributes: {},
-      },
-    ];
-
-    // Submit the message
-    await chatService.submit();
-
-    // Check if the message was added to the messages array
-    expect(chatService.messages[0]).toEqual(
-      expect.objectContaining({
-        role: "user",
-        content: message,
-        attachments: [
-          {
-            type: "pasted",
-            content: "This is a pasted attachment",
-            attributes: {},
-          },
-        ],
-      }),
-    );
-
-    // Wait for the response
-    await vi.waitUntil(() => chatService.messages.length === 2, { timeout: 1000 });
-
-    // Check if the assistant's response was added
-    expect(chatService.messages[1]).toEqual(
-      expect.objectContaining({
-        role: "assistant",
-        content: "Hello, world.",
-      }),
-    );
-
-    // Verify that loading state is reset
-    expect(chatService.isLoading).toBe(false);
-  });
-
-  it("should handle multiple attachments of different types in chat request", async () => {
-    chatService.input = "Message with multiple attachments";
-    chatService.attachments = [
-      { type: "pasted", content: "Pasted text content", attributes: {} },
-      { type: "document", content: "Document content", attributes: { name: "example" } },
-    ];
     await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
@@ -248,8 +114,14 @@ describe("ChatService", () => {
   });
 
   it("should handle empty attachments gracefully in chat request", async () => {
-    chatService.input = "Message with empty attachment";
-    chatService.attachments = [{ type: "pasted", content: "", attributes: {} }];
+    chatService.messages.push({
+      id: "test-message",
+      role: "user",
+      content: "Message with empty attachment",
+      attachments: [
+        { id: "test-attachment", type: "pasted", content: "", attributes: {}, name: "Pasted" },
+      ],
+    });
     await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
@@ -263,70 +135,24 @@ describe("ChatService", () => {
   });
 
   it("should handle attachments with special characters in chat request", async () => {
-    const specialContent = "Content with <tags> and \n newlines";
-    chatService.input = "Message with special characters";
-    chatService.attachments = [{ type: "pasted", content: specialContent, attributes: {} }];
-    await chatService.submit();
-
-    const chatRequest = chatService.createChatRequest();
-    expect(chatRequest.messages[0].content).toContain("&lt;tags&gt;");
-    expect(chatRequest.messages[0].content).toContain("\n newlines");
-
-    // Verify that the original message preserves unescaped content
-    expect(chatService.messages[0].content).toBe("Message with special characters");
-    expect(chatService.messages[0].attachments![0].content).toBe(specialContent);
-  });
-
-  it("should preserve attachments when editing messages", async () => {
-    chatService = new ChatService({
-      api: "/api/chat",
-      initialMessages: [
+    chatService.messages.push({
+      id: "test-message",
+      role: "user",
+      content: "Message with special characters",
+      attachments: [
         {
-          role: "user",
-          content: "Original",
-          id: "1",
-          attachments: [{ type: "pasted", content: "Original attachment", attributes: {} }],
+          id: "test-attachment",
+          type: "pasted",
+          content: "Content with <tags> and \n newlines",
+          attributes: {},
+          name: "Pasted",
         },
       ],
-      mode: { type: "edit", index: 0 },
     });
-    chatService.input = "Edited message";
     await chatService.submit();
 
     const chatRequest = chatService.createChatRequest();
-    expect(chatRequest.messages[0].content).toContain("Edited message");
-    expect(chatRequest.messages[0].content).toContain("Original attachment");
-
-    // Verify that the original message is updated but attachment is preserved
-    expect(chatService.messages[0].content).toBe("Edited message");
-    expect(chatService.messages[0].attachments![0].content).toBe("Original attachment");
-  });
-
-  it("should preserve attachments when reloading conversations", async () => {
-    chatService = new ChatService({
-      api: "/api/chat",
-      initialMessages: [
-        {
-          role: "user",
-          content: "Hello",
-          id: "1",
-          attachments: [
-            { type: "document", content: "Attachment content", attributes: { name: "test" } },
-          ],
-        },
-        { role: "assistant", content: "Hi there!", id: "2" },
-      ],
-    });
-    await chatService.reload();
-
-    const chatRequest = chatService.createChatRequest();
-    expect(chatRequest.messages[0].content).toContain("Attachment content");
-    expect(chatRequest.messages[0].content).toContain('name="test"');
-
-    // Verify that the original message and attachment are preserved
-    expect(chatService.messages[0].content).toBe("Hello");
-    assert(chatService.messages[0].attachments![0].type === "document");
-    expect(chatService.messages[0].attachments![0].attributes).toEqual({ name: "test" });
-    expect(chatService.messages[0].attachments![0].content).toBe("Attachment content");
+    expect(chatRequest.messages[0].content).toContain("&lt;tags&gt;");
+    expect(chatRequest.messages[0].content).toContain("\n newlines");
   });
 });

From 1737d20649f32ce7040de6bd1ed7699f450cfc1c Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 23:30:13 +1000
Subject: [PATCH 74/98] Change message role drop down menu

---
 src/routes/(app)/chat/[id]/MessageCard.svelte | 24 +++++++++++++++----
 .../chat/[id]/revise/MessageDivider.svelte    |  8 +++++--
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 22 +++++++++++------
 3 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index ffbdaee..73778cf 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -8,6 +8,12 @@
   import { Button } from "@/components/ui/button";
   import { FilePlus2Icon, Trash2Icon } from "lucide-svelte";
   import AttachmentControls from "./AttachmentControls.svelte";
+  import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuTrigger,
+  } from "@/components/ui/dropdown-menu";
 
   type Props = {
     index: number;
@@ -74,10 +80,20 @@
   )}
 >
   {#if editable}
-    <div class="flex flex-row justify-end p-0">
-      <div class="flex-1 overflow-hidden p-1 font-mono text-xs uppercase text-gray-500">
-        {message.role}
-      </div>
+    <div class="flex flex-row p-0">
+      <DropdownMenu>
+        <DropdownMenuTrigger class="p-1 font-mono text-xs uppercase text-gray-500">
+          {message.role}
+        </DropdownMenuTrigger>
+        <DropdownMenuContent>
+          <DropdownMenuItem onclick={() => (message.role = "user")}>User</DropdownMenuItem>
+          <DropdownMenuItem onclick={() => (message.role = "assistant")}>
+            Assistant
+          </DropdownMenuItem>
+          <DropdownMenuItem onclick={() => (message.role = "system")}>System</DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      <div class="flex-1"></div>
       <Button
         class="h-fit w-fit p-1 text-gray-500 hover:text-black"
         variant="ghost"
diff --git a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
index 59d1b91..c9826b7 100644
--- a/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
+++ b/src/routes/(app)/chat/[id]/revise/MessageDivider.svelte
@@ -8,9 +8,10 @@
   type Props = {
     index: number;
     warning?: string;
+    showOnHover?: boolean;
     handleInsertMessage: (index: number) => void;
   };
-  let { index, warning, handleInsertMessage }: Props = $props();
+  let { index, warning, handleInsertMessage, showOnHover = true }: Props = $props();
 
   const {
     elements: { trigger, content, arrow },
@@ -45,7 +46,10 @@
   <div class="relative flex-shrink-0">
     <Button
       onclick={() => handleInsertMessage(index)}
-      class="invisible absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible"
+      class={cn(
+        "absolute -left-3 -top-3 h-6 w-6 border border-gray-300 bg-white p-0 text-gray-800 shadow-sm transition-all delay-100 ease-in hover:bg-gray-100 group-hover:visible",
+        showOnHover && "invisible",
+      )}
     >
       <PlusIcon class="h-4 w-4" />
     </Button>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 21a3123..e1604d8 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -153,12 +153,19 @@
   }
 
   function handleInsertMessage(index: number) {
-    const role =
-      index === -1
-        ? "user"
-        : chatService.messages[index].role === "assistant"
-          ? "user"
-          : "assistant";
+    let role: "user" | "assistant" | "system" = "user";
+    const current = index === -1 ? "none" : chatService.messages[index].role;
+    switch (current) {
+      case "user":
+        role = "assistant";
+        break;
+      case "system":
+        role = "user";
+        break;
+      default:
+        role = "user";
+    }
+
     chatService.messages.splice(index + 1, 0, {
       id: nanoid(10),
       role,
@@ -179,7 +186,7 @@
   <div class="flex flex-col overflow-y-auto" bind:this={messagesContainer}>
     <MessageDivider
       index={-1}
-      warning={chatService.messages.length > 0 && chatService.messages[0].role !== "user"
+      warning={chatService.messages.length > 0 && chatService.messages[0].role === "assistant"
         ? "Some AI providers (e.g. Anthropic) require the first message to be a user message"
         : ""}
       {handleInsertMessage}
@@ -201,6 +208,7 @@
         />
         <MessageDivider
           {index}
+          showOnHover={true}
           warning={showWarning
             ? "Some AI providers (e.g. Anthropic) require messages that alternate between user & assistant"
             : undefined}

From 9d1d2845c007865117959d94d90973783a0f1285 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 23:39:49 +1000
Subject: [PATCH 75/98] Add response trash button

---
 src/routes/(app)/chat/[id]/MessageCard.svelte    |  6 ------
 .../(app)/chat/[id]/revise/RevisePage.svelte     | 16 +++++++++++++---
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 73778cf..2862f96 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -23,8 +23,6 @@
     onSubmit?: () => void;
     onPaste?: () => void;
     onRemove?: () => void;
-    onRemoveMouseEnter?: () => void;
-    onRemoveMouseLeave?: () => void;
     onRemoveAttachment?: (index: number) => void;
   };
   let {
@@ -36,8 +34,6 @@
     onPaste,
     onRemove,
     onRemoveAttachment,
-    onRemoveMouseEnter = () => {},
-    onRemoveMouseLeave = () => {},
   }: Props = $props();
   let format = "markdown";
   let showAttachmentControls = $state(false);
@@ -107,8 +103,6 @@
         class="h-fit w-fit p-1 text-gray-500 hover:text-black"
         variant="ghost"
         size="icon"
-        onmouseenter={onRemoveMouseEnter}
-        onmouseleave={onRemoveMouseLeave}
         onclick={onRemove}
       >
         <Trash2Icon class="h-4 w-4" />
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index e1604d8..65598ad 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -17,7 +17,7 @@
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";
   import { Button } from "@/components/ui/button";
-  import { PlusIcon, ReplyIcon, SquarePlusIcon } from "lucide-svelte";
+  import { PlusIcon, ReplyIcon, SquarePlusIcon, Trash2Icon } from "lucide-svelte";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
   import MessageEditor from "../MessageEditor.svelte";
   import { onMount, tick } from "svelte";
@@ -225,9 +225,19 @@
         haveResponse && highlightedForRemoval[chatService.messages.length - 1] && "border-red-500",
       )}
     >
-      <CardContent class="overflow-y-auto p-4" action={autoScroller.action}>
+      <CardContent class="overflow-y-auto p-0" action={autoScroller.action}>
         {#if haveResponse}
-          <div>
+          <div class="flex flex-row justify-end">
+            <Button
+              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+              variant="ghost"
+              size="icon"
+              onclick={() => handleRemove(chatService.messages.length - 1)}
+            >
+              <Trash2Icon class="h-4 w-4" />
+            </Button>
+          </div>
+          <div class="px-4 pb-4">
             {#if chatService.isLoading}
               <MessageMarkdown
                 content={chatService.messages[chatService.messages.length - 1].content}

From 806c5ce397a98d449821198188d7261f9e25bbab Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 30 Jul 2024 23:46:23 +1000
Subject: [PATCH 76/98] Add margin between message and attachments

---
 src/routes/(app)/chat/[id]/MessageCard.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 2862f96..0b7ee4a 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -49,7 +49,7 @@
 </script>
 
 {#if message.attachments && message.attachments.length > 0}
-  <div class="flex flex-row flex-wrap gap-2">
+  <div class="mb-1 flex flex-row flex-wrap gap-2">
     {#each message.attachments as attachment, index (index)}
       <Attachment
         type={attachment.type}

From 43735c5d5ff4661fc95cdd3a790190387fea274b Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 18:48:05 +1000
Subject: [PATCH 77/98] For revise response toggle between editor and markdown

---
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 31 ++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 65598ad..692bea7 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -17,7 +17,14 @@
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";
   import { Button } from "@/components/ui/button";
-  import { PlusIcon, ReplyIcon, SquarePlusIcon, Trash2Icon } from "lucide-svelte";
+  import {
+    EditIcon,
+    EyeIcon,
+    PlusIcon,
+    ReplyIcon,
+    SquarePlusIcon,
+    Trash2Icon,
+  } from "lucide-svelte";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
   import MessageEditor from "../MessageEditor.svelte";
   import { onMount, tick } from "svelte";
@@ -36,12 +43,14 @@
   let autoScroller = new AutoScroller(true);
   let messagesContainer: HTMLDivElement;
   let highlightedForRemoval = $state<Record<number, boolean>>({});
+  let responseMode: "edit" | "view" = $state("edit");
 
   let chatService = new ChatService({
     id: chat.id,
     version: revision ? revision.version : 1,
     initialMessages: revision.messages.map(toChatMessage),
     onLoading: () => {
+      responseMode = "edit";
       autoScroller.onLoading();
     },
     onError: (e) => {
@@ -227,7 +236,19 @@
     >
       <CardContent class="overflow-y-auto p-0" action={autoScroller.action}>
         {#if haveResponse}
-          <div class="flex flex-row justify-end">
+          <div class="flex flex-row items-center justify-end">
+            <Button
+              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+              variant="ghost"
+              size="icon"
+              onclick={() => (responseMode = responseMode === "edit" ? "view" : "edit")}
+            >
+              {#if responseMode === "view"}
+                <EditIcon class="h-4 w-4" />
+              {:else}
+                <EyeIcon class="h-4 w-4" />
+              {/if}
+            </Button>
             <Button
               class="h-fit w-fit p-1 text-gray-500 hover:text-black"
               variant="ghost"
@@ -238,11 +259,10 @@
             </Button>
           </div>
           <div class="px-4 pb-4">
-            {#if chatService.isLoading}
+            {#if responseMode === "view" || chatService.isLoading}
               <MessageMarkdown
                 content={chatService.messages[chatService.messages.length - 1].content}
               />
-              <RobotLoader />
             {:else}
               <MessageEditor
                 id={chatService.messages[chatService.messages.length - 1].id}
@@ -252,6 +272,9 @@
                 }}
               />
             {/if}
+            {#if chatService.isLoading}
+              <RobotLoader />
+            {/if}
           </div>
         {/if}
       </CardContent>

From cf5fa402f7bb730ddeb849f06f9f93620876219f Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 19:18:59 +1000
Subject: [PATCH 78/98] Make the response buttons visible on scroll using
 sticky

---
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index 692bea7..e6d6d01 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -236,27 +236,29 @@
     >
       <CardContent class="overflow-y-auto p-0" action={autoScroller.action}>
         {#if haveResponse}
-          <div class="flex flex-row items-center justify-end">
-            <Button
-              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
-              variant="ghost"
-              size="icon"
-              onclick={() => (responseMode = responseMode === "edit" ? "view" : "edit")}
-            >
-              {#if responseMode === "view"}
-                <EditIcon class="h-4 w-4" />
-              {:else}
-                <EyeIcon class="h-4 w-4" />
-              {/if}
-            </Button>
-            <Button
-              class="h-fit w-fit p-1 text-gray-500 hover:text-black"
-              variant="ghost"
-              size="icon"
-              onclick={() => handleRemove(chatService.messages.length - 1)}
-            >
-              <Trash2Icon class="h-4 w-4" />
-            </Button>
+          <div class="sticky top-0 z-10 flex flex-row items-center justify-end">
+            <div class="rounded bg-background">
+              <Button
+                class="h-fit w-fit p-1 text-gray-500 hover:text-black "
+                variant="ghost"
+                size="icon"
+                onclick={() => (responseMode = responseMode === "edit" ? "view" : "edit")}
+              >
+                {#if responseMode === "view"}
+                  <EditIcon class="h-4 w-4" />
+                {:else}
+                  <EyeIcon class="h-4 w-4" />
+                {/if}
+              </Button>
+              <Button
+                class="h-fit w-fit p-1 text-gray-500 hover:text-black"
+                variant="ghost"
+                size="icon"
+                onclick={() => handleRemove(chatService.messages.length - 1)}
+              >
+                <Trash2Icon class="h-4 w-4" />
+              </Button>
+            </div>
           </div>
           <div class="px-4 pb-4">
             {#if responseMode === "view" || chatService.isLoading}

From f143de4005eb7a76d0edf79205561d69e89585ce Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 19:32:13 +1000
Subject: [PATCH 79/98] Add markdown view toggle for all revise messages

---
 src/routes/(app)/chat/[id]/MessageCard.svelte  | 18 +++++++++++++++---
 .../(app)/chat/[id]/revise/RevisePage.svelte   |  2 +-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 0b7ee4a..1d58760 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -6,7 +6,7 @@
   import type { ChatMessage } from "$lib/chat-service.svelte";
   import MessageEditor from "./MessageEditor.svelte";
   import { Button } from "@/components/ui/button";
-  import { FilePlus2Icon, Trash2Icon } from "lucide-svelte";
+  import { EditIcon, EyeIcon, FilePlus2Icon, Trash2Icon } from "lucide-svelte";
   import AttachmentControls from "./AttachmentControls.svelte";
   import {
     DropdownMenu,
@@ -37,6 +37,7 @@
   }: Props = $props();
   let format = "markdown";
   let showAttachmentControls = $state(false);
+  let mode: "edit" | "view" = $state("edit");
 
   function handleKeyPress(event: KeyboardEvent) {
     if (event.ctrlKey && event.key === "Enter") {
@@ -98,7 +99,18 @@
       >
         <FilePlus2Icon class="h-4 w-4" />
       </Button>
-
+      <Button
+        class="h-fit w-fit p-1 text-gray-500 hover:text-black "
+        variant="ghost"
+        size="icon"
+        onclick={() => (mode = mode === "edit" ? "view" : "edit")}
+      >
+        {#if mode === "view"}
+          <EditIcon class="h-4 w-4" />
+        {:else}
+          <EyeIcon class="h-4 w-4" />
+        {/if}
+      </Button>
       <Button
         class="h-fit w-fit p-1 text-gray-500 hover:text-black"
         variant="ghost"
@@ -110,7 +122,7 @@
     </div>
   {/if}
   <CardContent class={cn("p-4", editable && "pt-0")}>
-    {#if editable}
+    {#if mode === "edit" && editable}
       <MessageEditor
         id={message.id}
         content={message.content}
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index e6d6d01..e1fa6c4 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -50,7 +50,7 @@
     version: revision ? revision.version : 1,
     initialMessages: revision.messages.map(toChatMessage),
     onLoading: () => {
-      responseMode = "edit";
+      responseMode = "view";
       autoScroller.onLoading();
     },
     onError: (e) => {

From a65b6392f9265ddec4510fd99d01d1fbd6b46211 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 23:21:21 +1000
Subject: [PATCH 80/98] Fix delete dialog close logic

---
 src/components/DeleteDialog.svelte     | 36 ++++++++++++++++----------
 src/routes/(app)/Menu.svelte           | 34 ++++++++++++------------
 src/routes/(app)/document/+page.svelte | 29 ++++++++++++---------
 3 files changed, 57 insertions(+), 42 deletions(-)

diff --git a/src/components/DeleteDialog.svelte b/src/components/DeleteDialog.svelte
index d2be542..62b4447 100644
--- a/src/components/DeleteDialog.svelte
+++ b/src/components/DeleteDialog.svelte
@@ -1,7 +1,14 @@
 <script lang="ts">
   import { TrashIcon } from "lucide-svelte";
   import { Button } from "@/components/ui/button/index.js";
-  import * as Dialog from "@/components/ui/dialog/index.js";
+  import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogTitle,
+    DialogTrigger,
+  } from "@/components/ui/dialog";
 
   function capitalizeWords(text: string): string {
     return text
@@ -11,16 +18,17 @@
   }
 
   type Props = {
+    open: boolean;
     name: string;
     type: "chat" | "document";
     onConfirm: () => void;
-    onCancel: () => void;
+    onOpenChange: (open: boolean) => void;
   };
-  let { name, type, onConfirm, onCancel }: Props = $props();
+  let { open, name, type, onConfirm, onOpenChange }: Props = $props();
 </script>
 
-<Dialog.Root open onOpenChange={onCancel}>
-  <Dialog.Trigger asChild let:builder>
+<Dialog {open} {onOpenChange}>
+  <DialogTrigger asChild let:builder>
     <Button
       builders={[builder]}
       variant="ghost"
@@ -28,17 +36,17 @@
     >
       <TrashIcon class="h-4 w-4" />
     </Button>
-  </Dialog.Trigger>
-  <Dialog.Content class="max-w-[400px]">
-    <Dialog.Title>Delete {capitalizeWords(type)}</Dialog.Title>
-    <Dialog.Description class="space-y-2">
+  </DialogTrigger>
+  <DialogContent class="max-w-[400px]">
+    <DialogTitle>Delete {capitalizeWords(type)}</DialogTitle>
+    <DialogDescription class="space-y-2">
       <p>Are you sure you want to delete this {type}?</p>
       <p>
         {capitalizeWords(type)} to be deleted: <span class="font-semibold">{name}</span>
       </p>
       <p>This action cannot be undone.</p>
-    </Dialog.Description>
-    <Dialog.Close>
+    </DialogDescription>
+    <DialogFooter>
       <Button
         class="w-full"
         variant="destructive"
@@ -48,6 +56,6 @@
       >
         Delete
       </Button>
-    </Dialog.Close>
-  </Dialog.Content>
-</Dialog.Root>
+    </DialogFooter>
+  </DialogContent>
+</Dialog>
diff --git a/src/routes/(app)/Menu.svelte b/src/routes/(app)/Menu.svelte
index 6bafddc..f9264e7 100644
--- a/src/routes/(app)/Menu.svelte
+++ b/src/routes/(app)/Menu.svelte
@@ -13,14 +13,13 @@
   import { route } from "$lib/route";
 
   let { chats }: { chats: Chat[] } = $props();
+  let chatToDelete: Chat | null = $state(null);
 
   let chatId: string | undefined = $derived.by(() => {
     if ($page.url.pathname.startsWith("/chat")) {
       return $page.params.id;
     }
   });
-
-  let chatToDelete: Chat | null = $state(null);
 </script>
 
 <div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
@@ -112,18 +111,21 @@
     </div>
   </nav>
 </div>
-{#if chatToDelete}
-  <DeleteDialog
-    name={chatToDelete.name}
-    type="chat"
-    onConfirm={async () => {
-      if (chatToDelete) {
-        const nextId = await removeChat(chatToDelete.id);
-        await goto(route(`/chat/[id]`, { id: nextId }));
-      }
-    }}
-    onCancel={() => {
+
+<DeleteDialog
+  open={chatToDelete !== null}
+  name={chatToDelete?.name ?? ""}
+  type="chat"
+  onConfirm={async () => {
+    if (chatToDelete) {
+      const nextId = await removeChat(chatToDelete.id);
       chatToDelete = null;
-    }}
-  />
-{/if}
+      await goto(route(`/chat/[id]`, { id: nextId }));
+    }
+  }}
+  onOpenChange={(open) => {
+    if (!open) {
+      chatToDelete = null;
+    }
+  }}
+/>
diff --git a/src/routes/(app)/document/+page.svelte b/src/routes/(app)/document/+page.svelte
index a03cdd3..c03541d 100644
--- a/src/routes/(app)/document/+page.svelte
+++ b/src/routes/(app)/document/+page.svelte
@@ -14,16 +14,19 @@
 
   let { data } = $props();
 
-  let confirmDelete: Document | null = $state(null);
+  let documentToDelete: Document | null = $state(null);
 
-  async function deleteDocument(document: Document) {
+  async function deleteDocument() {
+    if (!documentToDelete) {
+      return;
+    }
     try {
-      await useDb().delete(documentTable).where(eq(documentTable.id, document.id));
-      await invalidateModel(documentTable, document);
+      await useDb().delete(documentTable).where(eq(documentTable.id, documentToDelete.id));
+      await invalidateModel(documentTable, documentToDelete);
     } catch (e) {
       toast.error(e instanceof Error ? e.message : "Unknown error");
     }
-    confirmDelete = null;
+    documentToDelete = null;
   }
 </script>
 
@@ -73,7 +76,7 @@
             <Table.Cell class="p-2">
               <Button
                 onclick={() => {
-                  confirmDelete = document;
+                  documentToDelete = document;
                 }}
                 variant="ghost"
                 class="p-1 px-4 text-sm opacity-0 group-hover:opacity-100"
@@ -87,14 +90,16 @@
     </Table.Root>
   {/if}
 </main>
-{#if confirmDelete}
+{#if documentToDelete}
   <DeleteDialog
-    name={confirmDelete.name}
+    open={documentToDelete !== null}
+    name={documentToDelete.name}
     type="document"
-    onConfirm={() => confirmDelete && deleteDocument(confirmDelete)}
-    onCancel={() => {
-      console.log("cancel");
-      confirmDelete = null;
+    onConfirm={deleteDocument}
+    onOpenChange={(open) => {
+      if (!open) {
+        documentToDelete = null;
+      }
     }}
   />
 {/if}

From f13e2fd89abd59504f064d0ff209d57720564689 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 23:52:43 +1000
Subject: [PATCH 81/98] Stop generation button in chat and revise

---
 src/lib/chat-service.svelte.ts                |  9 ++++---
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 18 +++++++++----
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 20 ++++++++------
 .../(app)/chat/[id]/MessageInput.svelte       | 26 ++++++++++++++-----
 .../(app)/chat/[id]/revise/RevisePage.svelte  | 21 +++++++--------
 5 files changed, 60 insertions(+), 34 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index 09e896a..a882aec 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -221,7 +221,7 @@ export class ChatService {
   version: number;
   messages: ChatMessage[] = $state([]);
   error: undefined | Error = $state(undefined);
-  isLoading: boolean | undefined = $state(undefined);
+  isLoading: boolean = $state(false);
   data: JSONValue[] | undefined = $state(undefined);
   metadata?: Object;
   hasEdits: boolean = $state(false);
@@ -323,7 +323,7 @@ export class ChatService {
       // if the last user message is empty, remove it
       const messages = JSON.parse(cachedState);
       const lastMessage = messages[messages.length - 1];
-      if (lastMessage.role === "user" && lastMessage.content.trim() === "") {
+      if (lastMessage && lastMessage.role === "user" && lastMessage.content.trim() === "") {
         messages.pop();
       }
       this.messages = messages;
@@ -417,10 +417,10 @@ export class ChatService {
   }
 
   submit(requestOptions: ChatRequestOptions = {}) {
-    return this.triggerRequest(this.createChatRequest(requestOptions));
+    this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
-  handleOnFinish = (message: ChatMessage) => {
+  handleOnFinish = () => {
     if (this.hasEdits) {
       if (this.onRevision) {
         this.onRevision();
@@ -486,6 +486,7 @@ export class ChatService {
       // Ignore abort errors as they are expected.
       if ((err as any).name === "AbortError") {
         this.abortController = null;
+        this.handleOnFinish();
         return null;
       }
 
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 3371c92..2453cac 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -52,9 +52,7 @@
       if (!newRevision) {
         return toast.error("Failed to create revision");
       }
-      await goto(
-        route(`/chat/[id]/revise`, { id: chat.id, $query: { version: newRevision.version } }),
-      );
+      await goto(route(`/chat/[id]`, { id: chat.id, $query: { version: newRevision.version } }));
       chatService.markAsSaved();
     },
     onMessageUpdate: (messages) => {
@@ -63,6 +61,10 @@
   });
 
   async function handleSubmit(value: string, attachments: MessageAttachment[]): Promise<boolean> {
+    if (chatService.isLoading) {
+      chatService.stop();
+      return false;
+    }
     if (!store.selected.modelId) {
       toast.error("No model selected");
       return false;
@@ -85,7 +87,7 @@
       content: value,
       attachments,
     });
-    await chatService.submit({
+    chatService.submit({
       options: {
         body: {
           providerId: model.service.providerId,
@@ -97,6 +99,12 @@
     });
     return true;
   }
+
+  function handleStop() {
+    if (chatService.isLoading) {
+      chatService.stop();
+    }
+  }
 </script>
 
 <ChatTitlebar {chat} {revision} tab="chat" unsavedChanges={chatService.hasEdits} />
@@ -109,5 +117,5 @@
       <RobotLoader />
     {/if}
   </div>
-  <MessageInput onSubmit={handleSubmit} />
+  <MessageInput isLoading={chatService.isLoading} onSubmit={handleSubmit} onStop={handleStop} />
 </div>
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index fcaff1e..15811ed 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -5,6 +5,7 @@
     ArrowBigLeftIcon,
     ArrowBigRightIcon,
     ArrowLeftIcon,
+    BanIcon,
     CheckIcon,
     PlayIcon,
   } from "lucide-svelte";
@@ -18,12 +19,13 @@
     chat: Chat & {
       revisions: Revision[];
     };
-    revision?: Revision;
+    revision: Revision;
     tab: string;
-    onRunClick?: () => void;
-    unsavedChanges?: boolean;
+    isLoading: boolean;
+    onSubmit: () => void;
+    unsavedChanges: boolean;
   };
-  let { chat, revision, tab, onRunClick, unsavedChanges = false }: Props = $props();
+  let { chat, revision, tab, isLoading, onSubmit, unsavedChanges = false }: Props = $props();
   let id = $derived(chat.id);
   let name = $state(chat.name);
 
@@ -55,8 +57,6 @@
       name = chat.name;
     });
   });
-
-  $inspect("unsavedChanges", unsavedChanges);
 </script>
 
 <div class="flex flex-row gap-4 px-4 py-2">
@@ -95,9 +95,13 @@
     <Button
       variant="default"
       class="focus-visible:ring-0 focus-visible:ring-offset-0"
-      onclick={onRunClick}
+      onclick={onSubmit}
     >
-      <PlayIcon class="mr-2 h-4 w-4" /> Run
+      {#if isLoading}
+        <BanIcon class="mr-2 h-4 w-4" /> Stop
+      {:else}
+        <PlayIcon class="mr-2 h-4 w-4" /> Run
+      {/if}
       <div
         class="w-13 pointer-events-none ml-2 hidden h-6 rounded-full bg-gray-700 px-2 py-1 md:inline-flex"
       >
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 1911e8d..8c4d08b 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -3,20 +3,30 @@
   import { Card, CardContent } from "@/components/ui/card";
   import { Button } from "@/components/ui/button";
   import { Textarea } from "@/components/ui/textarea";
-  import { Send, Plus, HardDriveUpload, CloudUpload, Clipboard } from "lucide-svelte";
+  import {
+    Send,
+    Plus,
+    HardDriveUpload,
+    CloudUpload,
+    Clipboard,
+    SendIcon,
+    BanIcon,
+  } from "lucide-svelte";
   import Attachment from "./Attachment.svelte";
   import type { MessageAttachment } from "$lib/chat-service.svelte";
   import { nanoid } from "nanoid";
   import AttachmentControls from "./AttachmentControls.svelte";
 
   type Props = {
+    isLoading: boolean;
     onSubmit: (content: string, attachments: MessageAttachment[]) => Promise<boolean>;
   };
-  let { onSubmit }: Props = $props();
+  let { isLoading, onSubmit }: Props = $props();
   let isUploadOpen = $state(false);
   let textareaElement: HTMLTextAreaElement;
   let content = $state("");
   let attachments = $state<MessageAttachment[]>([]);
+  let disabled = $derived(content === "" && attachments.length === 0);
 
   function resize() {
     textareaElement.style.height = "auto";
@@ -36,8 +46,8 @@
   }
 
   async function handleSubmit() {
-    console.log("handleSubmit", content);
-    if (await onSubmit(content, attachments)) {
+    const submit = await onSubmit(content, attachments);
+    if (submit) {
       content = "";
       attachments = [];
     }
@@ -99,8 +109,12 @@
           onkeydown={handleKeydown}
           onpaste={handlePaste}
         />
-        <Button variant="default" size="icon" onclick={handleSubmit}>
-          <Send class="h-4 w-4" />
+        <Button variant="default" size="icon" {disabled} onclick={handleSubmit}>
+          {#if isLoading}
+            <BanIcon class="h-4 w-4" />
+          {:else}
+            <SendIcon class="h-4 w-4" />
+          {/if}
         </Button>
       </div>
     </CardContent>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index e1fa6c4..c2176c2 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -17,14 +17,7 @@
   import { AutoScroller } from "$lib/auto-scroller";
   import { nanoid } from "nanoid";
   import { Button } from "@/components/ui/button";
-  import {
-    EditIcon,
-    EyeIcon,
-    PlusIcon,
-    ReplyIcon,
-    SquarePlusIcon,
-    Trash2Icon,
-  } from "lucide-svelte";
+  import { EditIcon, EyeIcon, ReplyIcon, Trash2Icon } from "lucide-svelte";
   import { Card, CardContent, CardFooter } from "@/components/ui/card";
   import MessageEditor from "../MessageEditor.svelte";
   import { onMount, tick } from "svelte";
@@ -86,14 +79,18 @@
   );
 
   async function handleSubmit() {
+    if (chatService.isLoading) {
+      chatService.stop();
+      return false;
+    }
     if (!store.selected.modelId) {
       toast.error("No model selected");
-      return;
+      return false;
     }
     const model = await getModelService(store.selected.modelId);
     if (!model) {
       toast.error("Selected model not found");
-      return;
+      return false;
     }
     // if last message is assistant, replace it with new response
     const lastMessage = chatService.messages[chatService.messages.length - 1];
@@ -188,7 +185,8 @@
   {chat}
   {revision}
   tab="revise"
-  onRunClick={handleSubmit}
+  isLoading={chatService.isLoading}
+  onSubmit={handleSubmit}
   unsavedChanges={chatService.hasEdits}
 />
 <div class="grid flex-1 grid-cols-2 gap-3 overflow-y-auto px-4">
@@ -254,6 +252,7 @@
                 class="h-fit w-fit p-1 text-gray-500 hover:text-black"
                 variant="ghost"
                 size="icon"
+                disabled={chatService.isLoading}
                 onclick={() => handleRemove(chatService.messages.length - 1)}
               >
                 <Trash2Icon class="h-4 w-4" />

From d23473a305bf825940cffee0bc60da8e62b772ad Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 1 Aug 2024 23:57:57 +1000
Subject: [PATCH 82/98] Fix onSubmit return promise used by test to wait for
 response

---
 src/lib/chat-service.svelte.ts                      | 2 +-
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index a882aec..ec80b99 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -417,7 +417,7 @@ export class ChatService {
   }
 
   submit(requestOptions: ChatRequestOptions = {}) {
-    this.triggerRequest(this.createChatRequest(requestOptions));
+    return this.triggerRequest(this.createChatRequest(requestOptions));
   }
 
   handleOnFinish = () => {
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index c2176c2..d80ea9c 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -97,7 +97,7 @@
     if (lastMessage && lastMessage.role === "assistant") {
       chatService.messages.pop();
     }
-    return chatService.submit({
+    chatService.submit({
       options: {
         body: {
           providerId: model.service.providerId,
@@ -107,6 +107,7 @@
         },
       },
     });
+    return true;
   }
 
   onMount(() => {

From a2ff7617049f2923947323b44851d8eeeeb040e1 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Fri, 2 Aug 2024 00:09:29 +1000
Subject: [PATCH 83/98] Revise response default in view mode

---
 src/routes/(app)/chat/[id]/revise/RevisePage.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index d80ea9c..bb9e009 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -36,7 +36,7 @@
   let autoScroller = new AutoScroller(true);
   let messagesContainer: HTMLDivElement;
   let highlightedForRemoval = $state<Record<number, boolean>>({});
-  let responseMode: "edit" | "view" = $state("edit");
+  let responseMode: "edit" | "view" = $state("view");
 
   let chatService = new ChatService({
     id: chat.id,

From 05685d5a0cdab21b526aff0f8c2c24afc76f7b4d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 3 Aug 2024 00:31:33 +1000
Subject: [PATCH 84/98] Rename service to aiAccount, model to aiModel, add
 aiService, add aiSdk.

---
 src/database/migrations.test.ts               | 369 ++++++++++++
 .../migrations/0008_parallel_grandmaster.sql  |  46 ++
 .../migrations/0009_ancient_korath.sql        |  38 ++
 src/database/migrations/0010_far_wiccan.sql   |   1 +
 .../migrations/meta/0008_snapshot.json        | 468 +++++++++++++++
 .../migrations/meta/0009_snapshot.json        | 537 +++++++++++++++++
 .../migrations/meta/0010_snapshot.json        | 545 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |  21 +
 src/database/schema.ts                        |  54 +-
 src/routes/(app)/$data.test.ts                |   8 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |   4 +-
 src/routes/(app)/chat/[id]/$data.ts           |   8 +-
 src/routes/(app)/chat/[id]/+layout.ts         |   4 +-
 src/routes/(app)/chat/[id]/SelectModel.svelte |  12 +-
 .../chat/[id]/[...rest]/config/$data.test.ts  |  30 +-
 .../(app)/chat/[id]/[...rest]/config/$data.ts |  44 +-
 .../chat/[id]/[...rest]/config/+layout.ts     |   4 +-
 .../[...rest]/config/[serviceId]/+page.ts     |   8 +-
 18 files changed, 2123 insertions(+), 78 deletions(-)
 create mode 100644 src/database/migrations/0008_parallel_grandmaster.sql
 create mode 100644 src/database/migrations/0009_ancient_korath.sql
 create mode 100644 src/database/migrations/0010_far_wiccan.sql
 create mode 100644 src/database/migrations/meta/0008_snapshot.json
 create mode 100644 src/database/migrations/meta/0009_snapshot.json
 create mode 100644 src/database/migrations/meta/0010_snapshot.json

diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
index 41a69d4..8960179 100644
--- a/src/database/migrations.test.ts
+++ b/src/database/migrations.test.ts
@@ -155,6 +155,22 @@ describe("Migration Tests", () => {
         createdAt: "2023-01-03T00:00:01Z",
       },
     ],
+    documents: [
+      {
+        id: "doc1",
+        name: "Document 1",
+        description: "Test doc",
+        content: "Test content",
+        createdAt: "2023-01-01T00:00:00Z",
+      },
+      {
+        id: "doc2",
+        name: "Pasted",
+        description: "Pasted doc",
+        content: "Pasted content",
+        createdAt: "2023-01-02T00:00:00Z",
+      },
+    ],
   };
 
   let initialProjectCount: number;
@@ -162,6 +178,7 @@ describe("Migration Tests", () => {
   let initialModelCount: number;
   let initialResponseCount: number;
   let initialMessageCount: number;
+  let initialDocumentCount: number;
 
   function insertTestData() {
     for (const project of testData.projects) {
@@ -189,6 +206,11 @@ describe("Migration Tests", () => {
         sql`INSERT INTO responseMessage (id, "index", responseId, role, content, createdAt) VALUES (${message.id}, ${message.index}, ${message.responseId}, ${message.role}, ${message.content}, ${message.createdAt})`,
       );
     }
+    for (const document of testData.documents) {
+      db.run(
+        sql`INSERT INTO document (id, name, description, content, createdAt) VALUES (${document.id}, ${document.name}, ${document.description}, ${document.content}, ${document.createdAt})`,
+      );
+    }
     /*
      * Verify that the initial data was inserted correctly.
      * This establishes a baseline for comparison after migrations.
@@ -206,12 +228,16 @@ describe("Migration Tests", () => {
     initialMessageCount = db.get<{ count: number }>(
       sql`SELECT COUNT(*) as count FROM responseMessage`,
     ).count;
+    initialDocumentCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM document`,
+    ).count;
 
     expect(initialProjectCount).toBe(testData.projects.length);
     expect(initialServiceCount).toBe(testData.services.length);
     expect(initialModelCount).toBe(testData.models.length);
     expect(initialResponseCount).toBe(testData.responses.length);
     expect(initialMessageCount).toBe(testData.responseMessages.length);
+    expect(initialDocumentCount).toBe(testData.documents.length);
   }
 
   async function applyMigrationsUpTo(targetMigration: string) {
@@ -647,4 +673,347 @@ describe("Migration Tests", () => {
     ).count;
     expect(finalMessageCount).toBe(messageCount - 3); // 'project1' had 3 messages
   });
+
+  it("0005_careful_the_professor", async () => {
+    await applyMigrationsUpTo("0005_careful_the_professor");
+
+    // Verify that the 'attachment' table was created
+    const attachmentTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='attachment'`,
+    );
+    expect(attachmentTable).toBeTruthy();
+
+    // Check the structure of the 'attachment' table
+    const attachmentColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(attachment)`,
+    );
+    expect(attachmentColumns).toContainEqual(
+      expect.objectContaining({
+        name: "id",
+        type: "TEXT",
+      }),
+    );
+    expect(attachmentColumns).toContainEqual(
+      expect.objectContaining({
+        name: "messageId",
+        type: "TEXT",
+      }),
+    );
+    expect(attachmentColumns).toContainEqual(
+      expect.objectContaining({
+        name: "documentId",
+        type: "TEXT",
+      }),
+    );
+    expect(attachmentColumns).toContainEqual(
+      expect.objectContaining({
+        name: "createdAt",
+        type: "TEXT",
+      }),
+    );
+
+    // Verify that the 'type' column was added to the 'document' table
+    const documentColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(document)`,
+    );
+    expect(documentColumns).toContainEqual(expect.objectContaining({ name: "type", type: "TEXT" }));
+
+    // Check if the indexes were created
+    const attachmentMessageIdIndex = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='attachment_messageId_idx'`,
+    );
+    expect(attachmentMessageIdIndex).toBeTruthy();
+
+    const messageDocumentUniqueIndex = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='messageDocument_unique'`,
+    );
+    expect(messageDocumentUniqueIndex).toBeTruthy();
+
+    // Test foreign key constraints
+    const message = db.get<{ id: string }>(sql`SELECT id FROM message LIMIT 1`);
+    const document = db.get<{ id: string }>(sql`SELECT id FROM document LIMIT 1`);
+
+    if (message && document) {
+      // Insert a valid attachment
+      db.run(
+        sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test1', ${message.id}, ${document.id})`,
+      );
+
+      // Attempt to insert an attachment with non-existent messageId (should fail)
+      expect(() =>
+        db.run(
+          sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test2', 'non_existent', ${document.id})`,
+        ),
+      ).toThrow();
+
+      // Attempt to insert an attachment with non-existent documentId (should fail)
+      expect(() =>
+        db.run(
+          sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test3', ${message.id}, 'non_existent')`,
+        ),
+      ).toThrow();
+
+      // Test cascade delete
+      db.run(sql`DELETE FROM message WHERE id = ${message.id}`);
+      const attachmentAfterDelete = db.get(
+        sql`SELECT * FROM attachment WHERE messageId = ${message.id}`,
+      );
+      expect(attachmentAfterDelete).toBeFalsy();
+    }
+  });
+
+  it("0006_opposite_sugar_man", async () => {
+    await applyMigrationsUpTo("0006_opposite_sugar_man");
+
+    // Verify that the 'attributes' column was added to the 'document' table
+    const documentColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(document)`,
+    );
+    expect(documentColumns).toContainEqual(
+      expect.objectContaining({ name: "attributes", type: "TEXT" }),
+    );
+
+    // Check if the default value is set correctly
+    const document = db.get<{ attributes: string }>(sql`SELECT attributes FROM document LIMIT 1`);
+    expect(document?.attributes).toBe("{}");
+
+    // Test inserting a document with custom attributes
+    db.run(
+      sql`INSERT INTO document (id, name, type, description, content, attributes) VALUES ('test_doc', 'Test Document', 'document', 'Test description', 'Test content', '{"key": "value"}')`,
+    );
+    const insertedDocument = db.get<{ attributes: string }>(
+      sql`SELECT attributes FROM document WHERE id = 'test_doc'`,
+    );
+    expect(insertedDocument?.attributes).toBe('{"key": "value"}');
+
+    // Verify that existing documents have the default attributes value
+    const existingDocuments = db.all<{ id: string; attributes: string }>(
+      sql`SELECT id, attributes FROM document WHERE id != 'test_doc'`,
+    );
+    existingDocuments.forEach((doc) => {
+      expect(doc.attributes).toBe("{}");
+    });
+  });
+
+  it("0007_tidy_lilandra", async () => {
+    await applyMigrationsUpTo("0007_tidy_lilandra");
+
+    // Verify that the 'document_name_unique' index was dropped
+    const documentNameUniqueIndex = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='document_name_unique'`,
+    );
+    expect(documentNameUniqueIndex).toBeFalsy();
+
+    // Test that we can now insert documents with the same name
+    db.run(
+      sql`INSERT INTO document (id, name, type, description, content) VALUES ('doc3', 'Same Name', 'document', 'Test description', 'Test content')`,
+    );
+    db.run(
+      sql`INSERT INTO document (id, name, type, description, content) VALUES ('doc4', 'Same Name', 'document', 'Test description', 'Test content')`,
+    );
+
+    const documentsWithSameName = db.all<{ id: string }>(
+      sql`SELECT id FROM document WHERE name = 'Same Name'`,
+    );
+    expect(documentsWithSameName.length).toBe(2);
+
+    // Verify that other constraints and data remain intact
+    const documentCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM document`,
+    ).count;
+    expect(documentCount).toBe(initialDocumentCount + 2); // Initial count plus the two we just added
+  });
+
+  it("0008_parallel_grandmaster", async () => {
+    await applyMigrationsUpTo("0008_parallel_grandmaster");
+
+    // Verify that 'aiService' table was renamed to 'aiAccount'
+    const aiAccountTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiAccount'`,
+    );
+    expect(aiAccountTable).toBeTruthy();
+
+    const aiServiceTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiService'`,
+    );
+    expect(aiServiceTable).toBeFalsy();
+
+    // Check that 'aiServiceId' column in 'model' table was renamed to 'aiAccountId'
+    const modelColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(aiModel)`);
+    expect(modelColumns).toContainEqual(
+      expect.objectContaining({ name: "aiAccountId", type: "TEXT" }),
+    );
+    expect(modelColumns).not.toContainEqual(expect.objectContaining({ name: "aiServiceId" }));
+
+    // Verify that 'providerId' column in 'aiAccount' table was renamed to 'aiServiceId'
+    const aiAccountColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(aiAccount)`,
+    );
+    expect(aiAccountColumns).toContainEqual(
+      expect.objectContaining({ name: "aiServiceId", type: "TEXT" }),
+    );
+    expect(aiAccountColumns).not.toContainEqual(expect.objectContaining({ name: "providerId" }));
+
+    // Check that the new indexes were created
+    const aiAccountIdIdx = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiAccountId_idx'`,
+    );
+    expect(aiAccountIdIdx).toBeTruthy();
+
+    const aiAccountIdUnique = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiAccountId_unique'`,
+    );
+    expect(aiAccountIdUnique).toBeTruthy();
+
+    // Verify that the old indexes were dropped
+    const aiServiceIdIdx = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiServiceId_idx'`,
+    );
+    expect(aiServiceIdIdx).toBeFalsy();
+
+    const aiServiceNameUnique = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiServiceName_unique'`,
+    );
+    expect(aiServiceNameUnique).toBeFalsy();
+
+    // Verify that the data was migrated correctly
+    const aiAccountCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM aiAccount`,
+    ).count;
+    expect(aiAccountCount).toBe(initialServiceCount);
+
+    const modelCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiModel`).count;
+    expect(modelCount).toBe(initialModelCount);
+
+    // Verify the content of migrated data
+    const aiAccountData = db.all<{ id: string; name: string; aiServiceId: string }>(
+      sql`SELECT id, name, aiServiceId FROM aiAccount ORDER BY id`,
+    );
+    expect(aiAccountData).toEqual(
+      testData.services.map(({ id, name, providerId: aiServiceId }) => ({ id, name, aiServiceId })),
+    );
+
+    const modelData = db.all<{ id: string; aiAccountId: string; name: string; visible: number }>(
+      sql`SELECT id, aiAccountId, name, visible FROM aiModel ORDER BY id`,
+    );
+    expect(modelData).toEqual(
+      testData.models.map(({ id, serviceId: aiAccountId, name, visible }) => ({
+        id,
+        aiAccountId,
+        name,
+        visible,
+      })),
+    );
+
+    // Test the new foreign key constraint
+    const aiAccount = db.get<{ id: string }>(sql`SELECT id FROM aiAccount LIMIT 1`);
+    expect(aiAccount).toBeTruthy();
+
+    // Insert a valid model
+    db.run(
+      sql`INSERT INTO aiModel (id, aiAccountId, name, visible) VALUES ('test_model', ${aiAccount.id}, 'Test Model', 1)`,
+    );
+
+    // Attempt to insert a model with non-existent aiAccountId (should fail)
+    expect(() =>
+      db.run(
+        sql`INSERT INTO aiModel (id, aiAccountId, name, visible) VALUES ('invalid_model', 'non_existent', 'Invalid Model', 1)`,
+      ),
+    ).toThrow();
+
+    // Test cascade delete
+    db.run(sql`DELETE FROM aiAccount WHERE id = ${aiAccount.id}`);
+    const modelAfterDelete = db.get(sql`SELECT * FROM aiModel WHERE aiAccountId = ${aiAccount.id}`);
+    expect(modelAfterDelete).toBeFalsy();
+  });
+
+  it("0009_ancient_korath", async () => {
+    await applyMigrationsUpTo("0009_ancient_korath");
+
+    // Verify that the 'aiSdk' table was created
+    const aiSdkTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiSdk'`,
+    );
+    expect(aiSdkTable).toBeTruthy();
+
+    // Verify that the 'aiService' table was created
+    const aiServiceTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiService'`,
+    );
+    expect(aiServiceTable).toBeTruthy();
+
+    // Check the structure of the 'aiSdk' table
+    const aiSdkColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(aiSdk)`);
+    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "id", type: "TEXT" }));
+    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "slug", type: "TEXT" }));
+    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "name", type: "TEXT" }));
+
+    // Check the structure of the 'aiService' table
+    const aiServiceColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(aiService)`,
+    );
+    expect(aiServiceColumns).toContainEqual(expect.objectContaining({ name: "id", type: "TEXT" }));
+    expect(aiServiceColumns).toContainEqual(
+      expect.objectContaining({ name: "name", type: "TEXT" }),
+    );
+    expect(aiServiceColumns).toContainEqual(
+      expect.objectContaining({ name: "aiSdkId", type: "TEXT" }),
+    );
+    expect(aiServiceColumns).toContainEqual(
+      expect.objectContaining({ name: "baseURL", type: "TEXT" }),
+    );
+    expect(aiServiceColumns).toContainEqual(
+      expect.objectContaining({ name: "createdAt", type: "TEXT" }),
+    );
+
+    // Verify that the initial data was inserted correctly
+    const aiSdkCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiSdk`).count;
+    expect(aiSdkCount).toBe(10); // 10 SDKs were inserted
+
+    const aiServiceCount = db.get<{ count: number }>(
+      sql`SELECT COUNT(*) as count FROM aiService`,
+    ).count;
+    expect(aiServiceCount).toBe(10); // 10 services were inserted
+
+    // Check some specific entries to ensure data integrity
+    const openaiSdk = db.get<{ id: string; slug: string; name: string }>(
+      sql`SELECT * FROM aiSdk WHERE id = 'openai'`,
+    );
+    expect(openaiSdk).toEqual({ id: "openai", slug: "openai", name: "OpenAI" });
+
+    const azureService = db.get(sql`SELECT * FROM aiService WHERE id = 'azure'`);
+    expect(azureService).toMatchObject({
+      id: "azure",
+      name: "Azure OpenAI",
+      aiSdkId: "azure",
+      baseURL: null,
+    });
+
+    // // Test unique constraint on aiSdk slug
+    // expect(() =>
+    //   db.run(sql`INSERT INTO aiSdk (id, slug, name) VALUES ('test', 'openai', 'Test SDK')`),
+    // ).toThrow();
+
+    // Verify that the aiAccount table still exists and maintains its relationship with aiService
+    const aiAccountTable = db.get<{ name: string } | undefined>(
+      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiAccount'`,
+    );
+    expect(aiAccountTable).toBeTruthy();
+
+    const aiAccountColumns = db.all<{ name: string; type: string }>(
+      sql`PRAGMA table_info(aiAccount)`,
+    );
+    expect(aiAccountColumns).toContainEqual(
+      expect.objectContaining({ name: "aiServiceId", type: "TEXT" }),
+    );
+  });
+
+  it("0010_far_wiccan", async () => {
+    await applyMigrationsUpTo("0010_far_wiccan");
+
+    // Test unique constraint on aiSdk slug
+    expect(() =>
+      db.run(sql`INSERT INTO aiSdk (id, slug, name) VALUES ('test', 'openai', 'Test SDK')`),
+    ).toThrow();
+  });
 });
diff --git a/src/database/migrations/0008_parallel_grandmaster.sql b/src/database/migrations/0008_parallel_grandmaster.sql
new file mode 100644
index 0000000..ed516e0
--- /dev/null
+++ b/src/database/migrations/0008_parallel_grandmaster.sql
@@ -0,0 +1,46 @@
+ALTER TABLE `service` RENAME TO `aiAccount`;--> statement-breakpoint
+ALTER TABLE `model` RENAME TO `aiModel`;--> statement-breakpoint
+ALTER TABLE `aiModel` RENAME COLUMN `serviceId` TO `aiAccountId`;--> statement-breakpoint
+ALTER TABLE `aiAccount` RENAME COLUMN `providerId` TO `aiServiceId`;--> statement-breakpoint
+
+DROP INDEX IF EXISTS `serviceId_idx`;--> statement-breakpoint
+DROP INDEX IF EXISTS `serviceName_unique`;--> statement-breakpoint
+CREATE INDEX `aiAccountId_idx` ON `aiModel` (`aiAccountId`);--> statement-breakpoint
+CREATE UNIQUE INDEX `aiAccountId_unique` ON `aiModel` (`aiAccountId`,`name`);
+--> statement-breakpoint
+ALTER TABLE `aiModel` RENAME TO `aiModel_old`;
+--> statement-breakpoint
+CREATE TABLE `aiModel` (
+  `id` TEXT PRIMARY KEY NOT NULL,
+  `aiAccountId` TEXT NOT NULL,
+  `name` TEXT NOT NULL,
+  `visible` INTEGER NOT NULL,
+  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP),
+  FOREIGN KEY (`aiAccountId`) REFERENCES `aiAccount`(`id`) ON DELETE CASCADE
+);
+--> statement-breakpoint
+INSERT INTO `aiModel` (`id`, `aiAccountId`, `name`, `visible`, `createdAt`)
+SELECT `id`, `aiAccountId`, `name`, `visible`, `createdAt`
+FROM `aiModel_old`;
+--> statement-breakpoint
+DROP TABLE `aiModel_old`;
+--> statement-breakpoint
+CREATE INDEX `aiAccountId_idx` ON `aiModel` (`aiAccountId`);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `aiAccountId_unique` ON `aiModel` (`aiAccountId`,`name`);
+--> statement-breakpoint
+-- Make baseURL nullable in aiAccount table
+CREATE TABLE `aiAccount_new` (
+  `id` TEXT PRIMARY KEY NOT NULL,
+  `name` TEXT NOT NULL,
+  `aiServiceId` TEXT NOT NULL,
+  `baseURL` TEXT,
+  `apiKey` TEXT NOT NULL,
+  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP)
+);
+--> statement-breakpoint
+INSERT INTO `aiAccount_new` SELECT * FROM `aiAccount`;
+--> statement-breakpoint
+DROP TABLE `aiAccount`;
+--> statement-breakpoint
+ALTER TABLE `aiAccount_new` RENAME TO `aiAccount`;
diff --git a/src/database/migrations/0009_ancient_korath.sql b/src/database/migrations/0009_ancient_korath.sql
new file mode 100644
index 0000000..9ae4bea
--- /dev/null
+++ b/src/database/migrations/0009_ancient_korath.sql
@@ -0,0 +1,38 @@
+CREATE TABLE `aiSdk` (
+	`id` text PRIMARY KEY NOT NULL,
+	`slug` text NOT NULL,
+	`name` text NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE `aiService` (
+	`id` text PRIMARY KEY NOT NULL,
+	`name` text NOT NULL,
+	`aiSdkId` text NOT NULL,
+	`baseURL` text NULL,
+	`createdAt` text DEFAULT (CURRENT_TIMESTAMP)
+);
+--> statement-breakpoint
+INSERT INTO aiSdk (id, slug, name) VALUES
+('openai', 'openai', 'OpenAI'),
+('azure', 'azure', 'Azure'),
+('anthropic', 'anthropic', 'Anthropic'),
+('amazon', 'amazon', 'Amazon Bedrock'),
+('google-gen-ai', 'google-gen-ai', 'Google Generative AI'),
+('google-vertex', 'google-vertex', 'Google Vertex AI'),
+('mistral', 'mistral', 'Mistral'),
+('groq', 'groq', 'Groq'),
+('perplexity', 'perplexity', 'Perplexity'),
+('fireworks', 'fireworks', 'Fireworks');
+--> statement-breakpoint
+INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
+('openai', 'OpenAI', 'openai', NULL),
+('azure', 'Azure OpenAI', 'azure', NULL),
+('anthropic', 'Anthropic', 'anthropic', NULL),
+('amazon-bedrock', 'Amazon Bedrock', 'amazon', NULL),
+('google-gen-ai', 'Google Generative AI', 'google-gen-ai', NULL),
+('google-vertex', 'Google Vertex AI', 'google-vertex', NULL),
+('mistral', 'Mistral', 'mistral', NULL),
+('groq', 'Groq', 'groq', NULL),
+('perplexity', 'Perplexity', 'perplexity', NULL),
+('fireworks', 'Fireworks', 'fireworks', NULL);
+
diff --git a/src/database/migrations/0010_far_wiccan.sql b/src/database/migrations/0010_far_wiccan.sql
new file mode 100644
index 0000000..db1ec47
--- /dev/null
+++ b/src/database/migrations/0010_far_wiccan.sql
@@ -0,0 +1 @@
+CREATE UNIQUE INDEX `slug_unique` ON `aiSdk` (`slug`);
\ No newline at end of file
diff --git a/src/database/migrations/meta/0008_snapshot.json b/src/database/migrations/meta/0008_snapshot.json
new file mode 100644
index 0000000..9abd972
--- /dev/null
+++ b/src/database/migrations/meta/0008_snapshot.json
@@ -0,0 +1,468 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "672af5b5-5588-4a3b-b692-a5fdb2b12118",
+  "prevId": "13680e80-0b0a-4e45-99a8-474065d437b4",
+  "tables": {
+    "aiAccount": {
+      "name": "aiAccount",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiServiceId": {
+          "name": "aiServiceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiModel": {
+      "name": "aiModel",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiAccountId": {
+          "name": "aiAccountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "aiAccountId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "aiAccountId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "aiModel_aiAccountId_aiAccount_id_fk": {
+          "name": "aiModel_aiAccountId_aiAccount_id_fk",
+          "tableFrom": "aiModel",
+          "tableTo": "aiAccount",
+          "columnsFrom": [
+            "aiAccountId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {
+      "\"service\"": "\"aiAccount\"",
+      "\"model\"": "\"aiModel\""
+    },
+    "columns": {
+      "\"aiModel\".\"serviceId\"": "\"aiModel\".\"aiAccountId\"",
+      "\"aiAccount\".\"providerId\"": "\"aiAccount\".\"aiServiceId\""
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0009_snapshot.json b/src/database/migrations/meta/0009_snapshot.json
new file mode 100644
index 0000000..9a8a641
--- /dev/null
+++ b/src/database/migrations/meta/0009_snapshot.json
@@ -0,0 +1,537 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "e316ef9a-4ca9-4634-8f49-db5d3dafbe39",
+  "prevId": "672af5b5-5588-4a3b-b692-a5fdb2b12118",
+  "tables": {
+    "aiAccount": {
+      "name": "aiAccount",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiServiceId": {
+          "name": "aiServiceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiModel": {
+      "name": "aiModel",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiAccountId": {
+          "name": "aiAccountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "aiAccountId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "aiAccountId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "aiModel_aiAccountId_aiAccount_id_fk": {
+          "name": "aiModel_aiAccountId_aiAccount_id_fk",
+          "tableFrom": "aiModel",
+          "tableTo": "aiAccount",
+          "columnsFrom": [
+            "aiAccountId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiSdk": {
+      "name": "aiSdk",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiService": {
+      "name": "aiService",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiSdkId": {
+          "name": "aiSdkId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0010_snapshot.json b/src/database/migrations/meta/0010_snapshot.json
new file mode 100644
index 0000000..f9fda34
--- /dev/null
+++ b/src/database/migrations/meta/0010_snapshot.json
@@ -0,0 +1,545 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "8969d23b-855c-4fa5-a0b9-11ee61b43274",
+  "prevId": "e316ef9a-4ca9-4634-8f49-db5d3dafbe39",
+  "tables": {
+    "aiAccount": {
+      "name": "aiAccount",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiServiceId": {
+          "name": "aiServiceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiModel": {
+      "name": "aiModel",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiAccountId": {
+          "name": "aiAccountId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "aiAccountId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "aiAccountId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "aiModel_aiAccountId_aiAccount_id_fk": {
+          "name": "aiModel_aiAccountId_aiAccount_id_fk",
+          "tableFrom": "aiModel",
+          "tableTo": "aiAccount",
+          "columnsFrom": [
+            "aiAccountId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiSdk": {
+      "name": "aiSdk",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "slug_unique": {
+          "name": "slug_unique",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "aiService": {
+      "name": "aiService",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "aiSdkId": {
+          "name": "aiSdkId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index efc9f39..31c6172 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -57,6 +57,27 @@
       "when": 1721109071985,
       "tag": "0007_tidy_lilandra",
       "breakpoints": true
+    },
+    {
+      "idx": 8,
+      "version": "6",
+      "when": 1722605561757,
+      "tag": "0008_parallel_grandmaster",
+      "breakpoints": true
+    },
+    {
+      "idx": 9,
+      "version": "6",
+      "when": 1722605742561,
+      "tag": "0009_ancient_korath",
+      "breakpoints": true
+    },
+    {
+      "idx": 10,
+      "version": "6",
+      "when": 1722607191126,
+      "tag": "0010_far_wiccan",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index aef79aa..2d220eb 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -74,32 +74,52 @@ export const attachmentTable = sqliteTable(
   }),
 );
 
-export const modelTable = sqliteTable(
-  "model",
+export const aiModelTable = sqliteTable(
+  "aiModel",
   {
     id: text("id").notNull().primaryKey(),
-    serviceId: text("serviceId")
+    aiAccountId: text("aiAccountId")
       .notNull()
-      .references(() => serviceTable.id, { onDelete: "cascade" }),
+      .references(() => aiAccountTable.id, { onDelete: "cascade" }),
     name: text("name").notNull(),
     visible: int("visible").notNull(),
     createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
   },
   (table) => ({
-    serviceNameUnique: unique("serviceName_unique").on(table.serviceId, table.name),
-    serviceIdx: index("serviceId_idx").on(table.serviceId),
+    aiAccountId_unique: unique("accountId_unique").on(table.aiAccountId, table.name),
+    aiAccountId_idx: index("accountId_idx").on(table.aiAccountId),
   }),
 );
 
-export const serviceTable = sqliteTable("service", {
+export const aiAccountTable = sqliteTable("aiAccount", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
-  providerId: text("providerId").notNull(),
-  baseURL: text("baseURL").notNull(),
+  aiServiceId: text("aiServiceId").notNull(),
+  baseURL: text("baseURL"),
   apiKey: text("apiKey").notNull(),
   createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
 });
 
+export const aiServiceTable = sqliteTable("aiService", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  aiSdkId: text("aiSdkId").notNull(),
+  baseURL: text("baseURL").notNull(),
+  createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+});
+
+export const aiSdkTable = sqliteTable(
+  "aiSdk",
+  {
+    id: text("id").primaryKey(),
+    slug: text("slug").notNull(),
+    name: text("name").notNull(),
+  },
+  (table) => ({
+    slugUnique: unique("slug_unique").on(table.slug),
+  }),
+);
+
 export const chatTable = sqliteTable("chat", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
@@ -115,8 +135,8 @@ export type Document = InferSelectModel<typeof documentTable>;
 export type Revision = InferSelectModel<typeof revisionTable>;
 export type Message = InferSelectModel<typeof messageTable>;
 export type InsertMessage = InferInsertModel<typeof messageTable>;
-export type Model = InferSelectModel<typeof modelTable>;
-export type Service = InferSelectModel<typeof serviceTable>;
+export type Model = InferSelectModel<typeof aiModelTable>;
+export type Service = InferSelectModel<typeof aiAccountTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
 // export type Eval = InferSelectModel<typeof evalTable>;
 
@@ -128,15 +148,15 @@ export const chatRelations = relations(chatTable, ({ many }) => ({
   revisions: many(revisionTable),
 }));
 
-export const modelRelations = relations(modelTable, ({ one }) => ({
-  service: one(serviceTable, {
-    fields: [modelTable.serviceId],
-    references: [serviceTable.id],
+export const modelRelations = relations(aiModelTable, ({ one }) => ({
+  service: one(aiAccountTable, {
+    fields: [aiModelTable.aiAccountId],
+    references: [aiAccountTable.id],
   }),
 }));
 
-export const serviceRelations = relations(serviceTable, ({ many }) => ({
-  models: many(modelTable),
+export const accountRelations = relations(aiAccountTable, ({ many }) => ({
+  models: many(aiModelTable),
 }));
 
 export const revisionRelations = relations(revisionTable, ({ one, many }) => ({
diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index 8d4ef90..66db370 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -33,11 +33,11 @@ describe("(app)/$data", () => {
     await db.delete(schema.messageTable);
     await db.delete(schema.revisionTable);
     await db.delete(schema.chatTable);
-    await db.delete(schema.modelTable);
-    await db.delete(schema.serviceTable);
+    await db.delete(schema.aiModelTable);
+    await db.delete(schema.aiAccountTable);
 
     // Insert dummy data
-    await db.insert(schema.serviceTable).values([
+    await db.insert(schema.aiAccountTable).values([
       {
         id: "service1",
         name: "Test Service",
@@ -48,7 +48,7 @@ describe("(app)/$data", () => {
     ]);
 
     await db
-      .insert(schema.modelTable)
+      .insert(schema.aiModelTable)
       .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
 
     await db.insert(schema.chatTable).values([
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 969fddf..12b7242 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -56,7 +56,7 @@ beforeEach(async () => {
   await runMigrations(true);
 
   // Insert test data
-  await db.insert(schema.serviceTable).values([
+  await db.insert(schema.aiAccountTable).values([
     {
       id: "service1",
       name: "Test Service",
@@ -67,7 +67,7 @@ beforeEach(async () => {
   ]);
 
   await db
-    .insert(schema.modelTable)
+    .insert(schema.aiModelTable)
     .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
 
   await db
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 9304fb8..2f8e212 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -5,7 +5,7 @@ import {
   documentTable,
   type InsertMessage,
   messageTable,
-  modelTable,
+  aiModelTable,
   type Revision,
   revisionTable,
   useDb,
@@ -32,7 +32,7 @@ export function tabRouteId(tab: Tab): RouteId {
 }
 
 export function loadServices() {
-  return useDb().query.serviceTable.findMany({
+  return useDb().query.aiAccountTable.findMany({
     with: {
       models: true,
     },
@@ -96,8 +96,8 @@ export function getLatestRevision(chatId: string) {
 }
 
 export function getModelService(modelId: string) {
-  return useDb().query.modelTable.findFirst({
-    where: eq(modelTable.id, modelId),
+  return useDb().query.aiModelTable.findFirst({
+    where: eq(aiModelTable.id, modelId),
     with: {
       service: true,
     },
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index 84ecf63..a71e7ed 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -5,7 +5,7 @@ import {
   type Revision,
   type Message,
   revisionTable,
-  serviceTable,
+  aiAccountTable,
   useDb,
 } from "@/database";
 import { error } from "@sveltejs/kit";
@@ -45,7 +45,7 @@ export async function load({ route, url, params, depends }) {
   registerModel(chatTable, chat, depends);
 
   const services = await loadServices();
-  registerModel(serviceTable, services, depends);
+  registerModel(aiAccountTable, services, depends);
 
   const version = Number(url.searchParams.get("version")) || null;
   const revision = await getRevision(params.id, version);
diff --git a/src/routes/(app)/chat/[id]/SelectModel.svelte b/src/routes/(app)/chat/[id]/SelectModel.svelte
index 58f0dea..f3f314c 100644
--- a/src/routes/(app)/chat/[id]/SelectModel.svelte
+++ b/src/routes/(app)/chat/[id]/SelectModel.svelte
@@ -11,7 +11,7 @@
   import { store } from "@/lib/store.svelte";
   import { providersById } from "@/lib/providers";
   import type { ServicesView } from "./$data";
-  import { modelTable, useDb } from "@/database";
+  import { aiModelTable, useDb } from "@/database";
   import { asc, desc, eq } from "drizzle-orm";
 
   let { services }: { services: ServicesView } = $props();
@@ -53,16 +53,16 @@
       // if nothing selected then consider it available
       return true;
     }
-    const model = await useDb().query.modelTable.findFirst({
-      where: eq(modelTable.id, store.selected.modelId),
+    const model = await useDb().query.aiModelTable.findFirst({
+      where: eq(aiModelTable.id, store.selected.modelId),
     });
     return !!(model && model.visible);
   }
 
   async function selectNextAvailableModel() {
-    const model = await useDb().query.modelTable.findFirst({
-      where: eq(modelTable.visible, 1),
-      orderBy: asc(modelTable.createdAt),
+    const model = await useDb().query.aiModelTable.findFirst({
+      where: eq(aiModelTable.visible, 1),
+      orderBy: asc(aiModelTable.createdAt),
     });
     if (!model) {
       store.selected.modelId = null;
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
index ff58cb7..80abb81 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
@@ -41,17 +41,17 @@ beforeEach(async () => {
   await runMigrations(true);
 
   // Insert test data
-  await db.insert(schema.serviceTable).values([
+  await db.insert(schema.aiAccountTable).values([
     {
       id: "service1",
       name: "Test Service",
-      providerId: "provider1",
+      aiServiceId: "aiService1",
       baseURL: "https://api.test.com",
       apiKey: "test-api-key",
     },
   ]);
 
-  await db.insert(schema.modelTable).values([
+  await db.insert(schema.aiModelTable).values([
     { id: "model1", serviceId: "service1", name: "Test Model 1", visible: 1 },
     { id: "model2", serviceId: "service1", name: "Test Model 2", visible: 0 },
   ]);
@@ -96,8 +96,8 @@ describe("deleteService", () => {
       createdAt: new Date().toISOString(),
     };
     await deleteService(service);
-    const remainingServices = await db.query.serviceTable.findMany();
-    const remainingModels = await db.query.modelTable.findMany();
+    const remainingServices = await db.query.aiAccountTable.findMany();
+    const remainingModels = await db.query.aiModelTable.findMany();
     expect(remainingServices).toHaveLength(0);
     expect(remainingModels).toHaveLength(0);
   });
@@ -114,8 +114,8 @@ describe("updateService", () => {
       createdAt: new Date().toISOString(),
     };
     await updateService(updatedService);
-    const service = await db.query.serviceTable.findFirst({
-      where: eq(schema.serviceTable.id, "service1"),
+    const service = await db.query.aiAccountTable.findFirst({
+      where: eq(schema.aiAccountTable.id, "service1"),
     });
     expect(service).toEqual({ ...updatedService, createdAt: expect.any(String) });
   });
@@ -138,8 +138,8 @@ describe("replaceModels", () => {
     const newModels = [{ name: "New Model 1" }, { name: "New Model 2" }, { name: "Test Model 1" }];
     await replaceModels(service, newModels);
 
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
+    const models = await db.query.aiModelTable.findMany({
+      where: eq(schema.aiModelTable.serviceId, "service1"),
     });
 
     expect(models).toHaveLength(3);
@@ -175,8 +175,8 @@ describe("replaceModels", () => {
     ];
     await replaceModels(service, newModels);
 
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
+    const models = await db.query.aiModelTable.findMany({
+      where: eq(schema.aiModelTable.serviceId, "service1"),
     });
 
     expect(models).toHaveLength(3); // Should still be 3, not 4
@@ -207,8 +207,8 @@ describe("toggleVisible", () => {
       createdAt: new Date().toISOString(),
     };
     await toggleVisible(service, model);
-    const updatedModel = await db.query.modelTable.findFirst({
-      where: eq(schema.modelTable.id, "model1"),
+    const updatedModel = await db.query.aiModelTable.findFirst({
+      where: eq(schema.aiModelTable.id, "model1"),
     });
     expect(updatedModel?.visible).toBe(0);
   });
@@ -225,8 +225,8 @@ describe("toggleAllVisible", () => {
       createdAt: new Date().toISOString(),
     };
     await toggleAllVisible(service, 0);
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
+    const models = await db.query.aiModelTable.findMany({
+      where: eq(schema.aiModelTable.serviceId, "service1"),
     });
     expect(models.every((m) => m.visible === 0)).toBe(true);
   });
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
index d8babf2..ade4701 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
@@ -1,9 +1,9 @@
 import {
   invalidateModel,
   type Model,
-  modelTable,
+  aiModelTable,
   type Service,
-  serviceTable,
+  aiAccountTable,
   useDb,
 } from "@/database";
 import type { Provider } from "$lib/providers";
@@ -14,7 +14,7 @@ import { nanoid } from "nanoid";
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
 export async function loadServices() {
-  return useDb().query.serviceTable.findMany({
+  return useDb().query.aiAccountTable.findMany({
     with: {
       models: true,
     },
@@ -24,7 +24,7 @@ export async function loadServices() {
 export async function addService(provider: Provider) {
   const newId = nanoid(10);
   const result = await useDb()
-    .insert(serviceTable)
+    .insert(aiAccountTable)
     .values({
       id: newId,
       name: "",
@@ -42,31 +42,31 @@ export async function addService(provider: Provider) {
 
 export async function deleteService(service: Service) {
   await useDb().transaction(async (tx) => {
-    await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
-    await tx.delete(serviceTable).where(eq(serviceTable.id, service.id));
+    await tx.delete(aiModelTable).where(eq(aiModelTable.serviceId, service.id));
+    await tx.delete(aiAccountTable).where(eq(aiAccountTable.id, service.id));
   });
-  await invalidateModel(serviceTable, service);
+  await invalidateModel(aiAccountTable, service);
 }
 
 export async function updateService(service: Service) {
   console.time("updateService");
   await useDb()
-    .update(serviceTable)
+    .update(aiAccountTable)
     .set({ ...service })
-    .where(eq(serviceTable.id, service.id));
+    .where(eq(aiAccountTable.id, service.id));
   console.timeEnd("updateService");
-  await invalidateModel(serviceTable, service);
+  await invalidateModel(aiAccountTable, service);
 }
 
 export async function replaceModels(service: Service, newModels: any[]) {
   console.time("replaceModels");
   await useDb().transaction(async (tx) => {
     // remove models that no longer exist
-    await tx.delete(modelTable).where(
+    await tx.delete(aiModelTable).where(
       and(
-        eq(modelTable.serviceId, service.id),
+        eq(aiModelTable.serviceId, service.id),
         notInArray(
-          modelTable.name,
+          aiModelTable.name,
           newModels.map((m) => m.name),
         ),
       ),
@@ -74,30 +74,30 @@ export async function replaceModels(service: Service, newModels: any[]) {
     console.log("newModels", newModels);
     for (const model of newModels) {
       await tx
-        .insert(modelTable)
+        .insert(aiModelTable)
         .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
         .onConflictDoNothing({
-          target: [modelTable.name, modelTable.serviceId],
+          target: [aiModelTable.name, aiModelTable.serviceId],
         });
     }
   });
   console.timeEnd("replaceModels");
-  await invalidateModel(serviceTable, service);
+  await invalidateModel(aiAccountTable, service);
 }
 
 export async function toggleVisible(service: Service, model: Model) {
   await useDb()
-    .update(modelTable)
+    .update(aiModelTable)
     .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(modelTable.id, model.id), eq(modelTable.serviceId, service.id)));
-  await invalidateModel(serviceTable, service);
-  await invalidateModel(modelTable, model);
+    .where(and(eq(aiModelTable.id, model.id), eq(aiModelTable.serviceId, service.id)));
+  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(aiModelTable, model);
 }
 
 export async function toggleAllVisible(service: Service, visible: 1 | 0) {
   console.time("toggleAllVisible");
-  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
+  await useDb().update(aiModelTable).set({ visible }).where(eq(aiModelTable.serviceId, service.id));
   console.timeEnd("toggleAllVisible");
-  await invalidateModel(serviceTable, service);
+  await invalidateModel(aiAccountTable, service);
   await invalidate("view:chat");
 }
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
index 77ff5d9..58753f5 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
@@ -1,9 +1,9 @@
 import { loadServices } from "./$data";
-import { registerModel, serviceTable } from "@/database";
+import { registerModel, aiAccountTable } from "@/database";
 
 export async function load({ depends, route }) {
   const services = await loadServices();
-  registerModel(serviceTable, services, depends);
+  registerModel(aiAccountTable, services, depends);
   depends("view:services");
   return {
     services,
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
index fd85f4d..6de49dc 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
@@ -1,18 +1,18 @@
-import { registerModel, serviceTable, useDb } from "@/database";
+import { registerModel, aiAccountTable, useDb } from "@/database";
 import { eq } from "drizzle-orm";
 import { error } from "@sveltejs/kit";
 
 export async function load({ depends, params }) {
-  const service = await useDb().query.serviceTable.findFirst({
+  const service = await useDb().query.aiAccountTable.findFirst({
     with: {
       models: true,
     },
-    where: eq(serviceTable.id, params.serviceId),
+    where: eq(aiAccountTable.id, params.serviceId),
   });
   if (!service) {
     return error(404, "Service not found");
   }
-  registerModel(serviceTable, service, depends);
+  registerModel(aiAccountTable, service, depends);
   depends("view:service");
   return {
     service,

From ea224cfa57abeea8fe50245a421a75b896c74ad2 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sat, 3 Aug 2024 16:20:47 +1000
Subject: [PATCH 85/98] Add AI account settings form

---
 src/database/schema.ts                        | 24 ++++-
 src/lib/date.ts                               | 10 ++
 src/routes/(app)/chat/[id]/+layout.svelte     |  5 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    | 16 +--
 .../(app)/chat/[id]/ChatTitlebar.svelte       | 20 ++--
 src/routes/(app)/settings/$data.test.ts       |  9 ++
 src/routes/(app)/settings/+layout.svelte      | 23 +++++
 src/routes/(app)/settings/+page.svelte        | 58 +++++++++++
 src/routes/(app)/settings/+page.ts            | 11 +++
 src/routes/(app)/settings/Nav.svelte          | 20 ++++
 .../settings/ai-accounts/[id]/+page.svelte    |  0
 .../settings/ai-accounts/add/+page.svelte     | 97 +++++++++++++++++++
 .../(app)/settings/ai-accounts/add/+page.ts   | 11 +++
 13 files changed, 278 insertions(+), 26 deletions(-)
 create mode 100644 src/lib/date.ts
 create mode 100644 src/routes/(app)/settings/$data.test.ts
 create mode 100644 src/routes/(app)/settings/+layout.svelte
 create mode 100644 src/routes/(app)/settings/+page.svelte
 create mode 100644 src/routes/(app)/settings/+page.ts
 create mode 100644 src/routes/(app)/settings/Nav.svelte
 create mode 100644 src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
 create mode 100644 src/routes/(app)/settings/ai-accounts/add/+page.svelte
 create mode 100644 src/routes/(app)/settings/ai-accounts/add/+page.ts

diff --git a/src/database/schema.ts b/src/database/schema.ts
index 2d220eb..1872145 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -148,15 +148,31 @@ export const chatRelations = relations(chatTable, ({ many }) => ({
   revisions: many(revisionTable),
 }));
 
-export const modelRelations = relations(aiModelTable, ({ one }) => ({
-  service: one(aiAccountTable, {
+export const aiModelRelations = relations(aiModelTable, ({ one }) => ({
+  aiService: one(aiAccountTable, {
     fields: [aiModelTable.aiAccountId],
     references: [aiAccountTable.id],
   }),
 }));
 
-export const accountRelations = relations(aiAccountTable, ({ many }) => ({
-  models: many(aiModelTable),
+export const aiAccountRelations = relations(aiAccountTable, ({ many, one }) => ({
+  aiModels: many(aiModelTable),
+  aiService: one(aiServiceTable, {
+    fields: [aiAccountTable.aiServiceId],
+    references: [aiServiceTable.id],
+  }),
+}));
+
+export const aiServiceRelations = relations(aiServiceTable, ({ many, one }) => ({
+  aiAccounts: many(aiAccountTable),
+  aiSdk: one(aiSdkTable, {
+    fields: [aiServiceTable.aiSdkId],
+    references: [aiSdkTable.id],
+  }),
+}));
+
+export const aiSdkRelations = relations(aiSdkTable, ({ many }) => ({
+  aiService: many(aiServiceTable),
 }));
 
 export const revisionRelations = relations(revisionTable, ({ one, many }) => ({
diff --git a/src/lib/date.ts b/src/lib/date.ts
new file mode 100644
index 0000000..28fec53
--- /dev/null
+++ b/src/lib/date.ts
@@ -0,0 +1,10 @@
+// 4:30pm
+export function formatTime(date: Date): string {
+  return date
+    .toLocaleTimeString("en-US", {
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true,
+    })
+    .toLowerCase();
+}
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 21cc4a2..0afa3a2 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -53,10 +53,7 @@
   <div class="relative ml-auto flex-1 md:grow-0">
     <div class="flex flex-row">
       <SelectModel {services} />
-      <Button
-        variant="ghost"
-        onclick={() => goto(route(`/chat/[id]/[...rest]/config`, { id: chat.id, rest: "" }))}
-      >
+      <Button variant="ghost" onclick={() => goto(route(`/settings`))}>
         <SettingsIcon size={16} />
       </Button>
     </div>
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 2453cac..021147a 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -99,15 +99,15 @@
     });
     return true;
   }
-
-  function handleStop() {
-    if (chatService.isLoading) {
-      chatService.stop();
-    }
-  }
 </script>
 
-<ChatTitlebar {chat} {revision} tab="chat" unsavedChanges={chatService.hasEdits} />
+<ChatTitlebar
+  isLoading={chatService.isLoading}
+  {chat}
+  {revision}
+  tab="chat"
+  unsavedChanges={chatService.hasEdits}
+/>
 <div class="flex flex-1 flex-col overflow-y-auto" use:autoScroller.action>
   <div class="flex flex-1 flex-col gap-2 p-4 pt-0">
     {#each chatService.messages as message, index (message.id)}
@@ -117,5 +117,5 @@
       <RobotLoader />
     {/if}
   </div>
-  <MessageInput isLoading={chatService.isLoading} onSubmit={handleSubmit} onStop={handleStop} />
+  <MessageInput isLoading={chatService.isLoading} onSubmit={handleSubmit} />
 </div>
diff --git a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
index 15811ed..1e29bd6 100644
--- a/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
+++ b/src/routes/(app)/chat/[id]/ChatTitlebar.svelte
@@ -1,14 +1,7 @@
 <script lang="ts">
   import { Button } from "@/components/ui/button/index.js";
   import { Input } from "@/components/ui/input/index.js";
-  import {
-    ArrowBigLeftIcon,
-    ArrowBigRightIcon,
-    ArrowLeftIcon,
-    BanIcon,
-    CheckIcon,
-    PlayIcon,
-  } from "lucide-svelte";
+  import { ArrowBigLeftIcon, ArrowBigRightIcon, BanIcon, PlayIcon } from "lucide-svelte";
   import { updateChat } from "./$data.js";
   import type { Chat, Revision } from "@/database";
   import { untrack } from "svelte";
@@ -22,10 +15,17 @@
     revision: Revision;
     tab: string;
     isLoading: boolean;
-    onSubmit: () => void;
+    onSubmit?: () => void;
     unsavedChanges: boolean;
   };
-  let { chat, revision, tab, isLoading, onSubmit, unsavedChanges = false }: Props = $props();
+  let {
+    chat,
+    revision,
+    tab,
+    isLoading,
+    onSubmit = () => {},
+    unsavedChanges = false,
+  }: Props = $props();
   let id = $derived(chat.id);
   let name = $state(chat.name);
 
diff --git a/src/routes/(app)/settings/$data.test.ts b/src/routes/(app)/settings/$data.test.ts
new file mode 100644
index 0000000..e48d7fc
--- /dev/null
+++ b/src/routes/(app)/settings/$data.test.ts
@@ -0,0 +1,9 @@
+import { useDb } from "@/database";
+
+export async function loadAiAccounts() {
+  return useDb().query.aiAccountTable.findMany({ with: { aiService: { with: { aiSdk: true } } } });
+}
+
+export async function loadAiServices() {
+  return useDb().query.aiServiceTable.findMany({ with: { aiSdk: true } });
+}
diff --git a/src/routes/(app)/settings/+layout.svelte b/src/routes/(app)/settings/+layout.svelte
new file mode 100644
index 0000000..826a352
--- /dev/null
+++ b/src/routes/(app)/settings/+layout.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import Nav from "./Nav.svelte";
+  let { data } = $props();
+</script>
+
+<main
+  class="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 p-4 md:gap-8 md:p-10"
+>
+  <div class="mx-auto grid w-full max-w-6xl gap-2">
+    <h1 class="text-3xl font-semibold">Settings</h1>
+  </div>
+  <div
+    class="mx-auto grid w-full max-w-6xl items-start gap-6 md:grid-cols-[180px_1fr] lg:grid-cols-[250px_1fr]"
+  >
+    <div class="flex flex-col gap-2">
+      <Nav />
+    </div>
+
+    <div class="grid gap-6">
+      <slot />
+    </div>
+  </div>
+</main>
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
new file mode 100644
index 0000000..5e084c0
--- /dev/null
+++ b/src/routes/(app)/settings/+page.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import { Button } from "@/components/ui/button/index.js";
+  import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+  } from "@/components/ui/card";
+  import { Input } from "@/components/ui/input/index.js";
+  import { PlusCircleIcon } from "lucide-svelte";
+  import { providersById } from "$lib/providers";
+  import { Table, TableBody, TableCell, TableHeader, TableRow } from "@/components/ui/table";
+  import { goto } from "$app/navigation";
+  import { route } from "$lib/route";
+
+  let { data } = $props();
+</script>
+
+<Card>
+  <CardHeader>
+    <div class="flex flex-row items-center justify-between">
+      <div>
+        <CardTitle>AI accounts</CardTitle>
+        <CardDescription>Manage your AI accounts and their API keys and models.</CardDescription>
+      </div>
+      <Button href={route("/settings/ai-accounts/add")}>Add account</Button>
+    </div>
+  </CardHeader>
+
+  <CardContent>
+    <div class="flex flex-col gap-2">
+      <Table>
+        <TableHeader class="text-left text-muted-foreground">
+          <TableCell class="p-2 font-semibold">Name</TableCell>
+          <TableCell class="p-2 font-semibold">Service</TableCell>
+        </TableHeader>
+        <TableBody>
+          {#if data.aiAccounts.length === 0}
+            <TableRow class="cursor-pointer">
+              <TableCell class="p-2">No accounts found.</TableCell>
+            </TableRow>
+          {/if}
+          {#each data.aiAccounts as aiAccount (aiAccount.id)}
+            <TableRow
+              class="cursor-pointer"
+              onclick={() => goto(route(`/settings/ai-accounts/[id]`, { id: aiAccount.id }))}
+            >
+              <TableCell class="p-2">{aiAccount.name || "-"}</TableCell>
+              <TableCell class="p-2">{aiAccount.aiService.name}</TableCell>
+            </TableRow>
+          {/each}
+        </TableBody>
+      </Table>
+    </div>
+  </CardContent>
+</Card>
diff --git a/src/routes/(app)/settings/+page.ts b/src/routes/(app)/settings/+page.ts
new file mode 100644
index 0000000..af8bf16
--- /dev/null
+++ b/src/routes/(app)/settings/+page.ts
@@ -0,0 +1,11 @@
+import { aiAccountTable, registerModel } from "@/database";
+import { loadAiAccounts } from "./$data.test";
+
+export async function load({ depends, route }) {
+  const aiAccounts = await loadAiAccounts();
+  registerModel(aiAccountTable, aiAccounts, depends);
+  depends("view:services");
+  return {
+    aiAccounts,
+  };
+}
diff --git a/src/routes/(app)/settings/Nav.svelte b/src/routes/(app)/settings/Nav.svelte
new file mode 100644
index 0000000..9226269
--- /dev/null
+++ b/src/routes/(app)/settings/Nav.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { match, route } from "$lib/route";
+  import { cn } from "$lib/cn";
+  import { page } from "$app/stores";
+</script>
+
+<nav
+  class="grid gap-4 text-sm text-muted-foreground"
+  data-x-chunk-container="chunk-container after:right-0"
+>
+  <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
+    AI Accounts
+  </a>
+</nav>
+
+<style lang="postcss">
+  .active {
+    @apply font-semibold text-primary;
+  }
+</style>
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte b/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.svelte b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
new file mode 100644
index 0000000..4494589
--- /dev/null
+++ b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+  import { Button } from "@/components/ui/button/index.js";
+  import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+  } from "@/components/ui/card";
+  import { Input } from "@/components/ui/input/index.js";
+  import { PlusCircleIcon, RefreshCwIcon, SettingsIcon } from "lucide-svelte";
+  import { Providers, providersById } from "$lib/providers";
+  import { Table, TableBody, TableCell, TableHeader, TableRow } from "@/components/ui/table";
+  import { goto } from "$app/navigation";
+  import { route } from "$lib/route";
+  import { cn } from "$lib/utils";
+  import { Label } from "@/components/ui/label";
+  import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+  } from "@/components/ui/select";
+  import type { Selected } from "bits-ui";
+  import { toast } from "svelte-french-toast";
+
+  let { data } = $props();
+  let selectedService = $state<Selected<string> | undefined>(undefined);
+  let name = $state("");
+  let apiKey = $state("");
+  let baseURL = $state("");
+  let showOptions = $state(false);
+
+  async function handleSave() {
+    if (!selectedService) {
+      toast.error("Please select an AI service");
+      return false;
+    }
+  }
+
+  // todo: use svelte forms
+</script>
+
+<Card>
+  <CardHeader>
+    <div class="flex flex-row items-center justify-between">
+      <div>
+        <CardTitle>Add AI account</CardTitle>
+        <CardDescription>Select an AI service, enter your account name and API key.</CardDescription
+        >
+      </div>
+    </div>
+  </CardHeader>
+
+  <CardContent>
+    <div class="flex max-w-xl flex-col gap-4">
+      <div class="grid gap-2">
+        <Label for="name">Service provider</Label>
+        <Select
+          selected={selectedService}
+          onSelectedChange={(selected) => (selectedService = selected)}
+        >
+          <SelectTrigger>
+            <SelectValue placeholder="Select an AI service" />
+          </SelectTrigger>
+          <SelectContent>
+            {#each data.aiServices as service (service.id)}
+              <SelectItem value={service.id}>{service.name}</SelectItem>
+            {/each}
+          </SelectContent>
+        </Select>
+      </div>
+      <div class="grid gap-2">
+        <Label for="name">Account name</Label>
+        <Input bind:value={name} id="name" placeholder="Enter account name" type="text" />
+      </div>
+      <div class="grid gap-2">
+        <Label for="apiKey">API Key</Label>
+        <Input bind:value={apiKey} id="apiKey" placeholder="Enter your API key" type="password" />
+      </div>
+
+      <!--      <Button variant="outline" onclick={() => fetchModels()}>-->
+      <!--        <RefreshCwIcon class={cn("mr-2 h-4 w-4", modelsLoading && "loading-icon")} />-->
+      <!--        {#if service.models.length > 0}-->
+      <!--          Refresh Models-->
+      <!--        {:else}-->
+      <!--          Load Models-->
+      <!--        {/if}-->
+      <!--      </Button>-->
+    </div>
+  </CardContent>
+  <CardFooter>
+    <Button variant="default" onclick={handleSave}>Save</Button>
+  </CardFooter>
+</Card>
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.ts b/src/routes/(app)/settings/ai-accounts/add/+page.ts
new file mode 100644
index 0000000..8acdd05
--- /dev/null
+++ b/src/routes/(app)/settings/ai-accounts/add/+page.ts
@@ -0,0 +1,11 @@
+import { loadAiServices } from "../../$data.test";
+import { aiServiceTable, registerModel } from "@/database";
+
+export async function load({ depends, route }) {
+  const aiServices = await loadAiServices();
+  registerModel(aiServiceTable, aiServices, depends);
+  depends("view:services");
+  return {
+    aiServices,
+  };
+}

From f7c7e9b9b454dce24d89402638ee7c88f377d04a Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 4 Aug 2024 23:35:16 +1000
Subject: [PATCH 86/98] Add account and update form

---
 package.json                                  |  10 +-
 pnpm-lock.yaml                                | 532 ++++++++++++++----
 src/routes/(app)/api/models/+server.ts        |  16 +-
 src/routes/(app)/settings/+page.svelte        |  30 +-
 src/routes/(app)/settings/Nav.svelte          |   5 +-
 .../(app)/settings/ai-accounts/$data.ts       | 111 ++++
 .../settings/ai-accounts/[id]/+page.svelte    | 189 +++++++
 .../(app)/settings/ai-accounts/[id]/+page.ts  |  31 +
 .../settings/ai-accounts/add/+page.svelte     | 219 ++++---
 .../(app)/settings/ai-accounts/add/+page.ts   |   5 +
 10 files changed, 930 insertions(+), 218 deletions(-)
 create mode 100644 src/routes/(app)/settings/ai-accounts/$data.ts
 create mode 100644 src/routes/(app)/settings/ai-accounts/[id]/+page.ts

diff --git a/package.json b/package.json
index 165dad8..c273a8b 100644
--- a/package.json
+++ b/package.json
@@ -38,14 +38,16 @@
     "prettier": "^3.2.5",
     "prettier-plugin-svelte": "^3.2.3",
     "prettier-plugin-tailwindcss": "^0.5.14",
-    "svelte": "^5.0.0-next.201",
+    "svelte": "^5.0.0-next.203",
     "svelte-check": "^3.6.0",
+    "sveltekit-superforms": "^2.16.1",
     "tailwindcss": "^3.4.3",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "vite": "^5.0.3",
     "vitest": "^1.6.0",
-    "wrangler": "^3.53.1"
+    "wrangler": "^3.53.1",
+    "zod": "3.23.8"
   },
   "type": "module",
   "dependencies": {
@@ -66,6 +68,7 @@
     "dotenv": "^16.4.5",
     "drizzle-orm": "^0.30.10",
     "filepond": "^4.31.1",
+    "formsnap": "^1.0.1",
     "highlight.js": "^11.7.0",
     "lexical": "^0.16.1",
     "lodash": "^4.17.21",
@@ -78,7 +81,6 @@
     "svelte-filepond": "^0.2.2",
     "svelte-french-toast": "^1.2.0",
     "tailwind-merge": "^2.3.0",
-    "tailwind-variants": "^0.2.1",
-    "zod": "^3.23.6"
+    "tailwind-variants": "^0.2.1"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1ce476d..6c109cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,19 +10,19 @@ importers:
     dependencies:
       '@ai-sdk/anthropic':
         specifier: ^0.0.10
-        version: 0.0.10(zod@3.23.6)
+        version: 0.0.10(zod@3.23.8)
       '@ai-sdk/google':
         specifier: ^0.0.10
-        version: 0.0.10(zod@3.23.6)
+        version: 0.0.10(zod@3.23.8)
       '@ai-sdk/mistral':
         specifier: ^0.0.9
-        version: 0.0.9(zod@3.23.6)
+        version: 0.0.9(zod@3.23.8)
       '@ai-sdk/openai':
         specifier: ^0.0.10
-        version: 0.0.10(zod@3.23.6)
+        version: 0.0.10(zod@3.23.8)
       '@ai-sdk/ui-utils':
         specifier: ^0.0.9
-        version: 0.0.9(zod@3.23.6)
+        version: 0.0.9(zod@3.23.8)
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
@@ -40,10 +40,10 @@ importers:
         version: 0.16.1
       ai:
         specifier: ^3.1.12
-        version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.201)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6)
+        version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)
       bits-ui:
         specifier: ^0.21.7
-        version: 0.21.7(svelte@5.0.0-next.201)
+        version: 0.21.7(svelte@5.0.0-next.208)
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.0
@@ -59,6 +59,9 @@ importers:
       filepond:
         specifier: ^4.31.1
         version: 4.31.1
+      formsnap:
+        specifier: ^1.0.1
+        version: 1.0.1(svelte@5.0.0-next.208)(sveltekit-superforms@2.16.1(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208))
       highlight.js:
         specifier: ^11.7.0
         version: 11.9.0
@@ -70,7 +73,7 @@ importers:
         version: 4.17.21
       lucide-svelte:
         specifier: ^0.378.0
-        version: 0.378.0(svelte@5.0.0-next.201)
+        version: 0.378.0(svelte@5.0.0-next.208)
       marked:
         specifier: ^12.0.1
         version: 12.0.2
@@ -91,41 +94,38 @@ importers:
         version: 0.2.2(filepond@4.31.1)
       svelte-french-toast:
         specifier: ^1.2.0
-        version: 1.2.0(svelte@5.0.0-next.201)
+        version: 1.2.0(svelte@5.0.0-next.208)
       tailwind-merge:
         specifier: ^2.3.0
         version: 2.3.0
       tailwind-variants:
         specifier: ^0.2.1
         version: 0.2.1(tailwindcss@3.4.3)
-      zod:
-        specifier: ^3.23.6
-        version: 3.23.6
     devDependencies:
       '@cloudflare/workers-types':
         specifier: ^4.20240502.0
         version: 4.20240502.0
       '@melt-ui/pp':
         specifier: ^0.3.1
-        version: 0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201))(svelte@5.0.0-next.201)
+        version: 0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)
       '@melt-ui/svelte':
         specifier: ^0.77.0
-        version: 0.77.0(svelte@5.0.0-next.201)
+        version: 0.77.0(svelte@5.0.0-next.208)
       '@playwright/test':
         specifier: ^1.28.1
         version: 1.44.0
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
-        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))
+        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))
       '@sveltejs/adapter-cloudflare':
         specifier: ^4.4.0
-        version: 4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))
+        version: 4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))
       '@sveltejs/kit':
         specifier: ^2.0.0
-        version: 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+        version: 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.0.0
-        version: 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+        version: 3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       '@tailwindcss/typography':
         specifier: ^0.5.13
         version: 0.5.13(tailwindcss@3.4.3)
@@ -134,7 +134,7 @@ importers:
         version: 6.4.5(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
       '@testing-library/svelte':
         specifier: ^5.2.0
-        version: 5.2.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
+        version: 5.2.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
       '@types/better-sqlite3':
         specifier: ^7.6.11
         version: 7.6.11
@@ -167,16 +167,19 @@ importers:
         version: 3.2.5
       prettier-plugin-svelte:
         specifier: ^3.2.3
-        version: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201)
+        version: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208)
       prettier-plugin-tailwindcss:
         specifier: ^0.5.14
-        version: 0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201))(prettier@3.2.5)
+        version: 0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208))(prettier@3.2.5)
       svelte:
-        specifier: ^5.0.0-next.201
-        version: 5.0.0-next.201
+        specifier: ^5.0.0-next.203
+        version: 5.0.0-next.208
       svelte-check:
         specifier: ^3.6.0
-        version: 3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)
+        version: 3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.208)
+      sveltekit-superforms:
+        specifier: ^2.16.1
+        version: 2.16.1(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)
       tailwindcss:
         specifier: ^3.4.3
         version: 3.4.3
@@ -195,6 +198,9 @@ importers:
       wrangler:
         specifier: ^3.53.1
         version: 3.53.1(@cloudflare/workers-types@4.20240502.0)
+      zod:
+        specifier: 3.23.8
+        version: 3.23.8
 
 packages:
 
@@ -293,6 +299,12 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
+  '@ark/schema@0.2.0':
+    resolution: {integrity: sha512-IkNWCSHdjaoemMXpps4uFHEAQzwJPbTAS8K2vcQpk90sa+eNBuPSVyB/81/Qyl1VYW0iX3ceGC5NL/OznQv1jg==}
+
+  '@ark/util@0.1.0':
+    resolution: {integrity: sha512-qCLYICQoCy3kEKDVwirQp8qvxhY7NJd8BhhoHaj1l3wCFAk9NUbcDsxAkPStZEMdPI/d7NcbGJe8SWZuRG2twQ==}
+
   '@babel/code-frame@7.24.2':
     resolution: {integrity: sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==}
     engines: {node: '>=6.9.0'}
@@ -925,6 +937,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@exodus/schemasafe@1.3.0':
+    resolution: {integrity: sha512-5Aap/GaRupgNx/feGBwLLTVv8OQFfv3pq2lPRzPg9R+IOBnDgghTGW7l7EuVXOvg5cc/xSAlRW8rBrjIC3Nvqw==}
+
   '@fastify/busboy@2.1.1':
     resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
     engines: {node: '>=14'}
@@ -941,6 +956,16 @@ packages:
   '@fontsource-variable/inter@5.0.18':
     resolution: {integrity: sha512-rJzSrtJ3b7djiGFvRuTe6stDfbYJGhdQSfn2SI2WfXviee7Er0yKAHE5u7FU7OWVQQQ1x3+cxdmx9NdiAkcrcA==}
 
+  '@gcornut/valibot-json-schema@0.31.0':
+    resolution: {integrity: sha512-3xGptCurm23e7nuPQkdrE5rEs1FeTPHhAUsBuwwqG4/YeZLwJOoYZv+fmsppUEfo5y9lzUwNQrNqLS/q7HMc7g==}
+    hasBin: true
+
+  '@hapi/hoek@9.3.0':
+    resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
+
+  '@hapi/topo@5.1.0':
+    resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
+
   '@inquirer/confirm@3.1.12':
     resolution: {integrity: sha512-s5Sod79QsBBi5Qm7zxCq9DcAD0i7WRcjd/LzsiIAWqWZKW4+OJTGrCgVSLGIHTulwbZgdxM4AAxpCXe86hv4/Q==}
     engines: {node: '>=18'}
@@ -1073,6 +1098,10 @@ packages:
   '@polka/url@1.0.0-next.25':
     resolution: {integrity: sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==}
 
+  '@poppinss/macroable@1.0.2':
+    resolution: {integrity: sha512-xhhEcEvhQC8mP5oOr5hbE4CmUgmw/IPV1jhpGg2xSkzoFrt9i8YVqBQt9744EFesi5F7pBheWozg63RUBM/5JA==}
+    engines: {node: '>=18.16.0'}
+
   '@promptbook/utils@0.49.0':
     resolution: {integrity: sha512-E/dMOZw5L84BLkODUrIu4f3hwU3QdozZRQ7ea24qYaRqNuOEw2Z8hZ6Wp/2o3Yj1+3+LS+I28zYMjOgv23PHdA==}
 
@@ -1171,13 +1200,28 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@sideway/address@4.1.5':
+    resolution: {integrity: sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==}
+
+  '@sideway/formula@3.0.1':
+    resolution: {integrity: sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==}
+
+  '@sideway/pinpoint@2.0.0':
+    resolution: {integrity: sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==}
+
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
+  '@sinclair/typebox@0.32.35':
+    resolution: {integrity: sha512-Ul3YyOTU++to8cgNkttakC0dWvpERr6RYoHO2W47DLbFvrwBDJUY31B1sImH6JZSYc4Kt4PyHtoPNu+vL2r2dA==}
+
   '@sindresorhus/is@5.6.0':
     resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==}
     engines: {node: '>=14.16'}
 
+  '@sodaru/yup-to-json-schema@2.0.1':
+    resolution: {integrity: sha512-lWb0Wiz8KZ9ip/dY1eUqt7fhTPmL24p6Hmv5Fd9pzlzAdw/YNcWZr+tiCT4oZ4Zyxzi9+1X4zv82o7jYvcFxYA==}
+
   '@sqlite.org/sqlite-wasm@3.45.3-build1':
     resolution: {integrity: sha512-/eLqlKmyPoHpYZkg5VmEZpknisOShPX59Rm//zKHFVqqCk/7/mYT/i5CrooRQDqzfhq0Bm8IDynC+fbL0C1WfQ==}
     hasBin: true
@@ -1291,6 +1335,9 @@ packages:
   '@types/http-cache-semantics@4.0.4':
     resolution: {integrity: sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==}
 
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
   '@types/katex@0.16.7':
     resolution: {integrity: sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==}
 
@@ -1318,6 +1365,9 @@ packages:
   '@types/statuses@2.0.5':
     resolution: {integrity: sha512-jmIUGWrAiwu3dZpxntxieC+1n/5c3mjrImkmOSQ2NC5uP6cYO4aAZDdSmRcI5C1oiTmqlZGHC+/NmJrKogbP5A==}
 
+  '@types/validator@13.12.0':
+    resolution: {integrity: sha512-nH45Lk7oPIJ1RVOF6JgFI6Dy0QpHEzq4QecZhvguxYPDwT8c93prCMqAtiIttm39voZ+DDR+qkNnMpJmMBRqag==}
+
   '@types/which@2.0.2':
     resolution: {integrity: sha512-113D3mDkZDjo+EeUEHCFy0qniNc1ZpecGiAU7WSo7YDoSzolZIQKpYFHrPpjkB2nuyahcKfrmLXeQlh7gqJYdw==}
 
@@ -1336,6 +1386,14 @@ packages:
   '@ungap/with-resolvers@0.1.0':
     resolution: {integrity: sha512-g7f0IkJdPW2xhY7H4iE72DAsIyfuwEFc6JWc2tYFwKDMWWAF699vGjrM348cwQuOXgHpe1gWFe+Eiyjx/ewvvw==}
 
+  '@vinejs/compiler@2.5.0':
+    resolution: {integrity: sha512-hg4ekaB5Y2zh+IWzBiC/WCDWrIfpVnKu/ubUvelKlidc/VbulsexoFRw5kJGHZenPVI5YzNnDeTdYSALkTV7jQ==}
+    engines: {node: '>=18.0.0'}
+
+  '@vinejs/vine@1.8.0':
+    resolution: {integrity: sha512-Qq3XxbA26jzqS9ICifkqzT399lMQZ2fWtqeV3luI2as+UIK7qDifJFU2Q4W3q3IB5VXoWxgwAZSZEO0em9I/qQ==}
+    engines: {node: '>=18.16.0'}
+
   '@vitest/browser@1.6.0':
     resolution: {integrity: sha512-3Wpp9h1hf++rRVPvoXevkdHybLhJVn7MwIMKMIh08tVaoDMmT6fnNhbP222Z48V9PptpYeA5zvH9Ct/ZcaAzmQ==}
     peerDependencies:
@@ -1518,6 +1576,9 @@ packages:
   aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
 
+  arktype@2.0.0-beta.0:
+    resolution: {integrity: sha512-fE3ssMiXjr/bLqFPzlDhRlXngdyHQreu7p7i8+dtcY1CA+f8WrVUcue6JxywhnqEJXPG4HOcIwQcC+q4VfeUMQ==}
+
   as-table@1.0.55:
     resolution: {integrity: sha512-xvsWESUJn0JN421Xb9MQw6AsMHRCUknCe0Wjlxvjud80mU4E6hQf1A6NzQKcYNmYw62MfzEtXc+badstZP3JpQ==}
 
@@ -1651,6 +1712,10 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
+
   caniuse-lite@1.0.30001615:
     resolution: {integrity: sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==}
 
@@ -1828,6 +1893,9 @@ packages:
     resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
     engines: {node: '>=18'}
 
+  dayjs@1.11.12:
+    resolution: {integrity: sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==}
+
   debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -2067,6 +2135,12 @@ packages:
     peerDependencies:
       esbuild: '>=0.12 <1'
 
+  esbuild-runner@2.2.2:
+    resolution: {integrity: sha512-fRFVXcmYVmSmtYm2mL8RlUASt2TDkGh3uRcvHFOKNr/T58VrfVeKD9uT9nlgxk96u0LS0ehS/GY7Da/bXWKkhw==}
+    hasBin: true
+    peerDependencies:
+      esbuild: '*'
+
   esbuild@0.17.19:
     resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
     engines: {node: '>=12'}
@@ -2226,6 +2300,12 @@ packages:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
 
+  formsnap@1.0.1:
+    resolution: {integrity: sha512-TvU9CoLSiacW1c7wXhLiyVpyy/LBfG0CEFDbs3M3jrsxBSrkTpsuhbQ8JYKY3CNCmIhZlgxCH+Vqr7RBF9G53w==}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.1
+      sveltekit-superforms: ^2.3.0
+
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
@@ -2488,6 +2568,9 @@ packages:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
 
+  joi@17.13.3:
+    resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -2513,6 +2596,10 @@ packages:
     resolution: {integrity: sha512-cVnggDrVkAAA3OvFfHpFEhOnmcsUpleEKq4d4O8sQWWSH40MBrWstKigVB1kGrgLWzuom+7rRdaCsnBD6VyObQ==}
     hasBin: true
 
+  json-schema-to-ts@3.1.0:
+    resolution: {integrity: sha512-UeVN/ery4/JeXI8h4rM8yZPxsH+KqPi/84qFxHfTGHZnWnK9D0UU9ZGYO+6XAaJLqCWMiks+ARuFOKAiSxJCHA==}
+    engines: {node: '>=16'}
+
   json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
 
@@ -2524,6 +2611,9 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  just-clone@6.2.0:
+    resolution: {integrity: sha512-1IynUYEc/HAwxhi3WDpIpxJbZpMCvvrrmZVqvj9EhpvbH8lls7HhdhiByjL7DkAaWlLIzpC0Xc/VPvy/UxLNjA==}
+
   katex@0.16.10:
     resolution: {integrity: sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA==}
     hasBin: true
@@ -2647,6 +2737,9 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
+  memoize-weak@1.0.2:
+    resolution: {integrity: sha512-gj39xkrjEw7nCn4nJ1M5ms6+MyMlyiGmttzsqAUsAKn6bYKwuTHh/AO3cKPF8IBrTIYTxb0wWXFs3E//Y8VoWQ==}
+
   memoizee@0.4.15:
     resolution: {integrity: sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==}
 
@@ -3073,6 +3166,9 @@ packages:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
 
+  property-expr@2.0.6:
+    resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
+
   proxy-agent@6.3.0:
     resolution: {integrity: sha512-0LdR757eTj/JfuU7TL2YCuAZnxWXu3tkJbg4Oq3geW/qFNT/32T0sp2HnZ9O0lMR4q3vwAt0+xCA8SR0WAD0og==}
     engines: {node: '>= 14'}
@@ -3447,6 +3543,10 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
+  superstruct@2.0.2:
+    resolution: {integrity: sha512-uV+TFRZdXsqXTL2pRvujROjdZQ4RAlBUS5BTh9IGm+jTqQntYThciG/qu57Gs69yjnVUSqdxF9YLmSnpupBW9A==}
+    engines: {node: '>=14.0.0'}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -3523,10 +3623,16 @@ packages:
     peerDependencies:
       svelte: ^3.2.1 || ^4.0.0-next.1 || ^5.0.0-next.94
 
-  svelte@5.0.0-next.201:
-    resolution: {integrity: sha512-gap0o+f0b5/TQYW5uOVUc3eVk75meSNdTrc9tTRALAg7YCzm8QaLqijBj5OkLaW9XKZFtarGrleRvC/fChk/Eg==}
+  svelte@5.0.0-next.208:
+    resolution: {integrity: sha512-gYABb68367fGnY/GIpb/j3DD5DUqhVWi6EodEBVpiRA9wLQTpY8QmuPg04xut/0EHqlFU3a40wbpjJKmpL3Y/g==}
     engines: {node: '>=18'}
 
+  sveltekit-superforms@2.16.1:
+    resolution: {integrity: sha512-RNBdN43xge/ADmc3s7+pfdnRGuZ9gZiqpX6VKAQCnCI+ICc5rrPv5idYbx4iuY1Ia0lRMAq1hP0x2oHaPjB+Kg==}
+    peerDependencies:
+      '@sveltejs/kit': 1.x || 2.x
+      svelte: 3.x || 4.x || >=5.0.0-next.51
+
   swr-store@0.10.6:
     resolution: {integrity: sha512-xPjB1hARSiRaNNlUQvWSVrG5SirCjk2TmaUyzzvk69SZQan9hCJqw/5rG9iL7xElHU784GxRPISClq4488/XVw==}
     engines: {node: '>=10'}
@@ -3593,6 +3699,9 @@ packages:
   timers-ext@0.1.7:
     resolution: {integrity: sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==}
 
+  tiny-case@1.0.3:
+    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
+
   tiny-glob@0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
 
@@ -3615,6 +3724,9 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  toposort@2.0.2:
+    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
+
   totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
@@ -3630,9 +3742,19 @@ packages:
     resolution: {integrity: sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==}
     engines: {node: '>=18'}
 
+  ts-algebra@2.0.0:
+    resolution: {integrity: sha512-FPAhNPFMrkwz76P7cdjdmiShwMynZYN6SgOujD1urY4oNm80Ou9oMdmbR45LotcKOXoy7wSmHkRFE6Mxbrhefw==}
+
+  ts-deepmerge@7.0.1:
+    resolution: {integrity: sha512-JBFCmNenZdUCc+TRNCtXVM6N8y/nDQHAcpj5BlwXG/gnogjam1NunulB9ia68mnqYI446giMfpqeBFFkOleh+g==}
+    engines: {node: '>=14.13.1'}
+
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
+  tslib@2.4.0:
+    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
+
   tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
@@ -3712,6 +3834,16 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  valibot@0.31.1:
+    resolution: {integrity: sha512-2YYIhPrnVSz/gfT2/iXVTrSj92HwchCt9Cga/6hX4B26iCz9zkIsGTS0HjDYTZfTi1Un0X6aRvhBi1cfqs/i0Q==}
+
+  valibot@0.35.0:
+    resolution: {integrity: sha512-+i2aCRkReTrd5KBN/dW2BrPOvFnU5LXTV2xjZnjnqUIO8YUx6P2+MgRrkwF2FhkexgyKq/NIZdPdknhHf5A/Ww==}
+
+  validator@13.12.0:
+    resolution: {integrity: sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==}
+    engines: {node: '>= 0.10'}
+
   vite-node@1.6.0:
     resolution: {integrity: sha512-de6HJgzC+TFzOu0NTC4RAIsyf/DY/ibWDYQUcuEA84EMHhcefTUGkjFHKKEJhQN4A+6I0u++kr3l36ZF2d7XRw==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -3955,6 +4087,9 @@ packages:
   youch@3.3.3:
     resolution: {integrity: sha512-qSFXUk3UZBLfggAW3dJKg0BMblG5biqSF8M34E06o5CSsZtH92u9Hqmj2RzGiHDi64fhe83+4tENFP2DB6t6ZA==}
 
+  yup@1.4.0:
+    resolution: {integrity: sha512-wPbgkJRCqIf+OHyiTBQoJiP5PFuAXaWiJK6AmYkzQAh5/c2K9hzSApBZG5wV9KoKSePF7sAxmNSvh/13YHkFDg==}
+
   zimmerframe@1.1.2:
     resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
 
@@ -3967,67 +4102,72 @@ packages:
     peerDependencies:
       zod: ^3.22.4
 
-  zod@3.23.6:
-    resolution: {integrity: sha512-RTHJlZhsRbuA8Hmp/iNL7jnfc4nZishjsanDAfEY1QpDQZCahUp3xDzl+zfweE9BklxMUcgBgS1b7Lvie/ZVwA==}
+  zod-to-json-schema@3.23.2:
+    resolution: {integrity: sha512-uSt90Gzc/tUfyNqxnjlfBs8W6WSGpNBv0rVsNxP/BVSMHMKGdthPYff4xtCHYloJGM0CFxFsb3NbC0eqPhfImw==}
+    peerDependencies:
+      zod: ^3.23.3
+
+  zod@3.23.8:
+    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
 
 snapshots:
 
   '@adobe/css-tools@4.3.3': {}
 
-  '@ai-sdk/anthropic@0.0.10(zod@3.23.6)':
+  '@ai-sdk/anthropic@0.0.10(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.6)
+      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/google@0.0.10(zod@3.23.6)':
+  '@ai-sdk/google@0.0.10(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.6)
+      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/mistral@0.0.9(zod@3.23.6)':
+  '@ai-sdk/mistral@0.0.9(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.6)
+      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/openai@0.0.10(zod@3.23.6)':
+  '@ai-sdk/openai@0.0.10(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.6)
+      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/provider-utils@0.0.6(zod@3.23.6)':
+  '@ai-sdk/provider-utils@0.0.6(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
       eventsource-parser: 1.1.2
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/provider-utils@0.0.8(zod@3.23.6)':
+  '@ai-sdk/provider-utils@0.0.8(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.5
       eventsource-parser: 1.1.2
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
-  '@ai-sdk/provider-utils@1.0.0(zod@3.23.6)':
+  '@ai-sdk/provider-utils@1.0.0(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.11
       eventsource-parser: 1.1.2
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
   '@ai-sdk/provider@0.0.11':
     dependencies:
@@ -4041,12 +4181,12 @@ snapshots:
     dependencies:
       json-schema: 0.4.0
 
-  '@ai-sdk/ui-utils@0.0.9(zod@3.23.6)':
+  '@ai-sdk/ui-utils@0.0.9(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.0(zod@3.23.6)
+      '@ai-sdk/provider-utils': 1.0.0(zod@3.23.8)
       secure-json-parse: 2.7.0
     optionalDependencies:
-      zod: 3.23.6
+      zod: 3.23.8
 
   '@alloc/quick-lru@5.2.0': {}
 
@@ -4055,6 +4195,14 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@ark/schema@0.2.0':
+    dependencies:
+      '@ark/util': 0.1.0
+    optional: true
+
+  '@ark/util@0.1.0':
+    optional: true
+
   '@babel/code-frame@7.24.2':
     dependencies:
       '@babel/highlight': 7.24.5
@@ -4408,6 +4556,9 @@ snapshots:
   '@esbuild/win32-x64@0.20.2':
     optional: true
 
+  '@exodus/schemasafe@1.3.0':
+    optional: true
+
   '@fastify/busboy@2.1.1': {}
 
   '@floating-ui/core@1.6.1':
@@ -4423,6 +4574,23 @@ snapshots:
 
   '@fontsource-variable/inter@5.0.18': {}
 
+  '@gcornut/valibot-json-schema@0.31.0':
+    dependencies:
+      valibot: 0.31.1
+    optionalDependencies:
+      '@types/json-schema': 7.0.15
+      esbuild: 0.20.2
+      esbuild-runner: 2.2.2(esbuild@0.20.2)
+    optional: true
+
+  '@hapi/hoek@9.3.0':
+    optional: true
+
+  '@hapi/topo@5.1.0':
+    dependencies:
+      '@hapi/hoek': 9.3.0
+    optional: true
+
   '@inquirer/confirm@3.1.12':
     dependencies:
       '@inquirer/core': 9.0.0
@@ -4540,14 +4708,14 @@ snapshots:
       '@lexical/table': 0.16.1
       lexical: 0.16.1
 
-  '@melt-ui/pp@0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201))(svelte@5.0.0-next.201)':
+  '@melt-ui/pp@0.3.1(@melt-ui/svelte@0.77.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)':
     dependencies:
-      '@melt-ui/svelte': 0.77.0(svelte@5.0.0-next.201)
+      '@melt-ui/svelte': 0.77.0(svelte@5.0.0-next.208)
       estree-walker: 3.0.3
       magic-string: 0.30.10
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
-  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.201)':
+  '@melt-ui/svelte@0.76.2(svelte@5.0.0-next.208)':
     dependencies:
       '@floating-ui/core': 1.6.1
       '@floating-ui/dom': 1.6.4
@@ -4555,9 +4723,9 @@ snapshots:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.7
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
-  '@melt-ui/svelte@0.77.0(svelte@5.0.0-next.201)':
+  '@melt-ui/svelte@0.77.0(svelte@5.0.0-next.208)':
     dependencies:
       '@floating-ui/core': 1.6.1
       '@floating-ui/dom': 1.6.4
@@ -4565,7 +4733,7 @@ snapshots:
       dequal: 2.0.3
       focus-trap: 7.5.4
       nanoid: 5.0.7
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
   '@mswjs/cookies@1.1.1': {}
 
@@ -4608,6 +4776,9 @@ snapshots:
 
   '@polka/url@1.0.0-next.25': {}
 
+  '@poppinss/macroable@1.0.2':
+    optional: true
+
   '@promptbook/utils@0.49.0':
     dependencies:
       moment: 2.30.1
@@ -4691,29 +4862,46 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.17.2':
     optional: true
 
+  '@sideway/address@4.1.5':
+    dependencies:
+      '@hapi/hoek': 9.3.0
+    optional: true
+
+  '@sideway/formula@3.0.1':
+    optional: true
+
+  '@sideway/pinpoint@2.0.0':
+    optional: true
+
   '@sinclair/typebox@0.27.8': {}
 
+  '@sinclair/typebox@0.32.35':
+    optional: true
+
   '@sindresorhus/is@5.6.0':
     optional: true
 
+  '@sodaru/yup-to-json-schema@2.0.1':
+    optional: true
+
   '@sqlite.org/sqlite-wasm@3.45.3-build1': {}
 
-  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))':
+  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))':
     dependencies:
-      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-cloudflare@4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))':
+  '@sveltejs/adapter-cloudflare@4.4.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(wrangler@3.53.1(@cloudflare/workers-types@4.20240502.0))':
     dependencies:
       '@cloudflare/workers-types': 4.20240502.0
-      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       esbuild: 0.20.2
       worktop: 0.8.0-next.18
       wrangler: 3.53.1(@cloudflare/workers-types@4.20240502.0)
 
-  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -4725,28 +4913,28 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
       tiny-glob: 0.2.9
       vite: 5.2.11(@types/node@20.14.9)
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       debug: 4.3.4
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
       vite: 5.2.11(@types/node@20.14.9)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))':
+  '@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.10
-      svelte: 5.0.0-next.201
-      svelte-hmr: 0.16.0(svelte@5.0.0-next.201)
+      svelte: 5.0.0-next.208
+      svelte-hmr: 0.16.0(svelte@5.0.0-next.208)
       vite: 5.2.11(@types/node@20.14.9)
       vitefu: 0.2.5(vite@5.2.11(@types/node@20.14.9))
     transitivePeerDependencies:
@@ -4793,10 +4981,10 @@ snapshots:
     optionalDependencies:
       vitest: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
 
-  '@testing-library/svelte@5.2.0(svelte@5.0.0-next.201)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))':
+  '@testing-library/svelte@5.2.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))':
     dependencies:
       '@testing-library/dom': 10.3.0
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
     optionalDependencies:
       vite: 5.2.11(@types/node@20.14.9)
       vitest: 1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0)
@@ -4822,6 +5010,9 @@ snapshots:
   '@types/http-cache-semantics@4.0.4':
     optional: true
 
+  '@types/json-schema@7.0.15':
+    optional: true
+
   '@types/katex@0.16.7': {}
 
   '@types/lodash@4.17.1': {}
@@ -4852,6 +5043,9 @@ snapshots:
 
   '@types/statuses@2.0.5': {}
 
+  '@types/validator@13.12.0':
+    optional: true
+
   '@types/which@2.0.2':
     optional: true
 
@@ -4871,6 +5065,21 @@ snapshots:
 
   '@ungap/with-resolvers@0.1.0': {}
 
+  '@vinejs/compiler@2.5.0':
+    optional: true
+
+  '@vinejs/vine@1.8.0':
+    dependencies:
+      '@poppinss/macroable': 1.0.2
+      '@types/validator': 13.12.0
+      '@vinejs/compiler': 2.5.0
+      camelcase: 8.0.0
+      dayjs: 1.11.12
+      dlv: 1.1.3
+      normalize-url: 8.0.1
+      validator: 13.12.0
+    optional: true
+
   '@vitest/browser@1.6.0(playwright@1.44.0)(vitest@1.6.0)(webdriverio@8.36.1(typescript@5.4.5))':
     dependencies:
       '@vitest/utils': 1.6.0
@@ -5046,27 +5255,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  ai@3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.201)(vue@3.4.26(typescript@5.4.5))(zod@3.23.6):
+  ai@3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8):
     dependencies:
       '@ai-sdk/provider': 0.0.5
-      '@ai-sdk/provider-utils': 0.0.8(zod@3.23.6)
+      '@ai-sdk/provider-utils': 0.0.8(zod@3.23.8)
       eventsource-parser: 1.1.2
       json-schema: 0.4.0
       jsondiffpatch: 0.6.0
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
       solid-swr-store: 0.10.7(solid-js@1.8.17)(swr-store@0.10.6)
-      sswr: 2.0.0(svelte@5.0.0-next.201)
+      sswr: 2.0.0(svelte@5.0.0-next.208)
       swr: 2.2.0(react@18.3.1)
       swr-store: 0.10.6
       swrv: 1.0.4(vue@3.4.26(typescript@5.4.5))
-      zod-to-json-schema: 3.22.5(zod@3.23.6)
+      zod-to-json-schema: 3.22.5(zod@3.23.8)
     optionalDependencies:
       react: 18.3.1
       solid-js: 1.8.17
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
       vue: 3.4.26(typescript@5.4.5)
-      zod: 3.23.6
+      zod: 3.23.8
 
   ansi-escapes@4.3.2:
     dependencies:
@@ -5123,6 +5332,12 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
+  arktype@2.0.0-beta.0:
+    dependencies:
+      '@ark/schema': 0.2.0
+      '@ark/util': 0.1.0
+    optional: true
+
   as-table@1.0.55:
     dependencies:
       printable-characters: 1.0.42
@@ -5200,12 +5415,12 @@ snapshots:
     dependencies:
       file-uri-to-path: 1.0.0
 
-  bits-ui@0.21.7(svelte@5.0.0-next.201):
+  bits-ui@0.21.7(svelte@5.0.0-next.208):
     dependencies:
       '@internationalized/date': 3.5.3
-      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.201)
+      '@melt-ui/svelte': 0.76.2(svelte@5.0.0-next.208)
       nanoid: 5.0.7
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
   bl@4.1.0:
     dependencies:
@@ -5276,6 +5491,9 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
+  camelcase@8.0.0:
+    optional: true
+
   caniuse-lite@1.0.30001615: {}
 
   capnp-ts@0.7.0:
@@ -5473,6 +5691,9 @@ snapshots:
       whatwg-mimetype: 4.0.0
       whatwg-url: 14.0.0
 
+  dayjs@1.11.12:
+    optional: true
+
   debug@4.3.4:
     dependencies:
       ms: 2.1.2
@@ -5555,7 +5776,7 @@ snapshots:
       glob: 8.1.0
       hanji: 0.0.5
       json-diff: 0.9.0
-      zod: 3.23.6
+      zod: 3.23.8
     transitivePeerDependencies:
       - supports-color
 
@@ -5640,6 +5861,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esbuild-runner@2.2.2(esbuild@0.20.2):
+    dependencies:
+      esbuild: 0.20.2
+      source-map-support: 0.5.21
+      tslib: 2.4.0
+    optional: true
+
   esbuild@0.17.19:
     optionalDependencies:
       '@esbuild/android-arm': 0.17.19
@@ -5896,6 +6124,12 @@ snapshots:
       fetch-blob: 3.2.0
     optional: true
 
+  formsnap@1.0.1(svelte@5.0.0-next.208)(sveltekit-superforms@2.16.1(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)):
+    dependencies:
+      nanoid: 5.0.7
+      svelte: 5.0.0-next.208
+      sveltekit-superforms: 2.16.1(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)
+
   fraction.js@4.3.7: {}
 
   fs-constants@1.0.0: {}
@@ -6170,6 +6404,15 @@ snapshots:
 
   jiti@1.21.0: {}
 
+  joi@17.13.3:
+    dependencies:
+      '@hapi/hoek': 9.3.0
+      '@hapi/topo': 5.1.0
+      '@sideway/address': 4.1.5
+      '@sideway/formula': 3.0.1
+      '@sideway/pinpoint': 2.0.0
+    optional: true
+
   js-tokens@4.0.0: {}
 
   js-tokens@9.0.0: {}
@@ -6214,6 +6457,12 @@ snapshots:
       difflib: 0.2.4
       dreamopt: 0.8.0
 
+  json-schema-to-ts@3.1.0:
+    dependencies:
+      '@babel/runtime': 7.24.5
+      ts-algebra: 2.0.0
+    optional: true
+
   json-schema@0.4.0: {}
 
   jsondiffpatch@0.6.0:
@@ -6229,6 +6478,8 @@ snapshots:
       graceful-fs: 4.2.11
     optional: true
 
+  just-clone@6.2.0: {}
+
   katex@0.16.10:
     dependencies:
       commander: 8.3.0
@@ -6315,9 +6566,9 @@ snapshots:
     dependencies:
       es5-ext: 0.10.64
 
-  lucide-svelte@0.378.0(svelte@5.0.0-next.201):
+  lucide-svelte@0.378.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
   lz-string@1.5.0: {}
 
@@ -6337,6 +6588,8 @@ snapshots:
 
   marked@12.0.2: {}
 
+  memoize-weak@1.0.2: {}
+
   memoizee@0.4.15:
     dependencies:
       d: 1.0.2
@@ -6387,7 +6640,7 @@ snapshots:
       workerd: 1.20240419.0
       ws: 8.17.0
       youch: 3.3.3
-      zod: 3.23.6
+      zod: 3.23.8
     transitivePeerDependencies:
       - bufferutil
       - supports-color
@@ -6665,16 +6918,16 @@ snapshots:
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
 
-  prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201):
+  prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208):
     dependencies:
       prettier: 3.2.5
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
-  prettier-plugin-tailwindcss@0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201))(prettier@3.2.5):
+  prettier-plugin-tailwindcss@0.5.14(prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208))(prettier@3.2.5):
     dependencies:
       prettier: 3.2.5
     optionalDependencies:
-      prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.201)
+      prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208)
 
   prettier@2.8.1:
     optional: true
@@ -6704,6 +6957,9 @@ snapshots:
   progress@2.0.3:
     optional: true
 
+  property-expr@2.0.6:
+    optional: true
+
   proxy-agent@6.3.0:
     dependencies:
       agent-base: 7.1.1
@@ -7063,9 +7319,9 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  sswr@2.0.0(svelte@5.0.0-next.201):
+  sswr@2.0.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
       swrev: 4.0.0
 
   stackback@0.0.2: {}
@@ -7142,6 +7398,9 @@ snapshots:
       pirates: 4.0.6
       ts-interface-checker: 0.1.13
 
+  superstruct@2.0.2:
+    optional: true
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -7152,7 +7411,7 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-check@3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201):
+  svelte-check@3.7.1(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.208):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
@@ -7160,8 +7419,8 @@ snapshots:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 5.0.0-next.201
-      svelte-preprocess: 5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)(typescript@5.4.5)
+      svelte: 5.0.0-next.208
+      svelte-preprocess: 5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.208)(typescript@5.4.5)
       typescript: 5.4.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -7178,33 +7437,33 @@ snapshots:
     dependencies:
       filepond: 4.31.1
 
-  svelte-french-toast@1.2.0(svelte@5.0.0-next.201):
+  svelte-french-toast@1.2.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.201
-      svelte-writable-derived: 3.1.1(svelte@5.0.0-next.201)
+      svelte: 5.0.0-next.208
+      svelte-writable-derived: 3.1.1(svelte@5.0.0-next.208)
 
-  svelte-hmr@0.16.0(svelte@5.0.0-next.201):
+  svelte-hmr@0.16.0(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
-  svelte-preprocess@5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.201)(typescript@5.4.5):
+  svelte-preprocess@5.1.4(postcss-load-config@4.0.2(postcss@8.4.38))(postcss@8.4.38)(svelte@5.0.0-next.208)(typescript@5.4.5):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.10
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
     optionalDependencies:
       postcss: 8.4.38
       postcss-load-config: 4.0.2(postcss@8.4.38)
       typescript: 5.4.5
 
-  svelte-writable-derived@3.1.1(svelte@5.0.0-next.201):
+  svelte-writable-derived@3.1.1(svelte@5.0.0-next.208):
     dependencies:
-      svelte: 5.0.0-next.201
+      svelte: 5.0.0-next.208
 
-  svelte@5.0.0-next.201:
+  svelte@5.0.0-next.208:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -7220,6 +7479,29 @@ snapshots:
       magic-string: 0.30.10
       zimmerframe: 1.1.2
 
+  sveltekit-superforms@2.16.1(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208):
+    dependencies:
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
+      devalue: 5.0.0
+      just-clone: 6.2.0
+      memoize-weak: 1.0.2
+      svelte: 5.0.0-next.208
+      ts-deepmerge: 7.0.1
+    optionalDependencies:
+      '@exodus/schemasafe': 1.3.0
+      '@gcornut/valibot-json-schema': 0.31.0
+      '@sinclair/typebox': 0.32.35
+      '@sodaru/yup-to-json-schema': 2.0.1
+      '@vinejs/vine': 1.8.0
+      arktype: 2.0.0-beta.0
+      joi: 17.13.3
+      json-schema-to-ts: 3.1.0
+      superstruct: 2.0.2
+      valibot: 0.35.0
+      yup: 1.4.0
+      zod: 3.23.8
+      zod-to-json-schema: 3.23.2(zod@3.23.8)
+
   swr-store@0.10.6:
     dependencies:
       dequal: 2.0.3
@@ -7329,6 +7611,9 @@ snapshots:
       es5-ext: 0.10.64
       next-tick: 1.1.0
 
+  tiny-case@1.0.3:
+    optional: true
+
   tiny-glob@0.2.9:
     dependencies:
       globalyzer: 0.1.0
@@ -7346,6 +7631,9 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  toposort@2.0.2:
+    optional: true
+
   totalist@3.0.1: {}
 
   tough-cookie@4.1.4:
@@ -7362,8 +7650,16 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  ts-algebra@2.0.0:
+    optional: true
+
+  ts-deepmerge@7.0.1: {}
+
   ts-interface-checker@0.1.13: {}
 
+  tslib@2.4.0:
+    optional: true
+
   tslib@2.6.2: {}
 
   tunnel-agent@0.6.0:
@@ -7434,6 +7730,15 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  valibot@0.31.1:
+    optional: true
+
+  valibot@0.35.0:
+    optional: true
+
+  validator@13.12.0:
+    optional: true
+
   vite-node@1.6.0(@types/node@20.14.9):
     dependencies:
       cac: 6.7.14
@@ -7728,6 +8033,14 @@ snapshots:
       mustache: 4.2.0
       stacktracey: 2.1.8
 
+  yup@1.4.0:
+    dependencies:
+      property-expr: 2.0.6
+      tiny-case: 1.0.3
+      toposort: 2.0.2
+      type-fest: 2.19.0
+    optional: true
+
   zimmerframe@1.1.2: {}
 
   zip-stream@6.0.1:
@@ -7737,8 +8050,13 @@ snapshots:
       readable-stream: 4.5.2
     optional: true
 
-  zod-to-json-schema@3.22.5(zod@3.23.6):
+  zod-to-json-schema@3.22.5(zod@3.23.8):
+    dependencies:
+      zod: 3.23.8
+
+  zod-to-json-schema@3.23.2(zod@3.23.8):
     dependencies:
-      zod: 3.23.6
+      zod: 3.23.8
+    optional: true
 
-  zod@3.23.6: {}
+  zod@3.23.8: {}
diff --git a/src/routes/(app)/api/models/+server.ts b/src/routes/(app)/api/models/+server.ts
index 8d95747..e7c0889 100644
--- a/src/routes/(app)/api/models/+server.ts
+++ b/src/routes/(app)/api/models/+server.ts
@@ -6,7 +6,7 @@ export const POST = (async ({ request }) => {
     baseURL: string;
   };
 
-  const apiKey = request.headers.get("X_API_KEY");
+  const apiKey = request.headers.get("Authorization");
 
   if (!apiKey) {
     return new Response("Missing API key", {
@@ -20,21 +20,15 @@ export const POST = (async ({ request }) => {
     });
   }
 
-  if (!baseURL) {
-    return new Response("Missing baseURL", {
-      status: 400,
-    });
-  }
-
   switch (providerId) {
     case "openai":
-      return await fetchOpenAIModels(apiKey, baseURL);
+      return await fetchOpenAIModels(apiKey, baseURL || undefined);
     case "anthropic":
-      return await fetchAnthropicModels(apiKey, baseURL);
+      return await fetchAnthropicModels(apiKey, baseURL || undefined);
     case "mistral":
-      return await fetchMistralModels(apiKey, baseURL);
+      return await fetchMistralModels(apiKey, baseURL || undefined);
     case "google":
-      return await fetchGoogleModels(apiKey, baseURL);
+      return await fetchGoogleModels(apiKey, baseURL || undefined);
     default:
       return new Response(`Unsupported provider ${providerId}`, {
         status: 400,
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
index 5e084c0..40c15d3 100644
--- a/src/routes/(app)/settings/+page.svelte
+++ b/src/routes/(app)/settings/+page.svelte
@@ -22,8 +22,8 @@
   <CardHeader>
     <div class="flex flex-row items-center justify-between">
       <div>
-        <CardTitle>AI accounts</CardTitle>
-        <CardDescription>Manage your AI accounts and their API keys and models.</CardDescription>
+        <CardTitle>Your AI accounts</CardTitle>
+        <CardDescription>Manage your AI accounts; API keys and models.</CardDescription>
       </div>
       <Button href={route("/settings/ai-accounts/add")}>Add account</Button>
     </div>
@@ -31,28 +31,10 @@
 
   <CardContent>
     <div class="flex flex-col gap-2">
-      <Table>
-        <TableHeader class="text-left text-muted-foreground">
-          <TableCell class="p-2 font-semibold">Name</TableCell>
-          <TableCell class="p-2 font-semibold">Service</TableCell>
-        </TableHeader>
-        <TableBody>
-          {#if data.aiAccounts.length === 0}
-            <TableRow class="cursor-pointer">
-              <TableCell class="p-2">No accounts found.</TableCell>
-            </TableRow>
-          {/if}
-          {#each data.aiAccounts as aiAccount (aiAccount.id)}
-            <TableRow
-              class="cursor-pointer"
-              onclick={() => goto(route(`/settings/ai-accounts/[id]`, { id: aiAccount.id }))}
-            >
-              <TableCell class="p-2">{aiAccount.name || "-"}</TableCell>
-              <TableCell class="p-2">{aiAccount.aiService.name}</TableCell>
-            </TableRow>
-          {/each}
-        </TableBody>
-      </Table>
+      {#if data.aiAccounts.length === 0}
+        <p>No accounts found.</p>
+        <p>Add an AI account to start a chatting.</p>
+      {/if}
     </div>
   </CardContent>
 </Card>
diff --git a/src/routes/(app)/settings/Nav.svelte b/src/routes/(app)/settings/Nav.svelte
index 9226269..3d5021f 100644
--- a/src/routes/(app)/settings/Nav.svelte
+++ b/src/routes/(app)/settings/Nav.svelte
@@ -9,7 +9,10 @@
   data-x-chunk-container="chunk-container after:right-0"
 >
   <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
-    AI Accounts
+    API Keys and Models
+  </a>
+  <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
+    Title Generation
   </a>
 </nav>
 
diff --git a/src/routes/(app)/settings/ai-accounts/$data.ts b/src/routes/(app)/settings/ai-accounts/$data.ts
new file mode 100644
index 0000000..1bac229
--- /dev/null
+++ b/src/routes/(app)/settings/ai-accounts/$data.ts
@@ -0,0 +1,111 @@
+import { z } from "zod";
+import {
+  invalidateModel,
+  type Model,
+  aiModelTable,
+  type Service,
+  aiAccountTable,
+  useDb,
+} from "@/database";
+import type { Provider } from "$lib/providers";
+import { and, asc, eq, notInArray } from "drizzle-orm";
+import { invalidate } from "$app/navigation";
+import { nanoid } from "nanoid";
+
+export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
+
+export const formSchema = z.object({
+  aiServiceId: z.string().min(1, { message: "AI Service is required" }),
+  name: z.string().min(1, { message: "Name is required" }),
+  apiKey: z.string().min(1, { message: "API Key is required" }),
+  baseURL: z.string().nullable(),
+});
+
+export async function loadServices() {
+  return useDb().query.aiAccountTable.findMany({
+    with: {
+      models: true,
+    },
+  });
+}
+
+export async function addService(provider: Provider) {
+  const newId = nanoid(10);
+  const result = await useDb()
+    .insert(aiAccountTable)
+    .values({
+      id: newId,
+      name: "",
+      providerId: provider.id,
+      baseURL: provider.defaultBaseURL,
+      apiKey: "",
+    })
+    .returning();
+  if (result.length < 1) {
+    throw Error("Failed to add service");
+  }
+  await invalidate("view:services");
+  return result[0];
+}
+
+export async function deleteService(service: Service) {
+  await useDb().transaction(async (tx) => {
+    await tx.delete(aiModelTable).where(eq(aiModelTable.serviceId, service.id));
+    await tx.delete(aiAccountTable).where(eq(aiAccountTable.id, service.id));
+  });
+  await invalidateModel(aiAccountTable, service);
+}
+
+export async function updateService(service: Service) {
+  console.time("updateService");
+  await useDb()
+    .update(aiAccountTable)
+    .set({ ...service })
+    .where(eq(aiAccountTable.id, service.id));
+  console.timeEnd("updateService");
+  await invalidateModel(aiAccountTable, service);
+}
+
+export async function replaceModels(service: Service, newModels: any[]) {
+  console.time("replaceModels");
+  await useDb().transaction(async (tx) => {
+    // remove models that no longer exist
+    await tx.delete(aiModelTable).where(
+      and(
+        eq(aiModelTable.serviceId, service.id),
+        notInArray(
+          aiModelTable.name,
+          newModels.map((m) => m.name),
+        ),
+      ),
+    );
+    console.log("newModels", newModels);
+    for (const model of newModels) {
+      await tx
+        .insert(aiModelTable)
+        .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
+        .onConflictDoNothing({
+          target: [aiModelTable.name, aiModelTable.serviceId],
+        });
+    }
+  });
+  console.timeEnd("replaceModels");
+  await invalidateModel(aiAccountTable, service);
+}
+
+export async function toggleVisible(service: Service, model: Model) {
+  await useDb()
+    .update(aiModelTable)
+    .set({ visible: model.visible ? 0 : 1 })
+    .where(and(eq(aiModelTable.id, model.id), eq(aiModelTable.serviceId, service.id)));
+  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(aiModelTable, model);
+}
+
+export async function toggleAllVisible(service: Service, visible: 1 | 0) {
+  console.time("toggleAllVisible");
+  await useDb().update(aiModelTable).set({ visible }).where(eq(aiModelTable.serviceId, service.id));
+  console.timeEnd("toggleAllVisible");
+  await invalidateModel(aiAccountTable, service);
+  await invalidate("view:chat");
+}
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte b/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
index e69de29..340c654 100644
--- a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
+++ b/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
@@ -0,0 +1,189 @@
+<script lang="ts">
+  import { Button } from "@/components/ui/button/index.js";
+  import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+  } from "@/components/ui/card";
+  import { Input } from "@/components/ui/input/index.js";
+  import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+  } from "@/components/ui/select";
+  import SuperDebug, { setError, superForm } from "sveltekit-superforms";
+  import { zodClient } from "sveltekit-superforms/adapters";
+  import { formSchema, replaceModels } from "../$data";
+  import {
+    FormControl,
+    FormField,
+    FormFieldErrors,
+    FormLabel,
+    FormButton,
+  } from "@/components/ui/form";
+  import { z } from "zod";
+  import { aiAccountTable, aiModelTable, aiServiceTable, useDb } from "@/database";
+  import { and, eq, notInArray } from "drizzle-orm";
+  import { nanoid } from "nanoid";
+  import { goto, invalidate } from "$app/navigation";
+  import { route } from "$lib/route";
+  import { LoaderCircle, TriangleAlertIcon } from "lucide-svelte";
+  import { cn } from "$lib/cn";
+  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+  import { toast } from "svelte-french-toast";
+
+  let { data } = $props();
+
+  const formHandle = superForm(data.form, {
+    SPA: true,
+    validators: zodClient(formSchema),
+    resetForm: false,
+    onUpdate: async ({ form }) => {
+      if (!form.valid) {
+        return;
+      }
+      try {
+        // query provider
+        const provider = await useDb().query.aiServiceTable.findFirst({
+          where: eq(aiServiceTable.id, form.data.aiServiceId),
+        });
+        if (!provider) {
+          setError(form, "aiServiceId", `Provider for ${form.data.aiServiceId} not found`);
+          return;
+        }
+        // fetch models
+        const resp = await fetch("/api/models", {
+          method: "POST",
+          headers: {
+            Authorization: form.data.apiKey,
+            ContentType: "application/json",
+          },
+          body: JSON.stringify({
+            providerId: provider.id,
+            baseURL: form.data.baseURL,
+          }),
+        });
+        if (!resp.ok) {
+          // if failed to fetch models, ask user to update API key
+          setError(form, "apiKey", resp.statusText);
+          return;
+        }
+        // update account and update models
+        const aiAccountId = data.aiAccount.id;
+        await useDb().transaction(async (tx) => {
+          console.log("updating account", form.data, aiAccountId);
+          await tx.update(aiAccountTable).set(form.data).where(eq(aiAccountTable.id, aiAccountId));
+          // remove models that no longer exist
+          const models = (await resp.json()) as any[];
+          await tx.delete(aiModelTable).where(
+            and(
+              eq(aiModelTable.aiAccountId, aiAccountId),
+              notInArray(
+                aiModelTable.name,
+                models.map((m) => m.name),
+              ),
+            ),
+          );
+          for (const model of models) {
+            await tx
+              .insert(aiModelTable)
+              .values({ id: nanoid(10), name: model.name, visible: 1, aiAccountId })
+              .onConflictDoNothing({
+                target: [aiModelTable.name, aiModelTable.aiAccountId],
+              });
+          }
+        });
+        await invalidate("view:account");
+        toast.success("Account updated");
+        return form;
+      } catch (e) {
+        setError(form, "", e instanceof Error ? e.message : "Unknown error");
+      }
+    },
+  });
+
+  let { form, enhance, submitting, allErrors } = formHandle;
+  let selectedAiService = $derived.by(() => {
+    return {
+      label: data.aiServices.find((s) => s.id === $form.aiServiceId)?.name || "",
+      value: $form.aiServiceId,
+    };
+  });
+</script>
+
+<form use:enhance method="post">
+  <Card>
+    <CardHeader>
+      <div class="flex flex-row items-center justify-between">
+        <div>
+          <CardTitle>{data.aiAccount.aiService.name} account</CardTitle>
+          <CardDescription>Update your account settings.</CardDescription>
+        </div>
+      </div>
+    </CardHeader>
+    <CardContent>
+      <div class="flex max-w-xl flex-col gap-4">
+        <FormField form={formHandle} name="aiServiceId">
+          <FormControl let:attrs>
+            <FormLabel>AI Service</FormLabel>
+            <Select
+              selected={selectedAiService}
+              onSelectedChange={(selected) => {
+                if (selected) {
+                  $form.aiServiceId = selected.value;
+                }
+              }}
+            >
+              <SelectTrigger {...attrs}>
+                <SelectValue placeholder="Select an AI service" />
+              </SelectTrigger>
+              <SelectContent>
+                {#each data.aiServices as service (service.id)}
+                  <SelectItem value={service.id}>{service.name}</SelectItem>
+                {/each}
+              </SelectContent>
+            </Select>
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
+        <FormField form={formHandle} name="name">
+          <FormControl let:attrs>
+            <FormLabel>Account name</FormLabel>
+            <Input {...attrs} bind:value={$form.name} />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
+        <FormField form={formHandle} name="apiKey">
+          <FormControl let:attrs>
+            <FormLabel>API Key</FormLabel>
+            <Input type="password" {...attrs} bind:value={$form.apiKey} />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
+        {#each $allErrors as error}
+          {#if error.path === "_errors"}
+            {#each error.messages as message}
+              <Alert variant="destructive">
+                <TriangleAlertIcon class="h-4 w-4" />
+                <AlertTitle>Error</AlertTitle>
+                <AlertDescription>{message}</AlertDescription>
+              </Alert>
+            {/each}
+          {/if}
+        {/each}
+      </div>
+    </CardContent>
+    <CardFooter>
+      <FormButton disabled={$submitting}>
+        <LoaderCircle class={cn("mr-2 h-4 w-4 animate-spin", !$submitting && "hidden")} />
+        {$submitting ? "Updating..." : "Update"}
+      </FormButton>
+    </CardFooter>
+  </Card>
+</form>
+<SuperDebug data={$form} />
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.ts b/src/routes/(app)/settings/ai-accounts/[id]/+page.ts
new file mode 100644
index 0000000..c66765f
--- /dev/null
+++ b/src/routes/(app)/settings/ai-accounts/[id]/+page.ts
@@ -0,0 +1,31 @@
+import { aiAccountTable, registerModel, useDb } from "@/database";
+import { eq } from "drizzle-orm";
+import { superValidate } from "sveltekit-superforms";
+import { zod } from "sveltekit-superforms/adapters";
+import { formSchema } from "../$data";
+import { error } from "@sveltejs/kit";
+import { loadAiServices } from "../../$data.test";
+
+export async function load({ params, depends }) {
+  const aiAccount = await useDb().query.aiAccountTable.findFirst({
+    where: eq(aiAccountTable.id, params.id),
+    with: {
+      aiService: {
+        columns: {
+          id: true,
+          name: true,
+        },
+      },
+    },
+  });
+  if (!aiAccount) {
+    return error(404, "Account not found");
+  }
+  const form = await superValidate(aiAccount, zod(formSchema));
+  depends("view:account");
+  return {
+    form,
+    aiAccount,
+    aiServices: await loadAiServices(),
+  };
+}
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.svelte b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
index 4494589..86a7530 100644
--- a/src/routes/(app)/settings/ai-accounts/add/+page.svelte
+++ b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { Button } from "@/components/ui/button/index.js";
   import {
     Card,
     CardContent,
@@ -9,13 +8,6 @@
     CardTitle,
   } from "@/components/ui/card";
   import { Input } from "@/components/ui/input/index.js";
-  import { PlusCircleIcon, RefreshCwIcon, SettingsIcon } from "lucide-svelte";
-  import { Providers, providersById } from "$lib/providers";
-  import { Table, TableBody, TableCell, TableHeader, TableRow } from "@/components/ui/table";
-  import { goto } from "$app/navigation";
-  import { route } from "$lib/route";
-  import { cn } from "$lib/utils";
-  import { Label } from "@/components/ui/label";
   import {
     Select,
     SelectContent,
@@ -23,75 +15,160 @@
     SelectTrigger,
     SelectValue,
   } from "@/components/ui/select";
-  import type { Selected } from "bits-ui";
-  import { toast } from "svelte-french-toast";
+  import SuperDebug, { setError, superForm } from "sveltekit-superforms";
+  import { zodClient } from "sveltekit-superforms/adapters";
+  import { formSchema } from "../$data";
+  import {
+    FormButton,
+    FormControl,
+    FormField,
+    FormFieldErrors,
+    FormLabel,
+  } from "@/components/ui/form";
+  import { z } from "zod";
+  import { aiAccountTable, aiModelTable, aiServiceTable, useDb } from "@/database";
+  import { eq } from "drizzle-orm";
+  import { nanoid } from "nanoid";
+  import { goto } from "$app/navigation";
+  import { route } from "$lib/route";
+  import { LoaderCircle, TriangleAlertIcon } from "lucide-svelte";
+  import { cn } from "$lib/cn";
+  import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 
-  let { data } = $props();
-  let selectedService = $state<Selected<string> | undefined>(undefined);
-  let name = $state("");
-  let apiKey = $state("");
-  let baseURL = $state("");
-  let showOptions = $state(false);
+  export async function fetchModels(form: z.infer<typeof formSchema>) {}
 
-  async function handleSave() {
-    if (!selectedService) {
-      toast.error("Please select an AI service");
-      return false;
-    }
-  }
+  let { data } = $props();
+  const formHandle = superForm(data.form, {
+    SPA: true,
+    validators: zodClient(formSchema),
+    onUpdate: async ({ form }) => {
+      if (!form.valid) {
+        return;
+      }
+      try {
+        // query provider
+        const provider = await useDb().query.aiServiceTable.findFirst({
+          where: eq(aiServiceTable.id, form.data.aiServiceId),
+        });
+        if (!provider) {
+          setError(form, "aiServiceId", `Provider for ${form.data.aiServiceId} not found`);
+          return;
+        }
+        // fetch models
+        const resp = await fetch("/api/models", {
+          method: "POST",
+          headers: {
+            Authorization: form.data.apiKey,
+            ContentType: "application/json",
+          },
+          body: JSON.stringify({
+            providerId: provider.id,
+            baseURL: form.data.baseURL,
+          }),
+        });
+        if (!resp.ok) {
+          // if failed to fetch models, ask user to update API key
+          setError(form, "apiKey", resp.statusText);
+          return;
+        }
+        // create account and update models
+        const accountId = nanoid(10);
+        await useDb().transaction(async (tx) => {
+          await tx.insert(aiAccountTable).values({
+            id: accountId,
+            name: form.data.name,
+            aiServiceId: form.data.aiServiceId,
+            baseURL: form.data.baseURL,
+            apiKey: form.data.apiKey,
+          });
+          const models = (await resp.json()) as any[];
+          await tx
+            .insert(aiModelTable)
+            .values(
+              models.map((m) => ({ ...m, id: nanoid(10), visible: 1, aiAccountId: accountId })),
+            );
+        });
+        await goto(route(`/settings/ai-accounts/[id]`, { id: accountId }));
+      } catch (e) {
+        setError(form, "", e instanceof Error ? e.message : "Unknown error");
+      }
+    },
+  });
 
-  // todo: use svelte forms
+  const { form, enhance, submitting, allErrors } = formHandle;
 </script>
 
-<Card>
-  <CardHeader>
-    <div class="flex flex-row items-center justify-between">
-      <div>
-        <CardTitle>Add AI account</CardTitle>
-        <CardDescription>Select an AI service, enter your account name and API key.</CardDescription
-        >
+<form use:enhance method="post">
+  <Card>
+    <CardHeader>
+      <div class="flex flex-row items-center justify-between">
+        <div>
+          <CardTitle>Add AI account</CardTitle>
+          <CardDescription>
+            Select an AI service, enter your account name and API key.
+          </CardDescription>
+        </div>
       </div>
-    </div>
-  </CardHeader>
+    </CardHeader>
+    <CardContent>
+      <div class="flex max-w-xl flex-col gap-4">
+        <FormField form={formHandle} name="aiServiceId">
+          <FormControl let:attrs>
+            <FormLabel>AI Service</FormLabel>
+            <Select
+              {...attrs}
+              onSelectedChange={(selected) => {
+                if (selected) {
+                  // @ts-expect-error not inferring selected.value as string
+                  $form.aiServiceId = selected.value;
+                }
+              }}
+            >
+              <SelectTrigger>
+                <SelectValue placeholder="Select an AI service" />
+              </SelectTrigger>
+              <SelectContent>
+                {#each data.aiServices as service (service.id)}
+                  <SelectItem value={service.id}>{service.name}</SelectItem>
+                {/each}
+              </SelectContent>
+            </Select>
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
+        <FormField form={formHandle} name="name">
+          <FormControl let:attrs>
+            <FormLabel>Account name</FormLabel>
+            <Input {...attrs} bind:value={$form.name} />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
+        <FormField form={formHandle} name="apiKey">
+          <FormControl let:attrs>
+            <FormLabel>API Key</FormLabel>
+            <Input type="password" {...attrs} bind:value={$form.apiKey} />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
 
-  <CardContent>
-    <div class="flex max-w-xl flex-col gap-4">
-      <div class="grid gap-2">
-        <Label for="name">Service provider</Label>
-        <Select
-          selected={selectedService}
-          onSelectedChange={(selected) => (selectedService = selected)}
-        >
-          <SelectTrigger>
-            <SelectValue placeholder="Select an AI service" />
-          </SelectTrigger>
-          <SelectContent>
-            {#each data.aiServices as service (service.id)}
-              <SelectItem value={service.id}>{service.name}</SelectItem>
+        {#each $allErrors as error}
+          {#if error.path === "_errors"}
+            {#each error.messages as message}
+              <Alert variant="destructive">
+                <TriangleAlertIcon class="h-4 w-4" />
+                <AlertTitle>Error</AlertTitle>
+                <AlertDescription>{message}</AlertDescription>
+              </Alert>
             {/each}
-          </SelectContent>
-        </Select>
-      </div>
-      <div class="grid gap-2">
-        <Label for="name">Account name</Label>
-        <Input bind:value={name} id="name" placeholder="Enter account name" type="text" />
+          {/if}
+        {/each}
       </div>
-      <div class="grid gap-2">
-        <Label for="apiKey">API Key</Label>
-        <Input bind:value={apiKey} id="apiKey" placeholder="Enter your API key" type="password" />
-      </div>
-
-      <!--      <Button variant="outline" onclick={() => fetchModels()}>-->
-      <!--        <RefreshCwIcon class={cn("mr-2 h-4 w-4", modelsLoading && "loading-icon")} />-->
-      <!--        {#if service.models.length > 0}-->
-      <!--          Refresh Models-->
-      <!--        {:else}-->
-      <!--          Load Models-->
-      <!--        {/if}-->
-      <!--      </Button>-->
-    </div>
-  </CardContent>
-  <CardFooter>
-    <Button variant="default" onclick={handleSave}>Save</Button>
-  </CardFooter>
-</Card>
+    </CardContent>
+    <CardFooter>
+      <FormButton disabled={$submitting}>
+        <LoaderCircle class={cn("mr-2 h-4 w-4 animate-spin", !$submitting && "hidden")} />
+        {$submitting ? "Saving..." : "Save"}
+      </FormButton>
+    </CardFooter>
+  </Card>
+</form>
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.ts b/src/routes/(app)/settings/ai-accounts/add/+page.ts
index 8acdd05..e1dd502 100644
--- a/src/routes/(app)/settings/ai-accounts/add/+page.ts
+++ b/src/routes/(app)/settings/ai-accounts/add/+page.ts
@@ -1,11 +1,16 @@
 import { loadAiServices } from "../../$data.test";
 import { aiServiceTable, registerModel } from "@/database";
+import { superValidate } from "sveltekit-superforms";
+import { zod } from "sveltekit-superforms/adapters";
+import { formSchema } from "../$data";
 
 export async function load({ depends, route }) {
+  const form = await superValidate(zod(formSchema));
   const aiServices = await loadAiServices();
   registerModel(aiServiceTable, aiServices, depends);
   depends("view:services");
   return {
+    form,
     aiServices,
   };
 }

From dc9c202d648701eceb5d83f7a5100291cde7d2fd Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Sun, 4 Aug 2024 23:35:23 +1000
Subject: [PATCH 87/98] Add form components

---
 src/components/ui/form/form-button.svelte     | 10 ++++++
 .../ui/form/form-description.svelte           | 17 ++++++++++
 .../ui/form/form-element-field.svelte         | 25 ++++++++++++++
 .../ui/form/form-field-errors.svelte          | 26 +++++++++++++++
 src/components/ui/form/form-field.svelte      | 27 +++++++++++++++
 src/components/ui/form/form-fieldset.svelte   | 30 +++++++++++++++++
 src/components/ui/form/form-label.svelte      | 17 ++++++++++
 src/components/ui/form/form-legend.svelte     | 17 ++++++++++
 src/components/ui/form/index.ts               | 33 +++++++++++++++++++
 9 files changed, 202 insertions(+)
 create mode 100644 src/components/ui/form/form-button.svelte
 create mode 100644 src/components/ui/form/form-description.svelte
 create mode 100644 src/components/ui/form/form-element-field.svelte
 create mode 100644 src/components/ui/form/form-field-errors.svelte
 create mode 100644 src/components/ui/form/form-field.svelte
 create mode 100644 src/components/ui/form/form-fieldset.svelte
 create mode 100644 src/components/ui/form/form-label.svelte
 create mode 100644 src/components/ui/form/form-legend.svelte
 create mode 100644 src/components/ui/form/index.ts

diff --git a/src/components/ui/form/form-button.svelte b/src/components/ui/form/form-button.svelte
new file mode 100644
index 0000000..71090ce
--- /dev/null
+++ b/src/components/ui/form/form-button.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import * as Button from "@/components/ui/button/index.js";
+
+	type $$Props = Button.Props;
+	type $$Events = Button.Events;
+</script>
+
+<Button.Root type="submit" on:click on:keydown {...$$restProps}>
+	<slot />
+</Button.Root>
diff --git a/src/components/ui/form/form-description.svelte b/src/components/ui/form/form-description.svelte
new file mode 100644
index 0000000..eadefbc
--- /dev/null
+++ b/src/components/ui/form/form-description.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLSpanElement>;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Description
+	class={cn("text-muted-foreground text-sm", className)}
+	{...$$restProps}
+	let:descriptionAttrs
+>
+	<slot {descriptionAttrs} />
+</FormPrimitive.Description>
diff --git a/src/components/ui/form/form-element-field.svelte b/src/components/ui/form/form-element-field.svelte
new file mode 100644
index 0000000..ee26649
--- /dev/null
+++ b/src/components/ui/form/form-element-field.svelte
@@ -0,0 +1,25 @@
+<script lang="ts" context="module">
+	import type { FormPathLeaves, SuperForm } from "sveltekit-superforms";
+	type T = Record<string, unknown>;
+	type U = FormPathLeaves<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
+	import type { HTMLAttributes } from "svelte/elements";
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = FormPrimitive.ElementFieldProps<T, U> & HTMLAttributes<HTMLElement>;
+
+	export let form: SuperForm<T>;
+	export let name: U;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.ElementField {form} {name} let:constraints let:errors let:tainted let:value>
+	<div class={cn("space-y-2", className)}>
+		<slot {constraints} {errors} {tainted} {value} />
+	</div>
+</FormPrimitive.ElementField>
diff --git a/src/components/ui/form/form-field-errors.svelte b/src/components/ui/form/form-field-errors.svelte
new file mode 100644
index 0000000..0a9f62a
--- /dev/null
+++ b/src/components/ui/form/form-field-errors.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = FormPrimitive.FieldErrorsProps & {
+		errorClasses?: string | undefined | null;
+	};
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let errorClasses: $$Props["class"] = undefined;
+</script>
+
+<FormPrimitive.FieldErrors
+	class={cn("text-destructive text-sm font-medium", className)}
+	{...$$restProps}
+	let:errors
+	let:fieldErrorsAttrs
+	let:errorAttrs
+>
+	<slot {errors} {fieldErrorsAttrs} {errorAttrs}>
+		{#each errors as error}
+			<div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
+		{/each}
+	</slot>
+</FormPrimitive.FieldErrors>
diff --git a/src/components/ui/form/form-field.svelte b/src/components/ui/form/form-field.svelte
new file mode 100644
index 0000000..ae288a7
--- /dev/null
+++ b/src/components/ui/form/form-field.svelte
@@ -0,0 +1,27 @@
+<svelte:options runes={false} />
+
+<script lang="ts" context="module">
+  import type { FormPath, SuperForm } from "sveltekit-superforms";
+  type T = Record<string, unknown>;
+  type U = FormPath<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+  import type { HTMLAttributes } from "svelte/elements";
+  import * as FormPrimitive from "formsnap";
+  import { cn } from "@/lib/utils.js";
+
+  type $$Props = FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement>;
+
+  export let form: SuperForm<T>;
+  export let name: U;
+
+  let className: $$Props["class"] = undefined;
+  export { className as class };
+</script>
+
+<FormPrimitive.Field {form} {name} let:constraints let:errors let:tainted let:value>
+  <div class={cn("space-y-2", className)}>
+    <slot {constraints} {errors} {tainted} {value} />
+  </div>
+</FormPrimitive.Field>
diff --git a/src/components/ui/form/form-fieldset.svelte b/src/components/ui/form/form-fieldset.svelte
new file mode 100644
index 0000000..8011e19
--- /dev/null
+++ b/src/components/ui/form/form-fieldset.svelte
@@ -0,0 +1,30 @@
+<script lang="ts" context="module">
+	import type { FormPath, SuperForm } from "sveltekit-superforms";
+	type T = Record<string, unknown>;
+	type U = FormPath<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = FormPrimitive.FieldsetProps<T, U>;
+
+	export let form: SuperForm<T>;
+	export let name: U;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Fieldset
+	{form}
+	{name}
+	let:constraints
+	let:errors
+	let:tainted
+	let:value
+	class={cn("space-y-2", className)}
+>
+	<slot {constraints} {errors} {tainted} {value} />
+</FormPrimitive.Fieldset>
diff --git a/src/components/ui/form/form-label.svelte b/src/components/ui/form/form-label.svelte
new file mode 100644
index 0000000..077b567
--- /dev/null
+++ b/src/components/ui/form/form-label.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import type { Label as LabelPrimitive } from "bits-ui";
+	import { getFormControl } from "formsnap";
+	import { cn } from "@/lib/utils.js";
+	import { Label } from "@/components/ui/label/index.js";
+
+	type $$Props = LabelPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+
+	const { labelAttrs } = getFormControl();
+</script>
+
+<Label {...$labelAttrs} class={cn("data-[fs-error]:text-destructive", className)} {...$$restProps}>
+	<slot {labelAttrs} />
+</Label>
diff --git a/src/components/ui/form/form-legend.svelte b/src/components/ui/form/form-legend.svelte
new file mode 100644
index 0000000..817318a
--- /dev/null
+++ b/src/components/ui/form/form-legend.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = FormPrimitive.LegendProps;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Legend
+	{...$$restProps}
+	class={cn("data-[fs-error]:text-destructive text-sm font-medium leading-none", className)}
+	let:legendAttrs
+>
+	<slot {legendAttrs} />
+</FormPrimitive.Legend>
diff --git a/src/components/ui/form/index.ts b/src/components/ui/form/index.ts
new file mode 100644
index 0000000..0713927
--- /dev/null
+++ b/src/components/ui/form/index.ts
@@ -0,0 +1,33 @@
+import * as FormPrimitive from "formsnap";
+import Description from "./form-description.svelte";
+import Label from "./form-label.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+import Fieldset from "./form-fieldset.svelte";
+import Legend from "./form-legend.svelte";
+import ElementField from "./form-element-field.svelte";
+import Button from "./form-button.svelte";
+
+const Control = FormPrimitive.Control;
+
+export {
+	Field,
+	Control,
+	Label,
+	Button,
+	FieldErrors,
+	Description,
+	Fieldset,
+	Legend,
+	ElementField,
+	//
+	Field as FormField,
+	Control as FormControl,
+	Description as FormDescription,
+	Label as FormLabel,
+	FieldErrors as FormFieldErrors,
+	Fieldset as FormFieldset,
+	Legend as FormLegend,
+	ElementField as FormElementField,
+	Button as FormButton,
+};

From 02ba5514314fcd069b39ca3342d725fe07e32308 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 01:37:14 +1000
Subject: [PATCH 88/98] Add AI account list and delete. Add cohere.

---
 .../ui/avatar/avatar-fallback.svelte          |  16 ++++++++
 src/components/ui/avatar/avatar-image.svelte  |  18 +++++++++
 src/components/ui/avatar/avatar.svelte        |  18 +++++++++
 src/components/ui/avatar/index.ts             |  13 +++++++
 .../migrations/0009_ancient_korath.sql        |   6 ++-
 src/routes/(app)/settings/+page.svelte        |  34 +++++++++--------
 .../settings/ai-accounts/[id]/+page.svelte    |  35 ++++++++++++++----
 .../settings/ai-accounts/add/+page.svelte     |   2 +
 static/icons/amazon-bedrock-16x16.png         | Bin 0 -> 734 bytes
 static/icons/amazon-bedrock-32x32.png         | Bin 0 -> 466 bytes
 static/icons/anthropic-16x16.png              | Bin 0 -> 239 bytes
 static/icons/anthropic-32x32.png              | Bin 0 -> 376 bytes
 static/icons/azure-16x16.png                  | Bin 0 -> 123 bytes
 static/icons/azure-32x32.png                  | Bin 0 -> 174 bytes
 static/icons/cohere-16x16.png                 | Bin 0 -> 481 bytes
 static/icons/cohere-32x32.png                 | Bin 0 -> 981 bytes
 static/icons/fireworks-16x16.png              | Bin 0 -> 385 bytes
 static/icons/fireworks-32x32.png              | Bin 0 -> 816 bytes
 static/icons/google-gen-ai-16x16.png          | Bin 0 -> 508 bytes
 static/icons/google-gen-ai-32x32.png          | Bin 0 -> 1122 bytes
 static/icons/google-vertex-16x16.png          | Bin 0 -> 472 bytes
 static/icons/google-vertex-32x32.png          | Bin 0 -> 975 bytes
 static/icons/groq-16x16.png                   | Bin 0 -> 721 bytes
 static/icons/groq-32x32.png                   | Bin 0 -> 1659 bytes
 static/icons/mistral-16x16.png                | Bin 0 -> 569 bytes
 static/icons/mistral-32x32.png                | Bin 0 -> 737 bytes
 static/icons/openai-16x16.png                 | Bin 0 -> 331 bytes
 static/icons/openai-32x32.png                 | Bin 0 -> 540 bytes
 static/icons/perplexity-16x16.png             | Bin 0 -> 313 bytes
 static/icons/perplexity-32x32.png             | Bin 0 -> 313 bytes
 30 files changed, 117 insertions(+), 25 deletions(-)
 create mode 100644 src/components/ui/avatar/avatar-fallback.svelte
 create mode 100644 src/components/ui/avatar/avatar-image.svelte
 create mode 100644 src/components/ui/avatar/avatar.svelte
 create mode 100644 src/components/ui/avatar/index.ts
 create mode 100644 static/icons/amazon-bedrock-16x16.png
 create mode 100644 static/icons/amazon-bedrock-32x32.png
 create mode 100644 static/icons/anthropic-16x16.png
 create mode 100644 static/icons/anthropic-32x32.png
 create mode 100644 static/icons/azure-16x16.png
 create mode 100644 static/icons/azure-32x32.png
 create mode 100644 static/icons/cohere-16x16.png
 create mode 100644 static/icons/cohere-32x32.png
 create mode 100644 static/icons/fireworks-16x16.png
 create mode 100644 static/icons/fireworks-32x32.png
 create mode 100644 static/icons/google-gen-ai-16x16.png
 create mode 100644 static/icons/google-gen-ai-32x32.png
 create mode 100644 static/icons/google-vertex-16x16.png
 create mode 100644 static/icons/google-vertex-32x32.png
 create mode 100644 static/icons/groq-16x16.png
 create mode 100644 static/icons/groq-32x32.png
 create mode 100644 static/icons/mistral-16x16.png
 create mode 100644 static/icons/mistral-32x32.png
 create mode 100644 static/icons/openai-16x16.png
 create mode 100644 static/icons/openai-32x32.png
 create mode 100644 static/icons/perplexity-16x16.png
 create mode 100644 static/icons/perplexity-32x32.png

diff --git a/src/components/ui/avatar/avatar-fallback.svelte b/src/components/ui/avatar/avatar-fallback.svelte
new file mode 100644
index 0000000..d1f6ad0
--- /dev/null
+++ b/src/components/ui/avatar/avatar-fallback.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = AvatarPrimitive.FallbackProps;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<AvatarPrimitive.Fallback
+	class={cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className)}
+	{...$$restProps}
+>
+	<slot />
+</AvatarPrimitive.Fallback>
diff --git a/src/components/ui/avatar/avatar-image.svelte b/src/components/ui/avatar/avatar-image.svelte
new file mode 100644
index 0000000..eaaf6f4
--- /dev/null
+++ b/src/components/ui/avatar/avatar-image.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = AvatarPrimitive.ImageProps;
+
+	let className: $$Props["class"] = undefined;
+	export let src: $$Props["src"] = undefined;
+	export let alt: $$Props["alt"] = undefined;
+	export { className as class };
+</script>
+
+<AvatarPrimitive.Image
+	{src}
+	{alt}
+	class={cn("aspect-square h-full w-full", className)}
+	{...$$restProps}
+/>
diff --git a/src/components/ui/avatar/avatar.svelte b/src/components/ui/avatar/avatar.svelte
new file mode 100644
index 0000000..78166c6
--- /dev/null
+++ b/src/components/ui/avatar/avatar.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Avatar as AvatarPrimitive } from "bits-ui";
+	import { cn } from "@/lib/utils.js";
+
+	type $$Props = AvatarPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export let delayMs: $$Props["delayMs"] = undefined;
+	export { className as class };
+</script>
+
+<AvatarPrimitive.Root
+	{delayMs}
+	class={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
+	{...$$restProps}
+>
+	<slot />
+</AvatarPrimitive.Root>
diff --git a/src/components/ui/avatar/index.ts b/src/components/ui/avatar/index.ts
new file mode 100644
index 0000000..d06457b
--- /dev/null
+++ b/src/components/ui/avatar/index.ts
@@ -0,0 +1,13 @@
+import Root from "./avatar.svelte";
+import Image from "./avatar-image.svelte";
+import Fallback from "./avatar-fallback.svelte";
+
+export {
+	Root,
+	Image,
+	Fallback,
+	//
+	Root as Avatar,
+	Image as AvatarImage,
+	Fallback as AvatarFallback,
+};
diff --git a/src/database/migrations/0009_ancient_korath.sql b/src/database/migrations/0009_ancient_korath.sql
index 9ae4bea..7d14441 100644
--- a/src/database/migrations/0009_ancient_korath.sql
+++ b/src/database/migrations/0009_ancient_korath.sql
@@ -22,7 +22,8 @@ INSERT INTO aiSdk (id, slug, name) VALUES
 ('mistral', 'mistral', 'Mistral'),
 ('groq', 'groq', 'Groq'),
 ('perplexity', 'perplexity', 'Perplexity'),
-('fireworks', 'fireworks', 'Fireworks');
+('fireworks', 'fireworks', 'Fireworks'),
+('cohere', 'cohere', 'Cohere');
 --> statement-breakpoint
 INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
 ('openai', 'OpenAI', 'openai', NULL),
@@ -34,5 +35,6 @@ INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
 ('mistral', 'Mistral', 'mistral', NULL),
 ('groq', 'Groq', 'groq', NULL),
 ('perplexity', 'Perplexity', 'perplexity', NULL),
-('fireworks', 'Fireworks', 'fireworks', NULL);
+('fireworks', 'Fireworks', 'fireworks', NULL),
+('cohere', 'Cohere', 'cohere', NULL);
 
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
index 40c15d3..4af7b51 100644
--- a/src/routes/(app)/settings/+page.svelte
+++ b/src/routes/(app)/settings/+page.svelte
@@ -1,19 +1,9 @@
 <script lang="ts">
   import { Button } from "@/components/ui/button/index.js";
-  import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle,
-  } from "@/components/ui/card";
-  import { Input } from "@/components/ui/input/index.js";
-  import { PlusCircleIcon } from "lucide-svelte";
-  import { providersById } from "$lib/providers";
-  import { Table, TableBody, TableCell, TableHeader, TableRow } from "@/components/ui/table";
-  import { goto } from "$app/navigation";
+  import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+  import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
   import { route } from "$lib/route";
+  import { TrashIcon } from "lucide-svelte";
 
   let { data } = $props();
 </script>
@@ -32,9 +22,23 @@
   <CardContent>
     <div class="flex flex-col gap-2">
       {#if data.aiAccounts.length === 0}
-        <p>No accounts found.</p>
-        <p>Add an AI account to start a chatting.</p>
+        <p>None found.</p>
       {/if}
+      {#each data.aiAccounts as account (account.id)}
+        <a
+          href={route(`/settings/ai-accounts/[id]`, { id: account.id })}
+          class="flex cursor-pointer items-center gap-4 p-4 hover:bg-muted/50"
+        >
+          <Avatar class="hidden h-8 w-8 sm:flex">
+            <AvatarImage src="/icons/openai-32x32.png" alt="Avatar" />
+            <AvatarFallback>OM</AvatarFallback>
+          </Avatar>
+          <div class="grid gap-1">
+            <p class="text-sm font-medium leading-none">{account.name}</p>
+            <p class="text-sm text-muted-foreground">{account.aiService.name}</p>
+          </div>
+        </a>
+      {/each}
     </div>
   </CardContent>
 </Card>
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte b/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
index 340c654..c2ec1ea 100644
--- a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
+++ b/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
@@ -16,29 +16,35 @@
     SelectTrigger,
     SelectValue,
   } from "@/components/ui/select";
-  import SuperDebug, { setError, superForm } from "sveltekit-superforms";
+  import { setError, superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
-  import { formSchema, replaceModels } from "../$data";
+  import { formSchema } from "../$data";
   import {
+    FormButton,
     FormControl,
     FormField,
     FormFieldErrors,
     FormLabel,
-    FormButton,
   } from "@/components/ui/form";
-  import { z } from "zod";
-  import { aiAccountTable, aiModelTable, aiServiceTable, useDb } from "@/database";
+  import { aiAccountTable, aiModelTable, aiServiceTable, invalidateModel, useDb } from "@/database";
   import { and, eq, notInArray } from "drizzle-orm";
   import { nanoid } from "nanoid";
   import { goto, invalidate } from "$app/navigation";
-  import { route } from "$lib/route";
   import { LoaderCircle, TriangleAlertIcon } from "lucide-svelte";
   import { cn } from "$lib/cn";
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { toast } from "svelte-french-toast";
+  import { route } from "$lib/route";
 
   let { data } = $props();
 
+  async function handleDelete() {
+    await useDb().delete(aiAccountTable).where(eq(aiAccountTable.id, data.aiAccount.id));
+    await invalidateModel(aiAccountTable, data.aiAccount);
+    toast.success("Account deleted");
+    await goto(route(`/settings`));
+  }
+
   const formHandle = superForm(data.form, {
     SPA: true,
     validators: zodClient(formSchema),
@@ -121,7 +127,7 @@
     <CardHeader>
       <div class="flex flex-row items-center justify-between">
         <div>
-          <CardTitle>{data.aiAccount.aiService.name} account</CardTitle>
+          <CardTitle>Your {data.aiAccount.aiService.name} account</CardTitle>
           <CardDescription>Update your account settings.</CardDescription>
         </div>
       </div>
@@ -186,4 +192,17 @@
     </CardFooter>
   </Card>
 </form>
-<SuperDebug data={$form} />
+<Card>
+  <CardHeader>
+    <div class="flex flex-row items-center justify-between">
+      <div>
+        <CardTitle>Delete account</CardTitle>
+        <CardDescription>Delete this account's API key and models configuration.</CardDescription>
+      </div>
+    </div>
+  </CardHeader>
+
+  <CardContent>
+    <Button variant="destructive" onclick={handleDelete}>Delete</Button>
+  </CardContent>
+</Card>
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.svelte b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
index 86a7530..330dbc6 100644
--- a/src/routes/(app)/settings/ai-accounts/add/+page.svelte
+++ b/src/routes/(app)/settings/ai-accounts/add/+page.svelte
@@ -34,6 +34,7 @@
   import { LoaderCircle, TriangleAlertIcon } from "lucide-svelte";
   import { cn } from "$lib/cn";
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+  import { toast } from "svelte-french-toast";
 
   export async function fetchModels(form: z.infer<typeof formSchema>) {}
 
@@ -88,6 +89,7 @@
               models.map((m) => ({ ...m, id: nanoid(10), visible: 1, aiAccountId: accountId })),
             );
         });
+        toast.success("Account added");
         await goto(route(`/settings/ai-accounts/[id]`, { id: accountId }));
       } catch (e) {
         setError(form, "", e instanceof Error ? e.message : "Unknown error");
diff --git a/static/icons/amazon-bedrock-16x16.png b/static/icons/amazon-bedrock-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..221a881d48400e596bd348b2c09e1cd04d788636
GIT binary patch
literal 734
zcmV<40wMj0P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007|Nkl<ZIE{5v
z&1(}u9DTDpo9rf=WVdOWLKPM~h&`pA1Qp_6(0UW3mO?2A)}{xcp3*&e(zaI#Bp`yK
zl8Of@7Se+rJQNhcgV1CVMQdrBY`*q;JV={<`HnO1y?MX)V+j6(WO*}(faZBefNW8{
zIyta(8jl=5IJ3HuWmcrfTM>=(s1dd)A`Y)5EZ#_3Wb)O#vVN+;x%cn1z?K%dR$@$O
z#p|3$mx<3U$(De)#pU{JGOIX5Nn30s<zQ~+p=ul$od584fmu?XHdWBJydpT_+{WaP
zarmX%`mUC?g2lAO#!?Q$pw09vh4caefZ?@uCYTDOW^6rS%GXzC()H8keR=1*BKoAP
zddT*<z=hIT!T~_I5r=Hb^*%F_O<1%x{$MwET>N~dmXmz1mU8WE%C+jM-|2O5wfK$6
zors?3h(^q&dC`Lw@q$l^>&^|>He}yjjC)?D-}Q{BPxQ2BYay_F?8(J{2~;x*wH3y*
zd;O)T%Z(%)=t;-VsE%8Sc}^wibTg`J>5}h^3>Sw>5?T;R0{}n)Ala0l*c1S;q{r(3
z77DqaCDrX#RIiIL^RHbhj2x62CVSv$8vwuoz(6~MRF@u^d1`6M7<5cSb(_ZJ$2~Cs
zaQtsT-0US7>`+95ldUJbCS<>R@<OZv;#My~zr&;7#^~BqBYT*qcy&aB<`FHMp3Xw3
zjY6vS3=%GM)nl2MZ&$udd@WaRRWtyI1Pw^R4gkO(zpt^0yJZlw0^vsnbVol}BLIAy
zXle0adr@LrV`2QNM}qBTfwe{{y5PCp*M#fL5@B0`^k)U(#vFO{**IdbkFA?;vLf3m
zhS;t~SqmI7LAVyc?-?Z2m?VX@^~3xV2K#Vt%;$JC@*r)1>+0Oo7pH#bzw0a=c{i_Y
Q1ONa407*qoM6N<$g1Dkz#{d8T

literal 0
HcmV?d00001

diff --git a/static/icons/amazon-bedrock-32x32.png b/static/icons/amazon-bedrock-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..62255492265d1e2cbe7aa84bdd92cf3e98867676
GIT binary patch
literal 466
zcmV;@0WJQCP)<h;3K|Lk000e1NJLTq001BW001Be0{{R3M5Kzw0001lP)t-sBQHMx
z|NkB<I~XQ68Ynm*Ej$$@H2@ke02nRD$;=HOG7=&*01PGo7Awlk&wPQ1U1V)ZQeCaE
zv-tS=w70qd000009#>vyGd)Ujcz?aW!=a?8001J@*V=-IjojVeIYLhW02EGEU@0|2
zl$f3C?Czwetc#D8X>WH!OIPFM=JE3L=!t|c0003ANkl<ZIF0R)OLv4I426jZ3W6^j
z1*|$Mj*t2O|8MMLfj!-H-QHDBZgTUTAoQ<aDH0+=F-BCLHKszys~@Ba*js0!z6)e(
zG6h58`($?a9ahH16s8#pFetkwggh_0(x_2cXPzUlNs!Bh9flN24$YFWs*+6y%j{3^
z$8x(3<v4U!KbM?}x>nAIpglMSL+zli706<64`@RFM!d32Z&<sT8iVO-ZNo1NoJW*|
zh$IAs=Oz_lUU&&XUXj>O#95lc=5-RI>?ETE2d6?BNnLKo9{7~Rg0kzj&-$MC)dH<P
zuFodt(i6UPw1G62fKO1d8`rjO)8d`=yZ<qR6V6YNAFMyG7cONIpS!&Yk^lez07*qo
IM6N<$f*gUxGynhq

literal 0
HcmV?d00001

diff --git a/static/icons/anthropic-16x16.png b/static/icons/anthropic-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4b8c75fd09b8aeccf1697f2130e817bdaf80add
GIT binary patch
literal 239
zcmeAS@N?(olHy`uVBq!ia0vp^0zk~q!3-pCt=%sRq_hHjLR`<zuDUR<=FIFW22R22
ziyIgim?fm8Ee*8xO)Q#N5b1Aky1XH^IW;gR)K%P6oCm0ju_VYZ_#JzQxFnEM?CIhd
z!ZEY-d?epd1rFALk4CG1-+y<Q&vW*di3g4=Ds21Lcg?O*t88au+ld6x<=hsblbK($
zwM))v$Zk<vbZd{nOBUDlW|mXT0}ebhVNquj-Jt2R;287CwHF&ozvr!({*YC3<9aU7
md7Ju{mc&&*nZMuWA^V(A<^bk-|G9zIGkCiCxvX<aXaWGFKvrM?

literal 0
HcmV?d00001

diff --git a/static/icons/anthropic-32x32.png b/static/icons/anthropic-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..9116879408f00cf22fdc56e66676071f07a2caca
GIT binary patch
literal 376
zcmV-;0f+vHP)<h;3K|Lk000e1NJLTq001BW0018d0{{R3v4}su0000jP)t-s%$s`5
zn|jQfdLJJi)1ZDB8ygN47XS+qGAt*4VozmIL78=3Pe3)SglN8za@@c{tpET30(4SN
zQ{2qS%*n6-008(&L_t(2k-d}2l7lb|L`k$6F!}$_oo;V9P&KK_A-Z_sN!_-^^87y@
z%LicjEue^byaI=$ly*!o%Igkjb~DfV)XmLTy#cQfL?HFR%x-|LPQW&lNG7rC72sDB
zaZGm?%NIcRz~*M+O!cbu24t3nx+N`g-DU@9(Th$TeKi9uheNTMo7P#OsWLU1qcj1{
zH-a{yu2!`MfRkHZ5dfswq*e#YEt(^2vKgZS3s1pIDmHo2T7j28K92_}HVZH;GFocC
z5(2d7{c)6UDW^>WN1zeTzQUUY`v$wv0-zf@X*38@vE*&m?IQ8kgkxF9AO9EM0gpdC
Ws|{ld1so~>0000<MNUMnLSTZ>JD3mv

literal 0
HcmV?d00001

diff --git a/static/icons/azure-16x16.png b/static/icons/azure-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e6bcbe4b5be50b7a7e00e33110223aede813dfd
GIT binary patch
literal 123
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`PM$7~Ar`&Kf8MEopU=qt;Lewh
zjdkM8em~vJ+1%7(CLL)CWL}ZLaI|4!;>qecAI}IVpZHO){;uS}3%gl-Z0(F9%nU08
Wd8N5KO09sVF?hQAxvX<aXaWGq8YmY4

literal 0
HcmV?d00001

diff --git a/static/icons/azure-32x32.png b/static/icons/azure-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..bae206324bbbdfc995f12169ac2af3818dbbb115
GIT binary patch
literal 174
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJQcoAhkcif|*EVuCIPkPSv`?2h
zs5$4vt=O33jBi-N3psOD)1NauJn(Gqt644UJx<&-?Val4C2_b+>OfI|cgik@lT){L
zGca)|G%zsjI6hhH&7pnep9HiRBwo+`HKF0~9chQVp5GYMEt%JT`Yi@l#i4M3o8_>G
V+B?1OWS|2WJYD@<);T3K0RUn*KotN0

literal 0
HcmV?d00001

diff --git a/static/icons/cohere-16x16.png b/static/icons/cohere-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..25acfef43f2f9a14ed162a50158ab4df04580e35
GIT binary patch
literal 481
zcmV<70UrK|P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004~Nkl<ZIE|gs
zUuex?9LMqZ_xt;uvvrQpB0^R!S30{nrIeETWw}DTP$zd9$_<tawWD2)3rZ3<E)+FM
zS}mg8C^2=4?LvwRxmil{XUd#s&&S1PY_p@Y&*k^&_33%OJqExzygZg2mFO|(08*Au
z1jeFtrgs1FBb&o_5C<Eer7_hZ*_o8vvSWzTP2t&w#6+u0^fZrWBV&`#y?JE?qUJ(V
zE5c}ex{waInT<4QCo%OYwC)(cJv^CWRz>Op3jew8Tf?q=jZ-(?3_bn!du{;b1KBQ<
z-4tqHpiFh}AxYQ!OZ}sp*KEm%alI_mI!|tUF<$`C(cPV26~1ILI*GL4{?0@G!PVWD
z+Y<S4&|$+?|0%b-h2%%YbfT+;;@T>(4`~7=Rl9KOIl#+{ANm|s1-{H82TZ+(uHg&*
z!gprE_Sai4ZK#L%tl>JvM2b^cG%k{)`+wGB(d?h>FV8v$a!XE3xy0>rV-Duj95lSB
zb_VHT47owzQv)7|I_r4;2<RSY8sj}?6+1ups?@vjV<O*U#uGu9?-v0WMR9NGRQt#;
X|6ilTNd8Zb00000NkvXXu0mjfk}u|M

literal 0
HcmV?d00001

diff --git a/static/icons/cohere-32x32.png b/static/icons/cohere-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2f3103a6062f89b784ed57840d5d0c7f8bb7bc6
GIT binary patch
literal 981
zcmV;`11kK9P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000A=Nkl<ZScS!w
ze`r-@7{@=)bME!l7Kt^r;A$3%<*1coZVZelvK1Ik+@vyS1W_4fW)k(!#Vn&3qaaum
zMG9(e;?m{jgq%fcrZcBSYtUV2F+;G$-Oqc^dHQ4b&N+9tqnq3JzxR2+@ALVd^Pcyd
zBMhVamOpq~kU*Ikj{tW8Q-|~Umvw`lM);~XW|hqi4V|eO8Eng4nwz1{&F`SL8k6AI
zpy{#@l|;PwXzhWMmjoy*UNR#Nb-==F0=_iGdB>c*BQ^DH3jJ3;ac}_1^3?knl6N3)
z*^&x`H4_6L6a#m@Q?RUPj;U<{oQV!#rl-|Y?-`71^T3U+TQzyqCPktWQ~J;O<j9ks
z6|);B1#Uz$|Lr-bh{PrV?|Rttjg5^7HTZpE+18E9lgDfJHvp)@w-bdHvwfb*!k>2T
z+mWgT5(K|+tZyA6GScEPYQH%0_R;Ew?=K4lkXQWh=OAU{iWK5vQk^g>Z>niHp3W8k
z@B;R##-$Kp{y3n|8GPp8RQ|ZD?(FC}lgeNIXxOvFUXZ)50%~9f5vlBSrtbQ+s;bZL
z!Xf_yOEWasw*j-4fRGRFc|^aognW8zcYRB$dZHqFub8t+pa7UIMu&$rsUutOSu^{)
zv;k7eD|ze|5{Xq{ML-TnR?_Sm{0STu^y_~v^z3PCZ0rGO{irq6?FLtPCNBz7I6~_B
zK*%l2UVVFe+5khfpk%?6X}xnpKZHVER8_fy=T4RXHOo`?1x%g=o8hM)SQ`Onan8%(
zvjYJv5>dKZ9!DqwW&-Ch+e^mwT8ZEd*QUAR%z881fUoTu5&=6@^WW^n0$}T(3Zq^%
zM*c9)!(c1q{q27bE}txK+lc5}R|+01Q7si)_jD#s;uvt}2;N_~KDJ0Ad%F7J(E`Ld
zgwHKZC&Ru`G`@BeI6yXCH@tE&d0_2W;Q)dzQbeBc>AvVQ9vUk=*(ghac|P6q01iZ=
z*BN%x_ynLsF`qx9N#6sJIlVylxZp*a6s6slIq4I`K#q({0NAD&^}ej04fxFLld-d{
zCD0MxtayE!z`90p$Cwh_lp5r`Hfsk+?Ny`AIufp1njMiol@E5d;@QfyA&gG&N@e4g
zXsRTLP0tLkMA&_$a6x`^Joo<G*Y9ZVAE!8Pl+48fZz2?7%mms&>JZ+Q_qP6#uHmT<
z&lG#EJ%^Bw*|f`F4+f?e5bp${+X5Zo&Djwd_+0-FMlV&w8Qskj00000NkvXXu0mjf
Doj2Py

literal 0
HcmV?d00001

diff --git a/static/icons/fireworks-16x16.png b/static/icons/fireworks-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3e31b1975cb27de31f8ad42c5035eade1d2c0c9
GIT binary patch
literal 385
zcmV-{0e=38P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0003<Nkl<ZIF0R*
zy-HkR7=)ksc309SRVw**D@m0ug-wd23q&+4q%jak&aMdrQdwGxfm9K8!Jib0;DHq0
zfEQpPDbr++7oZ?$ll6R)V)Ya*UV%<IygW0*3-=n+G7g=le`nFJuf440*)00VSU2y(
zI6w)rBk}p#Q{t1vwvcZHbenE-m5?Ub#7uvTp2{Zu#PDo5WNUP3Wlg`S-~jEmYmW~3
zBiQd1`U=pA{)srd3VF~Q=mS_;<h#VHlL1pXDg!{Cs}#HdX1h&)0|<dNn|C$~!K{s1
zvI@*#UgoH*8dNhT-AXkMFuVOiOIh?6iLy7)k1Toxcw3t1>&F^Y6BeT%)8OId5Ic|>
zCYEN8!2AAR{Q~H;Jm<uQ#k@sPH&P<}3!K&y?0U#k31pN;;PZM(QKg6ixDezR3{C;p
f%+bxS+(rEd)&+qOMdQLC00000NkvXXu0mjf+z_Z{

literal 0
HcmV?d00001

diff --git a/static/icons/fireworks-32x32.png b/static/icons/fireworks-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..135f5cba3d52222183f043c40b6734b803dded37
GIT binary patch
literal 816
zcmV-01JC@4P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008_Nkl<ZScUDC
zL1<i67=^#{W{jY2j9`lu`X;nc0(K{e=t2+|Qg9(z3Ds&%rW1uAHlT}Unt-)hv}l{m
zn@T}kiCe)^-MMW+M5?qkGq^A+b)#rPn|F_k+{q-9nPza?IWX}4|DOLp=f3;jH!#2e
z1KjCQKcwoYhkje;GUk57@mfRYy74APTv6a{#Eme_qxH+WwO#L|F9TO}GnlUpyD(GW
zEyk-j!Au!;*<9#Hyl(>lN>~sC!)SRoPj#;UQQ~RLULY6L`t94dfoxIN3>RZnrE@*7
zp8K-aRP%ousHEOGh6~-uN;n%IpF6zA54ZA@CGWO5utr+vY{J->3x`YIv8{m|jz5s{
zNfmEd`*V@6fQC)6m@~d!W6D4Q_^H<5n=RtFFno#gML2d_18?s4y}%2GmzKJi_yV=h
z*SuOC_0a2kd^h4{fJDp-d1Fl#C&MY{Fb53>#~<=NJq?`tUjJB}jNzfB5)1B__%OtI
z!LniJ(hAS7=8V}qi1@o$;L}d=r4n`EP!u~+|5g9?GyqU<XbzZ-yBsg4%x^SNzp5L+
z=W)Ff%p`!|vyZRquNKc(zo(qVyb@D03k|)~sn_)uWKGRT%*C*Lq{Nwxci*jHG*1AJ
z0e0RVK4X<r<^z<Y%52uuY&Wf**Ra;mG2jG%O{JW2x@96;)FmZk>tyj^_KU7Wc^xV7
z5m8)XE?d-0FP&{a#pMy7bYMD$r?Vz+5C?5y#Cx3(>euyiOMD{b17IpPf4A1uTes`q
z*MGr8$?su~#)_j^L#Mi$O+9Vm5R3P-hNipmHW{dl`o4UHX8<Iu90xEWScF1OP(mKe
zjNx&_4_QNxbTyj#M_`}Cw}v^H#0dpKVxz<qY(x=k<P|Oyz08Z4GXRc1Vjx4%#w5sG
z>$w|o)n=c~lfXp-gm!sYdoz%)#mNxmVldANn(Z#_V=+kam|~OfimSZV%fMX)CU31$
uwAe4lI$>?v!kUkW1HF0;Fu(wJ4*mm$k}L~)mP*+G0000<MNUMnLSTXjbBKcg

literal 0
HcmV?d00001

diff --git a/static/icons/google-gen-ai-16x16.png b/static/icons/google-gen-ai-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9a1ce890df847dbb233f2c777167555f34c89dd
GIT binary patch
literal 508
zcmV<Y0R#StP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0005QNkl<ZIE|Il
z!An$O6b0~KGD1j;hz3eTTD6c~#1JSE!)#p7R-%QAlAv9Sa1jzO3GojwiGem1vj{;5
zi5`dyA|d9&S1nu!1&K5bh{Pbi$QJWPUY1}NzRlr$2hKV7a>OK&-X!upiA)^Df!txB
zUJA}&hxjL&*bS=XlNiQQJT$v@q(HqCoW>@`I|q%U7lNu`JVA`he+d-BW*;`p_wOLY
z>m-uH9n=a9OL&i&V%QwO6y|DUT@R!J+r_YX^H2s?lgNG&naSeCusK}}oBPGExtF!j
zhi~;#ki!IC5ijF5mV#>e3g%F?u9EWK90=6Lx;8;8gAr_X4tj@5n!yd6M-lfijt|)k
zDwxiXb*<D(!P)#myq83Ju!2gV;URXhicvhmXI$t=E&NI!<m#oMjmzL|PTO`z*1`w}
zHGa{maT4b;7G9)H3}6{+SqnYbGT;9LPf<%E9k_+1Lc=F~#iG_8+{0T;wyXJ{8mInM
z<27ug-bXP<yo$S6465aec#awCUgCO-!-=eVn!y&r{6hS=jR)28FrMLKJT!YL`{$2a
y$S=g(^-|D{?IhBjhE*vvOyE?S!SUv}=lmO`BfDYIjtO`G0000<MNUMnLSTZv6z4qv

literal 0
HcmV?d00001

diff --git a/static/icons/google-gen-ai-32x32.png b/static/icons/google-gen-ai-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..332bd3a80d5d009fbe0111247a720dcbc194cecb
GIT binary patch
literal 1122
zcmV-o1fBbdP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000CjNkl<ZScSFM
ze~4676bJB+i@Pijkq~APG=eY@bxhR!BWfDTHL^dpB5KJfDiDc&k>X$Si0PlOkO=7)
z6|yX{goJCL;i`;}kf1`{DGC1&3W;$1LrPxdiuA{Q)4rV@XKbJ^4Da5<IrpA(&-tEv
zXO1o~H6g+QlyL-)_YV52o3(nnF~Tz#L@yr3Q(dmpwF6h1=3PY(b2};2%f<Ovj>$r`
zmS*Bn;rKV;D|`;cv7yEI7^{(BOKo`k_pTkNmy7c-iQ90dUM{XHRBP9I2VE7?(2U)9
zC>uYC3)tRnk4`CAmTeAqVxWWm(x&;U4*DHaFp2N67KaPf+OHk-tAe8q9D!0LU4R{#
zgJ0vlB#y4laG+F4R|`2EOXBDP6sonW^>T4N7UH*tZbrlXxL>G&C$hBcz-1xwD)y8r
zX;0?J+RXe>EWwK~C+EOL6mTMmqjI}2rzUL02RYGmy@U3)(#--p)g=BqiKBjI*1+ZL
zd#T;#8LoAh=W)HAeZB_n!QD8T*Q}R|w+Ki2U5<t$!tpm!Fb2i3p#gk?b;7Z~lnh6c
zrAm4N_vMy-zcHAj4Kf;@#jW@es|wXxtB7O{jAC<6^mc7{d`GF0M%aqm@l6s(qpeP$
z6_#b2!wR7o+c9Bv(|ipiag+)@Vis<OhTq~YH&4SAx%p8jRnmDv)i1@#B#u6t<v^*D
zE)i(BKZ&DD1R7#}y<8k9RBIO-x>FPSu@4(@2v6r|m}Ze5$F9ue5bn*!FO(|j@+6M7
zGn0lFun32fINH=M%&7@m@KH|Gj)tpnrb+x~5=Rj;X?VlpYJq0mcD8NXeZB_D+3!GJ
zp<XV|#bW%DW56gj2`M`yq(gCRD8f!51xK;lxfylT!0Z}G;^;iiH*MaBlR_Jv5OOYi
z{XEtppttaHHhvI2NgVAeRnm=kO=!U<@nOTDQy*BDdEdaIc1$Ra4gFvy3y#%>$2YXw
zqZ18(!q38$d`j*@x&bDe9GHYsCG8j94-FcAG0TBcC0&RT4kdAP1q#*Lm3q0j+H@<v
z&c8GqG5sQXrgzXa;qlQg)IfqavgHp7Z%Eiys-$lwaTGI?hUahx#*;XDq+OUTX!vaJ
zppjO(rAoS7XybYOk;Kt_W>RE+_MO*m^DfZeLe|$9<ZED~K&{cdX1!eO!NR8E8_9GV
zov?8m_6gl^4UX4_$M@hgYAELH_caEcSkNy#q1NIUHg>oT-^Hsr(YD&~`0i3A9T57%
zl5D+qk~q5Bd;+bo()3g60iAEdX3A~C?j(*b;+0kgonFOf1sZa5G(6j3J_~J6pir%)
z^>T5ga1y6;H0;A(p#~0OOGd-jvB30gxU-W3ZEN60n40iBKFx_X_YO`M)_*~_{|)<^
o=B=pqzdA62!<fRCbQeAR0|Qo0(Zu#-Y5)KL07*qoM6N<$f~;>J3jhEB

literal 0
HcmV?d00001

diff --git a/static/icons/google-vertex-16x16.png b/static/icons/google-vertex-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd145530bfb16be62a985076154e84f536c8200f
GIT binary patch
literal 472
zcmV;}0Vn>6P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004>Nkl<ZIE}rM
zJxE(o6o9|;%oT?qltQ%?ER-y59ZHBI*y$N`wO|xN5wQ+}o0B1eQ+9C`L<@xy6%id&
z(olphZ7B}wR;Q*=p^FJZ^3ooMyr<8Qs33T@d(L<6`R)(gF{EDMq_^`G@WNdlJ^J)*
z|5h9Pu_JvV%z-?wDjlloR7>{zu0Ls2O&t}Hof^#mFSpu<ckEPQw5GvHZ=?g{2VmUP
z7tmD~8{BLk?)ea!0B}&k*_q%0K)~A|@U$>(LZ`-hP=x>T*Mv^z8v9GDuG##@XYb~L
zNq4|B@b<#M$(RvU7DZ^N(p~}LChC;!RG|s@1v~^CU_6@)zL!!a&>>gV{js6wP-C=Q
z0<cqsZJ^(+IVfREkTI`WRTqHAipGF7e=`*zPK5z5h>nSqF=-&?CfiKZ`CY^0BJ5QD
z2}sU6q6M5?4$#-vHCG_<F?uFW#tZ=K0H2Gk{}TDGub>rewP-$G^6>-^y1~0_edE1C
zdau|TOXee#ul_BXe=gT^S;;1YLmnNU&4&|ZwQ}`npG6Kx0P!2ydx>+2osI0Y)4kmQ
O0000<MNUMnLSTZHz}BPy

literal 0
HcmV?d00001

diff --git a/static/icons/google-vertex-32x32.png b/static/icons/google-vertex-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ae05e336ff820503f1ac8e74163ac94689f60a6
GIT binary patch
literal 975
zcmV;=12FuFP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000A)Nkl<ZScUDD
zUuau(6vsd3E;oxdwz1eEg%)*KCRBV$C~P7#xz<s95h1>)D{PcK=s*~KY1xC=2Oos6
zr=ep^1ns0)kRcRqgB4dM*+bF#hdB|32#Yq<HGwrZ&G8{OAx-X0v!+k7FXSP=@9&)N
zHz()ZbKwCxKsFHzWfQSbCpqN)MWYtT5nu$Uir)j)Kv(*gZrJ;7Ae)E{0TaMmz@c5P
z{|@>Q$Xx$Y=61&hvWeIWz&YR;a9~%r6>J0F0PpoLWxm~$fovig1Q`eBfP-xc*RW-T
zSbluWxpes5B+A$6nQ+nTp3%aa1)SfDI6!(}oGXV;n!tGk%U8wg(EZPE0DV4j1>h!V
z&P~$`3<F(TMu_ylIG+r^Q-A+&Aex>IH}ynQ1+s})K;cXa@nv9ARg<c?A58+2z;b$E
zocSkDG{*FyoQcoo1C2z}0T2~Klg6W47(GRdhf2u7GUY-5M6ZRS|4al13%5<nDc8m1
zfLqx_?8}8G-b@wD?l*w09a)7WFb`aBX&^9|KW0At@1XhACPq&Y308De0XQteCEzO{
z)fn5ql(`pwF>(&&F@)C|=s_xzw8KEH2a0weD2S!o@|hga9*@fGfT}Kv$dqY0KQwaj
z+58ajGmTZK^uh#+U7d<r4@jl!FSH{LAR;dV7aiM-G;(gUU2l$}54cc26$XG~n?t~5
zDrLGaC>r#kzVkUB1TMQ(!f<ReplGYE_d^Dl3|ghE5C3P2*xFPWz%a^jk4pt$0T>0I
z0Zypu_f>I4UokCbwS~w$aMaCF@ZgVw4vS-(<BEPENMpk+sOqWUOQl@(plAn1P*Ngt
zb{Fv);_q+vB61OU)#C>y#j(vKaK$6`sA)MX?TGAZVm5ySxaL8<?z;;Vy}KXcZZh9o
zhN_mm2tlHbZMIle?IAv!HxQye#>$3><bZV#`ZSfdo=!31=4w=5M>H2ubWM;|AW=`3
zmC+wdy(`hV=jZSnsd6yb{l~|id)^i422KHwG;^|wvK9zhrL1F{R~rrdQi||l{@E_z
zq;Gzsg?2@x6?rv16V4g{rsbqmbrGPf@RJka?A=j*+ivTrycaB{r^6|z-vuI5K<3v{
zgb(u1v7vi<5o!k+V5<71X29KQV>6r4&u?z`cr|5*&~@NbU@Scyu5HjAV`f^;#$V-!
xPXpD5)17@#zT@Ufg1()e4sYy3&IkA(;XnJxH;L4OAi4km002ovPDHLkV1giP!Ce3V

literal 0
HcmV?d00001

diff --git a/static/icons/groq-16x16.png b/static/icons/groq-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc355fd02c27db0a42c208058fd00b38959dc157
GIT binary patch
literal 721
zcmV;?0xtcDP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007*Nkl<ZIE`JC
zO-Phc6o#Mk%{MwTsACeL*pE<)z|ol~s$E8#GRam2K`kmM7eYm}XwwfZ+(;Qkl8b5=
z1)-G)EgIXD1liD7n3!2=*$@6qKjSpte5b{CN3F|+d*Qz4yyv|4J;HyhZfR-V&Whs3
z`iipM%R>dreTe<~$6TU+`e&l8f8^XCj4sAY{!#`dr)ySSXj)y~tfGJ*D5wAm0;<B*
zcb_iZNsgU*0og?f*8BUmW}ipG!I+>ZASO=5q*67ELUJ~psE?0tnPMvC18AxCw>DHR
z*_|&(L_h^a41;%y0W1sJ<spBz=+W2N9;pfhss^@4-+Rm+tpNT#hwwM<Lmd~V=PrM4
zU!U(<L_uL^@5okPOYO>wwWXmL;xPz<U0092Z5Nr72gt>{@$WqhJ{ui=ldlC3QrYaR
z6$^)AqGI|46~*4xK<4Hp+@C3O-zLf4?!a2N8BYeq6It0&8E&*{!l9U=pkC>sf;;vB
zJF)>3P{sZI3twSyK@s)N6~V$v+ff|b!e00>#p%37!TEM%Sq1L!Anxc}G_Rn+0QfBY
z)<h;V?nMfs9>V=PN#;xwZt^*KZSZ1H!>$6!>A8gUaBR8@QB3r_vm{tVF4>RU`vCvJ
z6F9vO=G|wc;AJY6u<lQ!I#rEn%%h56Mb=Z$(m~)_7rDMT&f^~Q(Z;0$ZEq&e2|#Pj
zs>?^$lsBs?BAydOjeYY~nfBD!>+105wo?NikBJ$ClBdzglV~^;o1X$PT^ZA8-l4$2
zOggbC{%RwT^#PD3^DMOVMrL-ZWK&tu=7mvP5Y}wkN4{J+GBmV5ohJRyH0IaZK%nY)
zb>-P;X)qco4#gZ*XJRfh-aVe`y7y(Kv+w&%?_&I4R6QCWGfbg$00000NkvXXu0mjf
DrKVZw

literal 0
HcmV?d00001

diff --git a/static/icons/groq-32x32.png b/static/icons/groq-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..083b2dce80db5bed1b9e99903f0e284b7ab34708
GIT binary patch
literal 1659
zcmV->288*EP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000I;Nkl<ZScRQd
zX>3$g6#mYgH=Svx9ZEax6p%7yk(NDd1_=}jvLhH&j7wrdhzl`>fMQ}uP&7e)NJY@Z
zKSmNYiq#kb6iBV5MgehwDqWyufRwf)9ZILQGwqvq{qeSY=e0n*KW5&$%Xhx>o%7B;
zg!>%XK=zVRIm;I04lA9V<C~l3aR-B5rGNm6B-BVtPyBL2tgrs`t?ufI)@UVw?)$-|
zdu<q-<#}-X_>r$YHY)eYEI0ELH%{@P&uE-$pWo;_wCB>zx5Dvw_<s?|12T6^DSYR}
zaRsjs1Jex}mI>h82H*lv>hr<o_VOKd*S7)C?wdf!i%`Y<sYi>m(kF@YI{01OC;Nee
zgN$w0dK2MQwT+7hQ^P@E%JAXSj?F8o%1u)OoCw67#y9{PgopV`=8v^bXpi@|uRGhc
z{IA=+7l$Me@_Iu*EH3#a=y4aMhI%lmY=UASY*zAFLNqbZxuE*eY*7gtcNf^DpQksE
z@p(cb^Sfo67;kyIK!~^m(HQHiUtU!=_aC4K09@w6d!2>vKN8GdK@L~R`m;PTHc5Mj
z3JDo`W5gxbqvWM2F5juhok|Nm<n@OBUNP;e<dp#^Vw!PRN>@Tzx)xM45pXHs&Gk^L
zjzFzGX0Z_E=R|s1>K_m^fKRWwP}~wrG`Rp^&$PmQ(}!iu5d4*lk~#13!n1Q9-0PnK
z<&OlVrGXR|D1QW850!#VngM>M23#Eg5rGKcMieY;9glo&SNhSmt|OEK_^+*-bDI%k
zlD|52DTZmAw?kR=IMCaJ{;xhkvgRZR9BlqlxS!nuO7~&l$d?%Sv^+JAj!?x^t-Ii-
z^J7@)sGQ}Dh&eWL;hzA?FMzV@2>^t?oi9N>@-=vO7qr+N3>>dOV&}`?;Bc?m2=Zkb
zM@9Kag3VHxe}gY)8Cw*{E|V=n$S$tWa=<lt763pyUkiTqvP6^sXe|xUF8&HI23Of?
zLux}kZsU_+W?`Ox5i9n4N>Ux>oIAdM${(Q<XuFxBr+rpyY19d2WDWiG3e|E}cII3*
z*5@5B84^_!29I^=>qQexUvzg!P?+<Sj1!!Ko>C&QJdZn{1wBd-a1yrai7}EjC%_YN
zxTeg6Yv#jta&mJ&8MbBm=KVp^y1o+hC<RP&+Oi!G;=uonA$j6k0Dx!PZYaw(fQ2T2
z0zt4WKS&6hNzAU4T+b#8)GB05iNw|Rks0pMlp=v$_3W4a&pre)GNCM8i?kPB2RE7n
z-dKmeH#XaQiA#!FCb>KlN%Xg~j>JHRt|rNrg+ts7vZkT`;JZlde;Zo;pCENWfa8*s
zQk5R`(&uRDNnBBWi}s$IIovlpH3{rw6}k^&Az6J4$?D@4km(^C9nuNkY8&KYGMzMC
zB{anP>RD~)of>d1F_tewZg^m3o7nHz#HeTjT(cK~6OgR?-Kq~ZAlZ<{<mp@8)vT&D
zdNQUay8&)tTbsn<U>XVp;r*xrt~F1A<pe<f;c&0s2=DHX0Rq%x-+)Kj1ZPZKZs8Ju
zB%oEdMk|#rpsS)adieP<`J3eKXYgLYy>bIs!2|GY+6rviD#@0-a1QFB{f>6P{vvFp
zzX;zt6a~5o&^zA?Wz*{!f!TNjBI~4amFmb!*=i_@*MN<i2(EExSDTPL^*z+nC!D0o
zNKY;&=H$wYMd5fnY|ZVRR#?7eY{9DzmxWGPP7Xt0(@SAp?kSu~9%ybW-%)pCtB8a=
zAhUAG)N{pI871ad>?p@WHmQ2UVZS?5&IG&O+aE4Dxqck5OLN!=dA*_9#goqGc$D1K
z^R^OZy%5|Mx+hB6E{=})KzrGbf6NQV5jN+fJ|G;AhgY6yEbB<9?RFC=es+doLj_J;
zT9O{+s{+x4+WF|&rsbk>hXSG!$4iT=3)9m=dLhyghm@A5$Zp<@#%PT7)jwTzc~t}A
zl5vLuq7o(k3F8kmx0Q=mta!&sWj)msQz1_L;FZV+Gpp+63}$>t1;i2ZdP8p(kJz<w
zOyD^e5tADglE|2;7*o~m?^>gW_g}fWw;`5jx*PsI378`gK-L0J-ik#5Us<s~y=1J<
zJ3i=9f*Qah3AH^E@9#Jt?KxN58LO#k)lPPytLuJn{{vs+vs;sAQkwt(002ovPDHLk
FV1jb38gBpq

literal 0
HcmV?d00001

diff --git a/static/icons/mistral-16x16.png b/static/icons/mistral-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..282403c08abc18030e4b3f504b23be7ecd673806
GIT binary patch
literal 569
zcmV-90>=G`P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00062Nkl<ZIE{Ui
zyK7WI7{z~Q?%mxe#0Z8wkQlFG#KtOMwH8`vBU<<dNdh9;*xUGrNE%HlYb`7U!77MF
z8j+}}OtM*J^Vq~Sn|tT8xc9nu<Kw_EA2WxUbG|d9BcsvHM|T>!e`P~}0dv5j#_2*7
zMI@eM{e8)q*~c}VI@&hCLg1+cIKTsN4_M^yr~*%%>+nOM41ltcZvBDSizLCtUS0eU
z@U#$X$UOLMs;pr)gHhr2p@+vA?n}-;n^@A9Z{_NTdYJ>e9vT>yT5vRh6_5uRQ!Zc%
zh=I$Qfa%05yf)qh57q{jQw`y7jhQ6nbvDN)VqdVR&Ne`Z@H7!CnT1Xhq$XEioLl1E
zdXI*F#IOuzX;cD}atj;4*VKaR2nY<Os)H@6LoI9@*edqAXrUml%aUca71oOD<SA?g
zqF$1jO#71O?{~xRZ)*GRUh4f>8LPw??5H=Hezn%q|8c!?{no*j2ErtJNW#$ypix4G
zaKX#7^M^kThRNjVk@d=0?+!9zHiOyQ^TQ`bO396jqX`2&u`m>N$;;-@8KK*g2oT5!
zWZhhZXH}vW<UF?-1Pg=s2Odh<1-n$@g|awFg7G=X8<D3V*vzlQ8LJJ&8#5OQKO%}E
z0-3{0)CFw^N>gZ)f2I_kf5Y$Phron&2Q>Ge1Kt9YzQeU&zG%TF6w(=E00000NkvXX
Hu0mjfBKHS*

literal 0
HcmV?d00001

diff --git a/static/icons/mistral-32x32.png b/static/icons/mistral-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..15580ea055970c23f812d7adf268626f5f295260
GIT binary patch
literal 737
zcmV<70v`Q|P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800080Nkl<ZScTn|
zO;1xn7=@pA?!8bx+5!=+DbPflKnyF1F)moCabZCI0z`g+Vd>JCX#5G9m>4$_jlz}{
z8@DEkM%?fb62zeW(ze{rxM*qG4%h~%fbZ(g&6zVN^PY3>3rAcs80&kmyI7iCw*YFJ
z4|0R22O*Eg`llSs5Wu^8>&hEM*J9k%j+p@%9>|f*Kv%E^(aRhhOu)~A8AqF2;eh77
z5=NA<FzO)0hgnS(;2Kkxzo`Oz5v%8x01?|5hgGgIb@^QY0~%2723b02(WZDaO3>*H
z*UdBLt)0ER*iA<~)<2c^^#s7(D?jA+L`DD>zieCu@&JPvSTAy`3Q?{xC@C!hIRfaa
zzNk(J05@yT&u#H(_u0V=`Gzroo>;Do8I4!CUIVEzcln6A9`JYSA^xt8e+*r(xdL1f
zv^LdZ8oG85l6Qiq04~i!I8gLei@^ZWXzL^zjTW?l;m*98y|!gS;l?&*Gi<gxYy)im
z;%q7}-2i6-reO}KNkNer*$-S<0fz_>0f@9gq^<0DA=|is<8Q+MUVxo~ELA`4q(HEh
zj{vy>J!@%+K*?<O@13mo2XpR$cPkfq*%4Z+QNe=Dr!TZm0$hCAHSRh7V}QwUMrNXE
zi?GGxe)?R;bAZcpp(h=!daTd&xqmt#BVE2Nz)C@(8X#aok5b<N;;}9g*;3cSHWol7
zoMh-#5kC+Ok;p21@%H3~<1i02Q$Qp2Zv{B^E4N}|QRb@{3nWtRT;9kEN?rqWpD#G3
zICmgaBqwav_7$)pRt{VMZ9u*|$g(4tT8t<tx_5PTbpcoan4X2{eNWn>-g@BMpLtbE
zK~q|BGN$5Y3OErr;08T;2(aS0gbe5!pQus2#NxpOv^(;~arg{^R*1$<!I9T*x*6+g
TR@QGv00000NkvXXu0mjf)s##L

literal 0
HcmV?d00001

diff --git a/static/icons/openai-16x16.png b/static/icons/openai-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..038f3645d853e7ce56d365eb37e49d87779a78b8
GIT binary patch
literal 331
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbL!Yk*IPt9yYDkVzr9xp-|8&<L@T
zAirRS@9V_xTk2huuVUZ2I9kv<`?X`+k!ex$)mH&k%=dJ043U`X+J955MS;ipa8$qq
z*R%iYUx~~$p1k~-(`B&;ttBphTwe!Ndj9*hiMcmu^^8<zN&fRYvsU|eCN7ED5WD3T
z&l^d#r<KMBH)%<DI;L|kK3vIK*Yu0I<DUDA1v;yFr0T4cD$ai7t8Gd6<Y*y#=3G;A
z>O8JrOA{_v6k3R?94nv6dy!}QiEY=6FWox#Yu*Qq?iKg*a{p;^Wy=3&l+|T_%CcH+
QHYhwiUHx3vIVCg!0EV4t6951J

literal 0
HcmV?d00001

diff --git a/static/icons/openai-32x32.png b/static/icons/openai-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..0555de46d2f3ddb539bb2381d0476aefdb6c07aa
GIT binary patch
literal 540
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dy_5nU2uI>dsKqlE>m++%lpk|Sh
zAirRS4{OS#n|?mx*`pa0b9Ihu?<wotck}K8ZDg$Qba4!^=q;TbIju#3$F*5$@}nQ$
z_Fp@vka2b8GxjOdpQJUshzu`N<dgopIqi=2ule7VAFO+Hey-|ii*qku|6>WWUV1z5
zU&#}L8;O$?4hvMywr7^`V91&{*}mc2?n6vdxLWee@3=iNed452Gx?9Eo5b7h8?R(s
z1bUQH6Sg0jn-jThP1Dz9Ys?oOd%*BiHR06O%}jAWj7<-|yJ<FUn(k)x#J#f)Se|=R
za^lbo3r?23vv#vDmW$SVce{Dx>O-p}3T=3DuIw^Y3=LVIt2v2PzShNeA@>ozEW?{G
z7rI9^sIy#LRxe&SpJ`6ov8nq)q;@?J;h1!8o7C>jE;db(j6Y|oE>06$YUtk)y13}*
z(?hvY`!6c^F345TZ8wlBx8BX}ckR^1J3U(ub}d-8LR5e`y?OK2lHzKX)_0wfw`Q11
zyiLnnyuYx*cKJL$|DXS=Bp<C`_nL7}+x&apX@6wDG&SxIi(2+_(n`H4&u-1XdHvHm
l+Xo+?@4b+6?aIre-`V%H%7pJ{S2+iYU{6;+mvv4FO#t`U-FW~2

literal 0
HcmV?d00001

diff --git a/static/icons/perplexity-16x16.png b/static/icons/perplexity-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..611d180c721bd8eab9b06cd42d8ba6c7b8678c90
GIT binary patch
literal 313
zcmV-90mlA`P)<h;3K|Lk000e1NJLTq000mG000mO0{{R3C@l|D00015P)t-sAb^bk
zb%X<Yh!lK^n#IVq%*+6Hg<GDcai^^SZho@R(W1x60CIwky1uK%$ZV#qf3mkwn4#V3
z=a9R<nZ3a6^X`$jyoa^Ad91Rl%gn9I%*^56S(>8J;^2ztT^RrX0GdfeK~xx(MUaaQ
z!ypJn0Ug+)wf3<-_y4~+YwJcrZgRro0zeLP=Oraf&mhTgUkMKjM!_)f14vzvG&)O9
z2WsQmHa3c-$4s`hVV*;l_eJQ1<QLV&6LnMo@#rM2f#CrdR*u4Js1?n|CJM0P4LaS4
zdPlTxQ&~)?D93STp=#_@Nt&uL;E(z!UXN<sWQ%zy+W)z~4*+}tMsfx`5Vqtn00000
LNkvXXu0mjfw?>R0

literal 0
HcmV?d00001

diff --git a/static/icons/perplexity-32x32.png b/static/icons/perplexity-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..611d180c721bd8eab9b06cd42d8ba6c7b8678c90
GIT binary patch
literal 313
zcmV-90mlA`P)<h;3K|Lk000e1NJLTq000mG000mO0{{R3C@l|D00015P)t-sAb^bk
zb%X<Yh!lK^n#IVq%*+6Hg<GDcai^^SZho@R(W1x60CIwky1uK%$ZV#qf3mkwn4#V3
z=a9R<nZ3a6^X`$jyoa^Ad91Rl%gn9I%*^56S(>8J;^2ztT^RrX0GdfeK~xx(MUaaQ
z!ypJn0Ug+)wf3<-_y4~+YwJcrZgRro0zeLP=Oraf&mhTgUkMKjM!_)f14vzvG&)O9
z2WsQmHa3c-$4s`hVV*;l_eJQ1<QLV&6LnMo@#rM2f#CrdR*u4Js1?n|CJM0P4LaS4
zdPlTxQ&~)?D93STp=#_@Nt&uL;E(z!UXN<sWQ%zy+W)z~4*+}tMsfx`5Vqtn00000
LNkvXXu0mjfw?>R0

literal 0
HcmV?d00001


From 1020139d84d40be7b94abbca71d1cff049d7d454 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 02:09:57 +1000
Subject: [PATCH 89/98] Add AI account list and delete. Add cohere.

---
 src/components/ui/select/select-item.svelte   | 69 ++++++++++---------
 src/routes/(app)/settings/+page.svelte        | 12 ++--
 src/routes/(app)/settings/Nav.svelte          |  2 +-
 .../settings/{ai-accounts => keys}/$data.ts   |  0
 .../{ai-accounts => keys}/[id]/+page.svelte   | 28 ++++++--
 .../{ai-accounts => keys}/[id]/+page.ts       |  0
 .../{ai-accounts => keys}/add/+page.svelte    | 16 ++---
 .../{ai-accounts => keys}/add/+page.ts        |  0
 8 files changed, 74 insertions(+), 53 deletions(-)
 rename src/routes/(app)/settings/{ai-accounts => keys}/$data.ts (100%)
 rename src/routes/(app)/settings/{ai-accounts => keys}/[id]/+page.svelte (88%)
 rename src/routes/(app)/settings/{ai-accounts => keys}/[id]/+page.ts (100%)
 rename src/routes/(app)/settings/{ai-accounts => keys}/add/+page.svelte (92%)
 rename src/routes/(app)/settings/{ai-accounts => keys}/add/+page.ts (100%)

diff --git a/src/components/ui/select/select-item.svelte b/src/components/ui/select/select-item.svelte
index 991e431..b83ac54 100644
--- a/src/components/ui/select/select-item.svelte
+++ b/src/components/ui/select/select-item.svelte
@@ -1,40 +1,45 @@
 <script lang="ts">
-	import Check from "lucide-svelte/icons/check";
-	import { Select as SelectPrimitive } from "bits-ui";
-	import { cn } from "@/lib/utils.js";
+  import Check from "lucide-svelte/icons/check";
+  import { Select as SelectPrimitive } from "bits-ui";
+  import { cn } from "@/lib/utils.js";
 
-	type $$Props = SelectPrimitive.ItemProps;
-	type $$Events = SelectPrimitive.ItemEvents;
+  type $$Props = SelectPrimitive.ItemProps & { image?: string };
+  type $$Events = SelectPrimitive.ItemEvents;
 
-	let className: $$Props["class"] = undefined;
-	export let value: $$Props["value"];
-	export let label: $$Props["label"] = undefined;
-	export let disabled: $$Props["disabled"] = undefined;
-	export { className as class };
+  let className: $$Props["class"] = undefined;
+  export let value: $$Props["value"];
+  export let label: $$Props["label"] = undefined;
+  export let disabled: $$Props["disabled"] = undefined;
+  export let image: $$Props["image"] = undefined;
+  export { className as class };
 </script>
 
 <SelectPrimitive.Item
-	{value}
-	{disabled}
-	{label}
-	class={cn(
-		"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
-		className
-	)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	on:focusin
-	on:focusout
-	on:pointerleave
-	on:pointermove
+  {value}
+  {disabled}
+  {label}
+  class={cn(
+    "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+    className,
+  )}
+  {...$$restProps}
+  on:click
+  on:keydown
+  on:focusin
+  on:focusout
+  on:pointerleave
+  on:pointermove
 >
-	<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-		<SelectPrimitive.ItemIndicator>
-			<Check class="h-4 w-4" />
-		</SelectPrimitive.ItemIndicator>
-	</span>
-	<slot>
-		{label || value}
-	</slot>
+  {#if image}
+    <img src={image} alt={label || value || "item"} class="absolute left-2 h-4 w-4" />
+  {:else}
+    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check class="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+  {/if}
+  <slot>
+    {label || value}
+  </slot>
 </SelectPrimitive.Item>
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
index 4af7b51..751e749 100644
--- a/src/routes/(app)/settings/+page.svelte
+++ b/src/routes/(app)/settings/+page.svelte
@@ -12,26 +12,26 @@
   <CardHeader>
     <div class="flex flex-row items-center justify-between">
       <div>
-        <CardTitle>Your AI accounts</CardTitle>
-        <CardDescription>Manage your AI accounts; API keys and models.</CardDescription>
+        <CardTitle>Your keys</CardTitle>
+        <CardDescription>Manage your API keys.</CardDescription>
       </div>
-      <Button href={route("/settings/ai-accounts/add")}>Add account</Button>
+      <Button href={route("/settings/keys/add")}>Add API key</Button>
     </div>
   </CardHeader>
 
   <CardContent>
     <div class="flex flex-col gap-2">
       {#if data.aiAccounts.length === 0}
-        <p>None found.</p>
+        <p>No keys found.</p>
       {/if}
       {#each data.aiAccounts as account (account.id)}
         <a
-          href={route(`/settings/ai-accounts/[id]`, { id: account.id })}
+          href={route(`/settings/keys/[id]`, { id: account.id })}
           class="flex cursor-pointer items-center gap-4 p-4 hover:bg-muted/50"
         >
           <Avatar class="hidden h-8 w-8 sm:flex">
             <AvatarImage src="/icons/openai-32x32.png" alt="Avatar" />
-            <AvatarFallback>OM</AvatarFallback>
+            <AvatarFallback></AvatarFallback>
           </Avatar>
           <div class="grid gap-1">
             <p class="text-sm font-medium leading-none">{account.name}</p>
diff --git a/src/routes/(app)/settings/Nav.svelte b/src/routes/(app)/settings/Nav.svelte
index 3d5021f..25dc611 100644
--- a/src/routes/(app)/settings/Nav.svelte
+++ b/src/routes/(app)/settings/Nav.svelte
@@ -9,7 +9,7 @@
   data-x-chunk-container="chunk-container after:right-0"
 >
   <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
-    API Keys and Models
+    API Keys
   </a>
   <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
     Title Generation
diff --git a/src/routes/(app)/settings/ai-accounts/$data.ts b/src/routes/(app)/settings/keys/$data.ts
similarity index 100%
rename from src/routes/(app)/settings/ai-accounts/$data.ts
rename to src/routes/(app)/settings/keys/$data.ts
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
similarity index 88%
rename from src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
rename to src/routes/(app)/settings/keys/[id]/+page.svelte
index c2ec1ea..202668b 100644
--- a/src/routes/(app)/settings/ai-accounts/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -127,8 +127,8 @@
     <CardHeader>
       <div class="flex flex-row items-center justify-between">
         <div>
-          <CardTitle>Your {data.aiAccount.aiService.name} account</CardTitle>
-          <CardDescription>Update your account settings.</CardDescription>
+          <CardTitle>Your {data.aiAccount.aiService.name} key</CardTitle>
+          <CardDescription>Update your key.</CardDescription>
         </div>
       </div>
     </CardHeader>
@@ -150,7 +150,9 @@
               </SelectTrigger>
               <SelectContent>
                 {#each data.aiServices as service (service.id)}
-                  <SelectItem value={service.id}>{service.name}</SelectItem>
+                  <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
+                    {service.name}
+                  </SelectItem>
                 {/each}
               </SelectContent>
             </Select>
@@ -159,7 +161,7 @@
         </FormField>
         <FormField form={formHandle} name="name">
           <FormControl let:attrs>
-            <FormLabel>Account name</FormLabel>
+            <FormLabel>Key name</FormLabel>
             <Input {...attrs} bind:value={$form.name} />
           </FormControl>
           <FormFieldErrors />
@@ -196,8 +198,22 @@
   <CardHeader>
     <div class="flex flex-row items-center justify-between">
       <div>
-        <CardTitle>Delete account</CardTitle>
-        <CardDescription>Delete this account's API key and models configuration.</CardDescription>
+        <CardTitle>{data.aiAccount.aiService.name} models</CardTitle>
+        <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
+      </div>
+    </div>
+  </CardHeader>
+
+  <CardContent>
+    <Button variant="destructive" onclick={handleDelete}>Delete</Button>
+  </CardContent>
+</Card>
+<Card>
+  <CardHeader>
+    <div class="flex flex-row items-center justify-between">
+      <div>
+        <CardTitle>Delete key</CardTitle>
+        <CardDescription>Delete this API key and models configuration.</CardDescription>
       </div>
     </div>
   </CardHeader>
diff --git a/src/routes/(app)/settings/ai-accounts/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
similarity index 100%
rename from src/routes/(app)/settings/ai-accounts/[id]/+page.ts
rename to src/routes/(app)/settings/keys/[id]/+page.ts
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.svelte b/src/routes/(app)/settings/keys/add/+page.svelte
similarity index 92%
rename from src/routes/(app)/settings/ai-accounts/add/+page.svelte
rename to src/routes/(app)/settings/keys/add/+page.svelte
index 330dbc6..11c984b 100644
--- a/src/routes/(app)/settings/ai-accounts/add/+page.svelte
+++ b/src/routes/(app)/settings/keys/add/+page.svelte
@@ -105,10 +105,8 @@
     <CardHeader>
       <div class="flex flex-row items-center justify-between">
         <div>
-          <CardTitle>Add AI account</CardTitle>
-          <CardDescription>
-            Select an AI service, enter your account name and API key.
-          </CardDescription>
+          <CardTitle>Add API key</CardTitle>
+          <CardDescription>Select a service and enter your API key.</CardDescription>
         </div>
       </div>
     </CardHeader>
@@ -116,7 +114,7 @@
       <div class="flex max-w-xl flex-col gap-4">
         <FormField form={formHandle} name="aiServiceId">
           <FormControl let:attrs>
-            <FormLabel>AI Service</FormLabel>
+            <FormLabel>Service</FormLabel>
             <Select
               {...attrs}
               onSelectedChange={(selected) => {
@@ -127,11 +125,13 @@
               }}
             >
               <SelectTrigger>
-                <SelectValue placeholder="Select an AI service" />
+                <SelectValue placeholder="Select a service..." />
               </SelectTrigger>
               <SelectContent>
                 {#each data.aiServices as service (service.id)}
-                  <SelectItem value={service.id}>{service.name}</SelectItem>
+                  <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
+                    {service.name}
+                  </SelectItem>
                 {/each}
               </SelectContent>
             </Select>
@@ -140,7 +140,7 @@
         </FormField>
         <FormField form={formHandle} name="name">
           <FormControl let:attrs>
-            <FormLabel>Account name</FormLabel>
+            <FormLabel>Key name</FormLabel>
             <Input {...attrs} bind:value={$form.name} />
           </FormControl>
           <FormFieldErrors />
diff --git a/src/routes/(app)/settings/ai-accounts/add/+page.ts b/src/routes/(app)/settings/keys/add/+page.ts
similarity index 100%
rename from src/routes/(app)/settings/ai-accounts/add/+page.ts
rename to src/routes/(app)/settings/keys/add/+page.ts

From 7c2f2ee4e76633d3f34e6eeb4562475faf19e716 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 02:33:19 +1000
Subject: [PATCH 90/98] Rename AI accounts to keys and remove ai suffix from
 related tables

---
 .../migrations/0011_easy_slapstick.sql        |  62 ++
 .../migrations/meta/0011_snapshot.json        | 554 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 src/database/schema.ts                        |  60 +-
 src/routes/(app)/$data.test.ts                |   8 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |  20 +-
 src/routes/(app)/chat/[id]/$data.ts           |   8 +-
 src/routes/(app)/chat/[id]/+layout.ts         |   4 +-
 src/routes/(app)/chat/[id]/SelectModel.svelte |  12 +-
 .../chat/[id]/[...rest]/config/$data.test.ts  |  28 +-
 .../(app)/chat/[id]/[...rest]/config/$data.ts |  49 +-
 .../chat/[id]/[...rest]/config/+layout.ts     |   4 +-
 .../[...rest]/config/[serviceId]/+page.ts     |   8 +-
 src/routes/(app)/settings/$data.test.ts       |   8 +-
 src/routes/(app)/settings/+page.svelte        |  11 +-
 src/routes/(app)/settings/+page.ts            |  10 +-
 src/routes/(app)/settings/keys/$data.ts       |  51 +-
 .../(app)/settings/keys/[id]/+page.svelte     |  46 +-
 src/routes/(app)/settings/keys/[id]/+page.ts  |  18 +-
 .../(app)/settings/keys/add/+page.svelte      |  30 +-
 src/routes/(app)/settings/keys/add/+page.ts   |  10 +-
 21 files changed, 806 insertions(+), 202 deletions(-)
 create mode 100644 src/database/migrations/0011_easy_slapstick.sql
 create mode 100644 src/database/migrations/meta/0011_snapshot.json

diff --git a/src/database/migrations/0011_easy_slapstick.sql b/src/database/migrations/0011_easy_slapstick.sql
new file mode 100644
index 0000000..a0da06d
--- /dev/null
+++ b/src/database/migrations/0011_easy_slapstick.sql
@@ -0,0 +1,62 @@
+ALTER TABLE `aiAccount` RENAME TO `key`;--> statement-breakpoint
+ALTER TABLE `aiModel` RENAME TO `model`;--> statement-breakpoint
+ALTER TABLE `aiSdk` RENAME TO `sdk`;--> statement-breakpoint
+ALTER TABLE `aiService` RENAME TO `service`;--> statement-breakpoint
+ALTER TABLE `key` RENAME COLUMN `aiServiceId` TO `serviceId`;--> statement-breakpoint
+ALTER TABLE `model` RENAME COLUMN `aiAccountId` TO `keyId`;--> statement-breakpoint
+ALTER TABLE `service` RENAME COLUMN `aiSdkId` TO `sdkId`;--> statement-breakpoint
+/*
+ SQLite does not support "Dropping foreign key" out of the box, we do not generate automatic migration for that, so it has to be done manually
+ Please refer to: https://www.techonthenet.com/sqlite/tables/alter_table.php
+                  https://www.sqlite.org/lang_altertable.html
+
+ Due to that we don't generate migration automatically and it has to be done manually
+*/--> statement-breakpoint
+DROP INDEX IF EXISTS `accountId_idx`;--> statement-breakpoint
+DROP INDEX IF EXISTS `accountId_unique`;--> statement-breakpoint
+CREATE INDEX `accountId_idx` ON `model` (`keyId`);--> statement-breakpoint
+CREATE UNIQUE INDEX `accountId_unique` ON `model` (`keyId`,`name`);--> statement-breakpoint
+/*
+ SQLite does not support "Creating foreign key on existing column" out of the box, we do not generate automatic migration for that, so it has to be done manually
+ Please refer to: https://www.techonthenet.com/sqlite/tables/alter_table.php
+                  https://www.sqlite.org/lang_altertable.html
+
+ Due to that we don't generate migration automatically and it has to be done manually
+*/
+--> statement-breakpoint
+ALTER TABLE `model` RENAME TO `model_old`;
+--> statement-breakpoint
+CREATE TABLE `model` (
+  `id` TEXT PRIMARY KEY NOT NULL,
+  `keyId` TEXT NOT NULL,
+  `name` TEXT NOT NULL,
+  `visible` INTEGER NOT NULL,
+  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP),
+  FOREIGN KEY (`keyId`) REFERENCES `key`(`id`) ON DELETE CASCADE
+);
+--> statement-breakpoint
+INSERT INTO `model` (`id`, `keyId`, `name`, `visible`, `createdAt`)
+SELECT `id`, `keyId`, `name`, `visible`, `createdAt`
+FROM `model_old`;
+--> statement-breakpoint
+DROP TABLE `model_old`;
+--> statement-breakpoint
+CREATE INDEX `keyId_idx` ON `model` (`keyId`);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `keyId_unique` ON `model` (`keyId`,`name`);
+--> statement-breakpoint
+-- Make baseURL nullable in key table
+CREATE TABLE `key_new` (
+  `id` TEXT PRIMARY KEY NOT NULL,
+  `name` TEXT NOT NULL,
+  `serviceId` TEXT NOT NULL,
+  `baseURL` TEXT,
+  `apiKey` TEXT NOT NULL,
+  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP)
+);
+--> statement-breakpoint
+INSERT INTO `key_new` SELECT * FROM `key`;
+--> statement-breakpoint
+DROP TABLE `key`;
+--> statement-breakpoint
+ALTER TABLE `key_new` RENAME TO `key`;
diff --git a/src/database/migrations/meta/0011_snapshot.json b/src/database/migrations/meta/0011_snapshot.json
new file mode 100644
index 0000000..973bc4e
--- /dev/null
+++ b/src/database/migrations/meta/0011_snapshot.json
@@ -0,0 +1,554 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "3e9ce11f-801c-433c-b3bf-8f40433cc3b5",
+  "prevId": "8969d23b-855c-4fa5-a0b9-11ee61b43274",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "key": {
+      "name": "key",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "keyId": {
+          "name": "keyId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "keyId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "keyId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_keyId_key_id_fk": {
+          "name": "model_keyId_key_id_fk",
+          "tableFrom": "model",
+          "tableTo": "key",
+          "columnsFrom": [
+            "keyId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "sdk": {
+      "name": "sdk",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "slug_unique": {
+          "name": "slug_unique",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sdkId": {
+          "name": "sdkId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {
+      "\"aiAccount\"": "\"key\"",
+      "\"aiModel\"": "\"model\"",
+      "\"aiSdk\"": "\"sdk\"",
+      "\"aiService\"": "\"service\""
+    },
+    "columns": {
+      "\"key\".\"aiServiceId\"": "\"key\".\"serviceId\"",
+      "\"model\".\"aiAccountId\"": "\"model\".\"keyId\"",
+      "\"service\".\"aiSdkId\"": "\"service\".\"sdkId\""
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 31c6172..be3aa65 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -78,6 +78,13 @@
       "when": 1722607191126,
       "tag": "0010_far_wiccan",
       "breakpoints": true
+    },
+    {
+      "idx": 11,
+      "version": "6",
+      "when": 1722788063130,
+      "tag": "0011_easy_slapstick",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index 1872145..ad28a38 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -74,42 +74,42 @@ export const attachmentTable = sqliteTable(
   }),
 );
 
-export const aiModelTable = sqliteTable(
-  "aiModel",
+export const modelTable = sqliteTable(
+  "model",
   {
     id: text("id").notNull().primaryKey(),
-    aiAccountId: text("aiAccountId")
+    keyId: text("keyId")
       .notNull()
-      .references(() => aiAccountTable.id, { onDelete: "cascade" }),
+      .references(() => keyTable.id, { onDelete: "cascade" }),
     name: text("name").notNull(),
     visible: int("visible").notNull(),
     createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
   },
   (table) => ({
-    aiAccountId_unique: unique("accountId_unique").on(table.aiAccountId, table.name),
-    aiAccountId_idx: index("accountId_idx").on(table.aiAccountId),
+    keyId_unique: unique("accountId_unique").on(table.keyId, table.name),
+    keyId_idx: index("accountId_idx").on(table.keyId),
   }),
 );
 
-export const aiAccountTable = sqliteTable("aiAccount", {
+export const keyTable = sqliteTable("key", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
-  aiServiceId: text("aiServiceId").notNull(),
+  serviceId: text("serviceId").notNull(),
   baseURL: text("baseURL"),
   apiKey: text("apiKey").notNull(),
   createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
 });
 
-export const aiServiceTable = sqliteTable("aiService", {
+export const serviceTable = sqliteTable("service", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
-  aiSdkId: text("aiSdkId").notNull(),
+  sdkId: text("sdkId").notNull(),
   baseURL: text("baseURL").notNull(),
   createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
 });
 
-export const aiSdkTable = sqliteTable(
-  "aiSdk",
+export const sdkTable = sqliteTable(
+  "sdk",
   {
     id: text("id").primaryKey(),
     slug: text("slug").notNull(),
@@ -135,8 +135,8 @@ export type Document = InferSelectModel<typeof documentTable>;
 export type Revision = InferSelectModel<typeof revisionTable>;
 export type Message = InferSelectModel<typeof messageTable>;
 export type InsertMessage = InferInsertModel<typeof messageTable>;
-export type Model = InferSelectModel<typeof aiModelTable>;
-export type Service = InferSelectModel<typeof aiAccountTable>;
+export type Model = InferSelectModel<typeof modelTable>;
+export type Service = InferSelectModel<typeof keyTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
 // export type Eval = InferSelectModel<typeof evalTable>;
 
@@ -148,31 +148,31 @@ export const chatRelations = relations(chatTable, ({ many }) => ({
   revisions: many(revisionTable),
 }));
 
-export const aiModelRelations = relations(aiModelTable, ({ one }) => ({
-  aiService: one(aiAccountTable, {
-    fields: [aiModelTable.aiAccountId],
-    references: [aiAccountTable.id],
+export const modelRelations = relations(modelTable, ({ one }) => ({
+  service: one(keyTable, {
+    fields: [modelTable.keyId],
+    references: [keyTable.id],
   }),
 }));
 
-export const aiAccountRelations = relations(aiAccountTable, ({ many, one }) => ({
-  aiModels: many(aiModelTable),
-  aiService: one(aiServiceTable, {
-    fields: [aiAccountTable.aiServiceId],
-    references: [aiServiceTable.id],
+export const keyRelations = relations(keyTable, ({ many, one }) => ({
+  models: many(modelTable),
+  service: one(serviceTable, {
+    fields: [keyTable.serviceId],
+    references: [serviceTable.id],
   }),
 }));
 
-export const aiServiceRelations = relations(aiServiceTable, ({ many, one }) => ({
-  aiAccounts: many(aiAccountTable),
-  aiSdk: one(aiSdkTable, {
-    fields: [aiServiceTable.aiSdkId],
-    references: [aiSdkTable.id],
+export const serviceRelations = relations(serviceTable, ({ many, one }) => ({
+  accounts: many(keyTable),
+  sdk: one(sdkTable, {
+    fields: [serviceTable.sdkId],
+    references: [sdkTable.id],
   }),
 }));
 
-export const aiSdkRelations = relations(aiSdkTable, ({ many }) => ({
-  aiService: many(aiServiceTable),
+export const sdkRelations = relations(sdkTable, ({ many }) => ({
+  service: many(serviceTable),
 }));
 
 export const revisionRelations = relations(revisionTable, ({ one, many }) => ({
diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index 66db370..4daa310 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -33,11 +33,11 @@ describe("(app)/$data", () => {
     await db.delete(schema.messageTable);
     await db.delete(schema.revisionTable);
     await db.delete(schema.chatTable);
-    await db.delete(schema.aiModelTable);
-    await db.delete(schema.aiAccountTable);
+    await db.delete(schema.modelTable);
+    await db.delete(schema.keyTable);
 
     // Insert dummy data
-    await db.insert(schema.aiAccountTable).values([
+    await db.insert(schema.keyTable).values([
       {
         id: "service1",
         name: "Test Service",
@@ -48,7 +48,7 @@ describe("(app)/$data", () => {
     ]);
 
     await db
-      .insert(schema.aiModelTable)
+      .insert(schema.modelTable)
       .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
 
     await db.insert(schema.chatTable).values([
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 12b7242..39602ab 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -1,23 +1,21 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import {
-  interpolateDocuments,
-  updateChat,
-  loadServices,
-  getRevision,
-  getLatestRevision,
-  getModelService,
-  createRevision,
   appendMessages,
   createRevision,
+  getLatestRevision,
+  getModelService,
+  getRevision,
+  interpolateDocuments,
   isTab,
+  loadServices,
   tabRouteId,
+  updateChat,
 } from "./$data";
 import Database from "better-sqlite3";
 import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
 import * as schema from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
-import { and, eq } from "drizzle-orm";
-import { invalidate } from "$app/navigation";
+import { eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import type { ChatMessage } from "$lib/chat-service.svelte";
 
@@ -56,7 +54,7 @@ beforeEach(async () => {
   await runMigrations(true);
 
   // Insert test data
-  await db.insert(schema.aiAccountTable).values([
+  await db.insert(schema.keyTable).values([
     {
       id: "service1",
       name: "Test Service",
@@ -67,7 +65,7 @@ beforeEach(async () => {
   ]);
 
   await db
-    .insert(schema.aiModelTable)
+    .insert(schema.modelTable)
     .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
 
   await db
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 2f8e212..151002d 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -5,7 +5,7 @@ import {
   documentTable,
   type InsertMessage,
   messageTable,
-  aiModelTable,
+  modelTable,
   type Revision,
   revisionTable,
   useDb,
@@ -32,7 +32,7 @@ export function tabRouteId(tab: Tab): RouteId {
 }
 
 export function loadServices() {
-  return useDb().query.aiAccountTable.findMany({
+  return useDb().query.keyTable.findMany({
     with: {
       models: true,
     },
@@ -96,8 +96,8 @@ export function getLatestRevision(chatId: string) {
 }
 
 export function getModelService(modelId: string) {
-  return useDb().query.aiModelTable.findFirst({
-    where: eq(aiModelTable.id, modelId),
+  return useDb().query.modelTable.findFirst({
+    where: eq(modelTable.id, modelId),
     with: {
       service: true,
     },
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index a71e7ed..ea18247 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -5,7 +5,7 @@ import {
   type Revision,
   type Message,
   revisionTable,
-  aiAccountTable,
+  keyTable,
   useDb,
 } from "@/database";
 import { error } from "@sveltejs/kit";
@@ -45,7 +45,7 @@ export async function load({ route, url, params, depends }) {
   registerModel(chatTable, chat, depends);
 
   const services = await loadServices();
-  registerModel(aiAccountTable, services, depends);
+  registerModel(keyTable, services, depends);
 
   const version = Number(url.searchParams.get("version")) || null;
   const revision = await getRevision(params.id, version);
diff --git a/src/routes/(app)/chat/[id]/SelectModel.svelte b/src/routes/(app)/chat/[id]/SelectModel.svelte
index f3f314c..58f0dea 100644
--- a/src/routes/(app)/chat/[id]/SelectModel.svelte
+++ b/src/routes/(app)/chat/[id]/SelectModel.svelte
@@ -11,7 +11,7 @@
   import { store } from "@/lib/store.svelte";
   import { providersById } from "@/lib/providers";
   import type { ServicesView } from "./$data";
-  import { aiModelTable, useDb } from "@/database";
+  import { modelTable, useDb } from "@/database";
   import { asc, desc, eq } from "drizzle-orm";
 
   let { services }: { services: ServicesView } = $props();
@@ -53,16 +53,16 @@
       // if nothing selected then consider it available
       return true;
     }
-    const model = await useDb().query.aiModelTable.findFirst({
-      where: eq(aiModelTable.id, store.selected.modelId),
+    const model = await useDb().query.modelTable.findFirst({
+      where: eq(modelTable.id, store.selected.modelId),
     });
     return !!(model && model.visible);
   }
 
   async function selectNextAvailableModel() {
-    const model = await useDb().query.aiModelTable.findFirst({
-      where: eq(aiModelTable.visible, 1),
-      orderBy: asc(aiModelTable.createdAt),
+    const model = await useDb().query.modelTable.findFirst({
+      where: eq(modelTable.visible, 1),
+      orderBy: asc(modelTable.createdAt),
     });
     if (!model) {
       store.selected.modelId = null;
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
index 80abb81..c702b9c 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
@@ -41,7 +41,7 @@ beforeEach(async () => {
   await runMigrations(true);
 
   // Insert test data
-  await db.insert(schema.aiAccountTable).values([
+  await db.insert(schema.keyTable).values([
     {
       id: "service1",
       name: "Test Service",
@@ -51,7 +51,7 @@ beforeEach(async () => {
     },
   ]);
 
-  await db.insert(schema.aiModelTable).values([
+  await db.insert(schema.modelTable).values([
     { id: "model1", serviceId: "service1", name: "Test Model 1", visible: 1 },
     { id: "model2", serviceId: "service1", name: "Test Model 2", visible: 0 },
   ]);
@@ -96,8 +96,8 @@ describe("deleteService", () => {
       createdAt: new Date().toISOString(),
     };
     await deleteService(service);
-    const remainingServices = await db.query.aiAccountTable.findMany();
-    const remainingModels = await db.query.aiModelTable.findMany();
+    const remainingServices = await db.query.keyTable.findMany();
+    const remainingModels = await db.query.modelTable.findMany();
     expect(remainingServices).toHaveLength(0);
     expect(remainingModels).toHaveLength(0);
   });
@@ -114,8 +114,8 @@ describe("updateService", () => {
       createdAt: new Date().toISOString(),
     };
     await updateService(updatedService);
-    const service = await db.query.aiAccountTable.findFirst({
-      where: eq(schema.aiAccountTable.id, "service1"),
+    const service = await db.query.keyTable.findFirst({
+      where: eq(schema.keyTable.id, "service1"),
     });
     expect(service).toEqual({ ...updatedService, createdAt: expect.any(String) });
   });
@@ -138,8 +138,8 @@ describe("replaceModels", () => {
     const newModels = [{ name: "New Model 1" }, { name: "New Model 2" }, { name: "Test Model 1" }];
     await replaceModels(service, newModels);
 
-    const models = await db.query.aiModelTable.findMany({
-      where: eq(schema.aiModelTable.serviceId, "service1"),
+    const models = await db.query.modelTable.findMany({
+      where: eq(schema.modelTable.serviceId, "service1"),
     });
 
     expect(models).toHaveLength(3);
@@ -175,8 +175,8 @@ describe("replaceModels", () => {
     ];
     await replaceModels(service, newModels);
 
-    const models = await db.query.aiModelTable.findMany({
-      where: eq(schema.aiModelTable.serviceId, "service1"),
+    const models = await db.query.modelTable.findMany({
+      where: eq(schema.modelTable.serviceId, "service1"),
     });
 
     expect(models).toHaveLength(3); // Should still be 3, not 4
@@ -207,8 +207,8 @@ describe("toggleVisible", () => {
       createdAt: new Date().toISOString(),
     };
     await toggleVisible(service, model);
-    const updatedModel = await db.query.aiModelTable.findFirst({
-      where: eq(schema.aiModelTable.id, "model1"),
+    const updatedModel = await db.query.modelTable.findFirst({
+      where: eq(schema.modelTable.id, "model1"),
     });
     expect(updatedModel?.visible).toBe(0);
   });
@@ -225,8 +225,8 @@ describe("toggleAllVisible", () => {
       createdAt: new Date().toISOString(),
     };
     await toggleAllVisible(service, 0);
-    const models = await db.query.aiModelTable.findMany({
-      where: eq(schema.aiModelTable.serviceId, "service1"),
+    const models = await db.query.modelTable.findMany({
+      where: eq(schema.modelTable.serviceId, "service1"),
     });
     expect(models.every((m) => m.visible === 0)).toBe(true);
   });
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
index ade4701..0080185 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
@@ -1,11 +1,4 @@
-import {
-  invalidateModel,
-  type Model,
-  aiModelTable,
-  type Service,
-  aiAccountTable,
-  useDb,
-} from "@/database";
+import { invalidateModel, type Model, modelTable, type Service, keyTable, useDb } from "@/database";
 import type { Provider } from "$lib/providers";
 import { and, asc, eq, notInArray } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -14,7 +7,7 @@ import { nanoid } from "nanoid";
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
 export async function loadServices() {
-  return useDb().query.aiAccountTable.findMany({
+  return useDb().query.keyTable.findMany({
     with: {
       models: true,
     },
@@ -24,7 +17,7 @@ export async function loadServices() {
 export async function addService(provider: Provider) {
   const newId = nanoid(10);
   const result = await useDb()
-    .insert(aiAccountTable)
+    .insert(keyTable)
     .values({
       id: newId,
       name: "",
@@ -42,31 +35,31 @@ export async function addService(provider: Provider) {
 
 export async function deleteService(service: Service) {
   await useDb().transaction(async (tx) => {
-    await tx.delete(aiModelTable).where(eq(aiModelTable.serviceId, service.id));
-    await tx.delete(aiAccountTable).where(eq(aiAccountTable.id, service.id));
+    await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
+    await tx.delete(keyTable).where(eq(keyTable.id, service.id));
   });
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function updateService(service: Service) {
   console.time("updateService");
   await useDb()
-    .update(aiAccountTable)
+    .update(keyTable)
     .set({ ...service })
-    .where(eq(aiAccountTable.id, service.id));
+    .where(eq(keyTable.id, service.id));
   console.timeEnd("updateService");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function replaceModels(service: Service, newModels: any[]) {
   console.time("replaceModels");
   await useDb().transaction(async (tx) => {
     // remove models that no longer exist
-    await tx.delete(aiModelTable).where(
+    await tx.delete(modelTable).where(
       and(
-        eq(aiModelTable.serviceId, service.id),
+        eq(modelTable.serviceId, service.id),
         notInArray(
-          aiModelTable.name,
+          modelTable.name,
           newModels.map((m) => m.name),
         ),
       ),
@@ -74,30 +67,30 @@ export async function replaceModels(service: Service, newModels: any[]) {
     console.log("newModels", newModels);
     for (const model of newModels) {
       await tx
-        .insert(aiModelTable)
+        .insert(modelTable)
         .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
         .onConflictDoNothing({
-          target: [aiModelTable.name, aiModelTable.serviceId],
+          target: [modelTable.name, modelTable.serviceId],
         });
     }
   });
   console.timeEnd("replaceModels");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function toggleVisible(service: Service, model: Model) {
   await useDb()
-    .update(aiModelTable)
+    .update(modelTable)
     .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(aiModelTable.id, model.id), eq(aiModelTable.serviceId, service.id)));
-  await invalidateModel(aiAccountTable, service);
-  await invalidateModel(aiModelTable, model);
+    .where(and(eq(modelTable.id, model.id), eq(modelTable.serviceId, service.id)));
+  await invalidateModel(keyTable, service);
+  await invalidateModel(modelTable, model);
 }
 
 export async function toggleAllVisible(service: Service, visible: 1 | 0) {
   console.time("toggleAllVisible");
-  await useDb().update(aiModelTable).set({ visible }).where(eq(aiModelTable.serviceId, service.id));
+  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
   console.timeEnd("toggleAllVisible");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
   await invalidate("view:chat");
 }
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
index 58753f5..e0ebe3a 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
@@ -1,9 +1,9 @@
 import { loadServices } from "./$data";
-import { registerModel, aiAccountTable } from "@/database";
+import { registerModel, keyTable } from "@/database";
 
 export async function load({ depends, route }) {
   const services = await loadServices();
-  registerModel(aiAccountTable, services, depends);
+  registerModel(keyTable, services, depends);
   depends("view:services");
   return {
     services,
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
index 6de49dc..e643fa0 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
@@ -1,18 +1,18 @@
-import { registerModel, aiAccountTable, useDb } from "@/database";
+import { registerModel, keyTable, useDb } from "@/database";
 import { eq } from "drizzle-orm";
 import { error } from "@sveltejs/kit";
 
 export async function load({ depends, params }) {
-  const service = await useDb().query.aiAccountTable.findFirst({
+  const service = await useDb().query.keyTable.findFirst({
     with: {
       models: true,
     },
-    where: eq(aiAccountTable.id, params.serviceId),
+    where: eq(keyTable.id, params.serviceId),
   });
   if (!service) {
     return error(404, "Service not found");
   }
-  registerModel(aiAccountTable, service, depends);
+  registerModel(keyTable, service, depends);
   depends("view:service");
   return {
     service,
diff --git a/src/routes/(app)/settings/$data.test.ts b/src/routes/(app)/settings/$data.test.ts
index e48d7fc..89f3830 100644
--- a/src/routes/(app)/settings/$data.test.ts
+++ b/src/routes/(app)/settings/$data.test.ts
@@ -1,9 +1,9 @@
 import { useDb } from "@/database";
 
-export async function loadAiAccounts() {
-  return useDb().query.aiAccountTable.findMany({ with: { aiService: { with: { aiSdk: true } } } });
+export async function loadKeys() {
+  return useDb().query.keyTable.findMany({ with: { service: { with: { sdk: true } } } });
 }
 
-export async function loadAiServices() {
-  return useDb().query.aiServiceTable.findMany({ with: { aiSdk: true } });
+export async function loadServices() {
+  return useDb().query.serviceTable.findMany({ with: { sdk: true } });
 }
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/+page.svelte
index 751e749..dee244e 100644
--- a/src/routes/(app)/settings/+page.svelte
+++ b/src/routes/(app)/settings/+page.svelte
@@ -3,7 +3,6 @@
   import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
   import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
   import { route } from "$lib/route";
-  import { TrashIcon } from "lucide-svelte";
 
   let { data } = $props();
 </script>
@@ -21,12 +20,12 @@
 
   <CardContent>
     <div class="flex flex-col gap-2">
-      {#if data.aiAccounts.length === 0}
+      {#if data.keys.length === 0}
         <p>No keys found.</p>
       {/if}
-      {#each data.aiAccounts as account (account.id)}
+      {#each data.keys as key (key.id)}
         <a
-          href={route(`/settings/keys/[id]`, { id: account.id })}
+          href={route(`/settings/keys/[id]`, { id: key.id })}
           class="flex cursor-pointer items-center gap-4 p-4 hover:bg-muted/50"
         >
           <Avatar class="hidden h-8 w-8 sm:flex">
@@ -34,8 +33,8 @@
             <AvatarFallback></AvatarFallback>
           </Avatar>
           <div class="grid gap-1">
-            <p class="text-sm font-medium leading-none">{account.name}</p>
-            <p class="text-sm text-muted-foreground">{account.aiService.name}</p>
+            <p class="text-sm font-medium leading-none">{key.name}</p>
+            <p class="text-sm text-muted-foreground">{key.service.name}</p>
           </div>
         </a>
       {/each}
diff --git a/src/routes/(app)/settings/+page.ts b/src/routes/(app)/settings/+page.ts
index af8bf16..83f8f40 100644
--- a/src/routes/(app)/settings/+page.ts
+++ b/src/routes/(app)/settings/+page.ts
@@ -1,11 +1,11 @@
-import { aiAccountTable, registerModel } from "@/database";
-import { loadAiAccounts } from "./$data.test";
+import { keyTable, registerModel } from "@/database";
+import { loadKeys } from "./$data.test";
 
 export async function load({ depends, route }) {
-  const aiAccounts = await loadAiAccounts();
-  registerModel(aiAccountTable, aiAccounts, depends);
+  const keys = await loadKeys();
+  registerModel(keyTable, keys, depends);
   depends("view:services");
   return {
-    aiAccounts,
+    keys,
   };
 }
diff --git a/src/routes/(app)/settings/keys/$data.ts b/src/routes/(app)/settings/keys/$data.ts
index 1bac229..8a77c75 100644
--- a/src/routes/(app)/settings/keys/$data.ts
+++ b/src/routes/(app)/settings/keys/$data.ts
@@ -1,12 +1,5 @@
 import { z } from "zod";
-import {
-  invalidateModel,
-  type Model,
-  aiModelTable,
-  type Service,
-  aiAccountTable,
-  useDb,
-} from "@/database";
+import { invalidateModel, type Model, modelTable, type Service, keyTable, useDb } from "@/database";
 import type { Provider } from "$lib/providers";
 import { and, asc, eq, notInArray } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -15,14 +8,14 @@ import { nanoid } from "nanoid";
 export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
 
 export const formSchema = z.object({
-  aiServiceId: z.string().min(1, { message: "AI Service is required" }),
+  serviceId: z.string().min(1, { message: "Service is required" }),
   name: z.string().min(1, { message: "Name is required" }),
   apiKey: z.string().min(1, { message: "API Key is required" }),
   baseURL: z.string().nullable(),
 });
 
 export async function loadServices() {
-  return useDb().query.aiAccountTable.findMany({
+  return useDb().query.keyTable.findMany({
     with: {
       models: true,
     },
@@ -32,7 +25,7 @@ export async function loadServices() {
 export async function addService(provider: Provider) {
   const newId = nanoid(10);
   const result = await useDb()
-    .insert(aiAccountTable)
+    .insert(keyTable)
     .values({
       id: newId,
       name: "",
@@ -50,31 +43,31 @@ export async function addService(provider: Provider) {
 
 export async function deleteService(service: Service) {
   await useDb().transaction(async (tx) => {
-    await tx.delete(aiModelTable).where(eq(aiModelTable.serviceId, service.id));
-    await tx.delete(aiAccountTable).where(eq(aiAccountTable.id, service.id));
+    await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
+    await tx.delete(keyTable).where(eq(keyTable.id, service.id));
   });
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function updateService(service: Service) {
   console.time("updateService");
   await useDb()
-    .update(aiAccountTable)
+    .update(keyTable)
     .set({ ...service })
-    .where(eq(aiAccountTable.id, service.id));
+    .where(eq(keyTable.id, service.id));
   console.timeEnd("updateService");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function replaceModels(service: Service, newModels: any[]) {
   console.time("replaceModels");
   await useDb().transaction(async (tx) => {
     // remove models that no longer exist
-    await tx.delete(aiModelTable).where(
+    await tx.delete(modelTable).where(
       and(
-        eq(aiModelTable.serviceId, service.id),
+        eq(modelTable.serviceId, service.id),
         notInArray(
-          aiModelTable.name,
+          modelTable.name,
           newModels.map((m) => m.name),
         ),
       ),
@@ -82,30 +75,30 @@ export async function replaceModels(service: Service, newModels: any[]) {
     console.log("newModels", newModels);
     for (const model of newModels) {
       await tx
-        .insert(aiModelTable)
+        .insert(modelTable)
         .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
         .onConflictDoNothing({
-          target: [aiModelTable.name, aiModelTable.serviceId],
+          target: [modelTable.name, modelTable.serviceId],
         });
     }
   });
   console.timeEnd("replaceModels");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
 }
 
 export async function toggleVisible(service: Service, model: Model) {
   await useDb()
-    .update(aiModelTable)
+    .update(modelTable)
     .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(aiModelTable.id, model.id), eq(aiModelTable.serviceId, service.id)));
-  await invalidateModel(aiAccountTable, service);
-  await invalidateModel(aiModelTable, model);
+    .where(and(eq(modelTable.id, model.id), eq(modelTable.serviceId, service.id)));
+  await invalidateModel(keyTable, service);
+  await invalidateModel(modelTable, model);
 }
 
 export async function toggleAllVisible(service: Service, visible: 1 | 0) {
   console.time("toggleAllVisible");
-  await useDb().update(aiModelTable).set({ visible }).where(eq(aiModelTable.serviceId, service.id));
+  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
   console.timeEnd("toggleAllVisible");
-  await invalidateModel(aiAccountTable, service);
+  await invalidateModel(keyTable, service);
   await invalidate("view:chat");
 }
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index 202668b..0ef67ad 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -26,7 +26,7 @@
     FormFieldErrors,
     FormLabel,
   } from "@/components/ui/form";
-  import { aiAccountTable, aiModelTable, aiServiceTable, invalidateModel, useDb } from "@/database";
+  import { keyTable, modelTable, serviceTable, invalidateModel, useDb } from "@/database";
   import { and, eq, notInArray } from "drizzle-orm";
   import { nanoid } from "nanoid";
   import { goto, invalidate } from "$app/navigation";
@@ -39,9 +39,9 @@
   let { data } = $props();
 
   async function handleDelete() {
-    await useDb().delete(aiAccountTable).where(eq(aiAccountTable.id, data.aiAccount.id));
-    await invalidateModel(aiAccountTable, data.aiAccount);
-    toast.success("Account deleted");
+    await useDb().delete(keyTable).where(eq(keyTable.id, data.key.id));
+    await invalidateModel(keyTable, data.key);
+    toast.success("Key deleted");
     await goto(route(`/settings`));
   }
 
@@ -55,11 +55,11 @@
       }
       try {
         // query provider
-        const provider = await useDb().query.aiServiceTable.findFirst({
-          where: eq(aiServiceTable.id, form.data.aiServiceId),
+        const provider = await useDb().query.serviceTable.findFirst({
+          where: eq(serviceTable.id, form.data.serviceId),
         });
         if (!provider) {
-          setError(form, "aiServiceId", `Provider for ${form.data.aiServiceId} not found`);
+          setError(form, "serviceId", `Provider for ${form.data.serviceId} not found`);
           return;
         }
         // fetch models
@@ -80,27 +80,27 @@
           return;
         }
         // update account and update models
-        const aiAccountId = data.aiAccount.id;
+        const keyId = data.key.id;
         await useDb().transaction(async (tx) => {
-          console.log("updating account", form.data, aiAccountId);
-          await tx.update(aiAccountTable).set(form.data).where(eq(aiAccountTable.id, aiAccountId));
+          console.log("updating account", form.data, keyId);
+          await tx.update(keyTable).set(form.data).where(eq(keyTable.id, keyId));
           // remove models that no longer exist
           const models = (await resp.json()) as any[];
-          await tx.delete(aiModelTable).where(
+          await tx.delete(modelTable).where(
             and(
-              eq(aiModelTable.aiAccountId, aiAccountId),
+              eq(modelTable.keyId, keyId),
               notInArray(
-                aiModelTable.name,
+                modelTable.name,
                 models.map((m) => m.name),
               ),
             ),
           );
           for (const model of models) {
             await tx
-              .insert(aiModelTable)
-              .values({ id: nanoid(10), name: model.name, visible: 1, aiAccountId })
+              .insert(modelTable)
+              .values({ id: nanoid(10), name: model.name, visible: 1, keyId })
               .onConflictDoNothing({
-                target: [aiModelTable.name, aiModelTable.aiAccountId],
+                target: [modelTable.name, modelTable.keyId],
               });
           }
         });
@@ -116,8 +116,8 @@
   let { form, enhance, submitting, allErrors } = formHandle;
   let selectedAiService = $derived.by(() => {
     return {
-      label: data.aiServices.find((s) => s.id === $form.aiServiceId)?.name || "",
-      value: $form.aiServiceId,
+      label: data.services.find((s) => s.id === $form.serviceId)?.name || "",
+      value: $form.serviceId,
     };
   });
 </script>
@@ -127,21 +127,21 @@
     <CardHeader>
       <div class="flex flex-row items-center justify-between">
         <div>
-          <CardTitle>Your {data.aiAccount.aiService.name} key</CardTitle>
+          <CardTitle>Your {data.key.service.name} key</CardTitle>
           <CardDescription>Update your key.</CardDescription>
         </div>
       </div>
     </CardHeader>
     <CardContent>
       <div class="flex max-w-xl flex-col gap-4">
-        <FormField form={formHandle} name="aiServiceId">
+        <FormField form={formHandle} name="serviceId">
           <FormControl let:attrs>
             <FormLabel>AI Service</FormLabel>
             <Select
               selected={selectedAiService}
               onSelectedChange={(selected) => {
                 if (selected) {
-                  $form.aiServiceId = selected.value;
+                  $form.serviceId = selected.value;
                 }
               }}
             >
@@ -149,7 +149,7 @@
                 <SelectValue placeholder="Select an AI service" />
               </SelectTrigger>
               <SelectContent>
-                {#each data.aiServices as service (service.id)}
+                {#each data.services as service (service.id)}
                   <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
                     {service.name}
                   </SelectItem>
@@ -198,7 +198,7 @@
   <CardHeader>
     <div class="flex flex-row items-center justify-between">
       <div>
-        <CardTitle>{data.aiAccount.aiService.name} models</CardTitle>
+        <CardTitle>{data.key.service.name} models</CardTitle>
         <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
       </div>
     </div>
diff --git a/src/routes/(app)/settings/keys/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
index c66765f..a7d5c58 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.ts
+++ b/src/routes/(app)/settings/keys/[id]/+page.ts
@@ -1,16 +1,16 @@
-import { aiAccountTable, registerModel, useDb } from "@/database";
+import { keyTable, registerModel, useDb } from "@/database";
 import { eq } from "drizzle-orm";
 import { superValidate } from "sveltekit-superforms";
 import { zod } from "sveltekit-superforms/adapters";
 import { formSchema } from "../$data";
 import { error } from "@sveltejs/kit";
-import { loadAiServices } from "../../$data.test";
+import { loadServices } from "../../$data.test";
 
 export async function load({ params, depends }) {
-  const aiAccount = await useDb().query.aiAccountTable.findFirst({
-    where: eq(aiAccountTable.id, params.id),
+  const key = await useDb().query.keyTable.findFirst({
+    where: eq(keyTable.id, params.id),
     with: {
-      aiService: {
+      service: {
         columns: {
           id: true,
           name: true,
@@ -18,14 +18,14 @@ export async function load({ params, depends }) {
       },
     },
   });
-  if (!aiAccount) {
+  if (!key) {
     return error(404, "Account not found");
   }
-  const form = await superValidate(aiAccount, zod(formSchema));
+  const form = await superValidate(key, zod(formSchema));
   depends("view:account");
   return {
     form,
-    aiAccount,
-    aiServices: await loadAiServices(),
+    key,
+    services: await loadServices(),
   };
 }
diff --git a/src/routes/(app)/settings/keys/add/+page.svelte b/src/routes/(app)/settings/keys/add/+page.svelte
index 11c984b..a20bc08 100644
--- a/src/routes/(app)/settings/keys/add/+page.svelte
+++ b/src/routes/(app)/settings/keys/add/+page.svelte
@@ -26,7 +26,7 @@
     FormLabel,
   } from "@/components/ui/form";
   import { z } from "zod";
-  import { aiAccountTable, aiModelTable, aiServiceTable, useDb } from "@/database";
+  import { keyTable, modelTable, serviceTable, useDb } from "@/database";
   import { eq } from "drizzle-orm";
   import { nanoid } from "nanoid";
   import { goto } from "$app/navigation";
@@ -48,11 +48,11 @@
       }
       try {
         // query provider
-        const provider = await useDb().query.aiServiceTable.findFirst({
-          where: eq(aiServiceTable.id, form.data.aiServiceId),
+        const provider = await useDb().query.serviceTable.findFirst({
+          where: eq(serviceTable.id, form.data.serviceId),
         });
         if (!provider) {
-          setError(form, "aiServiceId", `Provider for ${form.data.aiServiceId} not found`);
+          setError(form, "serviceId", `Provider for ${form.data.serviceId} not found`);
           return;
         }
         // fetch models
@@ -73,24 +73,22 @@
           return;
         }
         // create account and update models
-        const accountId = nanoid(10);
+        const keyId = nanoid(10);
         await useDb().transaction(async (tx) => {
-          await tx.insert(aiAccountTable).values({
-            id: accountId,
+          await tx.insert(keyTable).values({
+            id: keyId,
             name: form.data.name,
-            aiServiceId: form.data.aiServiceId,
+            serviceId: form.data.serviceId,
             baseURL: form.data.baseURL,
             apiKey: form.data.apiKey,
           });
           const models = (await resp.json()) as any[];
           await tx
-            .insert(aiModelTable)
-            .values(
-              models.map((m) => ({ ...m, id: nanoid(10), visible: 1, aiAccountId: accountId })),
-            );
+            .insert(modelTable)
+            .values(models.map((m) => ({ ...m, id: nanoid(10), visible: 1, keyId })));
         });
         toast.success("Account added");
-        await goto(route(`/settings/ai-accounts/[id]`, { id: accountId }));
+        await goto(route(`/settings/keys/[id]`, { id: keyId }));
       } catch (e) {
         setError(form, "", e instanceof Error ? e.message : "Unknown error");
       }
@@ -112,7 +110,7 @@
     </CardHeader>
     <CardContent>
       <div class="flex max-w-xl flex-col gap-4">
-        <FormField form={formHandle} name="aiServiceId">
+        <FormField form={formHandle} name="serviceId">
           <FormControl let:attrs>
             <FormLabel>Service</FormLabel>
             <Select
@@ -120,7 +118,7 @@
               onSelectedChange={(selected) => {
                 if (selected) {
                   // @ts-expect-error not inferring selected.value as string
-                  $form.aiServiceId = selected.value;
+                  $form.serviceId = selected.value;
                 }
               }}
             >
@@ -128,7 +126,7 @@
                 <SelectValue placeholder="Select a service..." />
               </SelectTrigger>
               <SelectContent>
-                {#each data.aiServices as service (service.id)}
+                {#each data.services as service (service.id)}
                   <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
                     {service.name}
                   </SelectItem>
diff --git a/src/routes/(app)/settings/keys/add/+page.ts b/src/routes/(app)/settings/keys/add/+page.ts
index e1dd502..6b1518e 100644
--- a/src/routes/(app)/settings/keys/add/+page.ts
+++ b/src/routes/(app)/settings/keys/add/+page.ts
@@ -1,16 +1,16 @@
-import { loadAiServices } from "../../$data.test";
-import { aiServiceTable, registerModel } from "@/database";
+import { loadServices } from "../../$data.test";
+import { serviceTable, registerModel } from "@/database";
 import { superValidate } from "sveltekit-superforms";
 import { zod } from "sveltekit-superforms/adapters";
 import { formSchema } from "../$data";
 
 export async function load({ depends, route }) {
   const form = await superValidate(zod(formSchema));
-  const aiServices = await loadAiServices();
-  registerModel(aiServiceTable, aiServices, depends);
+  const services = await loadServices();
+  registerModel(serviceTable, services, depends);
   depends("view:services");
   return {
     form,
-    aiServices,
+    services,
   };
 }

From 65001b055cdf31f3ac1a278b9de4dbe78c29bb5a Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 02:46:38 +1000
Subject: [PATCH 91/98] WIP model list

---
 src/database/schema.ts                        |  4 +-
 .../(app)/chat/[id]/[...rest]/config/$data.ts | 20 +++----
 src/routes/(app)/settings/keys/$data.ts       | 12 ++--
 .../(app)/settings/keys/[id]/+page.svelte     | 58 ++++++++++++++++++-
 src/routes/(app)/settings/keys/[id]/+page.ts  |  1 +
 5 files changed, 75 insertions(+), 20 deletions(-)

diff --git a/src/database/schema.ts b/src/database/schema.ts
index ad28a38..67f7293 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -136,7 +136,9 @@ export type Revision = InferSelectModel<typeof revisionTable>;
 export type Message = InferSelectModel<typeof messageTable>;
 export type InsertMessage = InferInsertModel<typeof messageTable>;
 export type Model = InferSelectModel<typeof modelTable>;
-export type Service = InferSelectModel<typeof keyTable>;
+export type Key = InferSelectModel<typeof keyTable>;
+export type Service = InferSelectModel<typeof serviceTable>;
+export type Sdk = InferSelectModel<typeof sdkTable>;
 export type Chat = InferSelectModel<typeof chatTable>;
 // export type Eval = InferSelectModel<typeof evalTable>;
 
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
index 0080185..ee0149e 100644
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
+++ b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
@@ -1,4 +1,4 @@
-import { invalidateModel, type Model, modelTable, type Service, keyTable, useDb } from "@/database";
+import { invalidateModel, type Model, modelTable, type Key, keyTable, useDb } from "@/database";
 import type { Provider } from "$lib/providers";
 import { and, asc, eq, notInArray } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -33,7 +33,7 @@ export async function addService(provider: Provider) {
   return result[0];
 }
 
-export async function deleteService(service: Service) {
+export async function deleteService(service: Key) {
   await useDb().transaction(async (tx) => {
     await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
     await tx.delete(keyTable).where(eq(keyTable.id, service.id));
@@ -41,7 +41,7 @@ export async function deleteService(service: Service) {
   await invalidateModel(keyTable, service);
 }
 
-export async function updateService(service: Service) {
+export async function updateService(service: Key) {
   console.time("updateService");
   await useDb()
     .update(keyTable)
@@ -51,7 +51,7 @@ export async function updateService(service: Service) {
   await invalidateModel(keyTable, service);
 }
 
-export async function replaceModels(service: Service, newModels: any[]) {
+export async function replaceModels(service: Key, newModels: any[]) {
   console.time("replaceModels");
   await useDb().transaction(async (tx) => {
     // remove models that no longer exist
@@ -78,19 +78,19 @@ export async function replaceModels(service: Service, newModels: any[]) {
   await invalidateModel(keyTable, service);
 }
 
-export async function toggleVisible(service: Service, model: Model) {
+export async function toggleVisible(key: Key, model: Model) {
   await useDb()
     .update(modelTable)
     .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(modelTable.id, model.id), eq(modelTable.serviceId, service.id)));
-  await invalidateModel(keyTable, service);
+    .where(and(eq(modelTable.id, model.id), eq(modelTable.keyId, key.id)));
+  await invalidateModel(keyTable, key);
   await invalidateModel(modelTable, model);
 }
 
-export async function toggleAllVisible(service: Service, visible: 1 | 0) {
+export async function toggleAllVisible(key: Key, visible: 1 | 0) {
   console.time("toggleAllVisible");
-  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
+  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.keyId, key.id));
   console.timeEnd("toggleAllVisible");
-  await invalidateModel(keyTable, service);
+  await invalidateModel(keyTable, key);
   await invalidate("view:chat");
 }
diff --git a/src/routes/(app)/settings/keys/$data.ts b/src/routes/(app)/settings/keys/$data.ts
index 8a77c75..117e3be 100644
--- a/src/routes/(app)/settings/keys/$data.ts
+++ b/src/routes/(app)/settings/keys/$data.ts
@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { invalidateModel, type Model, modelTable, type Service, keyTable, useDb } from "@/database";
+import { invalidateModel, type Model, modelTable, type Key, keyTable, useDb } from "@/database";
 import type { Provider } from "$lib/providers";
 import { and, asc, eq, notInArray } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -41,7 +41,7 @@ export async function addService(provider: Provider) {
   return result[0];
 }
 
-export async function deleteService(service: Service) {
+export async function deleteService(service: Key) {
   await useDb().transaction(async (tx) => {
     await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
     await tx.delete(keyTable).where(eq(keyTable.id, service.id));
@@ -49,7 +49,7 @@ export async function deleteService(service: Service) {
   await invalidateModel(keyTable, service);
 }
 
-export async function updateService(service: Service) {
+export async function updateService(service: Key) {
   console.time("updateService");
   await useDb()
     .update(keyTable)
@@ -59,7 +59,7 @@ export async function updateService(service: Service) {
   await invalidateModel(keyTable, service);
 }
 
-export async function replaceModels(service: Service, newModels: any[]) {
+export async function replaceModels(service: Key, newModels: any[]) {
   console.time("replaceModels");
   await useDb().transaction(async (tx) => {
     // remove models that no longer exist
@@ -86,7 +86,7 @@ export async function replaceModels(service: Service, newModels: any[]) {
   await invalidateModel(keyTable, service);
 }
 
-export async function toggleVisible(service: Service, model: Model) {
+export async function toggleVisible(service: Key, model: Model) {
   await useDb()
     .update(modelTable)
     .set({ visible: model.visible ? 0 : 1 })
@@ -95,7 +95,7 @@ export async function toggleVisible(service: Service, model: Model) {
   await invalidateModel(modelTable, model);
 }
 
-export async function toggleAllVisible(service: Service, visible: 1 | 0) {
+export async function toggleAllVisible(service: Key, visible: 1 | 0) {
   console.time("toggleAllVisible");
   await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
   console.timeEnd("toggleAllVisible");
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index 0ef67ad..f8b409e 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -30,11 +30,16 @@
   import { and, eq, notInArray } from "drizzle-orm";
   import { nanoid } from "nanoid";
   import { goto, invalidate } from "$app/navigation";
-  import { LoaderCircle, TriangleAlertIcon } from "lucide-svelte";
+  import { EyeIcon, LoaderCircle, RefreshCwIcon, TriangleAlertIcon } from "lucide-svelte";
   import { cn } from "$lib/cn";
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { toast } from "svelte-french-toast";
   import { route } from "$lib/route";
+  import { toggleAllVisible, toggleVisible } from "../../../chat/[id]/[...rest]/config/$data";
+  import { Separator } from "@/components/ui/separator";
+  import { Label } from "@/components/ui/label";
+  import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
+  import { Toggle } from "@/components/ui/toggle";
 
   let { data } = $props();
 
@@ -120,6 +125,8 @@
       value: $form.serviceId,
     };
   });
+
+  async function updateModels() {}
 </script>
 
 <form use:enhance method="post">
@@ -195,17 +202,62 @@
   </Card>
 </form>
 <Card>
-  <CardHeader>
+  <CardHeader class="pb-0">
     <div class="flex flex-row items-center justify-between">
       <div>
         <CardTitle>{data.key.service.name} models</CardTitle>
         <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
       </div>
+      <Button variant="outline" onclick={updateModels}>
+        <RefreshCwIcon class={cn("mr-2 h-4 w-4", false && "loading-icon")} />
+        Refresh Models
+      </Button>
+    </div>
+    <div class="flex justify-end gap-1">
+      <Button
+        class="p-2 text-sm underline"
+        variant="ghost"
+        onclick={async () => {
+          await toggleAllVisible(data.key, 1);
+        }}
+      >
+        Show All
+      </Button>
+      <Button
+        class="p-2 text-sm underline"
+        variant="ghost"
+        onclick={async () => {
+          await toggleAllVisible(data.key, 0);
+        }}
+      >
+        Hide All
+      </Button>
     </div>
   </CardHeader>
 
   <CardContent>
-    <Button variant="destructive" onclick={handleDelete}>Delete</Button>
+    {#if data.key.models.length > 0}
+      <div class="min-h-[300px] w-full">
+        <Table>
+          <TableBody>
+            {#each data.key.models as model (model.id)}
+              <TableRow
+                class={cn("cursor-pointer", model.visible === 1 ? "" : "opacity-50")}
+                onclick={() => toggleVisible(data.key, model)}
+              >
+                <TableCell class="p-1 pl-4 font-normal">{model.name}</TableCell>
+                <TableCell class="p-1">
+                  <Toggle aria-label="Toggle Model Visibility" />
+                </TableCell>
+                <TableCell class="p-1">
+                  <EyeIcon class="h-4 w-4" />
+                </TableCell>
+              </TableRow>
+            {/each}
+          </TableBody>
+        </Table>
+      </div>
+    {/if}
   </CardContent>
 </Card>
 <Card>
diff --git a/src/routes/(app)/settings/keys/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
index a7d5c58..cf5b9d9 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.ts
+++ b/src/routes/(app)/settings/keys/[id]/+page.ts
@@ -10,6 +10,7 @@ export async function load({ params, depends }) {
   const key = await useDb().query.keyTable.findFirst({
     where: eq(keyTable.id, params.id),
     with: {
+      models: true,
       service: {
         columns: {
           id: true,

From 998199d8780becaa88dbf9be85e6346a8050131d Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 14:52:02 +1000
Subject: [PATCH 92/98] Fix model visibility toggles and refresh

---
 .../(app)/chat/[id]/[...rest]/config/$data.ts |  96 ---------------
 src/routes/(app)/settings/keys/$data.ts       | 112 +++++-------------
 .../(app)/settings/keys/[id]/+page.svelte     |  36 ++----
 src/routes/(app)/settings/keys/[id]/+page.ts  |   2 +-
 4 files changed, 44 insertions(+), 202 deletions(-)
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/$data.ts

diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
deleted file mode 100644
index ee0149e..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { invalidateModel, type Model, modelTable, type Key, keyTable, useDb } from "@/database";
-import type { Provider } from "$lib/providers";
-import { and, asc, eq, notInArray } from "drizzle-orm";
-import { invalidate } from "$app/navigation";
-import { nanoid } from "nanoid";
-
-export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
-
-export async function loadServices() {
-  return useDb().query.keyTable.findMany({
-    with: {
-      models: true,
-    },
-  });
-}
-
-export async function addService(provider: Provider) {
-  const newId = nanoid(10);
-  const result = await useDb()
-    .insert(keyTable)
-    .values({
-      id: newId,
-      name: "",
-      providerId: provider.id,
-      baseURL: provider.defaultBaseURL,
-      apiKey: "",
-    })
-    .returning();
-  if (result.length < 1) {
-    throw Error("Failed to add service");
-  }
-  await invalidate("view:services");
-  return result[0];
-}
-
-export async function deleteService(service: Key) {
-  await useDb().transaction(async (tx) => {
-    await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
-    await tx.delete(keyTable).where(eq(keyTable.id, service.id));
-  });
-  await invalidateModel(keyTable, service);
-}
-
-export async function updateService(service: Key) {
-  console.time("updateService");
-  await useDb()
-    .update(keyTable)
-    .set({ ...service })
-    .where(eq(keyTable.id, service.id));
-  console.timeEnd("updateService");
-  await invalidateModel(keyTable, service);
-}
-
-export async function replaceModels(service: Key, newModels: any[]) {
-  console.time("replaceModels");
-  await useDb().transaction(async (tx) => {
-    // remove models that no longer exist
-    await tx.delete(modelTable).where(
-      and(
-        eq(modelTable.serviceId, service.id),
-        notInArray(
-          modelTable.name,
-          newModels.map((m) => m.name),
-        ),
-      ),
-    );
-    console.log("newModels", newModels);
-    for (const model of newModels) {
-      await tx
-        .insert(modelTable)
-        .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
-        .onConflictDoNothing({
-          target: [modelTable.name, modelTable.serviceId],
-        });
-    }
-  });
-  console.timeEnd("replaceModels");
-  await invalidateModel(keyTable, service);
-}
-
-export async function toggleVisible(key: Key, model: Model) {
-  await useDb()
-    .update(modelTable)
-    .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(modelTable.id, model.id), eq(modelTable.keyId, key.id)));
-  await invalidateModel(keyTable, key);
-  await invalidateModel(modelTable, model);
-}
-
-export async function toggleAllVisible(key: Key, visible: 1 | 0) {
-  console.time("toggleAllVisible");
-  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.keyId, key.id));
-  console.timeEnd("toggleAllVisible");
-  await invalidateModel(keyTable, key);
-  await invalidate("view:chat");
-}
diff --git a/src/routes/(app)/settings/keys/$data.ts b/src/routes/(app)/settings/keys/$data.ts
index 117e3be..46252c1 100644
--- a/src/routes/(app)/settings/keys/$data.ts
+++ b/src/routes/(app)/settings/keys/$data.ts
@@ -1,11 +1,9 @@
 import { z } from "zod";
-import { invalidateModel, type Model, modelTable, type Key, keyTable, useDb } from "@/database";
-import type { Provider } from "$lib/providers";
-import { and, asc, eq, notInArray } from "drizzle-orm";
+import { invalidateModel, type Key, keyTable, type Model, modelTable, useDb } from "@/database";
+import { and, eq, notInArray } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
 import { nanoid } from "nanoid";
-
-export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
+import type { SQLiteTransaction } from "drizzle-orm/sqlite-core";
 
 export const formSchema = z.object({
   serviceId: z.string().min(1, { message: "Service is required" }),
@@ -14,91 +12,43 @@ export const formSchema = z.object({
   baseURL: z.string().nullable(),
 });
 
-export async function loadServices() {
-  return useDb().query.keyTable.findMany({
-    with: {
-      models: true,
-    },
-  });
-}
-
-export async function addService(provider: Provider) {
-  const newId = nanoid(10);
-  const result = await useDb()
-    .insert(keyTable)
-    .values({
-      id: newId,
-      name: "",
-      providerId: provider.id,
-      baseURL: provider.defaultBaseURL,
-      apiKey: "",
-    })
-    .returning();
-  if (result.length < 1) {
-    throw Error("Failed to add service");
-  }
-  await invalidate("view:services");
-  return result[0];
-}
-
-export async function deleteService(service: Key) {
-  await useDb().transaction(async (tx) => {
-    await tx.delete(modelTable).where(eq(modelTable.serviceId, service.id));
-    await tx.delete(keyTable).where(eq(keyTable.id, service.id));
-  });
-  await invalidateModel(keyTable, service);
-}
-
-export async function updateService(service: Key) {
-  console.time("updateService");
-  await useDb()
-    .update(keyTable)
-    .set({ ...service })
-    .where(eq(keyTable.id, service.id));
-  console.timeEnd("updateService");
-  await invalidateModel(keyTable, service);
-}
-
-export async function replaceModels(service: Key, newModels: any[]) {
-  console.time("replaceModels");
-  await useDb().transaction(async (tx) => {
-    // remove models that no longer exist
-    await tx.delete(modelTable).where(
-      and(
-        eq(modelTable.serviceId, service.id),
-        notInArray(
-          modelTable.name,
-          newModels.map((m) => m.name),
-        ),
+export async function refreshModels(
+  tx: SQLiteTransaction<any, any, any, any>,
+  key: Key,
+  models: any[],
+) {
+  await tx.delete(modelTable).where(
+    and(
+      eq(modelTable.keyId, key.id),
+      notInArray(
+        modelTable.name,
+        models.map((m) => m.name),
       ),
-    );
-    console.log("newModels", newModels);
-    for (const model of newModels) {
-      await tx
-        .insert(modelTable)
-        .values({ id: nanoid(10), name: model.name, visible: 1, serviceId: service.id })
-        .onConflictDoNothing({
-          target: [modelTable.name, modelTable.serviceId],
-        });
-    }
-  });
-  console.timeEnd("replaceModels");
-  await invalidateModel(keyTable, service);
+    ),
+  );
+  for (const model of models) {
+    await tx
+      .insert(modelTable)
+      .values({ id: nanoid(10), name: model.name, visible: 1, keyId: key.id })
+      .onConflictDoNothing({
+        target: [modelTable.name, modelTable.keyId],
+      });
+  }
 }
 
-export async function toggleVisible(service: Key, model: Model) {
+export async function toggleVisible(key: Key, model: Model) {
   await useDb()
     .update(modelTable)
     .set({ visible: model.visible ? 0 : 1 })
-    .where(and(eq(modelTable.id, model.id), eq(modelTable.serviceId, service.id)));
-  await invalidateModel(keyTable, service);
+    .where(and(eq(modelTable.id, model.id), eq(modelTable.keyId, key.id)));
+  await invalidateModel(keyTable, key);
   await invalidateModel(modelTable, model);
 }
 
-export async function toggleAllVisible(service: Key, visible: 1 | 0) {
+export async function toggleAllVisible(key: Key, visible: 1 | 0) {
   console.time("toggleAllVisible");
-  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.serviceId, service.id));
+  await useDb().update(modelTable).set({ visible }).where(eq(modelTable.keyId, key.id));
   console.timeEnd("toggleAllVisible");
-  await invalidateModel(keyTable, service);
-  await invalidate("view:chat");
+  await invalidateModel(keyTable, key);
+  await invalidate("view:key");
 }
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index f8b409e..0b37dec 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -18,7 +18,7 @@
   } from "@/components/ui/select";
   import { setError, superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
-  import { formSchema } from "../$data";
+  import { formSchema, refreshModels, toggleAllVisible, toggleVisible } from "../$data";
   import {
     FormButton,
     FormControl,
@@ -26,7 +26,7 @@
     FormFieldErrors,
     FormLabel,
   } from "@/components/ui/form";
-  import { keyTable, modelTable, serviceTable, invalidateModel, useDb } from "@/database";
+  import { invalidateModel, keyTable, modelTable, serviceTable, useDb } from "@/database";
   import { and, eq, notInArray } from "drizzle-orm";
   import { nanoid } from "nanoid";
   import { goto, invalidate } from "$app/navigation";
@@ -35,11 +35,9 @@
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { toast } from "svelte-french-toast";
   import { route } from "$lib/route";
-  import { toggleAllVisible, toggleVisible } from "../../../chat/[id]/[...rest]/config/$data";
-  import { Separator } from "@/components/ui/separator";
-  import { Label } from "@/components/ui/label";
   import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
   import { Toggle } from "@/components/ui/toggle";
+  import { page } from "$app/stores";
 
   let { data } = $props();
 
@@ -91,23 +89,7 @@
           await tx.update(keyTable).set(form.data).where(eq(keyTable.id, keyId));
           // remove models that no longer exist
           const models = (await resp.json()) as any[];
-          await tx.delete(modelTable).where(
-            and(
-              eq(modelTable.keyId, keyId),
-              notInArray(
-                modelTable.name,
-                models.map((m) => m.name),
-              ),
-            ),
-          );
-          for (const model of models) {
-            await tx
-              .insert(modelTable)
-              .values({ id: nanoid(10), name: model.name, visible: 1, keyId })
-              .onConflictDoNothing({
-                target: [modelTable.name, modelTable.keyId],
-              });
-          }
+          await refreshModels(tx, data.key, models);
         });
         await invalidate("view:account");
         toast.success("Account updated");
@@ -126,7 +108,13 @@
     };
   });
 
-  async function updateModels() {}
+  async function handleRefreshModels() {
+    await useDb().transaction(async (tx) => {
+      await refreshModels(tx, data.key, data.key.models);
+    });
+    toast.success("Models refreshed");
+    await invalidateModel(keyTable, data.key);
+  }
 </script>
 
 <form use:enhance method="post">
@@ -208,7 +196,7 @@
         <CardTitle>{data.key.service.name} models</CardTitle>
         <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
       </div>
-      <Button variant="outline" onclick={updateModels}>
+      <Button variant="outline" onclick={handleRefreshModels}>
         <RefreshCwIcon class={cn("mr-2 h-4 w-4", false && "loading-icon")} />
         Refresh Models
       </Button>
diff --git a/src/routes/(app)/settings/keys/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
index cf5b9d9..a68dd23 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.ts
+++ b/src/routes/(app)/settings/keys/[id]/+page.ts
@@ -23,7 +23,7 @@ export async function load({ params, depends }) {
     return error(404, "Account not found");
   }
   const form = await superValidate(key, zod(formSchema));
-  depends("view:account");
+  registerModel(keyTable, key, depends);
   return {
     form,
     key,

From 4f00b2c4d95e3e4b11f3f6dd888c65c76f068120 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 5 Aug 2024 20:56:19 +1000
Subject: [PATCH 93/98] Remove model dialog, update tests to use keys related
 models

---
 src/components/ui/select/select-item.svelte   |   2 +-
 src/database/migrations.test.ts               |   4 +-
 .../migrations/0011_easy_slapstick.sql        |  15 --
 src/database/schema.ts                        |   2 +-
 src/routes/(app)/$data.test.ts                |  29 ++-
 src/routes/(app)/api/chat/+server.ts          |  12 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |  45 ++--
 src/routes/(app)/chat/[id]/$data.ts           |  26 +-
 src/routes/(app)/chat/[id]/+layout.svelte     |   4 +-
 src/routes/(app)/chat/[id]/+layout.ts         |  25 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |  10 +-
 src/routes/(app)/chat/[id]/SelectModel.svelte |  20 +-
 .../chat/[id]/[...rest]/config/$data.test.ts  | 233 ------------------
 .../chat/[id]/[...rest]/config/+layout.svelte |  25 --
 .../chat/[id]/[...rest]/config/+layout.ts     |  11 -
 .../chat/[id]/[...rest]/config/+page.svelte   |  13 -
 .../[...rest]/config/[serviceId]/+page.svelte | 224 -----------------
 .../[...rest]/config/[serviceId]/+page.ts     |  20 --
 .../[id]/[...rest]/config/create/+page.svelte |  43 ----
 .../[id]/[...rest]/config/select/+page.svelte |  59 -----
 .../(app)/chat/[id]/revise/RevisePage.svelte  |  10 +-
 src/routes/(app)/settings/$data.test.ts       |   9 -
 src/routes/(app)/settings/+page.ts            |  13 +-
 src/routes/(app)/settings/Nav.svelte          |  10 +-
 src/routes/(app)/settings/keys/$data.ts       |   8 +
 .../(app)/settings/{ => keys}/+page.svelte    |   0
 src/routes/(app)/settings/keys/+page.ts       |  11 +
 .../(app)/settings/keys/[id]/+page.svelte     |   8 +-
 src/routes/(app)/settings/keys/[id]/+page.ts  |   3 +-
 src/routes/(app)/settings/keys/add/+page.ts   |   5 +-
 .../titles/+page.svelte}                      |   0
 31 files changed, 145 insertions(+), 754 deletions(-)
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
 delete mode 100644 src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
 delete mode 100644 src/routes/(app)/settings/$data.test.ts
 rename src/routes/(app)/settings/{ => keys}/+page.svelte (100%)
 create mode 100644 src/routes/(app)/settings/keys/+page.ts
 rename src/routes/(app)/{chat/[id]/[...rest]/config/SelectAccount.svelte => settings/titles/+page.svelte} (100%)

diff --git a/src/components/ui/select/select-item.svelte b/src/components/ui/select/select-item.svelte
index b83ac54..1c875be 100644
--- a/src/components/ui/select/select-item.svelte
+++ b/src/components/ui/select/select-item.svelte
@@ -31,7 +31,7 @@
   on:pointermove
 >
   {#if image}
-    <img src={image} alt={label || value || "item"} class="absolute left-2 h-4 w-4" />
+    <img src={image} alt={label} class="absolute left-2 h-4 w-4" />
   {:else}
     <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
       <SelectPrimitive.ItemIndicator>
diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
index 8960179..55127b1 100644
--- a/src/database/migrations.test.ts
+++ b/src/database/migrations.test.ts
@@ -968,12 +968,12 @@ describe("Migration Tests", () => {
 
     // Verify that the initial data was inserted correctly
     const aiSdkCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiSdk`).count;
-    expect(aiSdkCount).toBe(10); // 10 SDKs were inserted
+    expect(aiSdkCount).toBe(11); // 11 SDKs were inserted
 
     const aiServiceCount = db.get<{ count: number }>(
       sql`SELECT COUNT(*) as count FROM aiService`,
     ).count;
-    expect(aiServiceCount).toBe(10); // 10 services were inserted
+    expect(aiServiceCount).toBe(11); // 11 services were inserted
 
     // Check some specific entries to ensure data integrity
     const openaiSdk = db.get<{ id: string; slug: string; name: string }>(
diff --git a/src/database/migrations/0011_easy_slapstick.sql b/src/database/migrations/0011_easy_slapstick.sql
index a0da06d..198f4f0 100644
--- a/src/database/migrations/0011_easy_slapstick.sql
+++ b/src/database/migrations/0011_easy_slapstick.sql
@@ -5,25 +5,10 @@ ALTER TABLE `aiService` RENAME TO `service`;--> statement-breakpoint
 ALTER TABLE `key` RENAME COLUMN `aiServiceId` TO `serviceId`;--> statement-breakpoint
 ALTER TABLE `model` RENAME COLUMN `aiAccountId` TO `keyId`;--> statement-breakpoint
 ALTER TABLE `service` RENAME COLUMN `aiSdkId` TO `sdkId`;--> statement-breakpoint
-/*
- SQLite does not support "Dropping foreign key" out of the box, we do not generate automatic migration for that, so it has to be done manually
- Please refer to: https://www.techonthenet.com/sqlite/tables/alter_table.php
-                  https://www.sqlite.org/lang_altertable.html
-
- Due to that we don't generate migration automatically and it has to be done manually
-*/--> statement-breakpoint
 DROP INDEX IF EXISTS `accountId_idx`;--> statement-breakpoint
 DROP INDEX IF EXISTS `accountId_unique`;--> statement-breakpoint
 CREATE INDEX `accountId_idx` ON `model` (`keyId`);--> statement-breakpoint
 CREATE UNIQUE INDEX `accountId_unique` ON `model` (`keyId`,`name`);--> statement-breakpoint
-/*
- SQLite does not support "Creating foreign key on existing column" out of the box, we do not generate automatic migration for that, so it has to be done manually
- Please refer to: https://www.techonthenet.com/sqlite/tables/alter_table.php
-                  https://www.sqlite.org/lang_altertable.html
-
- Due to that we don't generate migration automatically and it has to be done manually
-*/
---> statement-breakpoint
 ALTER TABLE `model` RENAME TO `model_old`;
 --> statement-breakpoint
 CREATE TABLE `model` (
diff --git a/src/database/schema.ts b/src/database/schema.ts
index 67f7293..f410449 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -151,7 +151,7 @@ export const chatRelations = relations(chatTable, ({ many }) => ({
 }));
 
 export const modelRelations = relations(modelTable, ({ one }) => ({
-  service: one(keyTable, {
+  key: one(keyTable, {
     fields: [modelTable.keyId],
     references: [keyTable.id],
   }),
diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index 4daa310..a292e70 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -37,19 +37,26 @@ describe("(app)/$data", () => {
     await db.delete(schema.keyTable);
 
     // Insert dummy data
-    await db.insert(schema.keyTable).values([
-      {
-        id: "service1",
-        name: "Test Service",
-        providerId: "provider1",
-        baseURL: "https://api.test.com",
-        apiKey: "test-api-key",
-      },
-    ]);
-
+    await db.insert(schema.sdkTable).values([{ id: "sdk1", name: "Test SDK", slug: "test-sdk" }]);
+    await db
+      .insert(schema.serviceTable)
+      .values([
+        { id: "service1", name: "Test Service", sdkId: "sdk1", baseURL: "https://api.test.com" },
+      ]);
+    await db
+      .insert(schema.keyTable)
+      .values([
+        {
+          id: "key1",
+          name: "Test Key",
+          serviceId: "service1",
+          baseURL: "https://api.test.com",
+          apiKey: "test-api-key",
+        },
+      ]);
     await db
       .insert(schema.modelTable)
-      .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
+      .values([{ id: "model1", keyId: "key1", name: "Test Model", visible: 1 }]);
 
     await db.insert(schema.chatTable).values([
       { id: "chat1", name: "Chat 1", prompt: "Prompt 1" },
diff --git a/src/routes/(app)/api/chat/+server.ts b/src/routes/(app)/api/chat/+server.ts
index 756d540..2602550 100644
--- a/src/routes/(app)/api/chat/+server.ts
+++ b/src/routes/(app)/api/chat/+server.ts
@@ -6,22 +6,24 @@ import { createMistral } from "@ai-sdk/mistral";
 import { createGoogleGenerativeAI } from "@ai-sdk/google";
 
 export const POST = (async ({ request }) => {
-  const { messages, providerId, apiKey, baseURL, modelName } = (await request.json()) as {
+  let { messages, sdkId, apiKey, baseURL, modelName } = (await request.json()) as {
     messages: any[];
-    providerId: string;
+    sdkId: string;
     baseURL: string;
     apiKey: string;
     modelName: string;
   };
 
-  if (!providerId || !baseURL || !modelName) {
+  baseURL = baseURL ?? undefined;
+
+  if (!sdkId || !modelName) {
     return new Response(`Malformed request`, {
       status: 400,
     });
   }
 
   let provider;
-  switch (providerId) {
+  switch (sdkId) {
     case "openai":
       provider = createOpenAI({ apiKey, baseURL });
       break;
@@ -35,7 +37,7 @@ export const POST = (async ({ request }) => {
       provider = createGoogleGenerativeAI({ apiKey, baseURL });
       break;
     default:
-      return new Response(`Unsupported provider ${providerId}`, {
+      return new Response(`Unsupported sdk ${sdkId}`, {
         status: 400,
       });
   }
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 39602ab..064d7c3 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -3,11 +3,11 @@ import {
   appendMessages,
   createRevision,
   getLatestRevision,
-  getModelService,
+  getModelKey,
   getRevision,
   interpolateDocuments,
   isTab,
-  loadServices,
+  getKeys,
   tabRouteId,
   updateChat,
 } from "./$data";
@@ -54,11 +54,28 @@ beforeEach(async () => {
   await runMigrations(true);
 
   // Insert test data
-  await db.insert(schema.keyTable).values([
+  await db.insert(schema.sdkTable).values([
+    {
+      id: "sdk1",
+      name: "Test SDK",
+      slug: "test-sdk",
+    },
+  ]);
+
+  await db.insert(schema.serviceTable).values([
     {
       id: "service1",
       name: "Test Service",
-      providerId: "provider1",
+      sdkId: "sdk1",
+      baseURL: "https://api.test.com",
+    },
+  ]);
+
+  await db.insert(schema.keyTable).values([
+    {
+      id: "key1",
+      name: "Test Key",
+      serviceId: "service1",
       baseURL: "https://api.test.com",
       apiKey: "test-api-key",
     },
@@ -66,7 +83,7 @@ beforeEach(async () => {
 
   await db
     .insert(schema.modelTable)
-    .values([{ id: "model1", serviceId: "service1", name: "Test Model", visible: 1 }]);
+    .values([{ id: "model1", keyId: "key1", name: "Test Model", visible: 1 }]);
 
   await db
     .insert(schema.chatTable)
@@ -144,11 +161,11 @@ describe("interpolateDocuments", () => {
 
 describe("loadServices", () => {
   it("should load services with their models", async () => {
-    const services = await loadServices();
-    expect(services).toHaveLength(1);
-    expect(services[0]).toMatchObject({
-      id: "service1",
-      name: "Test Service",
+    const keys = await getKeys();
+    expect(keys).toHaveLength(1);
+    expect(keys[0]).toMatchObject({
+      id: "key1",
+      name: "Test Key",
       models: [{ id: "model1", name: "Test Model" }],
     });
   });
@@ -186,11 +203,11 @@ describe("getLatestRevision", () => {
 
 describe("getModelService", () => {
   it("should get a model with its service", async () => {
-    const modelService = await getModelService("model1");
-    expect(modelService).toMatchObject({
+    const modelKey = await getModelKey("model1");
+    expect(modelKey).toMatchObject({
       id: "model1",
       name: "Test Model",
-      service: { id: "service1", name: "Test Service" },
+      key: { id: "key1", name: "Test Key" },
     });
   });
 });
@@ -210,7 +227,7 @@ describe("appendMessage", () => {
   it("should append a message to a revision", async () => {
     const message = {
       id: "new-message",
-      role: "user",
+      role: "user" as const,
       content: "New message content",
       attachments: [],
     };
diff --git a/src/routes/(app)/chat/[id]/$data.ts b/src/routes/(app)/chat/[id]/$data.ts
index 151002d..25a1dd7 100644
--- a/src/routes/(app)/chat/[id]/$data.ts
+++ b/src/routes/(app)/chat/[id]/$data.ts
@@ -17,7 +17,7 @@ import { sql } from "drizzle-orm/sql";
 import type { RouteId } from "$lib/route";
 import type { MessageAttachment, ChatMessage } from "$lib/chat-service.svelte";
 
-export type ServicesView = Awaited<ReturnType<typeof loadServices>>;
+export type KeysView = Awaited<ReturnType<typeof getKeys>>;
 
 export type RevisionView = NonNullable<Awaited<ReturnType<typeof getRevision>>>;
 
@@ -31,10 +31,11 @@ export function tabRouteId(tab: Tab): RouteId {
   return tab === "chat" ? `/chat/[id]` : `/chat/[id]/${tab}`;
 }
 
-export function loadServices() {
+export function getKeys() {
   return useDb().query.keyTable.findMany({
     with: {
       models: true,
+      service: true,
     },
   });
 }
@@ -95,11 +96,28 @@ export function getLatestRevision(chatId: string) {
   });
 }
 
-export function getModelService(modelId: string) {
+export function getModelKey(modelId: string) {
   return useDb().query.modelTable.findFirst({
     where: eq(modelTable.id, modelId),
     with: {
-      service: true,
+      key: {
+        with: {
+          service: {
+            columns: {
+              id: true,
+              name: true,
+            },
+            with: {
+              sdk: {
+                columns: {
+                  id: true,
+                  name: true,
+                },
+              },
+            },
+          },
+        },
+      },
     },
   });
 }
diff --git a/src/routes/(app)/chat/[id]/+layout.svelte b/src/routes/(app)/chat/[id]/+layout.svelte
index 0afa3a2..ec2aa37 100644
--- a/src/routes/(app)/chat/[id]/+layout.svelte
+++ b/src/routes/(app)/chat/[id]/+layout.svelte
@@ -10,7 +10,7 @@
   import { toast } from "svelte-french-toast";
 
   let { data } = $props();
-  let services = $derived(data.services);
+  let keys = $derived(data.keys);
   let chat = $derived(data.chat);
   let revision = $derived(data.revision);
 
@@ -52,7 +52,7 @@
   </nav>
   <div class="relative ml-auto flex-1 md:grow-0">
     <div class="flex flex-row">
-      <SelectModel {services} />
+      <SelectModel {keys} />
       <Button variant="ghost" onclick={() => goto(route(`/settings`))}>
         <SettingsIcon size={16} />
       </Button>
diff --git a/src/routes/(app)/chat/[id]/+layout.ts b/src/routes/(app)/chat/[id]/+layout.ts
index ea18247..d34c435 100644
--- a/src/routes/(app)/chat/[id]/+layout.ts
+++ b/src/routes/(app)/chat/[id]/+layout.ts
@@ -1,22 +1,7 @@
 import { eq } from "drizzle-orm";
-import {
-  chatTable,
-  registerModel,
-  type Revision,
-  type Message,
-  revisionTable,
-  keyTable,
-  useDb,
-} from "@/database";
+import { chatTable, keyTable, registerModel, revisionTable, useDb } from "@/database";
 import { error } from "@sveltejs/kit";
-import {
-  createRevision,
-  getLatestRevision,
-  getRevision,
-  loadServices,
-  type RevisionView,
-  type Tab,
-} from "./$data";
+import { getKeys, getRevision, type Tab } from "./$data";
 import { match } from "$lib/route";
 
 export async function load({ route, url, params, depends }) {
@@ -44,8 +29,8 @@ export async function load({ route, url, params, depends }) {
   }
   registerModel(chatTable, chat, depends);
 
-  const services = await loadServices();
-  registerModel(keyTable, services, depends);
+  const keys = await getKeys();
+  registerModel(keyTable, keys, depends);
 
   const version = Number(url.searchParams.get("version")) || null;
   const revision = await getRevision(params.id, version);
@@ -55,5 +40,5 @@ export async function load({ route, url, params, depends }) {
   registerModel(revisionTable, revision, depends);
   depends("view:messages");
   depends("view:chat");
-  return { chat, services, tab, revision, version };
+  return { chat, keys, tab, revision, version };
 }
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 021147a..1332d12 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -6,7 +6,7 @@
   import {
     appendMessages,
     createRevision,
-    getModelService,
+    getModelKey,
     type RevisionView,
     toChatMessage,
   } from "./$data";
@@ -69,7 +69,7 @@
       toast.error("No model selected");
       return false;
     }
-    const model = await getModelService(store.selected.modelId);
+    const model = await getModelKey(store.selected.modelId);
     if (!model) {
       toast.error("Selected model not found");
       return false;
@@ -90,10 +90,10 @@
     chatService.submit({
       options: {
         body: {
-          providerId: model.service.providerId,
+          sdkId: model.key.service.sdk.id,
           modelName: model.name,
-          baseURL: model.service.baseURL,
-          apiKey: model.service.apiKey,
+          baseURL: model.key.baseURL,
+          apiKey: model.key.apiKey,
         },
       },
     });
diff --git a/src/routes/(app)/chat/[id]/SelectModel.svelte b/src/routes/(app)/chat/[id]/SelectModel.svelte
index 58f0dea..f8b832b 100644
--- a/src/routes/(app)/chat/[id]/SelectModel.svelte
+++ b/src/routes/(app)/chat/[id]/SelectModel.svelte
@@ -9,18 +9,17 @@
     SelectValue,
   } from "@/components/ui/select";
   import { store } from "@/lib/store.svelte";
-  import { providersById } from "@/lib/providers";
-  import type { ServicesView } from "./$data";
+  import type { KeysView } from "./$data";
   import { modelTable, useDb } from "@/database";
-  import { asc, desc, eq } from "drizzle-orm";
+  import { asc, eq } from "drizzle-orm";
 
-  let { services }: { services: ServicesView } = $props();
+  let { keys }: { keys: KeysView } = $props();
 
-  let visibleModels = $derived(services.map((s) => s.models.filter((m) => m.visible)).flat());
+  let visibleModels = $derived(keys.map((key) => key.models.filter((m) => m.visible)).flat());
 
   let modelsById = $derived(
-    services
-      .map((s) => s.models)
+    keys
+      .map((key) => key.models)
       .flat()
       .reduce<Record<string, any>>((acc, model) => {
         acc[model.id] = model;
@@ -86,11 +85,10 @@
     <SelectValue placeholder={visibleModels.length ? "Select a model" : "No models configured"} />
   </SelectTrigger>
   <SelectContent>
-    {#each services as service (service.id)}
-      {@const provider = providersById[service.providerId]}
+    {#each keys as key (key.id)}
       <SelectGroup>
-        <SelectLabel>{provider.name} {service.name ? `(${service.name})` : ""}</SelectLabel>
-        {#each service.models as model (model.id)}
+        <SelectLabel>{key.service.name} {key.name ? `(${key.name})` : ""}</SelectLabel>
+        {#each key.models as model (model.id)}
           {#if model.visible}
             <SelectItem value={model.id}>
               {model.name}
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts b/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
deleted file mode 100644
index c702b9c..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/$data.test.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import {
-  loadServices,
-  addService,
-  deleteService,
-  updateService,
-  replaceModels,
-  toggleVisible,
-  toggleAllVisible,
-} from "./$data";
-import Database from "better-sqlite3";
-import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
-import * as schema from "@/database/schema";
-import { runMigrations } from "@/database/migrator";
-import { eq } from "drizzle-orm";
-import { invalidate } from "$app/navigation";
-import { nanoid } from "nanoid";
-
-let sqlite: Database.Database;
-let db: BetterSQLite3Database<typeof schema>;
-
-beforeEach(async () => {
-  // Set up database
-  sqlite = new Database(":memory:");
-  db = drizzle(sqlite, { schema });
-
-  // Set up mocks
-  vi.mock("$app/navigation", () => ({
-    invalidate: vi.fn(),
-  }));
-
-  vi.mock("nanoid", () => ({
-    nanoid: vi.fn(() => "mockedNanoId"),
-  }));
-
-  // Mock the useDb function and other imports
-  vi.mock("@/database/client", () => ({
-    useDb: vi.fn(() => db),
-  }));
-
-  await runMigrations(true);
-
-  // Insert test data
-  await db.insert(schema.keyTable).values([
-    {
-      id: "service1",
-      name: "Test Service",
-      aiServiceId: "aiService1",
-      baseURL: "https://api.test.com",
-      apiKey: "test-api-key",
-    },
-  ]);
-
-  await db.insert(schema.modelTable).values([
-    { id: "model1", serviceId: "service1", name: "Test Model 1", visible: 1 },
-    { id: "model2", serviceId: "service1", name: "Test Model 2", visible: 0 },
-  ]);
-});
-
-afterEach(() => {
-  sqlite.close();
-  vi.restoreAllMocks();
-});
-
-describe("loadServices", () => {
-  it("should load all services with their models", async () => {
-    const services = await loadServices();
-    expect(services).toHaveLength(1);
-    expect(services[0].id).toBe("service1");
-    expect(services[0].models).toHaveLength(2);
-  });
-});
-
-describe("addService", () => {
-  it("should add a new service", async () => {
-    const provider = {
-      id: "newProvider",
-      name: "New Provider",
-      defaultBaseURL: "https://api.newprovider.com",
-    };
-    const newService = await addService(provider);
-    expect(newService.id).toBe("mockedNanoId");
-    expect(newService.providerId).toBe("newProvider");
-    expect(invalidate).toHaveBeenCalledWith("view:services");
-  });
-});
-
-describe("deleteService", () => {
-  it("should delete a service and its models", async () => {
-    const service = {
-      id: "service1",
-      name: "Test Service",
-      providerId: "provider1",
-      baseURL: "https://api.test.com",
-      apiKey: "test-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    await deleteService(service);
-    const remainingServices = await db.query.keyTable.findMany();
-    const remainingModels = await db.query.modelTable.findMany();
-    expect(remainingServices).toHaveLength(0);
-    expect(remainingModels).toHaveLength(0);
-  });
-});
-
-describe("updateService", () => {
-  it("should update a service", async () => {
-    const updatedService = {
-      id: "service1",
-      name: "Updated Service",
-      providerId: "provider1",
-      baseURL: "https://updated.api.com",
-      apiKey: "new-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    await updateService(updatedService);
-    const service = await db.query.keyTable.findFirst({
-      where: eq(schema.keyTable.id, "service1"),
-    });
-    expect(service).toEqual({ ...updatedService, createdAt: expect.any(String) });
-  });
-});
-
-describe("replaceModels", () => {
-  it("should replace models for a service", async () => {
-    // Local mock for nanoid
-    let idCounter = 0;
-    vi.mocked(nanoid).mockImplementation(() => `uniqueId${idCounter++}`);
-
-    const service = {
-      id: "service1",
-      name: "Updated Service",
-      providerId: "provider1",
-      baseURL: "https://updated.api.com",
-      apiKey: "new-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    const newModels = [{ name: "New Model 1" }, { name: "New Model 2" }, { name: "Test Model 1" }];
-    await replaceModels(service, newModels);
-
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
-    });
-
-    expect(models).toHaveLength(3);
-    expect(models.map((m) => m.name)).toEqual(
-      expect.arrayContaining(["New Model 1", "New Model 2", "Test Model 1"]),
-    );
-    expect(models.map((m) => m.id)).toEqual(
-      expect.arrayContaining(["uniqueId0", "uniqueId1", "model1"]),
-    );
-
-    // Reset the mock after the test
-    vi.mocked(nanoid).mockReset();
-  });
-
-  it("should not create duplicate models", async () => {
-    // Local mock for nanoid
-    let idCounter = 0;
-    vi.mocked(nanoid).mockImplementation(() => `uniqueId${idCounter++}`);
-
-    const service = {
-      id: "service1",
-      name: "Updated Service",
-      providerId: "provider1",
-      baseURL: "https://updated.api.com",
-      apiKey: "new-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    const newModels = [
-      { name: "New Model 1" },
-      { name: "New Model 2" },
-      { name: "Test Model 1" },
-      { name: "Test Model 1" }, // Duplicate
-    ];
-    await replaceModels(service, newModels);
-
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
-    });
-
-    expect(models).toHaveLength(3); // Should still be 3, not 4
-    expect(models.map((m) => m.name)).toEqual(
-      expect.arrayContaining(["New Model 1", "New Model 2", "Test Model 1"]),
-    );
-
-    // Reset the mock after the test
-    vi.mocked(nanoid).mockReset();
-  });
-});
-
-describe("toggleVisible", () => {
-  it("should toggle the visibility of a model", async () => {
-    const service = {
-      id: "service1",
-      name: "Updated Service",
-      providerId: "provider1",
-      baseURL: "https://updated.api.com",
-      apiKey: "new-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    const model = {
-      id: "model1",
-      visible: 1,
-      name: "Test Model 1",
-      serviceId: "service1",
-      createdAt: new Date().toISOString(),
-    };
-    await toggleVisible(service, model);
-    const updatedModel = await db.query.modelTable.findFirst({
-      where: eq(schema.modelTable.id, "model1"),
-    });
-    expect(updatedModel?.visible).toBe(0);
-  });
-});
-
-describe("toggleAllVisible", () => {
-  it("should toggle visibility for all models of a service", async () => {
-    const service = {
-      id: "service1",
-      name: "Updated Service",
-      providerId: "provider1",
-      baseURL: "https://updated.api.com",
-      apiKey: "new-api-key",
-      createdAt: new Date().toISOString(),
-    };
-    await toggleAllVisible(service, 0);
-    const models = await db.query.modelTable.findMany({
-      where: eq(schema.modelTable.serviceId, "service1"),
-    });
-    expect(models.every((m) => m.visible === 0)).toBe(true);
-  });
-});
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
deleted file mode 100644
index 124ff33..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script lang="ts">
-  import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
-  import { DialogHeader } from "@/components/ui/dialog/index.js";
-  import { goto } from "$app/navigation";
-  import { page } from "$app/stores";
-  import { route } from "$lib/route";
-
-  let { data } = $props();
-</script>
-
-<Dialog
-  open={true}
-  onOpenChange={(isOpen) => {
-    if (!isOpen) {
-      goto(
-        route(`/chat/[id]`, { id: $page.params.id, $query: { version: data.revision.version } }),
-      );
-    }
-  }}
->
-  <DialogTrigger id="model-config-trigger"></DialogTrigger>
-  <DialogContent class="max-h-screen overflow-y-auto sm:max-w-[425px]">
-    <slot />
-  </DialogContent>
-</Dialog>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts b/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
deleted file mode 100644
index e0ebe3a..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+layout.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { loadServices } from "./$data";
-import { registerModel, keyTable } from "@/database";
-
-export async function load({ depends, route }) {
-  const services = await loadServices();
-  registerModel(keyTable, services, depends);
-  depends("view:services");
-  return {
-    services,
-  };
-}
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
deleted file mode 100644
index 2540586..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/+page.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-  import { goto } from "$app/navigation";
-  import { page } from "$app/stores";
-  import { route } from "$lib/route";
-
-  let { data } = $props();
-
-  if (data.services.length > 0) {
-    goto(route(`/chat/[id]/[...rest]/config/select`, { id: $page.params.id, rest: "" }));
-  } else {
-    goto(route(`/chat/[id]/[...rest]/config/create`, { id: $page.params.id, rest: "" }));
-  }
-</script>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
deleted file mode 100644
index 165924b..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.svelte
+++ /dev/null
@@ -1,224 +0,0 @@
-<script lang="ts">
-  import { cn } from "$lib/utils.js";
-  import * as Select from "@/components/ui/select/index.js";
-  import { DialogClose, DialogHeader, DialogTitle } from "@/components/ui/dialog/index";
-  import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table/index";
-  import { Toggle } from "@/components/ui/toggle/index";
-  import { ArrowLeftIcon, EyeIcon, RefreshCwIcon, SettingsIcon, TrashIcon } from "lucide-svelte";
-  import { Button } from "@/components/ui/button/index";
-  import { Separator } from "@/components/ui/separator/index";
-  import { Label } from "@/components/ui/label/index";
-  import { Input } from "@/components/ui/input/index";
-  import { type Provider, Providers, providersById } from "$lib/providers";
-  import {
-    deleteService,
-    replaceModels,
-    toggleAllVisible,
-    toggleVisible,
-    updateService,
-  } from "../$data";
-  import { page } from "$app/stores";
-  import { goto } from "$app/navigation";
-  import { route } from "$lib/route";
-
-  let { data } = $props();
-  let service = $state(data.service);
-
-  $effect(() => {
-    service = data.service;
-  });
-
-  let error: string | null = $state(null);
-  let modelsLoading: boolean = $state(false);
-  let showOptions: boolean = $state(false);
-  let provider: Provider = $derived(providersById[service.providerId]);
-
-  async function save() {
-    await updateService(service);
-  }
-
-  async function onBack() {
-    await goto(route(`/chat/[id]/[...rest]/config/select`, { id: $page.params.id, rest: "" }));
-  }
-
-  async function onDelete() {
-    await onBack();
-    await deleteService(service);
-  }
-
-  async function fetchModels() {
-    if (!service) {
-      return;
-    }
-    error = null;
-    try {
-      modelsLoading = true;
-      const resp = await fetch("/api/models", {
-        method: "POST",
-        headers: {
-          X_API_KEY: service.apiKey,
-          ContentType: "application/json",
-        },
-        body: JSON.stringify({
-          providerId: service.providerId,
-          baseURL: service.baseURL,
-        }),
-      });
-      if (!resp.ok) {
-        error = resp.statusText;
-        return;
-      }
-      const newModels = (await resp.json()) as any[];
-      await replaceModels(service, newModels);
-    } finally {
-      modelsLoading = false;
-    }
-  }
-</script>
-
-<DialogHeader>
-  <DialogTitle>Update AI account</DialogTitle>
-</DialogHeader>
-<div class="grid gap-4 py-4">
-  <div class="flex flex-col gap-2">
-    <div class="flex flex-row items-center justify-between">
-      <Button size="sm" variant="outline" onclick={() => onBack()}>
-        <ArrowLeftIcon class="mr-2 h-4 w-4" />
-        Back
-      </Button>
-
-      <Button size="sm" variant="ghost" onclick={() => onDelete()}>
-        <TrashIcon class="mr-2 h-4 w-4" />
-        Delete
-      </Button>
-    </div>
-  </div>
-  {#if service}
-    <div class="grid gap-2">
-      <Label for="name">Provider</Label>
-      <Select.Root
-        selected={{ value: service.providerId, label: provider.name }}
-        onSelectedChange={(selected) => {
-          if (selected) {
-            service.providerId = selected.value;
-            save();
-          }
-        }}
-      >
-        <Select.Trigger>
-          <Select.Value placeholder="Select a provider" />
-        </Select.Trigger>
-        <Select.Content>
-          {#each Providers as provider (provider.id)}
-            <Select.Item value={provider.id}>{provider.name}</Select.Item>
-          {/each}
-        </Select.Content>
-      </Select.Root>
-    </div>
-    <div class="grid gap-2">
-      <Label for="name">Key name</Label>
-      <Input
-        bind:value={service.name}
-        oninput={save}
-        id="name"
-        placeholder="Enter key name"
-        type="text"
-      />
-    </div>
-    <div class="grid gap-2">
-      <Label for="apiKey">API Key</Label>
-      <Input
-        bind:value={service.apiKey}
-        oninput={save}
-        id="apiKey"
-        placeholder="Enter your API key"
-        type="password"
-      />
-    </div>
-    {#if showOptions}
-      <div class="flex flex-row items-center justify-end gap-1 p-0 text-sm">
-        <Button class="py-0" variant="link" onclick={() => (showOptions = false)}>
-          <SettingsIcon size={14} /> Hide advanced options
-        </Button>
-      </div>
-      <div class="grid gap-2">
-        <Label for="baseURL">Base URL</Label>
-        <Input
-          bind:value={service.baseURL}
-          oninput={save}
-          id="baseURL"
-          placeholder="Enter API base URL"
-          type="text"
-        />
-      </div>
-    {:else}
-      <div class="m-0 flex flex-row items-center justify-end gap-1 text-sm">
-        <Button variant="link" onclick={() => (showOptions = true)}>
-          <SettingsIcon size={14} /> Advanced options
-        </Button>
-      </div>
-    {/if}
-
-    <Button variant="outline" onclick={() => fetchModels()}>
-      <RefreshCwIcon class={cn("mr-2 h-4 w-4", modelsLoading && "loading-icon")} />
-      {#if service.models.length > 0}
-        Refresh Models
-      {:else}
-        Load Models
-      {/if}
-    </Button>
-  {/if}
-  {#if error}<Label class="text-red-500">{error}</Label>{/if}
-  {#if service.models.length > 0}
-    <Separator />
-    <div class="grid gap-2">
-      <div class="flex items-center justify-between">
-        <Label>Models</Label>
-        <div class="flex justify-end">
-          <Button
-            class="p-1 text-sm"
-            variant="ghost"
-            onclick={async () => {
-              await toggleAllVisible(service, 1);
-            }}
-          >
-            Show All
-          </Button>
-          <Button
-            class="p-1 text-sm"
-            variant="ghost"
-            onclick={async () => {
-              await toggleAllVisible(service, 0);
-            }}
-          >
-            Hide All
-          </Button>
-        </div>
-      </div>
-
-      <div class="max-h-[calc(100vh-700px)] min-h-[200px] w-full overflow-y-auto rounded-lg border">
-        <Table>
-          <TableBody>
-            {#each service.models as model (model.id)}
-              <TableRow
-                class={cn("cursor-pointer", model.visible === 1 ? "" : "opacity-50")}
-                onclick={() => toggleVisible(service, model)}
-              >
-                <TableCell class="p-1 pl-4 font-normal">{model.name}</TableCell>
-                <TableCell class="p-1">
-                  <Toggle aria-label="Toggle Model Visibility" />
-                </TableCell>
-                <TableCell class="p-1">
-                  <EyeIcon class="h-4 w-4" />
-                </TableCell>
-              </TableRow>
-            {/each}
-          </TableBody>
-        </Table>
-      </div>
-    </div>
-    <DialogClose>
-      <Button variant="default">Save</Button>
-    </DialogClose>
-  {/if}
-</div>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts b/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
deleted file mode 100644
index e643fa0..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/[serviceId]/+page.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { registerModel, keyTable, useDb } from "@/database";
-import { eq } from "drizzle-orm";
-import { error } from "@sveltejs/kit";
-
-export async function load({ depends, params }) {
-  const service = await useDb().query.keyTable.findFirst({
-    with: {
-      models: true,
-    },
-    where: eq(keyTable.id, params.serviceId),
-  });
-  if (!service) {
-    return error(404, "Service not found");
-  }
-  registerModel(keyTable, service, depends);
-  depends("view:service");
-  return {
-    service,
-  };
-}
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
deleted file mode 100644
index dd4503e..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/create/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-  import { type Provider, Providers } from "$lib/providers";
-  import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table/index";
-  import { page } from "$app/stores";
-  import { addService } from "../$data.js";
-  import { toast } from "svelte-french-toast";
-  import { goto } from "$app/navigation";
-  import { DialogHeader, DialogTitle } from "@/components/ui/dialog/index.js";
-  import { route } from "$lib/route";
-
-  async function onSelect(provider: Provider) {
-    try {
-      const service = await addService(provider);
-      if (!service) {
-        return toast.error("Failed to add service");
-      }
-      await goto(
-        route(`/chat/[id]/[...rest]/config/[serviceId]`, {
-          id: $page.params.id,
-          rest: "",
-          serviceId: service.id,
-        }),
-      );
-    } catch (e) {
-      toast.error(e instanceof Error ? e.message : "Unknown error");
-    }
-  }
-</script>
-
-<DialogHeader>
-  <DialogTitle>Select AI provider</DialogTitle>
-</DialogHeader>
-<div class="flex flex-col gap-2">
-  <Table>
-    <TableBody>
-      {#each Providers as provider (provider.id)}
-        <TableRow class="cursor-pointer" onclick={() => onSelect(provider)}>
-          <TableCell class="p-2">{provider.name}</TableCell>
-        </TableRow>
-      {/each}
-    </TableBody>
-  </Table>
-</div>
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte b/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
deleted file mode 100644
index af2f33c..0000000
--- a/src/routes/(app)/chat/[id]/[...rest]/config/select/+page.svelte
+++ /dev/null
@@ -1,59 +0,0 @@
-<script lang="ts">
-  import { Button } from "@/components/ui/button";
-  import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
-  import { PlusIcon } from "lucide-svelte";
-  import { providersById } from "$lib/providers";
-  import { TableHeader } from "@/components/ui/table/index.js";
-  import type { ServicesView } from "../$data";
-  import { DialogTitle } from "@/components/ui/dialog";
-  import { DialogHeader } from "@/components/ui/dialog/index.js";
-  import { goto } from "$app/navigation";
-  import { page } from "$app/stores";
-  import { route } from "$lib/route";
-
-  let { data } = $props();
-
-  function onSelect(service: ServicesView[number]) {
-    goto(
-      route(`/chat/[id]/[...rest]/config/[serviceId]`, {
-        id: $page.params.id,
-        rest: "",
-        serviceId: service.id,
-      }),
-    );
-  }
-
-  function onAdd() {
-    goto(route(`/chat/[id]/[...rest]/config/create`, { id: $page.params.id, rest: "" }));
-  }
-</script>
-
-<DialogHeader>
-  <DialogTitle>Your AI accounts</DialogTitle>
-</DialogHeader>
-<div class="flex flex-col gap-2">
-  <Table>
-    <TableHeader class="text-left">
-      <TableCell class="p-2 font-semibold">Provider</TableCell>
-      <TableCell class="p-2 font-semibold">Key name</TableCell>
-    </TableHeader>
-    <TableBody>
-      {#if data.services.length === 0}
-        <TableRow class="cursor-pointer">
-          <TableCell class="p-2">No accounts configured</TableCell>
-        </TableRow>
-      {/if}
-      {#each data.services as service (service.id)}
-        {@const provider = providersById[service.providerId]}
-        <TableRow class="cursor-pointer" onclick={() => onSelect(service)}>
-          <TableCell class="p-2">{provider.name}</TableCell>
-          <TableCell class="p-2">{service.name || "-"}</TableCell>
-        </TableRow>
-      {/each}
-    </TableBody>
-  </Table>
-  <Button size="sm" variant="default" onclick={() => onAdd()}>
-    <PlusIcon class="mr-2 h-4 w-4" />
-    Add new
-  </Button>
-</div>
diff --git a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
index bb9e009..cc38b8a 100644
--- a/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
+++ b/src/routes/(app)/chat/[id]/revise/RevisePage.svelte
@@ -3,7 +3,7 @@
   import {
     appendMessages,
     createRevision,
-    getModelService,
+    getModelKey,
     type RevisionView,
     toChatMessage,
   } from "../$data";
@@ -87,7 +87,7 @@
       toast.error("No model selected");
       return false;
     }
-    const model = await getModelService(store.selected.modelId);
+    const model = await getModelKey(store.selected.modelId);
     if (!model) {
       toast.error("Selected model not found");
       return false;
@@ -100,10 +100,10 @@
     chatService.submit({
       options: {
         body: {
-          providerId: model.service.providerId,
+          sdkId: model.key.service.sdk.id,
           modelName: model.name,
-          baseURL: model.service.baseURL,
-          apiKey: model.service.apiKey,
+          baseURL: model.key.baseURL,
+          apiKey: model.key.apiKey,
         },
       },
     });
diff --git a/src/routes/(app)/settings/$data.test.ts b/src/routes/(app)/settings/$data.test.ts
deleted file mode 100644
index 89f3830..0000000
--- a/src/routes/(app)/settings/$data.test.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useDb } from "@/database";
-
-export async function loadKeys() {
-  return useDb().query.keyTable.findMany({ with: { service: { with: { sdk: true } } } });
-}
-
-export async function loadServices() {
-  return useDb().query.serviceTable.findMany({ with: { sdk: true } });
-}
diff --git a/src/routes/(app)/settings/+page.ts b/src/routes/(app)/settings/+page.ts
index 83f8f40..34b8925 100644
--- a/src/routes/(app)/settings/+page.ts
+++ b/src/routes/(app)/settings/+page.ts
@@ -1,11 +1,6 @@
-import { keyTable, registerModel } from "@/database";
-import { loadKeys } from "./$data.test";
+import { redirect } from "@sveltejs/kit";
+import { route } from "$lib/route";
 
-export async function load({ depends, route }) {
-  const keys = await loadKeys();
-  registerModel(keyTable, keys, depends);
-  depends("view:services");
-  return {
-    keys,
-  };
+export async function load() {
+  return redirect(301, route("/settings/keys"));
 }
diff --git a/src/routes/(app)/settings/Nav.svelte b/src/routes/(app)/settings/Nav.svelte
index 25dc611..090bd1f 100644
--- a/src/routes/(app)/settings/Nav.svelte
+++ b/src/routes/(app)/settings/Nav.svelte
@@ -8,10 +8,16 @@
   class="grid gap-4 text-sm text-muted-foreground"
   data-x-chunk-container="chunk-container after:right-0"
 >
-  <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
+  <a
+    href={route("/settings/keys")}
+    class={match("/settings/keys", $page.url.pathname) ? "active" : ""}
+  >
     API Keys
   </a>
-  <a href={route("/settings")} class={match("/settings", $page.url.pathname) ? "active" : ""}>
+  <a
+    href={route("/settings/titles")}
+    class={match("/settings/titles", $page.url.pathname) ? "active" : ""}
+  >
     Title Generation
   </a>
 </nav>
diff --git a/src/routes/(app)/settings/keys/$data.ts b/src/routes/(app)/settings/keys/$data.ts
index 46252c1..3a1754a 100644
--- a/src/routes/(app)/settings/keys/$data.ts
+++ b/src/routes/(app)/settings/keys/$data.ts
@@ -12,6 +12,14 @@ export const formSchema = z.object({
   baseURL: z.string().nullable(),
 });
 
+export async function loadKeys() {
+  return useDb().query.keyTable.findMany({ with: { service: { with: { sdk: true } } } });
+}
+
+export async function loadServices() {
+  return useDb().query.serviceTable.findMany({ with: { sdk: true } });
+}
+
 export async function refreshModels(
   tx: SQLiteTransaction<any, any, any, any>,
   key: Key,
diff --git a/src/routes/(app)/settings/+page.svelte b/src/routes/(app)/settings/keys/+page.svelte
similarity index 100%
rename from src/routes/(app)/settings/+page.svelte
rename to src/routes/(app)/settings/keys/+page.svelte
diff --git a/src/routes/(app)/settings/keys/+page.ts b/src/routes/(app)/settings/keys/+page.ts
new file mode 100644
index 0000000..435ba64
--- /dev/null
+++ b/src/routes/(app)/settings/keys/+page.ts
@@ -0,0 +1,11 @@
+import { keyTable, registerModel } from "@/database";
+import { loadKeys } from "./$data";
+
+export async function load({ depends, route }) {
+  const keys = await loadKeys();
+  registerModel(keyTable, keys, depends);
+  depends("view:services");
+  return {
+    keys,
+  };
+}
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index 0b37dec..81a5c01 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -26,9 +26,8 @@
     FormFieldErrors,
     FormLabel,
   } from "@/components/ui/form";
-  import { invalidateModel, keyTable, modelTable, serviceTable, useDb } from "@/database";
-  import { and, eq, notInArray } from "drizzle-orm";
-  import { nanoid } from "nanoid";
+  import { invalidateModel, keyTable, serviceTable, useDb } from "@/database";
+  import { eq } from "drizzle-orm";
   import { goto, invalidate } from "$app/navigation";
   import { EyeIcon, LoaderCircle, RefreshCwIcon, TriangleAlertIcon } from "lucide-svelte";
   import { cn } from "$lib/cn";
@@ -37,7 +36,6 @@
   import { route } from "$lib/route";
   import { Table, TableBody, TableCell, TableRow } from "@/components/ui/table";
   import { Toggle } from "@/components/ui/toggle";
-  import { page } from "$app/stores";
 
   let { data } = $props();
 
@@ -45,7 +43,7 @@
     await useDb().delete(keyTable).where(eq(keyTable.id, data.key.id));
     await invalidateModel(keyTable, data.key);
     toast.success("Key deleted");
-    await goto(route(`/settings`));
+    await goto(route(`/settings/keys`));
   }
 
   const formHandle = superForm(data.form, {
diff --git a/src/routes/(app)/settings/keys/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
index a68dd23..1abd9bf 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.ts
+++ b/src/routes/(app)/settings/keys/[id]/+page.ts
@@ -2,9 +2,8 @@ import { keyTable, registerModel, useDb } from "@/database";
 import { eq } from "drizzle-orm";
 import { superValidate } from "sveltekit-superforms";
 import { zod } from "sveltekit-superforms/adapters";
-import { formSchema } from "../$data";
+import { formSchema, loadServices } from "../$data";
 import { error } from "@sveltejs/kit";
-import { loadServices } from "../../$data.test";
 
 export async function load({ params, depends }) {
   const key = await useDb().query.keyTable.findFirst({
diff --git a/src/routes/(app)/settings/keys/add/+page.ts b/src/routes/(app)/settings/keys/add/+page.ts
index 6b1518e..03d29ee 100644
--- a/src/routes/(app)/settings/keys/add/+page.ts
+++ b/src/routes/(app)/settings/keys/add/+page.ts
@@ -1,8 +1,7 @@
-import { loadServices } from "../../$data.test";
-import { serviceTable, registerModel } from "@/database";
+import { formSchema, loadServices } from "../$data";
+import { registerModel, serviceTable } from "@/database";
 import { superValidate } from "sveltekit-superforms";
 import { zod } from "sveltekit-superforms/adapters";
-import { formSchema } from "../$data";
 
 export async function load({ depends, route }) {
   const form = await superValidate(zod(formSchema));
diff --git a/src/routes/(app)/chat/[id]/[...rest]/config/SelectAccount.svelte b/src/routes/(app)/settings/titles/+page.svelte
similarity index 100%
rename from src/routes/(app)/chat/[id]/[...rest]/config/SelectAccount.svelte
rename to src/routes/(app)/settings/titles/+page.svelte

From 362b3a99aa0ce7d50ebe96e13c42986cd54d0e6c Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Tue, 6 Aug 2024 00:38:04 +1000
Subject: [PATCH 94/98] Update models/chat support for all initial services

---
 package.json                                  |   12 +-
 pnpm-lock.yaml                                | 1545 +++++++++++++++--
 src/database/migrations.test.ts               |    2 +-
 .../migrations/0009_ancient_korath.sql        |    9 +-
 .../migrations/0012_soft_trish_tilby.sql      |    8 +
 .../migrations/meta/0012_snapshot.json        |  553 ++++++
 src/database/migrations/meta/_journal.json    |    7 +
 src/database/schema.ts                        |    1 +
 src/routes/(app)/api/chat/+server.ts          |   12 +-
 src/routes/(app)/api/models/+server.ts        |  145 +-
 src/routes/(app)/settings/keys/$data.ts       |   26 +-
 src/routes/(app)/settings/keys/+page.svelte   |    2 +-
 .../(app)/settings/keys/[id]/+page.svelte     |   56 +-
 .../(app)/settings/keys/add/+page.svelte      |   64 +-
 14 files changed, 2236 insertions(+), 206 deletions(-)
 create mode 100644 src/database/migrations/0012_soft_trish_tilby.sql
 create mode 100644 src/database/migrations/meta/0012_snapshot.json

diff --git a/package.json b/package.json
index c273a8b..2940914 100644
--- a/package.json
+++ b/package.json
@@ -51,9 +51,13 @@
   },
   "type": "module",
   "dependencies": {
-    "@ai-sdk/anthropic": "^0.0.10",
-    "@ai-sdk/google": "^0.0.10",
-    "@ai-sdk/mistral": "^0.0.9",
+    "@ai-sdk/azure": "^0.0.18",
+    "@ai-sdk/amazon-bedrock": "^0.0.9",
+    "@ai-sdk/anthropic": "^0.0.35",
+    "@ai-sdk/cohere": "^0.0.8",
+    "@ai-sdk/google": "^0.0.30",
+    "@ai-sdk/google-vertex": "^0.0.19",
+    "@ai-sdk/mistral": "^0.0.26",
     "@ai-sdk/openai": "^0.0.10",
     "@ai-sdk/ui-utils": "^0.0.9",
     "@fontsource-variable/inter": "^5.0.18",
@@ -61,7 +65,7 @@
     "@lexical/plain-text": "^0.16.0",
     "@lexical/text": "^0.16.0",
     "@lexical/utils": "^0.16.0",
-    "ai": "^3.1.12",
+    "ai": "^3.3.0",
     "bits-ui": "^0.21.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6c109cf..0ed3ceb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,15 +8,27 @@ importers:
 
   .:
     dependencies:
+      '@ai-sdk/amazon-bedrock':
+        specifier: ^0.0.9
+        version: 0.0.9(zod@3.23.8)
       '@ai-sdk/anthropic':
-        specifier: ^0.0.10
-        version: 0.0.10(zod@3.23.8)
+        specifier: ^0.0.35
+        version: 0.0.35(zod@3.23.8)
+      '@ai-sdk/azure':
+        specifier: ^0.0.18
+        version: 0.0.18(zod@3.23.8)
+      '@ai-sdk/cohere':
+        specifier: ^0.0.8
+        version: 0.0.8(zod@3.23.8)
       '@ai-sdk/google':
-        specifier: ^0.0.10
-        version: 0.0.10(zod@3.23.8)
+        specifier: ^0.0.30
+        version: 0.0.30(zod@3.23.8)
+      '@ai-sdk/google-vertex':
+        specifier: ^0.0.19
+        version: 0.0.19(@google-cloud/vertexai@1.4.0)(zod@3.23.8)
       '@ai-sdk/mistral':
-        specifier: ^0.0.9
-        version: 0.0.9(zod@3.23.8)
+        specifier: ^0.0.26
+        version: 0.0.26(zod@3.23.8)
       '@ai-sdk/openai':
         specifier: ^0.0.10
         version: 0.0.10(zod@3.23.8)
@@ -39,8 +51,8 @@ importers:
         specifier: ^0.16.0
         version: 0.16.1
       ai:
-        specifier: ^3.1.12
-        version: 3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)
+        specifier: ^3.3.0
+        version: 3.3.0(react@18.3.1)(solid-js@1.8.17)(sswr@2.1.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)
       bits-ui:
         specifier: ^0.21.7
         version: 0.21.7(svelte@5.0.0-next.208)
@@ -55,7 +67,7 @@ importers:
         version: 16.4.5
       drizzle-orm:
         specifier: ^0.30.10
-        version: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
+        version: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
       filepond:
         specifier: ^4.31.1
         version: 4.31.1
@@ -88,7 +100,7 @@ importers:
         version: 5.0.7
       sqlocal:
         specifier: ^0.9.0
-        version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
+        version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
       svelte-filepond:
         specifier: ^0.2.2
         version: 0.2.2(filepond@4.31.1)
@@ -207,32 +219,47 @@ packages:
   '@adobe/css-tools@4.3.3':
     resolution: {integrity: sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==}
 
-  '@ai-sdk/anthropic@0.0.10':
-    resolution: {integrity: sha512-ya53IOWG7xtGEW/d+r55qeUIlEP81LkH5XCot3fbqshnhDVBsqSLxoBzp2vyN3PzftpoL7awglOWR6sHvF9U+g==}
+  '@ai-sdk/amazon-bedrock@0.0.9':
+    resolution: {integrity: sha512-QUjFTvenYmThQgm6feCftf/TdxIjqr9V87MUUXh7iuG983/HehNd3HkYf0AENBE4GyHuvE68+1FB5Qd4hZjZHQ==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
-    peerDependenciesMeta:
-      zod:
-        optional: true
 
-  '@ai-sdk/google@0.0.10':
-    resolution: {integrity: sha512-3TYNGrGnzQpUSwGebSVch3FH477FzDv7wBTw9roBh2sjqr6xGd7lmFeNxm9/wXoZ1ryEM6gHuf2LLot3jiBXLA==}
+  '@ai-sdk/anthropic@0.0.35':
+    resolution: {integrity: sha512-bCyonZyMQZdYTfSazLFRzQ2teuVc8icejbG6JhIZJvoQpcA5zzmruLD335vAf1hhGAFrHjrLNB+u4vTL52pfbQ==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
-    peerDependenciesMeta:
-      zod:
-        optional: true
 
-  '@ai-sdk/mistral@0.0.9':
-    resolution: {integrity: sha512-+77VVID+ENXYMADNi/h2+qc+eEaoe0fYodmAE6hcZGM+yTxL+Ko2RlsX1b3popJ85PdzozBZOcXra1MqLHHF6A==}
+  '@ai-sdk/azure@0.0.18':
+    resolution: {integrity: sha512-dPJRVjRISJn/v15nUiAo+nfh1KG286iPnaq5cR7FCi1j2P3pY12nFnTYlGJYY91jSsme5Vo4kPKmTphbV8XdCw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
+  '@ai-sdk/cohere@0.0.8':
+    resolution: {integrity: sha512-W1YbJp6Aytn/UU0u4Io/xTbfVQ8RZ9wt0UHl6o/GZUdY/h60S1SYTI4PTA+JvZGBoSjZvD5DAGBknfoKCcffqA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
+  '@ai-sdk/google-vertex@0.0.19':
+    resolution: {integrity: sha512-RvftHR7IFU/hRbNznT+5Wyqx8+wA39cg2DGnlhi28PofY7y70V5crZpbESFGCFPXq253ZlO4nwssFXtDWhcQRg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@google-cloud/vertexai': ^1.3.1
+
+  '@ai-sdk/google@0.0.30':
+    resolution: {integrity: sha512-sGkUc7qyJ5LuIkJ+Lsq+VH8o2521biggU45F1oK3jLi9Y6tMA854ZNye5YhgeWVjv56FOBy/okLYvwxPodHfAw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
+  '@ai-sdk/mistral@0.0.26':
+    resolution: {integrity: sha512-v14/KRcpsbriNAZE1KB68RseG3Z4IBZ9g9oVqnc8i/wiTLfD9MXgJoCrJqezAtkaFb/wpdpshHPNCLgAXyrBwg==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
-    peerDependenciesMeta:
-      zod:
-        optional: true
 
   '@ai-sdk/openai@0.0.10':
     resolution: {integrity: sha512-q6x8UVkKE67n9Apy3toPPd5SpLfqxSUQ8t+ADm1A3FXRHMCJUD/1wt8EGSkIPmLZDsLpLXW/NZG+PdgOpHYvAw==}
@@ -243,6 +270,12 @@ packages:
       zod:
         optional: true
 
+  '@ai-sdk/openai@0.0.40':
+    resolution: {integrity: sha512-9Iq1UaBHA5ZzNv6j3govuKGXrbrjuWvZIgWNJv4xzXlDMHu9P9hnqlBr/Aiay54WwCuTVNhTzAUTfFgnTs2kbQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
   '@ai-sdk/provider-utils@0.0.6':
     resolution: {integrity: sha512-SxOZgSxnaVlW04/SjfMoAD45kWOWTWx0QcZrHaQnePooLhyk5AqQpgauPijL803uoJPCKfzd0UBv1gSKvWiU0A==}
     engines: {node: '>=18'}
@@ -252,8 +285,8 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/provider-utils@0.0.8':
-    resolution: {integrity: sha512-J/ZNvFhORd3gCeK3jFvNrxp1Dnvy6PvPq21RJ+OsIEjsoHeKQaHALCWG0aJunXDuzd+Mck/lCg7LqA0qmIbHIg==}
+  '@ai-sdk/provider-utils@1.0.0':
+    resolution: {integrity: sha512-Akq7MmGQII8xAuoVjJns/n/2BTUrF6qaXIj/3nEuXk/hPSdETlLWRSrjrTmLpte1VIPE5ecNzTALST+6nz47UQ==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -261,8 +294,8 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/provider-utils@1.0.0':
-    resolution: {integrity: sha512-Akq7MmGQII8xAuoVjJns/n/2BTUrF6qaXIj/3nEuXk/hPSdETlLWRSrjrTmLpte1VIPE5ecNzTALST+6nz47UQ==}
+  '@ai-sdk/provider-utils@1.0.5':
+    resolution: {integrity: sha512-XfOawxk95X3S43arn2iQIFyWGMi0DTxsf9ETc6t7bh91RPWOOPYN1tsmS5MTKD33OGJeaDQ/gnVRzXUCRBrckQ==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -274,13 +307,52 @@ packages:
     resolution: {integrity: sha512-VTipPQ92Moa5Ovg/nZIc8yNoIFfukZjUHZcQMduJbiUh3CLQyrBAKTEV9AwjPy8wgVxj3+GZjon0yyOJKhfp5g==}
     engines: {node: '>=18'}
 
+  '@ai-sdk/provider@0.0.14':
+    resolution: {integrity: sha512-gaQ5Y033nro9iX1YUjEDFDRhmMcEiCk56LJdIUbX5ozEiCNCfpiBpEqrjSp/Gp5RzBS2W0BVxfG7UGW6Ezcrzg==}
+    engines: {node: '>=18'}
+
   '@ai-sdk/provider@0.0.3':
     resolution: {integrity: sha512-0B8P6VZpJ6F9yS9BpmJBYSqIaIfeRtL5tD5SP+qgR8y0pPwalIbRMUFiLz9YUT6g70MJsCLpm/2/fX3cfAYCJw==}
     engines: {node: '>=18'}
 
-  '@ai-sdk/provider@0.0.5':
-    resolution: {integrity: sha512-TZDldBZ5clAsNwJ2PSeo/b1uILj9a2lvi0rnOj2RCNZDgaVqFRVIAnKyeHusCRv2lzhPIw03B3fiGI6VoLzOAA==}
+  '@ai-sdk/react@0.0.36':
+    resolution: {integrity: sha512-LAxFLtHKN1BajTNP8YzyVIwXn45LSunmvm2Svrfq5oPOyJ2gUEjtaONnbme4mwRXJ1kk6b63SLrgOIXbz6XF/g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18 || ^19
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      zod:
+        optional: true
+
+  '@ai-sdk/solid@0.0.27':
+    resolution: {integrity: sha512-uEvlT7MBkRRZxk7teDgtrGe7G3U9tspgSJUvupdOE2d0a4vLlHrMqHb07ao97/Xo1aVHh7oBF9XIgRzKnFtbIQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      solid-js: ^1.7.7
+    peerDependenciesMeta:
+      solid-js:
+        optional: true
+
+  '@ai-sdk/svelte@0.0.29':
+    resolution: {integrity: sha512-7vrh61wXPVfy19nS4CqyAC3UWjsOgj/b94PCccVTGFoqbmVSa0VptXPYoFfgPTP/W71v7TjXqeq1ygLc4noTZw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      svelte: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  '@ai-sdk/ui-utils@0.0.24':
+    resolution: {integrity: sha512-NBhhICWJ5vAkN4BJnP/MyT+fOB6rTlGlsKGQwvjlhNxdrY1/jXqe2ikNkCbCSEz20IDk82bmg2JJBM96g1O3Ig==}
     engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      zod:
+        optional: true
 
   '@ai-sdk/ui-utils@0.0.9':
     resolution: {integrity: sha512-RdC68yG1abpFQgpm3Tcn4hMbRzpRj0BXbphhwSpMwHqPQu4c/n82tYYJvhGB+rRXs/qLftLBS1NtrhqEYSVZTg==}
@@ -291,6 +363,15 @@ packages:
       zod:
         optional: true
 
+  '@ai-sdk/vue@0.0.28':
+    resolution: {integrity: sha512-ZnDjkkUH/9xoXqJEmyrG9Z8z7DKBnp2uyCd9ZVI8QSqKOaP0jOwhv8THUXlIqDEF+ULLGMWm0XeY/L7i3CMYTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      vue: ^3.3.4
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -305,6 +386,125 @@ packages:
   '@ark/util@0.1.0':
     resolution: {integrity: sha512-qCLYICQoCy3kEKDVwirQp8qvxhY7NJd8BhhoHaj1l3wCFAk9NUbcDsxAkPStZEMdPI/d7NcbGJe8SWZuRG2twQ==}
 
+  '@aws-crypto/crc32@5.2.0':
+    resolution: {integrity: sha512-nLbCWqQNgUiwwtFsen1AdzAtvuLRsQS8rYgMuxCrdKf9kOssamGLuPwyTY9wyYblNr9+1XM8v6zoDTPPSIeANg==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-crypto/sha256-browser@5.2.0':
+    resolution: {integrity: sha512-AXfN/lGotSQwu6HNcEsIASo7kWXZ5HYWvfOmSNKDsEqC4OashTp8alTmaz+F7TC2L083SFv5RdB+qU3Vs1kZqw==}
+
+  '@aws-crypto/sha256-js@5.2.0':
+    resolution: {integrity: sha512-FFQQyu7edu4ufvIZ+OadFpHHOt+eSTBaYaki44c+akjg7qZg9oOQeLlk77F6tSYqjDAFClrHJk9tMf0HdVyOvA==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-crypto/supports-web-crypto@5.2.0':
+    resolution: {integrity: sha512-iAvUotm021kM33eCdNfwIN//F77/IADDSs58i+MDaOqFrVjZo9bAal0NK7HurRuWLLpF1iLX7gbWrjHjeo+YFg==}
+
+  '@aws-crypto/util@5.2.0':
+    resolution: {integrity: sha512-4RkU9EsI6ZpBve5fseQlGNUWKMa1RLPQ1dnjnQoe07ldfIzcsGb5hC5W0Dm7u423KWzawlrpbjXBrXCEv9zazQ==}
+
+  '@aws-sdk/client-bedrock-runtime@3.602.0':
+    resolution: {integrity: sha512-m6+Yey6/4OBEYuBvoiz5Z5O3dkOrkUcIj9LkFLuXDUllb4UNWWc8ePUnQ4xQpWEyQELceeOPSs5ngdZiHrCemw==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/client-sso-oidc@3.600.0':
+    resolution: {integrity: sha512-7+I8RWURGfzvChyNQSyj5/tKrqRbzRl7H+BnTOf/4Vsw1nFOi5ROhlhD4X/Y0QCTacxnaoNcIrqnY7uGGvVRzw==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/client-sso@3.598.0':
+    resolution: {integrity: sha512-nOI5lqPYa+YZlrrzwAJywJSw3MKVjvu6Ge2fCqQUNYMfxFB0NAaDFnl0EPjXi+sEbtCuz/uWE77poHbqiZ+7Iw==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/client-sts@3.600.0':
+    resolution: {integrity: sha512-KQG97B7LvTtTiGmjlrG1LRAY8wUvCQzrmZVV5bjrJ/1oXAU7DITYwVbSJeX9NWg6hDuSk0VE3MFwIXS2SvfLIA==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/core@3.598.0':
+    resolution: {integrity: sha512-HaSjt7puO5Cc7cOlrXFCW0rtA0BM9lvzjl56x0A20Pt+0wxXGeTOZZOkXQIepbrFkV2e/HYukuT9e99vXDm59g==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-env@3.598.0':
+    resolution: {integrity: sha512-vi1khgn7yXzLCcgSIzQrrtd2ilUM0dWodxj3PQ6BLfP0O+q1imO3hG1nq7DVyJtq7rFHs6+9N8G4mYvTkxby2w==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-http@3.598.0':
+    resolution: {integrity: sha512-N7cIafi4HVlQvEgvZSo1G4T9qb/JMLGMdBsDCT5XkeJrF0aptQWzTFH0jIdZcLrMYvzPcuEyO3yCBe6cy/ba0g==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-ini@3.598.0':
+    resolution: {integrity: sha512-/ppcIVUbRwDIwJDoYfp90X3+AuJo2mvE52Y1t2VSrvUovYn6N4v95/vXj6LS8CNDhz2jvEJYmu+0cTMHdhI6eA==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sts': ^3.598.0
+
+  '@aws-sdk/credential-provider-node@3.600.0':
+    resolution: {integrity: sha512-1pC7MPMYD45J7yFjA90SxpR0yaSvy+yZiq23aXhAPZLYgJBAxHLu0s0mDCk/piWGPh8+UGur5K0bVdx4B1D5hw==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-process@3.598.0':
+    resolution: {integrity: sha512-rM707XbLW8huMk722AgjVyxu2tMZee++fNA8TJVNgs1Ma02Wx6bBrfIvlyK0rCcIRb0WdQYP6fe3Xhiu4e8IBA==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-sso@3.598.0':
+    resolution: {integrity: sha512-5InwUmrAuqQdOOgxTccRayMMkSmekdLk6s+az9tmikq0QFAHUCtofI+/fllMXSR9iL6JbGYi1940+EUmS4pHJA==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/credential-provider-web-identity@3.598.0':
+    resolution: {integrity: sha512-GV5GdiMbz5Tz9JO4NJtRoFXjW0GPEujA0j+5J/B723rTN+REHthJu48HdBKouHGhdzkDWkkh1bu52V02Wprw8w==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sts': ^3.598.0
+
+  '@aws-sdk/middleware-host-header@3.598.0':
+    resolution: {integrity: sha512-WiaG059YBQwQraNejLIi0gMNkX7dfPZ8hDIhvMr5aVPRbaHH8AYF3iNSsXYCHvA2Cfa1O9haYXsuMF9flXnCmA==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/middleware-logger@3.598.0':
+    resolution: {integrity: sha512-bxBjf/VYiu3zfu8SYM2S9dQQc3tz5uBAOcPz/Bt8DyyK3GgOpjhschH/2XuUErsoUO1gDJqZSdGOmuHGZQn00Q==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/middleware-recursion-detection@3.598.0':
+    resolution: {integrity: sha512-vjT9BeFY9FeN0f8hm2l6F53tI0N5bUq6RcDkQXKNabXBnQxKptJRad6oP2X5y3FoVfBLOuDkQgiC2940GIPxtQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/middleware-user-agent@3.598.0':
+    resolution: {integrity: sha512-4tjESlHG5B5MdjUaLK7tQs/miUtHbb6deauQx8ryqSBYOhfHVgb1ZnzvQR0bTrhpqUg0WlybSkDaZAICf9xctg==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/region-config-resolver@3.598.0':
+    resolution: {integrity: sha512-oYXhmTokSav4ytmWleCr3rs/1nyvZW/S0tdi6X7u+dLNL5Jee+uMxWGzgOrWK6wrQOzucLVjS4E/wA11Kv2GTw==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/token-providers@3.598.0':
+    resolution: {integrity: sha512-TKY1EVdHVBnZqpyxyTHdpZpa1tUpb6nxVeRNn1zWG8QB5MvH4ALLd/jR+gtmWDNQbIG4cVuBOZFVL8hIYicKTA==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@aws-sdk/client-sso-oidc': ^3.598.0
+
+  '@aws-sdk/types@3.598.0':
+    resolution: {integrity: sha512-742uRl6z7u0LFmZwDrFP6r1wlZcgVPw+/TilluDJmCAR8BgRw3IR+743kUXKBGd8QZDRW2n6v/PYsi/AWCDDMQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/util-endpoints@3.598.0':
+    resolution: {integrity: sha512-Qo9UoiVVZxcOEdiOMZg3xb1mzkTxrhd4qSlg5QQrfWPJVx/QOg+Iy0NtGxPtHtVZNHZxohYwDwV/tfsnDSE2gQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/util-locate-window@3.568.0':
+    resolution: {integrity: sha512-3nh4TINkXYr+H41QaPelCceEB2FXP3fxp93YZXB/kqJvX0U9j0N0Uk45gvsjmEPzG8XxkPEeLIfT2I1M7A6Lig==}
+    engines: {node: '>=16.0.0'}
+
+  '@aws-sdk/util-user-agent-browser@3.598.0':
+    resolution: {integrity: sha512-36Sxo6F+ykElaL1mWzWjlg+1epMpSe8obwhCN1yGE7Js9ywy5U6k6l+A3q3YM9YRbm740sNxncbwLklMvuhTKw==}
+
+  '@aws-sdk/util-user-agent-node@3.598.0':
+    resolution: {integrity: sha512-oyWGcOlfTdzkC6SVplyr0AGh54IMrDxbhg5RxJ5P+V4BKfcDoDcZV9xenUk9NsOi9MuUjxMumb9UJGkDhM1m0A==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      aws-crt: '>=1.0.0'
+    peerDependenciesMeta:
+      aws-crt:
+        optional: true
+
   '@babel/code-frame@7.24.2':
     resolution: {integrity: sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==}
     engines: {node: '>=6.9.0'}
@@ -960,6 +1160,10 @@ packages:
     resolution: {integrity: sha512-3xGptCurm23e7nuPQkdrE5rEs1FeTPHhAUsBuwwqG4/YeZLwJOoYZv+fmsppUEfo5y9lzUwNQrNqLS/q7HMc7g==}
     hasBin: true
 
+  '@google-cloud/vertexai@1.4.0':
+    resolution: {integrity: sha512-3D06+qlpbotQINBUbxC5c9zuv5nM5VLnaQZCcktfvSHnue3jsQ1sG1+/ZSkx8E9OidpVNAh5iCcAEZd8N7hPnQ==}
+    engines: {node: '>=18.0.0'}
+
   '@hapi/hoek@9.3.0':
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
 
@@ -1086,6 +1290,10 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
+  '@opentelemetry/api@1.9.0':
+    resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
+    engines: {node: '>=8.0.0'}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -1219,6 +1427,189 @@ packages:
     resolution: {integrity: sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g==}
     engines: {node: '>=14.16'}
 
+  '@smithy/abort-controller@3.1.1':
+    resolution: {integrity: sha512-MBJBiidoe+0cTFhyxT8g+9g7CeVccLM0IOKKUMCNQ1CNMJ/eIfoo0RTfVrXOONEI1UCN1W+zkiHSbzUNE9dZtQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/config-resolver@3.0.5':
+    resolution: {integrity: sha512-SkW5LxfkSI1bUC74OtfBbdz+grQXYiPYolyu8VfpLIjEoN/sHVBlLeGXMQ1vX4ejkgfv6sxVbQJ32yF2cl1veA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/core@2.3.2':
+    resolution: {integrity: sha512-in5wwt6chDBcUv1Lw1+QzZxN9fBffi+qOixfb65yK4sDuKG7zAUO9HAFqmVzsZM3N+3tTyvZjtnDXePpvp007Q==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/credential-provider-imds@3.2.0':
+    resolution: {integrity: sha512-0SCIzgd8LYZ9EJxUjLXBmEKSZR/P/w6l7Rz/pab9culE/RWuqelAKGJvn5qUOl8BgX8Yj5HWM50A5hiB/RzsgA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/eventstream-codec@3.1.2':
+    resolution: {integrity: sha512-0mBcu49JWt4MXhrhRAlxASNy0IjDRFU+aWNDRal9OtUJvJNiwDuyKMUONSOjLjSCeGwZaE0wOErdqULer8r7yw==}
+
+  '@smithy/eventstream-serde-browser@3.0.5':
+    resolution: {integrity: sha512-dEyiUYL/ekDfk+2Ra4GxV+xNnFoCmk1nuIXg+fMChFTrM2uI/1r9AdiTYzPqgb72yIv/NtAj6C3dG//1wwgakQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/eventstream-serde-config-resolver@3.0.3':
+    resolution: {integrity: sha512-NVTYjOuYpGfrN/VbRQgn31x73KDLfCXCsFdad8DiIc3IcdxL+dYA9zEQPyOP7Fy2QL8CPy2WE4WCUD+ZsLNfaQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/eventstream-serde-node@3.0.4':
+    resolution: {integrity: sha512-mjlG0OzGAYuUpdUpflfb9zyLrBGgmQmrobNT8b42ZTsGv/J03+t24uhhtVEKG/b2jFtPIHF74Bq+VUtbzEKOKg==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/eventstream-serde-universal@3.0.4':
+    resolution: {integrity: sha512-Od9dv8zh3PgOD7Vj4T3HSuox16n0VG8jJIM2gvKASL6aCtcS8CfHZDWe1Ik3ZXW6xBouU+45Q5wgoliWDZiJ0A==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/fetch-http-handler@3.2.4':
+    resolution: {integrity: sha512-kBprh5Gs5h7ug4nBWZi1FZthdqSM+T7zMmsZxx0IBvWUn7dK3diz2SHn7Bs4dQGFDk8plDv375gzenDoNwrXjg==}
+
+  '@smithy/hash-node@3.0.3':
+    resolution: {integrity: sha512-2ctBXpPMG+B3BtWSGNnKELJ7SH9e4TNefJS0cd2eSkOOROeBnnVBnAy9LtJ8tY4vUEoe55N4CNPxzbWvR39iBw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/invalid-dependency@3.0.3':
+    resolution: {integrity: sha512-ID1eL/zpDULmHJbflb864k72/SNOZCADRc9i7Exq3RUNJw6raWUSlFEQ+3PX3EYs++bTxZB2dE9mEHTQLv61tw==}
+
+  '@smithy/is-array-buffer@2.2.0':
+    resolution: {integrity: sha512-GGP3O9QFD24uGeAXYUjwSTXARoqpZykHadOmA8G5vfJPK0/DC67qa//0qvqrJzL1xc8WQWX7/yc7fwudjPHPhA==}
+    engines: {node: '>=14.0.0'}
+
+  '@smithy/is-array-buffer@3.0.0':
+    resolution: {integrity: sha512-+Fsu6Q6C4RSJiy81Y8eApjEB5gVtM+oFKTffg+jSuwtvomJJrhUJBu2zS8wjXSgH/g1MKEWrzyChTBe6clb5FQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/middleware-content-length@3.0.5':
+    resolution: {integrity: sha512-ILEzC2eyxx6ncej3zZSwMpB5RJ0zuqH7eMptxC4KN3f+v9bqT8ohssKbhNR78k/2tWW+KS5Spw+tbPF4Ejyqvw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/middleware-endpoint@3.1.0':
+    resolution: {integrity: sha512-5y5aiKCEwg9TDPB4yFE7H6tYvGFf1OJHNczeY10/EFF8Ir8jZbNntQJxMWNfeQjC1mxPsaQ6mR9cvQbf+0YeMw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/middleware-retry@3.0.14':
+    resolution: {integrity: sha512-7ZaWZJOjUxa5hgmuMspyt8v/zVsh0GXYuF7OvCmdcbVa/xbnKQoYC+uYKunAqRGTkxjOyuOCw9rmFUFOqqC0eQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/middleware-serde@3.0.3':
+    resolution: {integrity: sha512-puUbyJQBcg9eSErFXjKNiGILJGtiqmuuNKEYNYfUD57fUl4i9+mfmThtQhvFXU0hCVG0iEJhvQUipUf+/SsFdA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/middleware-stack@3.0.3':
+    resolution: {integrity: sha512-r4klY9nFudB0r9UdSMaGSyjyQK5adUyPnQN/ZM6M75phTxOdnc/AhpvGD1fQUvgmqjQEBGCwpnPbDm8pH5PapA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/node-config-provider@3.1.4':
+    resolution: {integrity: sha512-YvnElQy8HR4vDcAjoy7Xkx9YT8xZP4cBXcbJSgm/kxmiQu08DwUwj8rkGnyoJTpfl/3xYHH+d8zE+eHqoDCSdQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/node-http-handler@3.1.4':
+    resolution: {integrity: sha512-+UmxgixgOr/yLsUxcEKGH0fMNVteJFGkmRltYFHnBMlogyFdpzn2CwqWmxOrfJELhV34v0WSlaqG1UtE1uXlJg==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/property-provider@3.1.3':
+    resolution: {integrity: sha512-zahyOVR9Q4PEoguJ/NrFP4O7SMAfYO1HLhB18M+q+Z4KFd4V2obiMnlVoUFzFLSPeVt1POyNWneHHrZaTMoc/g==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/protocol-http@4.1.0':
+    resolution: {integrity: sha512-dPVoHYQ2wcHooGXg3LQisa1hH0e4y0pAddPMeeUPipI1tEOqL6A4N0/G7abeq+K8wrwSgjk4C0wnD1XZpJm5aA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/querystring-builder@3.0.3':
+    resolution: {integrity: sha512-vyWckeUeesFKzCDaRwWLUA1Xym9McaA6XpFfAK5qI9DKJ4M33ooQGqvM4J+LalH4u/Dq9nFiC8U6Qn1qi0+9zw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/querystring-parser@3.0.3':
+    resolution: {integrity: sha512-zahM1lQv2YjmznnfQsWbYojFe55l0SLG/988brlLv1i8z3dubloLF+75ATRsqPBboUXsW6I9CPGE5rQgLfY0vQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/service-error-classification@3.0.3':
+    resolution: {integrity: sha512-Jn39sSl8cim/VlkLsUhRFq/dKDnRUFlfRkvhOJaUbLBXUsLRLNf9WaxDv/z9BjuQ3A6k/qE8af1lsqcwm7+DaQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/shared-ini-file-loader@3.1.4':
+    resolution: {integrity: sha512-qMxS4hBGB8FY2GQqshcRUy1K6k8aBWP5vwm8qKkCT3A9K2dawUwOIJfqh9Yste/Bl0J2lzosVyrXDj68kLcHXQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/signature-v4@3.1.2':
+    resolution: {integrity: sha512-3BcPylEsYtD0esM4Hoyml/+s7WP2LFhcM3J2AGdcL2vx9O60TtfpDOL72gjb4lU8NeRPeKAwR77YNyyGvMbuEA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/smithy-client@3.1.12':
+    resolution: {integrity: sha512-wtm8JtsycthkHy1YA4zjIh2thJgIQ9vGkoR639DBx5lLlLNU0v4GARpQZkr2WjXue74nZ7MiTSWfVrLkyD8RkA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/types@3.3.0':
+    resolution: {integrity: sha512-IxvBBCTFDHbVoK7zIxqA1ZOdc4QfM5HM7rGleCuHi7L1wnKv5Pn69xXJQ9hgxH60ZVygH9/JG0jRgtUncE3QUA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/url-parser@3.0.3':
+    resolution: {integrity: sha512-pw3VtZtX2rg+s6HMs6/+u9+hu6oY6U7IohGhVNnjbgKy86wcIsSZwgHrFR+t67Uyxvp4Xz3p3kGXXIpTNisq8A==}
+
+  '@smithy/util-base64@3.0.0':
+    resolution: {integrity: sha512-Kxvoh5Qtt0CDsfajiZOCpJxgtPHXOKwmM+Zy4waD43UoEMA+qPxxa98aE/7ZhdnBFZFXMOiBR5xbcaMhLtznQQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-body-length-browser@3.0.0':
+    resolution: {integrity: sha512-cbjJs2A1mLYmqmyVl80uoLTJhAcfzMOyPgjwAYusWKMdLeNtzmMz9YxNl3/jRLoxSS3wkqkf0jwNdtXWtyEBaQ==}
+
+  '@smithy/util-body-length-node@3.0.0':
+    resolution: {integrity: sha512-Tj7pZ4bUloNUP6PzwhN7K386tmSmEET9QtQg0TgdNOnxhZvCssHji+oZTUIuzxECRfG8rdm2PMw2WCFs6eIYkA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-buffer-from@2.2.0':
+    resolution: {integrity: sha512-IJdWBbTcMQ6DA0gdNhh/BwrLkDR+ADW5Kr1aZmd4k3DIF6ezMV4R2NIAmT08wQJ3yUK82thHWmC/TnK/wpMMIA==}
+    engines: {node: '>=14.0.0'}
+
+  '@smithy/util-buffer-from@3.0.0':
+    resolution: {integrity: sha512-aEOHCgq5RWFbP+UDPvPot26EJHjOC+bRgse5A8V3FSShqd5E5UN4qc7zkwsvJPPAVsf73QwYcHN1/gt/rtLwQA==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-config-provider@3.0.0':
+    resolution: {integrity: sha512-pbjk4s0fwq3Di/ANL+rCvJMKM5bzAQdE5S/6RL5NXgMExFAi6UgQMPOm5yPaIWPpr+EOXKXRonJ3FoxKf4mCJQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-defaults-mode-browser@3.0.14':
+    resolution: {integrity: sha512-0iwTgKKmAIf+vFLV8fji21Jb2px11ktKVxbX6LIDPAUJyWQqGqBVfwba7xwa1f2FZUoolYQgLvxQEpJycXuQ5w==}
+    engines: {node: '>= 10.0.0'}
+
+  '@smithy/util-defaults-mode-node@3.0.14':
+    resolution: {integrity: sha512-e9uQarJKfXApkTMMruIdxHprhcXivH1flYCe8JRDTzkkLx8dA3V5J8GZlST9yfDiRWkJpZJlUXGN9Rc9Ade3OQ==}
+    engines: {node: '>= 10.0.0'}
+
+  '@smithy/util-endpoints@2.0.5':
+    resolution: {integrity: sha512-ReQP0BWihIE68OAblC/WQmDD40Gx+QY1Ez8mTdFMXpmjfxSyz2fVQu3A4zXRfQU9sZXtewk3GmhfOHswvX+eNg==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-hex-encoding@3.0.0':
+    resolution: {integrity: sha512-eFndh1WEK5YMUYvy3lPlVmYY/fZcQE1D8oSf41Id2vCeIkKJXPcYDCZD+4+xViI6b1XSd7tE+s5AmXzz5ilabQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-middleware@3.0.3':
+    resolution: {integrity: sha512-l+StyYYK/eO3DlVPbU+4Bi06Jjal+PFLSMmlWM1BEwyLxZ3aKkf1ROnoIakfaA7mC6uw3ny7JBkau4Yc+5zfWw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-retry@3.0.3':
+    resolution: {integrity: sha512-AFw+hjpbtVApzpNDhbjNG5NA3kyoMs7vx0gsgmlJF4s+yz1Zlepde7J58zpIRIsdjc+emhpAITxA88qLkPF26w==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-stream@3.1.3':
+    resolution: {integrity: sha512-FIv/bRhIlAxC0U7xM1BCnF2aDRPq0UaelqBHkM2lsCp26mcBbgI0tCVTv+jGdsQLUmAMybua/bjDsSu8RQHbmw==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-uri-escape@3.0.0':
+    resolution: {integrity: sha512-LqR7qYLgZTD7nWLBecUi4aqolw8Mhza9ArpNEQ881MJJIU2sE5iHCK6TdyqqzcDLy0OPe10IY4T8ctVdtynubg==}
+    engines: {node: '>=16.0.0'}
+
+  '@smithy/util-utf8@2.3.0':
+    resolution: {integrity: sha512-R8Rdn8Hy72KKcebgLiv8jQcQkXoLMOGGv5uI1/k0l+snqkOzQ1R0ChUBCxWMlBsFMekWjq0wRudIweFs7sKT5A==}
+    engines: {node: '>=14.0.0'}
+
+  '@smithy/util-utf8@3.0.0':
+    resolution: {integrity: sha512-rUeT12bxFnplYDe815GXbq/oixEGHfRFFtcTF3YdDi/JaENIM6aSYYLJydG83UNzLXeRI5K8abYd/8Sp/QM0kA==}
+    engines: {node: '>=16.0.0'}
+
   '@sodaru/yup-to-json-schema@2.0.1':
     resolution: {integrity: sha512-lWb0Wiz8KZ9ip/dY1eUqt7fhTPmL24p6Hmv5Fd9pzlzAdw/YNcWZr+tiCT4oZ4Zyxzi9+1X4zv82o7jYvcFxYA==}
 
@@ -1503,27 +1894,24 @@ packages:
     resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
     engines: {node: '>= 14'}
 
-  ai@3.1.12:
-    resolution: {integrity: sha512-XlurBw1sdgQCFmCTPYjKjpm+fPS6iY+tLb/PYNUEjZn3bhqosAkcqUkGJTsFP49OMAWO1Lm2oPthCakKcn6Lzw==}
+  ai@3.3.0:
+    resolution: {integrity: sha512-ndW4G9jw8ImIsTWK2iderOWMVn4H3B6u+KHlZ7hJEvFBdBYTFQ62qTw10AmHsQefjwHRC/2evr9qf79EkSwo9Q==}
     engines: {node: '>=18'}
     peerDependencies:
       openai: ^4.42.0
-      react: ^18.2.0
-      solid-js: ^1.7.7
+      react: ^18 || ^19
+      sswr: ^2.1.0
       svelte: ^3.0.0 || ^4.0.0
-      vue: ^3.3.4
       zod: ^3.0.0
     peerDependenciesMeta:
       openai:
         optional: true
       react:
         optional: true
-      solid-js:
+      sswr:
         optional: true
       svelte:
         optional: true
-      vue:
-        optional: true
       zod:
         optional: true
 
@@ -1640,6 +2028,9 @@ packages:
     resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
     engines: {node: '>=0.6'}
 
+  bignumber.js@9.1.2:
+    resolution: {integrity: sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==}
+
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
@@ -1661,6 +2052,9 @@ packages:
   bluebird@3.4.7:
     resolution: {integrity: sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA==}
 
+  bowser@2.11.0:
+    resolution: {integrity: sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==}
+
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -1683,6 +2077,9 @@ packages:
     resolution: {integrity: sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==}
     engines: {node: '>=8.0.0'}
 
+  buffer-equal-constant-time@1.0.1:
+    resolution: {integrity: sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==}
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -1772,6 +2169,9 @@ packages:
     resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
     engines: {node: '>= 12'}
 
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -2085,6 +2485,9 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
+  ecdsa-sig-formatter@1.0.11:
+    resolution: {integrity: sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==}
+
   edge-paths@3.0.5:
     resolution: {integrity: sha512-sB7vSrDnFa4ezWQk9nZ/n0FdpdUuC6R1EOrlU3DL+bovcNFK28rqu2emmAUjujYEJTWIgQGqgVVWUZXMnc8iWg==}
     engines: {node: '>=14.0.0'}
@@ -2240,6 +2643,9 @@ packages:
   ext@1.7.0:
     resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
 
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
   extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -2255,6 +2661,10 @@ packages:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
 
+  fast-xml-parser@4.2.5:
+    resolution: {integrity: sha512-B9/wizE4WngqQftFPmdaMYlXoJlJOYxGQOanC77fq9k8+Z0v5dDSVh+3glErdIROP//s/jgb7ZuxKfB8nVyo0g==}
+    hasBin: true
+
   fastq@1.17.1:
     resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
 
@@ -2337,9 +2747,17 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
+  gaxios@6.7.0:
+    resolution: {integrity: sha512-DSrkyMTfAnAm4ks9Go20QGOcXEyW/NmZhvTYBU2rb4afBB393WIMQPWPEDMl/k8xqiNN9HYq2zao3oWXsdl2Tg==}
+    engines: {node: '>=14'}
+
   gc-hook@0.3.1:
     resolution: {integrity: sha512-E5M+O/h2o7eZzGhzRZGex6hbB3k4NWqO0eA+OzLRLXxhdbYPajZnynPwAtphnh+cRHPwsj5Z80dqZlfI4eK55A==}
 
+  gcp-metadata@6.1.0:
+    resolution: {integrity: sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==}
+    engines: {node: '>=14'}
+
   geckodriver@4.4.0:
     resolution: {integrity: sha512-Y/Np2VkAhBkJoFAIY3pKH3rICUcR5rH9VD6EHwh0CqUIh6Opzr/NFwfcQenYfbRT/659R15/35LpA1s6h9wPPg==}
     engines: {node: ^16.13 || >=18 || >=20}
@@ -2410,6 +2828,10 @@ packages:
   globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
 
+  google-auth-library@9.13.0:
+    resolution: {integrity: sha512-p9Y03Uzp/Igcs36zAaB0XTSwZ8Y0/tpYiz5KIde5By+H9DCVUSYtDWZu6aFXsWTqENMb8BD/pDT3hR8NVrPkfA==}
+    engines: {node: '>=14'}
+
   got@12.6.1:
     resolution: {integrity: sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ==}
     engines: {node: '>=14.16'}
@@ -2424,6 +2846,10 @@ packages:
     resolution: {integrity: sha512-GGTKBX4SD7Wdb8mqeDLni2oaRGYQWjWHGKPQ24ZMnUtKfcsVoiv4uX8+LJr1K6U5VW2Lu1BwJnj7uiori0YtRw==}
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
 
+  gtoken@7.1.0:
+    resolution: {integrity: sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==}
+    engines: {node: '>=14.0.0'}
+
   hanji@0.0.5:
     resolution: {integrity: sha512-Abxw1Lq+TnYiL4BueXqMau222fPSPMFtya8HdpWsz/xVAhifXou71mPh/kY2+08RgFcVccjG3uZHs6K5HAe3zw==}
 
@@ -2589,6 +3015,9 @@ packages:
       canvas:
         optional: true
 
+  json-bigint@1.0.0:
+    resolution: {integrity: sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==}
+
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
@@ -2614,6 +3043,12 @@ packages:
   just-clone@6.2.0:
     resolution: {integrity: sha512-1IynUYEc/HAwxhi3WDpIpxJbZpMCvvrrmZVqvj9EhpvbH8lls7HhdhiByjL7DkAaWlLIzpC0Xc/VPvy/UxLNjA==}
 
+  jwa@2.0.0:
+    resolution: {integrity: sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==}
+
+  jws@4.0.0:
+    resolution: {integrity: sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==}
+
   katex@0.16.10:
     resolution: {integrity: sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA==}
     hasBin: true
@@ -3423,13 +3858,6 @@ packages:
   solid-js@1.8.17:
     resolution: {integrity: sha512-E0FkUgv9sG/gEBWkHr/2XkBluHb1fkrHywUgA6o6XolPDCJ4g1HaLmQufcBBhiF36ee40q+HpG/vCZu7fLpI3Q==}
 
-  solid-swr-store@0.10.7:
-    resolution: {integrity: sha512-A6d68aJmRP471aWqKKPE2tpgOiR5fH4qXQNfKIec+Vap+MGQm3tvXlT8n0I8UgJSlNAsSAUuw2VTviH2h3Vv5g==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      solid-js: ^1.2
-      swr-store: ^0.10
-
   sorcery@0.11.0:
     resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
     hasBin: true
@@ -3473,10 +3901,10 @@ packages:
       kysely:
         optional: true
 
-  sswr@2.0.0:
-    resolution: {integrity: sha512-mV0kkeBHcjcb0M5NqKtKVg/uTIYNlIIniyDfSGrSfxpEdM9C365jK0z55pl9K0xAkNTJi2OAOVFQpgMPUk+V0w==}
+  sswr@2.1.0:
+    resolution: {integrity: sha512-Cqc355SYlTAaUt8iDPaC/4DPPXK925PePLMxyBKuWd5kKc5mwsG3nT9+Mq2tyguL5s7b4Jg+IRMpTRsNTAfpSQ==}
     peerDependencies:
-      svelte: ^4.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
 
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
@@ -3538,6 +3966,9 @@ packages:
   strip-literal@2.1.0:
     resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
 
+  strnum@1.0.5:
+    resolution: {integrity: sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==}
+
   sucrase@3.35.0:
     resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -3633,12 +4064,8 @@ packages:
       '@sveltejs/kit': 1.x || 2.x
       svelte: 3.x || 4.x || >=5.0.0-next.51
 
-  swr-store@0.10.6:
-    resolution: {integrity: sha512-xPjB1hARSiRaNNlUQvWSVrG5SirCjk2TmaUyzzvk69SZQan9hCJqw/5rG9iL7xElHU784GxRPISClq4488/XVw==}
-    engines: {node: '>=10'}
-
-  swr@2.2.0:
-    resolution: {integrity: sha512-AjqHOv2lAhkuUdIiBu9xbuettzAzWXmCEcLONNKJRba87WAefz8Ca9d6ds/SzrPc235n1IxWYdhJ2zF3MNUaoQ==}
+  swr@2.2.5:
+    resolution: {integrity: sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==}
     peerDependencies:
       react: ^16.11.0 || ^17.0.0 || ^18.0.0
 
@@ -3834,6 +4261,14 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@10.0.0:
+    resolution: {integrity: sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==}
+    hasBin: true
+
+  uuid@9.0.1:
+    resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
+    hasBin: true
+
   valibot@0.31.1:
     resolution: {integrity: sha512-2YYIhPrnVSz/gfT2/iXVTrSj92HwchCt9Cga/6hX4B26iCz9zkIsGTS0HjDYTZfTi1Un0X6aRvhBi1cfqs/i0Q==}
 
@@ -4114,25 +4549,53 @@ snapshots:
 
   '@adobe/css-tools@4.3.3': {}
 
-  '@ai-sdk/anthropic@0.0.10(zod@3.23.8)':
+  '@ai-sdk/amazon-bedrock@0.0.9(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
-    optionalDependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@aws-sdk/client-bedrock-runtime': 3.602.0
       zod: 3.23.8
+    transitivePeerDependencies:
+      - aws-crt
 
-  '@ai-sdk/google@0.0.10(zod@3.23.8)':
+  '@ai-sdk/anthropic@0.0.35(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
-    optionalDependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
       zod: 3.23.8
 
-  '@ai-sdk/mistral@0.0.9(zod@3.23.8)':
+  '@ai-sdk/azure@0.0.18(zod@3.23.8)':
     dependencies:
-      '@ai-sdk/provider': 0.0.3
-      '@ai-sdk/provider-utils': 0.0.6(zod@3.23.8)
-    optionalDependencies:
+      '@ai-sdk/openai': 0.0.40(zod@3.23.8)
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      zod: 3.23.8
+
+  '@ai-sdk/cohere@0.0.8(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      zod: 3.23.8
+
+  '@ai-sdk/google-vertex@0.0.19(@google-cloud/vertexai@1.4.0)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@google-cloud/vertexai': 1.4.0
+      json-schema: 0.4.0
+    transitivePeerDependencies:
+      - zod
+
+  '@ai-sdk/google@0.0.30(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      zod: 3.23.8
+
+  '@ai-sdk/mistral@0.0.26(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
       zod: 3.23.8
 
   '@ai-sdk/openai@0.0.10(zod@3.23.8)':
@@ -4142,6 +4605,12 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
+  '@ai-sdk/openai@0.0.40(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      zod: 3.23.8
+
   '@ai-sdk/provider-utils@0.0.6(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.3
@@ -4151,57 +4620,490 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
-  '@ai-sdk/provider-utils@0.0.8(zod@3.23.8)':
+  '@ai-sdk/provider-utils@1.0.0(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.11
+      eventsource-parser: 1.1.2
+      nanoid: 3.3.6
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/provider-utils@1.0.5(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      eventsource-parser: 1.1.2
+      nanoid: 3.3.6
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/provider@0.0.11':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@ai-sdk/provider@0.0.14':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@ai-sdk/provider@0.0.3':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@ai-sdk/react@0.0.36(react@18.3.1)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.24(zod@3.23.8)
+      swr: 2.2.5(react@18.3.1)
+    optionalDependencies:
+      react: 18.3.1
+      zod: 3.23.8
+
+  '@ai-sdk/solid@0.0.27(solid-js@1.8.17)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.24(zod@3.23.8)
+    optionalDependencies:
+      solid-js: 1.8.17
+    transitivePeerDependencies:
+      - zod
+
+  '@ai-sdk/svelte@0.0.29(svelte@5.0.0-next.208)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.24(zod@3.23.8)
+      sswr: 2.1.0(svelte@5.0.0-next.208)
+    optionalDependencies:
+      svelte: 5.0.0-next.208
+    transitivePeerDependencies:
+      - zod
+
+  '@ai-sdk/ui-utils@0.0.24(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/ui-utils@0.0.9(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.0(zod@3.23.8)
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/vue@0.0.28(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.24(zod@3.23.8)
+      swrv: 1.0.4(vue@3.4.26(typescript@5.4.5))
+    optionalDependencies:
+      vue: 3.4.26(typescript@5.4.5)
+    transitivePeerDependencies:
+      - zod
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@ark/schema@0.2.0':
+    dependencies:
+      '@ark/util': 0.1.0
+    optional: true
+
+  '@ark/util@0.1.0':
+    optional: true
+
+  '@aws-crypto/crc32@5.2.0':
+    dependencies:
+      '@aws-crypto/util': 5.2.0
+      '@aws-sdk/types': 3.598.0
+      tslib: 2.6.2
+
+  '@aws-crypto/sha256-browser@5.2.0':
+    dependencies:
+      '@aws-crypto/sha256-js': 5.2.0
+      '@aws-crypto/supports-web-crypto': 5.2.0
+      '@aws-crypto/util': 5.2.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-locate-window': 3.568.0
+      '@smithy/util-utf8': 2.3.0
+      tslib: 2.6.2
+
+  '@aws-crypto/sha256-js@5.2.0':
+    dependencies:
+      '@aws-crypto/util': 5.2.0
+      '@aws-sdk/types': 3.598.0
+      tslib: 2.6.2
+
+  '@aws-crypto/supports-web-crypto@5.2.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@aws-crypto/util@5.2.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/util-utf8': 2.3.0
+      tslib: 2.6.2
+
+  '@aws-sdk/client-bedrock-runtime@3.602.0':
+    dependencies:
+      '@aws-crypto/sha256-browser': 5.2.0
+      '@aws-crypto/sha256-js': 5.2.0
+      '@aws-sdk/client-sso-oidc': 3.600.0
+      '@aws-sdk/client-sts': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/core': 3.598.0
+      '@aws-sdk/credential-provider-node': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/middleware-host-header': 3.598.0
+      '@aws-sdk/middleware-logger': 3.598.0
+      '@aws-sdk/middleware-recursion-detection': 3.598.0
+      '@aws-sdk/middleware-user-agent': 3.598.0
+      '@aws-sdk/region-config-resolver': 3.598.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-endpoints': 3.598.0
+      '@aws-sdk/util-user-agent-browser': 3.598.0
+      '@aws-sdk/util-user-agent-node': 3.598.0
+      '@smithy/config-resolver': 3.0.5
+      '@smithy/core': 2.3.2
+      '@smithy/eventstream-serde-browser': 3.0.5
+      '@smithy/eventstream-serde-config-resolver': 3.0.3
+      '@smithy/eventstream-serde-node': 3.0.4
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/hash-node': 3.0.3
+      '@smithy/invalid-dependency': 3.0.3
+      '@smithy/middleware-content-length': 3.0.5
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-retry': 3.0.14
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/middleware-stack': 3.0.3
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.14
+      '@smithy/util-defaults-mode-node': 3.0.14
+      '@smithy/util-endpoints': 2.0.5
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-retry': 3.0.3
+      '@smithy/util-stream': 3.1.3
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+
+  '@aws-sdk/client-sso-oidc@3.600.0':
+    dependencies:
+      '@aws-crypto/sha256-browser': 5.2.0
+      '@aws-crypto/sha256-js': 5.2.0
+      '@aws-sdk/client-sts': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/core': 3.598.0
+      '@aws-sdk/credential-provider-node': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/middleware-host-header': 3.598.0
+      '@aws-sdk/middleware-logger': 3.598.0
+      '@aws-sdk/middleware-recursion-detection': 3.598.0
+      '@aws-sdk/middleware-user-agent': 3.598.0
+      '@aws-sdk/region-config-resolver': 3.598.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-endpoints': 3.598.0
+      '@aws-sdk/util-user-agent-browser': 3.598.0
+      '@aws-sdk/util-user-agent-node': 3.598.0
+      '@smithy/config-resolver': 3.0.5
+      '@smithy/core': 2.3.2
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/hash-node': 3.0.3
+      '@smithy/invalid-dependency': 3.0.3
+      '@smithy/middleware-content-length': 3.0.5
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-retry': 3.0.14
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/middleware-stack': 3.0.3
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.14
+      '@smithy/util-defaults-mode-node': 3.0.14
+      '@smithy/util-endpoints': 2.0.5
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-retry': 3.0.3
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+
+  '@aws-sdk/client-sso@3.598.0':
+    dependencies:
+      '@aws-crypto/sha256-browser': 5.2.0
+      '@aws-crypto/sha256-js': 5.2.0
+      '@aws-sdk/core': 3.598.0
+      '@aws-sdk/middleware-host-header': 3.598.0
+      '@aws-sdk/middleware-logger': 3.598.0
+      '@aws-sdk/middleware-recursion-detection': 3.598.0
+      '@aws-sdk/middleware-user-agent': 3.598.0
+      '@aws-sdk/region-config-resolver': 3.598.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-endpoints': 3.598.0
+      '@aws-sdk/util-user-agent-browser': 3.598.0
+      '@aws-sdk/util-user-agent-node': 3.598.0
+      '@smithy/config-resolver': 3.0.5
+      '@smithy/core': 2.3.2
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/hash-node': 3.0.3
+      '@smithy/invalid-dependency': 3.0.3
+      '@smithy/middleware-content-length': 3.0.5
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-retry': 3.0.14
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/middleware-stack': 3.0.3
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.14
+      '@smithy/util-defaults-mode-node': 3.0.14
+      '@smithy/util-endpoints': 2.0.5
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-retry': 3.0.3
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - aws-crt
+
+  '@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0)':
+    dependencies:
+      '@aws-crypto/sha256-browser': 5.2.0
+      '@aws-crypto/sha256-js': 5.2.0
+      '@aws-sdk/client-sso-oidc': 3.600.0
+      '@aws-sdk/core': 3.598.0
+      '@aws-sdk/credential-provider-node': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/middleware-host-header': 3.598.0
+      '@aws-sdk/middleware-logger': 3.598.0
+      '@aws-sdk/middleware-recursion-detection': 3.598.0
+      '@aws-sdk/middleware-user-agent': 3.598.0
+      '@aws-sdk/region-config-resolver': 3.598.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-endpoints': 3.598.0
+      '@aws-sdk/util-user-agent-browser': 3.598.0
+      '@aws-sdk/util-user-agent-node': 3.598.0
+      '@smithy/config-resolver': 3.0.5
+      '@smithy/core': 2.3.2
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/hash-node': 3.0.3
+      '@smithy/invalid-dependency': 3.0.3
+      '@smithy/middleware-content-length': 3.0.5
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-retry': 3.0.14
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/middleware-stack': 3.0.3
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-body-length-browser': 3.0.0
+      '@smithy/util-body-length-node': 3.0.0
+      '@smithy/util-defaults-mode-browser': 3.0.14
+      '@smithy/util-defaults-mode-node': 3.0.14
+      '@smithy/util-endpoints': 2.0.5
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-retry': 3.0.3
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - aws-crt
+
+  '@aws-sdk/core@3.598.0':
+    dependencies:
+      '@smithy/core': 2.3.2
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/signature-v4': 3.1.2
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      fast-xml-parser: 4.2.5
+      tslib: 2.6.2
+
+  '@aws-sdk/credential-provider-env@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@aws-sdk/credential-provider-http@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/property-provider': 3.1.3
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/util-stream': 3.1.3
+      tslib: 2.6.2
+
+  '@aws-sdk/credential-provider-ini@3.598.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))':
+    dependencies:
+      '@aws-sdk/client-sts': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/credential-provider-env': 3.598.0
+      '@aws-sdk/credential-provider-http': 3.598.0
+      '@aws-sdk/credential-provider-process': 3.598.0
+      '@aws-sdk/credential-provider-sso': 3.598.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/credential-provider-web-identity': 3.598.0(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/types': 3.598.0
+      '@smithy/credential-provider-imds': 3.2.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - aws-crt
+
+  '@aws-sdk/credential-provider-node@3.600.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))':
+    dependencies:
+      '@aws-sdk/credential-provider-env': 3.598.0
+      '@aws-sdk/credential-provider-http': 3.598.0
+      '@aws-sdk/credential-provider-ini': 3.598.0(@aws-sdk/client-sso-oidc@3.600.0)(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/credential-provider-process': 3.598.0
+      '@aws-sdk/credential-provider-sso': 3.598.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/credential-provider-web-identity': 3.598.0(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))
+      '@aws-sdk/types': 3.598.0
+      '@smithy/credential-provider-imds': 3.2.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - '@aws-sdk/client-sts'
+      - aws-crt
+
+  '@aws-sdk/credential-provider-process@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@aws-sdk/credential-provider-sso@3.598.0(@aws-sdk/client-sso-oidc@3.600.0)':
+    dependencies:
+      '@aws-sdk/client-sso': 3.598.0
+      '@aws-sdk/token-providers': 3.598.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/types': 3.598.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+    transitivePeerDependencies:
+      - '@aws-sdk/client-sso-oidc'
+      - aws-crt
+
+  '@aws-sdk/credential-provider-web-identity@3.598.0(@aws-sdk/client-sts@3.600.0(@aws-sdk/client-sso-oidc@3.600.0))':
+    dependencies:
+      '@aws-sdk/client-sts': 3.600.0(@aws-sdk/client-sso-oidc@3.600.0)
+      '@aws-sdk/types': 3.598.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@aws-sdk/middleware-host-header@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@aws-sdk/middleware-logger@3.598.0':
     dependencies:
-      '@ai-sdk/provider': 0.0.5
-      eventsource-parser: 1.1.2
-      nanoid: 3.3.6
-      secure-json-parse: 2.7.0
-    optionalDependencies:
-      zod: 3.23.8
+      '@aws-sdk/types': 3.598.0
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
-  '@ai-sdk/provider-utils@1.0.0(zod@3.23.8)':
+  '@aws-sdk/middleware-recursion-detection@3.598.0':
     dependencies:
-      '@ai-sdk/provider': 0.0.11
-      eventsource-parser: 1.1.2
-      nanoid: 3.3.6
-      secure-json-parse: 2.7.0
-    optionalDependencies:
-      zod: 3.23.8
+      '@aws-sdk/types': 3.598.0
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
-  '@ai-sdk/provider@0.0.11':
+  '@aws-sdk/middleware-user-agent@3.598.0':
     dependencies:
-      json-schema: 0.4.0
+      '@aws-sdk/types': 3.598.0
+      '@aws-sdk/util-endpoints': 3.598.0
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
-  '@ai-sdk/provider@0.0.3':
+  '@aws-sdk/region-config-resolver@3.598.0':
     dependencies:
-      json-schema: 0.4.0
+      '@aws-sdk/types': 3.598.0
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/types': 3.3.0
+      '@smithy/util-config-provider': 3.0.0
+      '@smithy/util-middleware': 3.0.3
+      tslib: 2.6.2
 
-  '@ai-sdk/provider@0.0.5':
+  '@aws-sdk/token-providers@3.598.0(@aws-sdk/client-sso-oidc@3.600.0)':
     dependencies:
-      json-schema: 0.4.0
+      '@aws-sdk/client-sso-oidc': 3.600.0
+      '@aws-sdk/types': 3.598.0
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
-  '@ai-sdk/ui-utils@0.0.9(zod@3.23.8)':
+  '@aws-sdk/types@3.598.0':
     dependencies:
-      '@ai-sdk/provider-utils': 1.0.0(zod@3.23.8)
-      secure-json-parse: 2.7.0
-    optionalDependencies:
-      zod: 3.23.8
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
-  '@alloc/quick-lru@5.2.0': {}
+  '@aws-sdk/util-endpoints@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/types': 3.3.0
+      '@smithy/util-endpoints': 2.0.5
+      tslib: 2.6.2
 
-  '@ampproject/remapping@2.3.0':
+  '@aws-sdk/util-locate-window@3.568.0':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
+      tslib: 2.6.2
 
-  '@ark/schema@0.2.0':
+  '@aws-sdk/util-user-agent-browser@3.598.0':
     dependencies:
-      '@ark/util': 0.1.0
-    optional: true
+      '@aws-sdk/types': 3.598.0
+      '@smithy/types': 3.3.0
+      bowser: 2.11.0
+      tslib: 2.6.2
 
-  '@ark/util@0.1.0':
-    optional: true
+  '@aws-sdk/util-user-agent-node@3.598.0':
+    dependencies:
+      '@aws-sdk/types': 3.598.0
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
 
   '@babel/code-frame@7.24.2':
     dependencies:
@@ -4583,6 +5485,13 @@ snapshots:
       esbuild-runner: 2.2.2(esbuild@0.20.2)
     optional: true
 
+  '@google-cloud/vertexai@1.4.0':
+    dependencies:
+      google-auth-library: 9.13.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   '@hapi/hoek@9.3.0':
     optional: true
 
@@ -4767,6 +5676,8 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
+  '@opentelemetry/api@1.9.0': {}
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
@@ -4881,6 +5792,300 @@ snapshots:
   '@sindresorhus/is@5.6.0':
     optional: true
 
+  '@smithy/abort-controller@3.1.1':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/config-resolver@3.0.5':
+    dependencies:
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/types': 3.3.0
+      '@smithy/util-config-provider': 3.0.0
+      '@smithy/util-middleware': 3.0.3
+      tslib: 2.6.2
+
+  '@smithy/core@2.3.2':
+    dependencies:
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-retry': 3.0.14
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/util-middleware': 3.0.3
+      tslib: 2.6.2
+
+  '@smithy/credential-provider-imds@3.2.0':
+    dependencies:
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/property-provider': 3.1.3
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      tslib: 2.6.2
+
+  '@smithy/eventstream-codec@3.1.2':
+    dependencies:
+      '@aws-crypto/crc32': 5.2.0
+      '@smithy/types': 3.3.0
+      '@smithy/util-hex-encoding': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/eventstream-serde-browser@3.0.5':
+    dependencies:
+      '@smithy/eventstream-serde-universal': 3.0.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/eventstream-serde-config-resolver@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/eventstream-serde-node@3.0.4':
+    dependencies:
+      '@smithy/eventstream-serde-universal': 3.0.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/eventstream-serde-universal@3.0.4':
+    dependencies:
+      '@smithy/eventstream-codec': 3.1.2
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/fetch-http-handler@3.2.4':
+    dependencies:
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/querystring-builder': 3.0.3
+      '@smithy/types': 3.3.0
+      '@smithy/util-base64': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/hash-node@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/invalid-dependency@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/is-array-buffer@2.2.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/is-array-buffer@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/middleware-content-length@3.0.5':
+    dependencies:
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/middleware-endpoint@3.1.0':
+    dependencies:
+      '@smithy/middleware-serde': 3.0.3
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      '@smithy/url-parser': 3.0.3
+      '@smithy/util-middleware': 3.0.3
+      tslib: 2.6.2
+
+  '@smithy/middleware-retry@3.0.14':
+    dependencies:
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/service-error-classification': 3.0.3
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-retry': 3.0.3
+      tslib: 2.6.2
+      uuid: 9.0.1
+
+  '@smithy/middleware-serde@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/middleware-stack@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/node-config-provider@3.1.4':
+    dependencies:
+      '@smithy/property-provider': 3.1.3
+      '@smithy/shared-ini-file-loader': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/node-http-handler@3.1.4':
+    dependencies:
+      '@smithy/abort-controller': 3.1.1
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/querystring-builder': 3.0.3
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/property-provider@3.1.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/protocol-http@4.1.0':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/querystring-builder@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      '@smithy/util-uri-escape': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/querystring-parser@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/service-error-classification@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+
+  '@smithy/shared-ini-file-loader@3.1.4':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/signature-v4@3.1.2':
+    dependencies:
+      '@smithy/is-array-buffer': 3.0.0
+      '@smithy/types': 3.3.0
+      '@smithy/util-hex-encoding': 3.0.0
+      '@smithy/util-middleware': 3.0.3
+      '@smithy/util-uri-escape': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/smithy-client@3.1.12':
+    dependencies:
+      '@smithy/middleware-endpoint': 3.1.0
+      '@smithy/middleware-stack': 3.0.3
+      '@smithy/protocol-http': 4.1.0
+      '@smithy/types': 3.3.0
+      '@smithy/util-stream': 3.1.3
+      tslib: 2.6.2
+
+  '@smithy/types@3.3.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/url-parser@3.0.3':
+    dependencies:
+      '@smithy/querystring-parser': 3.0.3
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/util-base64@3.0.0':
+    dependencies:
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/util-body-length-browser@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/util-body-length-node@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/util-buffer-from@2.2.0':
+    dependencies:
+      '@smithy/is-array-buffer': 2.2.0
+      tslib: 2.6.2
+
+  '@smithy/util-buffer-from@3.0.0':
+    dependencies:
+      '@smithy/is-array-buffer': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/util-config-provider@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/util-defaults-mode-browser@3.0.14':
+    dependencies:
+      '@smithy/property-provider': 3.1.3
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      bowser: 2.11.0
+      tslib: 2.6.2
+
+  '@smithy/util-defaults-mode-node@3.0.14':
+    dependencies:
+      '@smithy/config-resolver': 3.0.5
+      '@smithy/credential-provider-imds': 3.2.0
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/property-provider': 3.1.3
+      '@smithy/smithy-client': 3.1.12
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/util-endpoints@2.0.5':
+    dependencies:
+      '@smithy/node-config-provider': 3.1.4
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/util-hex-encoding@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/util-middleware@3.0.3':
+    dependencies:
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/util-retry@3.0.3':
+    dependencies:
+      '@smithy/service-error-classification': 3.0.3
+      '@smithy/types': 3.3.0
+      tslib: 2.6.2
+
+  '@smithy/util-stream@3.1.3':
+    dependencies:
+      '@smithy/fetch-http-handler': 3.2.4
+      '@smithy/node-http-handler': 3.1.4
+      '@smithy/types': 3.3.0
+      '@smithy/util-base64': 3.0.0
+      '@smithy/util-buffer-from': 3.0.0
+      '@smithy/util-hex-encoding': 3.0.0
+      '@smithy/util-utf8': 3.0.0
+      tslib: 2.6.2
+
+  '@smithy/util-uri-escape@3.0.0':
+    dependencies:
+      tslib: 2.6.2
+
+  '@smithy/util-utf8@2.3.0':
+    dependencies:
+      '@smithy/util-buffer-from': 2.2.0
+      tslib: 2.6.2
+
+  '@smithy/util-utf8@3.0.0':
+    dependencies:
+      '@smithy/util-buffer-from': 3.0.0
+      tslib: 2.6.2
+
   '@sodaru/yup-to-json-schema@2.0.1':
     optional: true
 
@@ -5255,27 +6460,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  ai@3.1.12(react@18.3.1)(solid-js@1.8.17)(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8):
+  ai@3.3.0(react@18.3.1)(solid-js@1.8.17)(sswr@2.1.0(svelte@5.0.0-next.208))(svelte@5.0.0-next.208)(vue@3.4.26(typescript@5.4.5))(zod@3.23.8):
     dependencies:
-      '@ai-sdk/provider': 0.0.5
-      '@ai-sdk/provider-utils': 0.0.8(zod@3.23.8)
+      '@ai-sdk/provider': 0.0.14
+      '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
+      '@ai-sdk/react': 0.0.36(react@18.3.1)(zod@3.23.8)
+      '@ai-sdk/solid': 0.0.27(solid-js@1.8.17)(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.29(svelte@5.0.0-next.208)(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.24(zod@3.23.8)
+      '@ai-sdk/vue': 0.0.28(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)
+      '@opentelemetry/api': 1.9.0
       eventsource-parser: 1.1.2
       json-schema: 0.4.0
       jsondiffpatch: 0.6.0
       nanoid: 3.3.6
       secure-json-parse: 2.7.0
-      solid-swr-store: 0.10.7(solid-js@1.8.17)(swr-store@0.10.6)
-      sswr: 2.0.0(svelte@5.0.0-next.208)
-      swr: 2.2.0(react@18.3.1)
-      swr-store: 0.10.6
-      swrv: 1.0.4(vue@3.4.26(typescript@5.4.5))
       zod-to-json-schema: 3.22.5(zod@3.23.8)
     optionalDependencies:
       react: 18.3.1
-      solid-js: 1.8.17
+      sswr: 2.1.0(svelte@5.0.0-next.208)
       svelte: 5.0.0-next.208
-      vue: 3.4.26(typescript@5.4.5)
       zod: 3.23.8
+    transitivePeerDependencies:
+      - solid-js
+      - vue
 
   ansi-escapes@4.3.2:
     dependencies:
@@ -5409,6 +6617,8 @@ snapshots:
   big-integer@1.6.52:
     optional: true
 
+  bignumber.js@9.1.2: {}
+
   binary-extensions@2.3.0: {}
 
   bindings@1.5.0:
@@ -5433,6 +6643,8 @@ snapshots:
   bluebird@3.4.7:
     optional: true
 
+  bowser@2.11.0: {}
+
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -5458,6 +6670,8 @@ snapshots:
   buffer-crc32@1.0.0:
     optional: true
 
+  buffer-equal-constant-time@1.0.1: {}
+
   buffer-from@1.1.2: {}
 
   buffer@5.7.1:
@@ -5571,6 +6785,8 @@ snapshots:
 
   cli-width@4.1.0: {}
 
+  client-only@0.0.1: {}
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
@@ -5780,9 +6996,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3):
+  drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3):
     optionalDependencies:
       '@cloudflare/workers-types': 4.20240502.0
+      '@opentelemetry/api': 1.9.0
       '@types/better-sqlite3': 7.6.11
       '@types/sql.js': 1.4.9
       better-sqlite3: 10.0.0
@@ -5797,6 +7014,10 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
+  ecdsa-sig-formatter@1.0.11:
+    dependencies:
+      safe-buffer: 5.2.1
+
   edge-paths@3.0.5:
     dependencies:
       '@types/which': 2.0.2
@@ -6049,6 +7270,8 @@ snapshots:
     dependencies:
       type: 2.7.2
 
+  extend@3.0.2: {}
+
   extract-zip@2.0.1:
     dependencies:
       debug: 4.3.4
@@ -6074,6 +7297,10 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.5
 
+  fast-xml-parser@4.2.5:
+    dependencies:
+      strnum: 1.0.5
+
   fastq@1.17.1:
     dependencies:
       reusify: 1.0.4
@@ -6159,8 +7386,27 @@ snapshots:
 
   function-bind@1.1.2: {}
 
+  gaxios@6.7.0:
+    dependencies:
+      extend: 3.0.2
+      https-proxy-agent: 7.0.4
+      is-stream: 2.0.1
+      node-fetch: 2.7.0
+      uuid: 10.0.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   gc-hook@0.3.1: {}
 
+  gcp-metadata@6.1.0:
+    dependencies:
+      gaxios: 6.7.0
+      json-bigint: 1.0.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   geckodriver@4.4.0:
     dependencies:
       '@wdio/logger': 8.28.0
@@ -6252,6 +7498,18 @@ snapshots:
 
   globrex@0.1.2: {}
 
+  google-auth-library@9.13.0:
+    dependencies:
+      base64-js: 1.5.1
+      ecdsa-sig-formatter: 1.0.11
+      gaxios: 6.7.0
+      gcp-metadata: 6.1.0
+      gtoken: 7.1.0
+      jws: 4.0.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   got@12.6.1:
     dependencies:
       '@sindresorhus/is': 5.6.0
@@ -6274,6 +7532,14 @@ snapshots:
 
   graphql@16.9.0: {}
 
+  gtoken@7.1.0:
+    dependencies:
+      gaxios: 6.7.0
+      jws: 4.0.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
   hanji@0.0.5:
     dependencies:
       lodash.throttle: 4.1.1
@@ -6383,8 +7649,7 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.5
 
-  is-stream@2.0.1:
-    optional: true
+  is-stream@2.0.1: {}
 
   is-stream@3.0.0: {}
 
@@ -6448,6 +7713,10 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  json-bigint@1.0.0:
+    dependencies:
+      bignumber.js: 9.1.2
+
   json-buffer@3.0.1:
     optional: true
 
@@ -6480,6 +7749,17 @@ snapshots:
 
   just-clone@6.2.0: {}
 
+  jwa@2.0.0:
+    dependencies:
+      buffer-equal-constant-time: 1.0.1
+      ecdsa-sig-formatter: 1.0.11
+      safe-buffer: 5.2.1
+
+  jws@4.0.0:
+    dependencies:
+      jwa: 2.0.0
+      safe-buffer: 5.2.1
+
   katex@0.16.10:
     dependencies:
       commander: 8.3.0
@@ -6742,7 +8022,6 @@ snapshots:
   node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
-    optional: true
 
   node-fetch@3.3.2:
     dependencies:
@@ -7217,8 +8496,10 @@ snapshots:
   seroval-plugins@1.0.5(seroval@1.0.5):
     dependencies:
       seroval: 1.0.5
+    optional: true
 
-  seroval@1.0.5: {}
+  seroval@1.0.5:
+    optional: true
 
   set-cookie-parser@2.6.0: {}
 
@@ -7271,11 +8552,7 @@ snapshots:
       csstype: 3.1.3
       seroval: 1.0.5
       seroval-plugins: 1.0.5(seroval@1.0.5)
-
-  solid-swr-store@0.10.7(solid-js@1.8.17)(swr-store@0.10.6):
-    dependencies:
-      solid-js: 1.8.17
-      swr-store: 0.10.6
+    optional: true
 
   sorcery@0.11.0:
     dependencies:
@@ -7307,19 +8584,19 @@ snapshots:
   sql.js@1.10.3:
     optional: true
 
-  sqlocal@0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3):
+  sqlocal@0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3):
     dependencies:
       '@sqlite.org/sqlite-wasm': 3.45.3-build1
       coincident: 1.2.3
       nanoid: 5.0.7
     optionalDependencies:
-      drizzle-orm: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
+      drizzle-orm: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
       kysely: 0.27.3
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  sswr@2.0.0(svelte@5.0.0-next.208):
+  sswr@2.1.0(svelte@5.0.0-next.208):
     dependencies:
       svelte: 5.0.0-next.208
       swrev: 4.0.0
@@ -7388,6 +8665,8 @@ snapshots:
     dependencies:
       js-tokens: 9.0.0
 
+  strnum@1.0.5: {}
+
   sucrase@3.35.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
@@ -7502,12 +8781,9 @@ snapshots:
       zod: 3.23.8
       zod-to-json-schema: 3.23.2(zod@3.23.8)
 
-  swr-store@0.10.6:
-    dependencies:
-      dequal: 2.0.3
-
-  swr@2.2.0(react@18.3.1):
+  swr@2.2.5(react@18.3.1):
     dependencies:
+      client-only: 0.0.1
       react: 18.3.1
       use-sync-external-store: 1.2.2(react@18.3.1)
 
@@ -7643,8 +8919,7 @@ snapshots:
       universalify: 0.2.0
       url-parse: 1.5.10
 
-  tr46@0.0.3:
-    optional: true
+  tr46@0.0.3: {}
 
   tr46@5.0.0:
     dependencies:
@@ -7730,6 +9005,10 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@10.0.0: {}
+
+  uuid@9.0.1: {}
+
   valibot@0.31.1:
     optional: true
 
@@ -7884,8 +9163,7 @@ snapshots:
       - utf-8-validate
     optional: true
 
-  webidl-conversions@3.0.1:
-    optional: true
+  webidl-conversions@3.0.1: {}
 
   webidl-conversions@7.0.0: {}
 
@@ -7904,7 +9182,6 @@ snapshots:
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
-    optional: true
 
   which@2.0.2:
     dependencies:
diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
index 55127b1..75dd12d 100644
--- a/src/database/migrations.test.ts
+++ b/src/database/migrations.test.ts
@@ -968,7 +968,7 @@ describe("Migration Tests", () => {
 
     // Verify that the initial data was inserted correctly
     const aiSdkCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiSdk`).count;
-    expect(aiSdkCount).toBe(11); // 11 SDKs were inserted
+    expect(aiSdkCount).toBe(8); // 11 SDKs were inserted
 
     const aiServiceCount = db.get<{ count: number }>(
       sql`SELECT COUNT(*) as count FROM aiService`,
diff --git a/src/database/migrations/0009_ancient_korath.sql b/src/database/migrations/0009_ancient_korath.sql
index 7d14441..4654137 100644
--- a/src/database/migrations/0009_ancient_korath.sql
+++ b/src/database/migrations/0009_ancient_korath.sql
@@ -20,9 +20,6 @@ INSERT INTO aiSdk (id, slug, name) VALUES
 ('google-gen-ai', 'google-gen-ai', 'Google Generative AI'),
 ('google-vertex', 'google-vertex', 'Google Vertex AI'),
 ('mistral', 'mistral', 'Mistral'),
-('groq', 'groq', 'Groq'),
-('perplexity', 'perplexity', 'Perplexity'),
-('fireworks', 'fireworks', 'Fireworks'),
 ('cohere', 'cohere', 'Cohere');
 --> statement-breakpoint
 INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
@@ -33,8 +30,8 @@ INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
 ('google-gen-ai', 'Google Generative AI', 'google-gen-ai', NULL),
 ('google-vertex', 'Google Vertex AI', 'google-vertex', NULL),
 ('mistral', 'Mistral', 'mistral', NULL),
-('groq', 'Groq', 'groq', NULL),
-('perplexity', 'Perplexity', 'perplexity', NULL),
-('fireworks', 'Fireworks', 'fireworks', NULL),
+('groq', 'Groq', 'openai', 'https://api.groq.com/openai/v1'),
+('perplexity', 'Perplexity', 'openai', 'https://api.perplexity.ai/'),
+('fireworks', 'Fireworks', 'openai', 'https://api.fireworks.ai/inference/v1'),
 ('cohere', 'Cohere', 'cohere', NULL);
 
diff --git a/src/database/migrations/0012_soft_trish_tilby.sql b/src/database/migrations/0012_soft_trish_tilby.sql
new file mode 100644
index 0000000..c814438
--- /dev/null
+++ b/src/database/migrations/0012_soft_trish_tilby.sql
@@ -0,0 +1,8 @@
+ALTER TABLE `sdk` ADD `supported` integer DEFAULT 1 NOT NULL;
+--> statement-breakpoint
+/* Disable Azure, Amazon Bedrock. No method to input extra options yet */
+UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'azure';
+--> statement-breakpoint
+UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'amazon';
+--> statement-breakpoint
+UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'google-vertex';
diff --git a/src/database/migrations/meta/0012_snapshot.json b/src/database/migrations/meta/0012_snapshot.json
new file mode 100644
index 0000000..af1e126
--- /dev/null
+++ b/src/database/migrations/meta/0012_snapshot.json
@@ -0,0 +1,553 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "8bd68b8d-72a4-4b2c-83fc-61d4269779d0",
+  "prevId": "3e9ce11f-801c-433c-b3bf-8f40433cc3b5",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "key": {
+      "name": "key",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "keyId": {
+          "name": "keyId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "keyId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "keyId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_keyId_key_id_fk": {
+          "name": "model_keyId_key_id_fk",
+          "tableFrom": "model",
+          "tableTo": "key",
+          "columnsFrom": [
+            "keyId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "sdk": {
+      "name": "sdk",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "supported": {
+          "name": "supported",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        }
+      },
+      "indexes": {
+        "slug_unique": {
+          "name": "slug_unique",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sdkId": {
+          "name": "sdkId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index be3aa65..558db91 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -85,6 +85,13 @@
       "when": 1722788063130,
       "tag": "0011_easy_slapstick",
       "breakpoints": true
+    },
+    {
+      "idx": 12,
+      "version": "6",
+      "when": 1722860350143,
+      "tag": "0012_soft_trish_tilby",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index f410449..cd3f294 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -114,6 +114,7 @@ export const sdkTable = sqliteTable(
     id: text("id").primaryKey(),
     slug: text("slug").notNull(),
     name: text("name").notNull(),
+    supported: int("supported").notNull().default(1),
   },
   (table) => ({
     slugUnique: unique("slug_unique").on(table.slug),
diff --git a/src/routes/(app)/api/chat/+server.ts b/src/routes/(app)/api/chat/+server.ts
index 2602550..27f2b56 100644
--- a/src/routes/(app)/api/chat/+server.ts
+++ b/src/routes/(app)/api/chat/+server.ts
@@ -4,6 +4,8 @@ import { createOpenAI } from "@ai-sdk/openai";
 import { createAnthropic } from "@ai-sdk/anthropic";
 import { createMistral } from "@ai-sdk/mistral";
 import { createGoogleGenerativeAI } from "@ai-sdk/google";
+import { createAzure } from "@ai-sdk/azure";
+import { createCohere } from "@ai-sdk/cohere";
 
 export const POST = (async ({ request }) => {
   let { messages, sdkId, apiKey, baseURL, modelName } = (await request.json()) as {
@@ -24,6 +26,9 @@ export const POST = (async ({ request }) => {
 
   let provider;
   switch (sdkId) {
+    case "azure":
+      provider = createAzure({ apiKey, baseURL });
+      break;
     case "openai":
       provider = createOpenAI({ apiKey, baseURL });
       break;
@@ -33,9 +38,12 @@ export const POST = (async ({ request }) => {
     case "mistral":
       provider = createMistral({ apiKey, baseURL });
       break;
-    case "google":
+    case "google-gen-ai":
       provider = createGoogleGenerativeAI({ apiKey, baseURL });
       break;
+    case "cohere":
+      provider = createCohere({ apiKey });
+      break;
     default:
       return new Response(`Unsupported sdk ${sdkId}`, {
         status: 400,
@@ -44,7 +52,7 @@ export const POST = (async ({ request }) => {
 
   try {
     const result = await streamText({
-      model: provider.chat(modelName),
+      model: provider(modelName),
       messages,
     });
     return new StreamingTextResponse(result.toAIStream());
diff --git a/src/routes/(app)/api/models/+server.ts b/src/routes/(app)/api/models/+server.ts
index e7c0889..3dafd77 100644
--- a/src/routes/(app)/api/models/+server.ts
+++ b/src/routes/(app)/api/models/+server.ts
@@ -1,8 +1,9 @@
 import type { RequestHandler } from "./$types";
 
 export const POST = (async ({ request }) => {
-  const { providerId, baseURL } = (await request.json()) as {
-    providerId: string;
+  const { serviceId, sdkId, baseURL } = (await request.json()) as {
+    serviceId: string;
+    sdkId: string;
     baseURL: string;
   };
 
@@ -14,23 +15,37 @@ export const POST = (async ({ request }) => {
     });
   }
 
-  if (!providerId) {
+  if (!sdkId) {
     return new Response("Missing service", {
       status: 400,
     });
   }
 
-  switch (providerId) {
+  switch (serviceId) {
+    case "perplexity":
+      return await fetchPerplexityModels();
+  }
+
+  switch (sdkId) {
     case "openai":
       return await fetchOpenAIModels(apiKey, baseURL || undefined);
+    case "azure":
+      if (!baseURL) {
+        return new Response("Azure OpenAI endpoint is required as the baseURL", {
+          status: 400,
+        });
+      }
+      return await fetchAzureModels(apiKey, baseURL);
     case "anthropic":
       return await fetchAnthropicModels(apiKey, baseURL || undefined);
+    case "cohere":
+      return await fetchCohereModels(apiKey);
     case "mistral":
       return await fetchMistralModels(apiKey, baseURL || undefined);
-    case "google":
+    case "google-gen-ai":
       return await fetchGoogleModels(apiKey, baseURL || undefined);
     default:
-      return new Response(`Unsupported provider ${providerId}`, {
+      return new Response(`Unsupported provider ${sdkId}`, {
         status: 400,
       });
   }
@@ -56,6 +71,47 @@ async function fetchOpenAIModels(apiKey: string, baseURL = "https://api.openai.c
   });
 }
 
+// TODO: azure concats the deployment name with the model name, no support for deployment names input yet
+async function fetchAzureModels(apiKey: string, baseURL: string) {
+  const url = `${baseURL}/openai/models?api-version=2024-06-01`;
+
+  try {
+    const resp = await fetch(url, {
+      method: "GET",
+      headers: {
+        "api-key": apiKey,
+        "Content-Type": "application/json",
+        "X-Request-ID": crypto.randomUUID(),
+      },
+    });
+
+    if (!resp.ok) {
+      return new Response(resp.statusText, {
+        status: resp.status,
+      });
+    }
+
+    const data = (await resp.json()) as any;
+
+    // Transform the data to match the format of your OpenAI function
+    const transformedData = data.data.map((deployment: any) => ({
+      name: deployment.id,
+    }));
+
+    return new Response(JSON.stringify(transformedData), {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+  } catch (error) {
+    console.error("Error:", error);
+    return new Response("An error occurred while fetching models", {
+      status: 500,
+    });
+  }
+}
+
 async function fetchAnthropicModels(apiKey: string, baseUrl = "https://api.anthropic.com") {
   // does anthropic have a models endpoint?
   const models = [
@@ -126,3 +182,80 @@ async function fetchGoogleModels(
     },
   );
 }
+
+async function fetchPerplexityModels() {
+  const models = [
+    {
+      name: "llama-3.1-sonar-small-128k-online",
+      displayName: "Llama 3.1 Sonar Small 128K Online",
+      parameters: "8B",
+      contextWindow: 127072,
+      type: "Chat Completion",
+    },
+    {
+      name: "llama-3.1-sonar-small-128k-chat",
+      displayName: "Llama 3.1 Sonar Small 128K Chat",
+      parameters: "8B",
+      contextWindow: 131072,
+      type: "Chat Completion",
+    },
+    {
+      name: "llama-3.1-sonar-large-128k-online",
+      displayName: "Llama 3.1 Sonar Large 128K Online",
+      parameters: "70B",
+      contextWindow: 127072,
+      type: "Chat Completion",
+    },
+    {
+      name: "llama-3.1-sonar-large-128k-chat",
+      displayName: "Llama 3.1 Sonar Large 128K Chat",
+      parameters: "70B",
+      contextWindow: 131072,
+      type: "Chat Completion",
+    },
+  ];
+
+  return new Response(JSON.stringify(models), {
+    status: 200,
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+}
+
+async function fetchCohereModels(apiKey: string) {
+  const url = "https://api.cohere.ai/v1/models";
+
+  try {
+    const response = await fetch(url, {
+      method: "GET",
+      headers: {
+        Authorization: `Bearer ${apiKey}`,
+        "Content-Type": "application/json",
+      },
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const data = (await response.json()) as any;
+
+    // Transform the data to match a similar format to the previous examples
+    const transformedData = data.models.map((model: any) => ({
+      name: model.name,
+    }));
+
+    return new Response(JSON.stringify(transformedData), {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+  } catch (error) {
+    console.error("Error:", error);
+    return new Response("An error occurred while fetching models", {
+      status: 500,
+    });
+  }
+}
diff --git a/src/routes/(app)/settings/keys/$data.ts b/src/routes/(app)/settings/keys/$data.ts
index 3a1754a..2bf092c 100644
--- a/src/routes/(app)/settings/keys/$data.ts
+++ b/src/routes/(app)/settings/keys/$data.ts
@@ -20,14 +20,34 @@ export async function loadServices() {
   return useDb().query.serviceTable.findMany({ with: { sdk: true } });
 }
 
+export async function fetchModels(
+  apiKey: string,
+  baseURL: string | null,
+  sdkId: string,
+  serviceId: string,
+) {
+  return await fetch("/api/models", {
+    method: "POST",
+    headers: {
+      Authorization: apiKey,
+      ContentType: "application/json",
+    },
+    body: JSON.stringify({
+      sdkId,
+      baseURL,
+      serviceId,
+    }),
+  });
+}
+
 export async function refreshModels(
   tx: SQLiteTransaction<any, any, any, any>,
-  key: Key,
+  keyId: string,
   models: any[],
 ) {
   await tx.delete(modelTable).where(
     and(
-      eq(modelTable.keyId, key.id),
+      eq(modelTable.keyId, keyId),
       notInArray(
         modelTable.name,
         models.map((m) => m.name),
@@ -37,7 +57,7 @@ export async function refreshModels(
   for (const model of models) {
     await tx
       .insert(modelTable)
-      .values({ id: nanoid(10), name: model.name, visible: 1, keyId: key.id })
+      .values({ id: nanoid(10), name: model.name, visible: 1, keyId })
       .onConflictDoNothing({
         target: [modelTable.name, modelTable.keyId],
       });
diff --git a/src/routes/(app)/settings/keys/+page.svelte b/src/routes/(app)/settings/keys/+page.svelte
index dee244e..febff77 100644
--- a/src/routes/(app)/settings/keys/+page.svelte
+++ b/src/routes/(app)/settings/keys/+page.svelte
@@ -29,7 +29,7 @@
           class="flex cursor-pointer items-center gap-4 p-4 hover:bg-muted/50"
         >
           <Avatar class="hidden h-8 w-8 sm:flex">
-            <AvatarImage src="/icons/openai-32x32.png" alt="Avatar" />
+            <AvatarImage src={`/icons/${key.service.id}-32x32.png`} alt="Avatar" />
             <AvatarFallback></AvatarFallback>
           </Avatar>
           <div class="grid gap-1">
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index 81a5c01..6d402ad 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -18,7 +18,13 @@
   } from "@/components/ui/select";
   import { setError, superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
-  import { formSchema, refreshModels, toggleAllVisible, toggleVisible } from "../$data";
+  import {
+    fetchModels,
+    formSchema,
+    refreshModels,
+    toggleAllVisible,
+    toggleVisible,
+  } from "../$data";
   import {
     FormButton,
     FormControl,
@@ -56,25 +62,21 @@
       }
       try {
         // query provider
-        const provider = await useDb().query.serviceTable.findFirst({
+        const service = await useDb().query.serviceTable.findFirst({
           where: eq(serviceTable.id, form.data.serviceId),
+          with: { sdk: true },
         });
-        if (!provider) {
-          setError(form, "serviceId", `Provider for ${form.data.serviceId} not found`);
+        if (!service) {
+          setError(form, "serviceId", `Service for ${form.data.serviceId} not found`);
           return;
         }
         // fetch models
-        const resp = await fetch("/api/models", {
-          method: "POST",
-          headers: {
-            Authorization: form.data.apiKey,
-            ContentType: "application/json",
-          },
-          body: JSON.stringify({
-            providerId: provider.id,
-            baseURL: form.data.baseURL,
-          }),
-        });
+        const resp = await fetchModels(
+          form.data.apiKey,
+          form.data.baseURL,
+          service.sdk.id,
+          service.id,
+        );
         if (!resp.ok) {
           // if failed to fetch models, ask user to update API key
           setError(form, "apiKey", resp.statusText);
@@ -83,14 +85,12 @@
         // update account and update models
         const keyId = data.key.id;
         await useDb().transaction(async (tx) => {
-          console.log("updating account", form.data, keyId);
           await tx.update(keyTable).set(form.data).where(eq(keyTable.id, keyId));
-          // remove models that no longer exist
           const models = (await resp.json()) as any[];
-          await refreshModels(tx, data.key, models);
+          await refreshModels(tx, keyId, models);
         });
-        await invalidate("view:account");
-        toast.success("Account updated");
+        await invalidateModel(keyTable, data.key);
+        toast.success("Key updated");
         return form;
       } catch (e) {
         setError(form, "", e instanceof Error ? e.message : "Unknown error");
@@ -108,7 +108,7 @@
 
   async function handleRefreshModels() {
     await useDb().transaction(async (tx) => {
-      await refreshModels(tx, data.key, data.key.models);
+      await refreshModels(tx, data.key.id, data.key.models);
     });
     toast.success("Models refreshed");
     await invalidateModel(keyTable, data.key);
@@ -166,6 +166,18 @@
           </FormControl>
           <FormFieldErrors />
         </FormField>
+        <FormField form={formHandle} name="baseURL">
+          <FormControl let:attrs>
+            <FormLabel>Base URL</FormLabel>
+            <Input
+              placeholder="Leave blank to use default"
+              type="text"
+              {...attrs}
+              bind:value={$form.baseURL}
+            />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
         {#each $allErrors as error}
           {#if error.path === "_errors"}
             {#each error.messages as message}
@@ -223,7 +235,7 @@
 
   <CardContent>
     {#if data.key.models.length > 0}
-      <div class="min-h-[300px] w-full">
+      <div class="w-full">
         <Table>
           <TableBody>
             {#each data.key.models as model (model.id)}
diff --git a/src/routes/(app)/settings/keys/add/+page.svelte b/src/routes/(app)/settings/keys/add/+page.svelte
index a20bc08..eabc8c9 100644
--- a/src/routes/(app)/settings/keys/add/+page.svelte
+++ b/src/routes/(app)/settings/keys/add/+page.svelte
@@ -15,9 +15,9 @@
     SelectTrigger,
     SelectValue,
   } from "@/components/ui/select";
-  import SuperDebug, { setError, superForm } from "sveltekit-superforms";
+  import { setError, superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
-  import { formSchema } from "../$data";
+  import { fetchModels, formSchema, refreshModels } from "../$data";
   import {
     FormButton,
     FormControl,
@@ -25,7 +25,6 @@
     FormFieldErrors,
     FormLabel,
   } from "@/components/ui/form";
-  import { z } from "zod";
   import { keyTable, modelTable, serviceTable, useDb } from "@/database";
   import { eq } from "drizzle-orm";
   import { nanoid } from "nanoid";
@@ -36,9 +35,10 @@
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { toast } from "svelte-french-toast";
 
-  export async function fetchModels(form: z.infer<typeof formSchema>) {}
-
   let { data } = $props();
+
+  console.log("data", data);
+
   const formHandle = superForm(data.form, {
     SPA: true,
     validators: zodClient(formSchema),
@@ -47,26 +47,22 @@
         return;
       }
       try {
-        // query provider
-        const provider = await useDb().query.serviceTable.findFirst({
+        // query service
+        const service = await useDb().query.serviceTable.findFirst({
           where: eq(serviceTable.id, form.data.serviceId),
+          with: { sdk: true },
         });
-        if (!provider) {
-          setError(form, "serviceId", `Provider for ${form.data.serviceId} not found`);
+        if (!service) {
+          setError(form, "serviceId", `Service for ${form.data.serviceId} not found`);
           return;
         }
         // fetch models
-        const resp = await fetch("/api/models", {
-          method: "POST",
-          headers: {
-            Authorization: form.data.apiKey,
-            ContentType: "application/json",
-          },
-          body: JSON.stringify({
-            providerId: provider.id,
-            baseURL: form.data.baseURL,
-          }),
-        });
+        const resp = await fetchModels(
+          form.data.apiKey,
+          form.data.baseURL,
+          service.sdk.id,
+          service.id,
+        );
         if (!resp.ok) {
           // if failed to fetch models, ask user to update API key
           setError(form, "apiKey", resp.statusText);
@@ -83,11 +79,9 @@
             apiKey: form.data.apiKey,
           });
           const models = (await resp.json()) as any[];
-          await tx
-            .insert(modelTable)
-            .values(models.map((m) => ({ ...m, id: nanoid(10), visible: 1, keyId })));
+          await refreshModels(tx, keyId, models);
         });
-        toast.success("Account added");
+        toast.success("Key added");
         await goto(route(`/settings/keys/[id]`, { id: keyId }));
       } catch (e) {
         setError(form, "", e instanceof Error ? e.message : "Unknown error");
@@ -119,6 +113,8 @@
                 if (selected) {
                   // @ts-expect-error not inferring selected.value as string
                   $form.serviceId = selected.value;
+                  $form.baseURL =
+                    data.services.find((s) => s.id === selected.value)?.baseURL ?? null;
                 }
               }}
             >
@@ -127,9 +123,11 @@
               </SelectTrigger>
               <SelectContent>
                 {#each data.services as service (service.id)}
-                  <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
-                    {service.name}
-                  </SelectItem>
+                  {#if service.sdk.supported}
+                    <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
+                      {service.name}
+                    </SelectItem>
+                  {/if}
                 {/each}
               </SelectContent>
             </Select>
@@ -150,6 +148,18 @@
           </FormControl>
           <FormFieldErrors />
         </FormField>
+        <FormField form={formHandle} name="baseURL">
+          <FormControl let:attrs>
+            <FormLabel>Base URL</FormLabel>
+            <Input
+              placeholder="Leave blank to use default"
+              type="text"
+              {...attrs}
+              bind:value={$form.baseURL}
+            />
+          </FormControl>
+          <FormFieldErrors />
+        </FormField>
 
         {#each $allErrors as error}
           {#if error.path === "_errors"}

From 1d2ac99d9574124d43e113ad91337077fa4cbce0 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Wed, 7 Aug 2024 01:19:54 +1000
Subject: [PATCH 95/98] Add support for pasting images

---
 package.json                                  |  2 +-
 pnpm-lock.yaml                                | 46 +-----------
 src/lib/chat-service.svelte.ts                | 49 +++++++++---
 src/lib/image.ts                              | 29 +++++++
 src/routes/(app)/api/chat/+server.ts          |  6 +-
 src/routes/(app)/chat/[id]/Attachment.svelte  | 11 ++-
 .../(app)/chat/[id]/MessageInput.svelte       | 75 +++++++++++++++----
 7 files changed, 141 insertions(+), 77 deletions(-)
 create mode 100644 src/lib/image.ts

diff --git a/package.json b/package.json
index 2940914..958d110 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "@ai-sdk/google-vertex": "^0.0.19",
     "@ai-sdk/mistral": "^0.0.26",
     "@ai-sdk/openai": "^0.0.10",
-    "@ai-sdk/ui-utils": "^0.0.9",
+    "@ai-sdk/ui-utils": "^0.0.24",
     "@fontsource-variable/inter": "^5.0.18",
     "@lexical/history": "^0.16.0",
     "@lexical/plain-text": "^0.16.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ed3ceb..ae4f98a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,8 +33,8 @@ importers:
         specifier: ^0.0.10
         version: 0.0.10(zod@3.23.8)
       '@ai-sdk/ui-utils':
-        specifier: ^0.0.9
-        version: 0.0.9(zod@3.23.8)
+        specifier: ^0.0.24
+        version: 0.0.24(zod@3.23.8)
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
@@ -285,15 +285,6 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/provider-utils@1.0.0':
-    resolution: {integrity: sha512-Akq7MmGQII8xAuoVjJns/n/2BTUrF6qaXIj/3nEuXk/hPSdETlLWRSrjrTmLpte1VIPE5ecNzTALST+6nz47UQ==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.0.0
-    peerDependenciesMeta:
-      zod:
-        optional: true
-
   '@ai-sdk/provider-utils@1.0.5':
     resolution: {integrity: sha512-XfOawxk95X3S43arn2iQIFyWGMi0DTxsf9ETc6t7bh91RPWOOPYN1tsmS5MTKD33OGJeaDQ/gnVRzXUCRBrckQ==}
     engines: {node: '>=18'}
@@ -303,10 +294,6 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/provider@0.0.11':
-    resolution: {integrity: sha512-VTipPQ92Moa5Ovg/nZIc8yNoIFfukZjUHZcQMduJbiUh3CLQyrBAKTEV9AwjPy8wgVxj3+GZjon0yyOJKhfp5g==}
-    engines: {node: '>=18'}
-
   '@ai-sdk/provider@0.0.14':
     resolution: {integrity: sha512-gaQ5Y033nro9iX1YUjEDFDRhmMcEiCk56LJdIUbX5ozEiCNCfpiBpEqrjSp/Gp5RzBS2W0BVxfG7UGW6Ezcrzg==}
     engines: {node: '>=18'}
@@ -354,15 +341,6 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/ui-utils@0.0.9':
-    resolution: {integrity: sha512-RdC68yG1abpFQgpm3Tcn4hMbRzpRj0BXbphhwSpMwHqPQu4c/n82tYYJvhGB+rRXs/qLftLBS1NtrhqEYSVZTg==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      zod: ^3.0.0
-    peerDependenciesMeta:
-      zod:
-        optional: true
-
   '@ai-sdk/vue@0.0.28':
     resolution: {integrity: sha512-ZnDjkkUH/9xoXqJEmyrG9Z8z7DKBnp2uyCd9ZVI8QSqKOaP0jOwhv8THUXlIqDEF+ULLGMWm0XeY/L7i3CMYTA==}
     engines: {node: '>=18'}
@@ -4620,15 +4598,6 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
-  '@ai-sdk/provider-utils@1.0.0(zod@3.23.8)':
-    dependencies:
-      '@ai-sdk/provider': 0.0.11
-      eventsource-parser: 1.1.2
-      nanoid: 3.3.6
-      secure-json-parse: 2.7.0
-    optionalDependencies:
-      zod: 3.23.8
-
   '@ai-sdk/provider-utils@1.0.5(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.14
@@ -4638,10 +4607,6 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
-  '@ai-sdk/provider@0.0.11':
-    dependencies:
-      json-schema: 0.4.0
-
   '@ai-sdk/provider@0.0.14':
     dependencies:
       json-schema: 0.4.0
@@ -4686,13 +4651,6 @@ snapshots:
     optionalDependencies:
       zod: 3.23.8
 
-  '@ai-sdk/ui-utils@0.0.9(zod@3.23.8)':
-    dependencies:
-      '@ai-sdk/provider-utils': 1.0.0(zod@3.23.8)
-      secure-json-parse: 2.7.0
-    optionalDependencies:
-      zod: 3.23.8
-
   '@ai-sdk/vue@0.0.28(vue@3.4.26(typescript@5.4.5))(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider-utils': 1.0.5(zod@3.23.8)
diff --git a/src/lib/chat-service.svelte.ts b/src/lib/chat-service.svelte.ts
index ec80b99..980445c 100644
--- a/src/lib/chat-service.svelte.ts
+++ b/src/lib/chat-service.svelte.ts
@@ -7,6 +7,7 @@ import type {
   IdGenerator,
   JSONValue,
   Message as AIMessage,
+  Attachment as AIAttachment,
   ToolCallHandler,
 } from "@ai-sdk/ui-utils";
 import { callChatApi, processChatStream } from "@ai-sdk/ui-utils";
@@ -21,7 +22,7 @@ export type MessageAttachment = {
   type: string;
   name: string;
   content: string;
-  attributes: {};
+  attributes: Record<string, any>;
 };
 export type ChatMessage = AIMessage & {
   attachments: MessageAttachment[];
@@ -131,7 +132,7 @@ export type ChatOptions = {
    */
   sendExtraMessageFields?: boolean;
   /** Stream mode (default to "stream-data") */
-  streamMode?: "stream-data" | "text";
+  streamProtocol?: "data" | "text";
   /**
    Custom fetch implementation. You can use it as a middleware to intercept requests,
    or to provide a custom fetch implementation for e.g. testing.
@@ -153,7 +154,7 @@ const getStreamedResponse = async (
   previousMessages: ChatMessage[],
   abortControllerRef: AbortController | null,
   generateId: IdGenerator,
-  streamMode: "stream-data" | "text" | undefined,
+  streamProtocol: "data" | "text" | undefined,
   onFinish: ((message: ChatMessage) => void) | undefined,
   onResponse: ((response: Response) => void | Promise<void>) | undefined,
   sendExtraMessageFields: boolean | undefined,
@@ -162,10 +163,21 @@ const getStreamedResponse = async (
   const constructedMessagesPayload = sendExtraMessageFields
     ? chatRequest.messages
     : chatRequest.messages.map(
-        ({ role, content, name, data, annotations, function_call, tool_calls, tool_call_id }) => ({
+        ({
+          role,
+          content,
+          experimental_attachments,
+          name,
+          data,
+          annotations,
+          function_call,
+          tool_calls,
+          tool_call_id,
+        }) => ({
           role,
           content,
           ...(name !== undefined && { name }),
+          ...(experimental_attachments !== undefined && { experimental_attachments }),
           ...(data !== undefined && { data }),
           ...(annotations !== undefined && { annotations }),
           // outdated function/tool call handling (TODO deprecate):
@@ -175,6 +187,9 @@ const getStreamedResponse = async (
         }),
       );
 
+  console.log("chatRequest", chatRequest);
+  console.log("constructedMessagesPayload", constructedMessagesPayload);
+
   return await callChatApi({
     api,
     body: {
@@ -195,7 +210,7 @@ const getStreamedResponse = async (
         tool_choice: chatRequest.tool_choice,
       }),
     },
-    streamMode,
+    streamProtocol,
     credentials: extraMetadata.credentials,
     headers: {
       ...extraMetadata.headers,
@@ -233,7 +248,7 @@ export class ChatService {
   private sendExtraMessageFields: boolean | undefined;
   private experimental_onFunctionCall: FunctionCallHandler | undefined;
   private experimental_onToolCall: ToolCallHandler | undefined;
-  private streamMode: "stream-data" | "text" | undefined;
+  private streamProtocol: "data" | "text" | undefined;
   private onLoading: (() => void) | undefined;
   private onAppend: (() => void) | undefined;
   private onRevision: (() => void) | undefined;
@@ -255,7 +270,7 @@ export class ChatService {
     sendExtraMessageFields,
     experimental_onFunctionCall,
     experimental_onToolCall,
-    streamMode,
+    streamProtocol,
     onLoading,
     onAppend,
     onRevision,
@@ -273,7 +288,7 @@ export class ChatService {
     this.sendExtraMessageFields = sendExtraMessageFields;
     this.experimental_onFunctionCall = experimental_onFunctionCall;
     this.experimental_onToolCall = experimental_onToolCall;
-    this.streamMode = streamMode;
+    this.streamProtocol = streamProtocol;
     this.onLoading = onLoading;
     this.onAppend = onAppend;
     this.onRevision = onRevision;
@@ -388,9 +403,13 @@ export class ChatService {
     // inline attachments into message content surrounded by tags
     const messages = this.messages.map((message) => {
       let content = message.content;
+      let experimental_attachments: AIAttachment[] | undefined = undefined;
       if (message.attachments) {
         const attachmentContent = message.attachments
-          .filter((attachment) => attachment.content.trim() !== "") // Exclude empty attachments
+          .filter(
+            (attachment) =>
+              !attachment.type.startsWith("image/") && attachment.content.trim() !== "",
+          ) // Exclude empty attachments
           .map((attachment) => {
             const escapedContent = attachment.content.replace(/</g, "&lt;").replace(/>/g, "&gt;");
             const attributes = Object.entries(attachment.attributes)
@@ -402,8 +421,16 @@ export class ChatService {
         if (attachmentContent.length > 0) {
           content = `${attachmentContent}\n\n${content}`;
         }
+        experimental_attachments = message.attachments
+          .filter((attachment) => attachment.type.startsWith("image/"))
+          .map((attachment) => ({
+            name: attachment.name,
+            contentType: attachment.type,
+            url: attachment.content,
+          }));
+        console.log("experimental_attachments", experimental_attachments);
       }
-      return { ...message, content };
+      return { ...message, content, experimental_attachments };
     });
     return {
       messages,
@@ -467,7 +494,7 @@ export class ChatService {
             this.messages,
             this.abortController,
             this.generateId,
-            this.streamMode,
+            this.streamProtocol,
             this.handleOnFinish,
             () => {},
             this.sendExtraMessageFields,
diff --git a/src/lib/image.ts b/src/lib/image.ts
new file mode 100644
index 0000000..5616dfe
--- /dev/null
+++ b/src/lib/image.ts
@@ -0,0 +1,29 @@
+export async function compressImage(file: Blob, quality: number = 0.7): Promise<Blob> {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        reject(new Error("Failed to get canvas context"));
+        return;
+      }
+      canvas.width = img.width;
+      canvas.height = img.height;
+      ctx.drawImage(img, 0, 0);
+      canvas.toBlob(
+        (blob) => {
+          if (blob) {
+            resolve(blob);
+          } else {
+            reject(new Error("Failed to compress image"));
+          }
+        },
+        "image/jpeg",
+        quality,
+      );
+    };
+    img.onerror = () => reject(new Error("Failed to load image"));
+    img.src = URL.createObjectURL(file);
+  });
+}
diff --git a/src/routes/(app)/api/chat/+server.ts b/src/routes/(app)/api/chat/+server.ts
index 27f2b56..6c827dc 100644
--- a/src/routes/(app)/api/chat/+server.ts
+++ b/src/routes/(app)/api/chat/+server.ts
@@ -1,4 +1,4 @@
-import { StreamingTextResponse, streamText } from "ai";
+import { convertToCoreMessages, StreamingTextResponse, streamText } from "ai";
 import type { RequestHandler } from "./$types";
 import { createOpenAI } from "@ai-sdk/openai";
 import { createAnthropic } from "@ai-sdk/anthropic";
@@ -24,6 +24,8 @@ export const POST = (async ({ request }) => {
     });
   }
 
+  console.log("chat request", messages, sdkId, apiKey, baseURL, modelName);
+
   let provider;
   switch (sdkId) {
     case "azure":
@@ -53,7 +55,7 @@ export const POST = (async ({ request }) => {
   try {
     const result = await streamText({
       model: provider(modelName),
-      messages,
+      messages: convertToCoreMessages(messages),
     });
     return new StreamingTextResponse(result.toAIStream());
   } catch (e: unknown) {
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index 27970a5..7d9d984 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { XIcon } from "lucide-svelte";
   import { Button } from "@/components/ui/button";
-  import { toTitleCase } from "$lib/string";
 
   type Props = {
     type: string;
@@ -12,7 +11,7 @@
 </script>
 
 <div
-  class="h-32 min-h-28 w-28 min-w-28 cursor-pointer overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
+  class="h-32 min-h-28 w-28 min-w-28 overflow-hidden rounded-lg border border-gray-300 bg-white text-gray-700"
 >
   <div class="relative h-full border-0">
     {#if onRemove}
@@ -26,13 +25,17 @@
     {/if}
     <div class="flex h-full flex-col gap-1 p-2">
       <div class="relative flex-1 overflow-hidden">
-        <p class="overflow-y-hidden break-words text-sm">{content}</p>
+        {#if type.startsWith("image/")}
+          <img src={content} alt="Pasted" class="w-full" />
+        {:else}
+          <p class="overflow-y-hidden break-words text-sm">{content}</p>
+        {/if}
         <div
           class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-white to-transparent"
         ></div>
       </div>
       <div class="name sticky bottom-0 text-sm font-semibold text-gray-700">
-        {toTitleCase(type)}
+        {type}
       </div>
     </div>
   </div>
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index 8c4d08b..c3fc646 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -16,6 +16,8 @@
   import type { MessageAttachment } from "$lib/chat-service.svelte";
   import { nanoid } from "nanoid";
   import AttachmentControls from "./AttachmentControls.svelte";
+  import { compressImage } from "$lib/image";
+  import { toast } from "svelte-french-toast";
 
   type Props = {
     isLoading: boolean;
@@ -53,20 +55,63 @@
     }
   }
 
-  function handlePaste(event: ClipboardEvent) {
-    if (!event.clipboardData) {
-      return;
-    }
-    const content = event.clipboardData.getData("text/plain");
-    if (content.length > 1000) {
-      event.preventDefault();
-      attachments.push({
-        id: nanoid(10),
-        type: "pasted",
-        name: `Pasted ${new Date().toLocaleString()}`,
-        content,
-        attributes: {},
-      });
+  async function handlePaste(event: ClipboardEvent) {
+    try {
+      if (!event.clipboardData) {
+        return;
+      }
+      console.time("handlePaste");
+      const content = event.clipboardData.getData("text/plain");
+      if (content.length > 1000) {
+        event.preventDefault();
+        attachments.push({
+          id: nanoid(10),
+          type: "pasted",
+          name: `Pasted ${new Date().toLocaleString()}`,
+          content,
+          attributes: {},
+        });
+      }
+
+      // Handle image paste
+      const items = Array.from(event.clipboardData.items);
+      const imageItem = items.find((item) => item.type.indexOf("image") !== -1);
+
+      if (imageItem) {
+        event.preventDefault();
+        let blob = imageItem.getAsFile() as Blob;
+        if (blob) {
+          const originalSizeMB = blob.size / (1024 * 1024);
+          if (originalSizeMB > 10) {
+            return toast.error(`Image too large: ${originalSizeMB.toFixed(2)} MB. `);
+          }
+          console.log(`Original image size: ${originalSizeMB.toFixed(2)} MB`);
+          if (originalSizeMB > 0.5) {
+            blob = await compressImage(blob);
+            const compressedSizeMB = blob.size / (1024 * 1024);
+            toast.success(
+              `Large image compressed from ${originalSizeMB.toFixed(2)} MB to ${compressedSizeMB.toFixed(2)} MB`,
+            );
+          }
+          const reader = new FileReader();
+          reader.onload = function (e) {
+            const base64data = e.target?.result as string;
+            attachments.push({
+              id: nanoid(10),
+              type: blob.type,
+              name: `Image ${new Date().toLocaleString()}`,
+              content: base64data,
+              attributes: {
+                size: blob.size,
+                type: blob.type,
+              },
+            });
+          };
+          reader.readAsDataURL(blob);
+        }
+      }
+    } finally {
+      console.timeEnd("handlePaste");
     }
   }
 
@@ -97,7 +142,7 @@
         <AttachmentControls />
       {/if}
       <div class="flex items-end gap-2">
-        <Button class="hidden" variant="outline" size="icon" on:click={toggleUploadOptions}>
+        <Button variant="outline" size="icon" on:click={toggleUploadOptions}>
           <Plus class="h-4 w-4" />
         </Button>
         <Textarea

From e7fc31d26b1d885bd134acdfbcc4e3d3320becb2 Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Thu, 8 Aug 2024 17:07:15 +1000
Subject: [PATCH 96/98] Add nvidia aiService

---
 src/database/migrations/0009_ancient_korath.sql |   1 +
 static/icons/nvidia-16x16.png                   | Bin 0 -> 384 bytes
 static/icons/nvidia-32x32.png                   | Bin 0 -> 848 bytes
 3 files changed, 1 insertion(+)
 create mode 100644 static/icons/nvidia-16x16.png
 create mode 100644 static/icons/nvidia-32x32.png

diff --git a/src/database/migrations/0009_ancient_korath.sql b/src/database/migrations/0009_ancient_korath.sql
index 4654137..85ef4e5 100644
--- a/src/database/migrations/0009_ancient_korath.sql
+++ b/src/database/migrations/0009_ancient_korath.sql
@@ -33,5 +33,6 @@ INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
 ('groq', 'Groq', 'openai', 'https://api.groq.com/openai/v1'),
 ('perplexity', 'Perplexity', 'openai', 'https://api.perplexity.ai/'),
 ('fireworks', 'Fireworks', 'openai', 'https://api.fireworks.ai/inference/v1'),
+('nvidia', 'Nvidia', 'openai', 'https://integrate.api.nvidia.com/v1'),
 ('cohere', 'Cohere', 'cohere', NULL);
 
diff --git a/static/icons/nvidia-16x16.png b/static/icons/nvidia-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..1456349c179a6012526441c784d7d48a21428dab
GIT binary patch
literal 384
zcmV-`0e}99P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0003;Nkl<ZIE~fP
zKS&gC7{>9>$z_*+@NhY76BH72a<CLp6hZv61>GgK#044XpqrC}lY_YW7YVXJMG#yZ
z97G5NYYxFg2gigGbV!GOcXWq`Q-ja=zVGwp<$Yf6y&|_2-+k0kR%zib^ToMj4j{ec
zQM^hQ8gPvo^dM0H&>n@i%VHG?W9Y^@e&Q9rpfx}yQJN1a8r#xPk#K+*UZWcI7{qsM
z;}|VC%LhawMOMPV9KIoiC_bPQPceljSi}3A4KNedyv8XiL$4WM(T9Fa;0-?EDhv2=
zU>-Y|#Q?_9g*|NIC8m)?+f=ty0RADwm|j#Gf9x}gF^VRClc+;2<^v>-Aq=DZ;#_++
z#ut+!)r|&_#t9biE8OE*NTLl7GM*g3zZ%)lTO6~BhYCDf1`xfiakOu@B<^`3V@8+1
e9o{wb|8)be(MCCSs&X^{0000<MNUMnLSTY}D4v4=

literal 0
HcmV?d00001

diff --git a/static/icons/nvidia-32x32.png b/static/icons/nvidia-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..eee3da8243356b97775d442bb87979badb3f92bb
GIT binary patch
literal 848
zcmV-W1F!svP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80009QNkl<ZScUD@
zYiQS17zgmrf32G{B}po<VpPV;AkCyGs0{01Hx$bVf}rRIqtXtPSgRG9ov=4b>YLGs
zD2iSv*&)b+D5IdHGO#3#zzak-YO&JUi*u+o=jL+n+V{=x`aI|RJm>p;em}-AhW|Sn
zBY8Pyi*WrYt=*M^?&c8&O~n<XMBp80I^4Ho){H;#J$leL8Z3tFK+L9M0p{R*JeGpV
zF*^oRa0%vNE{^{%1P1Lu%r1{v##SuF0d%1?W^3^X&c<sgSb%e|3V$3Cfta<%Y&|yN
z0z8b<Q!qOP5hvg-JdQW9BW8=SHwEoVN4AcHK%*|)z&&^dE$GGrDflU7;}zv!Rg=Gm
zQ*kwJ!$f?Fg(>(tW-WLD^9}8?judn@)qt0<8sqR#3T{VFt?nDVh$|HlewKm_wc<8x
z#B{tLvkO!38*Zs24h+|UCakXk4RoepWz0^&+jthcaVgHiG;ELA97w@#+=ve`8E?dF
zTnhFnTeWRC0?qgev+MPD^>_m=!+u<of;|v3I1R7HY&v$L1G8#eR|<OS`Gbl$hwZ=$
z{tj9cvnITv`2DC#W*{ais()E=Nds%KBxa46Ey417f4?ENqA3MC74gA&xFZEW`^SEr
zF`F_->|ESj7g&b-aI~VOr)qKED$Z!f-a~Z&p2kP@d_~O8#5zStCu3tBN&~SC*QH>o
zqLFuTZ>@Y2E>6M6DOjxtb|v;5L?8vdwVGWx5wBws?yTh66sz^(Ii<bVD${Xu%$~p}
zwc1`hs-Jc$e!(6Cw&PzujoCE3rTF}F%um7gn6*_hJFo%A;amhPR5a07V;863%YHc<
z%FI}X8U2>)NI~a8gCb_FiU=>Nte0b53Vw*$8r(e~<i|>CO$s*m%QIg2PPAj@z+w+c
zpavg{`w?*xe#HmMHuNcN-i0r)B?Z6NxCzR@nx{<9NrUAdmOwuu6L3>aHVaRt;Q9Kj
z1!pMEnV}4;nGXM}I6Q$t2(7}cirrd_@Q-RR0wet+YF1n_Y8WYjZe{L|2DXe+o-vH!
a$nY0aGU(a*M&-c(0000<MNUMnLSTXiy@R0u

literal 0
HcmV?d00001


From a0063274fbe8a33123a863b295bcbe206f59dc5c Mon Sep 17 00:00:00 2001
From: codewithcheese <mr.tmanning@gmail.com>
Date: Mon, 12 Aug 2024 01:48:21 +1000
Subject: [PATCH 97/98] Wip attachment service

---
 package.json                                  |   7 +-
 pnpm-lock.yaml                                |  76 ++-
 src/database/migrations/0013_tiny_glorian.sql |   7 +
 .../migrations/meta/0013_snapshot.json        | 561 ++++++++++++++++++
 src/database/migrations/meta/_journal.json    |   7 +
 src/database/schema.ts                        |   3 +
 src/lib/attachment-service.svelte.ts          | 191 ++++++
 src/lib/util/blob.ts                          |  14 +
 src/lib/{ => util}/image.ts                   |   0
 src/lib/util/mime.ts                          |   6 +
 src/routes/(app)/api/parse/+server.ts         |  61 ++
 src/routes/(app)/chat/[id]/+page.svelte       |   2 +
 src/routes/(app)/chat/[id]/+page.ts           |  15 +-
 src/routes/(app)/chat/[id]/Attachment.svelte  |  24 +-
 .../(app)/chat/[id]/AttachmentControls.svelte |  19 +-
 src/routes/(app)/chat/[id]/ChatPage.svelte    |   4 +-
 .../(app)/chat/[id]/MessageInput.svelte       | 135 ++---
 .../(app)/settings/keys/[id]/+page.svelte     | 158 ++---
 src/routes/(app)/settings/keys/[id]/+page.ts  |   5 +-
 .../(app)/settings/keys/add/+page.svelte      |  90 ++-
 src/routes/(app)/settings/keys/add/+page.ts   |   1 +
 static/icons/unstructured-16x16.png           | Bin 0 -> 215 bytes
 static/icons/unstructured-32x32.png           | Bin 0 -> 1225 bytes
 23 files changed, 1158 insertions(+), 228 deletions(-)
 create mode 100644 src/database/migrations/0013_tiny_glorian.sql
 create mode 100644 src/database/migrations/meta/0013_snapshot.json
 create mode 100644 src/lib/attachment-service.svelte.ts
 create mode 100644 src/lib/util/blob.ts
 rename src/lib/{ => util}/image.ts (100%)
 create mode 100644 src/lib/util/mime.ts
 create mode 100644 src/routes/(app)/api/parse/+server.ts
 create mode 100644 static/icons/unstructured-16x16.png
 create mode 100644 static/icons/unstructured-32x32.png

diff --git a/package.json b/package.json
index 958d110..a3f4be3 100644
--- a/package.json
+++ b/package.json
@@ -51,9 +51,9 @@
   },
   "type": "module",
   "dependencies": {
-    "@ai-sdk/azure": "^0.0.18",
     "@ai-sdk/amazon-bedrock": "^0.0.9",
     "@ai-sdk/anthropic": "^0.0.35",
+    "@ai-sdk/azure": "^0.0.18",
     "@ai-sdk/cohere": "^0.0.8",
     "@ai-sdk/google": "^0.0.30",
     "@ai-sdk/google-vertex": "^0.0.19",
@@ -70,7 +70,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "dotenv": "^16.4.5",
-    "drizzle-orm": "^0.30.10",
+    "drizzle-orm": "^0.33.0",
     "filepond": "^4.31.1",
     "formsnap": "^1.0.1",
     "highlight.js": "^11.7.0",
@@ -85,6 +85,7 @@
     "svelte-filepond": "^0.2.2",
     "svelte-french-toast": "^1.2.0",
     "tailwind-merge": "^2.3.0",
-    "tailwind-variants": "^0.2.1"
+    "tailwind-variants": "^0.2.1",
+    "unstructured-client": "^0.14.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae4f98a..49fa55d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,8 +66,8 @@ importers:
         specifier: ^16.4.5
         version: 16.4.5
       drizzle-orm:
-        specifier: ^0.30.10
-        version: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
+        specifier: ^0.33.0
+        version: 0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
       filepond:
         specifier: ^4.31.1
         version: 4.31.1
@@ -100,7 +100,7 @@ importers:
         version: 5.0.7
       sqlocal:
         specifier: ^0.9.0
-        version: 0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
+        version: 0.9.0(drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
       svelte-filepond:
         specifier: ^0.2.2
         version: 0.2.2(filepond@4.31.1)
@@ -113,6 +113,9 @@ importers:
       tailwind-variants:
         specifier: ^0.2.1
         version: 0.2.1(tailwindcss@3.4.3)
+      unstructured-client:
+        specifier: ^0.14.3
+        version: 0.14.3(zod@3.23.8)
     devDependencies:
       '@cloudflare/workers-types':
         specifier: ^4.20240502.0
@@ -1272,6 +1275,12 @@ packages:
     resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
     engines: {node: '>=8.0.0'}
 
+  '@pdf-lib/standard-fonts@1.0.0':
+    resolution: {integrity: sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==}
+
+  '@pdf-lib/upng@1.0.1':
+    resolution: {integrity: sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -2377,8 +2386,8 @@ packages:
     resolution: {integrity: sha512-U87IhZyCt/9d0ZT/Na3KFJVY31tSxtTx/n9UMcWFpW/5c2Ede39xiCG5efNV/0iimsv97UIRtDI0ldLBW5lbcg==}
     hasBin: true
 
-  drizzle-orm@0.30.10:
-    resolution: {integrity: sha512-IRy/QmMWw9lAQHpwbUh1b8fcn27S/a9zMIzqea1WNOxK9/4EB8gIo+FZWLiPXzl2n9ixGSv8BhsLZiOppWEwBw==}
+  drizzle-orm@0.33.0:
+    resolution: {integrity: sha512-SHy72R2Rdkz0LEq0PSG/IdvnT3nGiWuRk+2tXZQ90GVq/XQhpCzu/EFT3V2rox+w8MlkBQxifF8pCStNYnERfA==}
     peerDependencies:
       '@aws-sdk/client-rds-data': '>=3'
       '@cloudflare/workers-types': '>=3'
@@ -2388,6 +2397,8 @@ packages:
       '@op-engineering/op-sqlite': '>=2'
       '@opentelemetry/api': ^1.4.1
       '@planetscale/database': '>=1'
+      '@prisma/client': '*'
+      '@tidbcloud/serverless': '*'
       '@types/better-sqlite3': '*'
       '@types/pg': '*'
       '@types/react': '>=18'
@@ -2402,6 +2413,7 @@ packages:
       mysql2: '>=2'
       pg: '>=8'
       postgres: '>=3'
+      prisma: '*'
       react: '>=18'
       sql.js: '>=1'
       sqlite3: '>=5'
@@ -2422,6 +2434,10 @@ packages:
         optional: true
       '@planetscale/database':
         optional: true
+      '@prisma/client':
+        optional: true
+      '@tidbcloud/serverless':
+        optional: true
       '@types/better-sqlite3':
         optional: true
       '@types/pg':
@@ -2450,6 +2466,8 @@ packages:
         optional: true
       postgres:
         optional: true
+      prisma:
+        optional: true
       react:
         optional: true
       sql.js:
@@ -3373,6 +3391,9 @@ packages:
     resolution: {integrity: sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==}
     engines: {node: '>= 14'}
 
+  pako@1.0.11:
+    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
+
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -3408,6 +3429,9 @@ packages:
   pathval@1.1.1:
     resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
 
+  pdf-lib@1.17.1:
+    resolution: {integrity: sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==}
+
   pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
 
@@ -4157,6 +4181,9 @@ packages:
   ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
+  tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+
   tslib@2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
 
@@ -4215,6 +4242,11 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unstructured-client@0.14.3:
+    resolution: {integrity: sha512-+QEkwNm0GtLGs3TdbaG3ES1upR5ygzM8Jtm3epqNlz1cLREruI/jl342jGRwg75N9jkrMWsye3GHgZcN4TpfCw==}
+    peerDependencies:
+      zod: '>= 3'
+
   unzipper@0.11.6:
     resolution: {integrity: sha512-anERl79akvqLbAxfjIFe4hK0wsi0fH4uGLwNEl4QEnG+KKs3QQeApYgOS/f6vH2EdACUlZg35psmd/3xL2duFQ==}
 
@@ -5636,6 +5668,14 @@ snapshots:
 
   '@opentelemetry/api@1.9.0': {}
 
+  '@pdf-lib/standard-fonts@1.0.0':
+    dependencies:
+      pako: 1.0.11
+
+  '@pdf-lib/upng@1.0.1':
+    dependencies:
+      pako: 1.0.11
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
@@ -6515,8 +6555,7 @@ snapshots:
       tslib: 2.6.2
     optional: true
 
-  async@3.2.5:
-    optional: true
+  async@3.2.5: {}
 
   asynckit@0.4.0: {}
 
@@ -6954,7 +6993,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3):
+  drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3):
     optionalDependencies:
       '@cloudflare/workers-types': 4.20240502.0
       '@opentelemetry/api': 1.9.0
@@ -8046,6 +8085,8 @@ snapshots:
       netmask: 2.0.2
     optional: true
 
+  pako@1.0.11: {}
+
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -8073,6 +8114,13 @@ snapshots:
 
   pathval@1.1.1: {}
 
+  pdf-lib@1.17.1:
+    dependencies:
+      '@pdf-lib/standard-fonts': 1.0.0
+      '@pdf-lib/upng': 1.0.1
+      pako: 1.0.11
+      tslib: 1.14.1
+
   pend@1.2.0:
     optional: true
 
@@ -8542,13 +8590,13 @@ snapshots:
   sql.js@1.10.3:
     optional: true
 
-  sqlocal@0.9.0(drizzle-orm@0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3):
+  sqlocal@0.9.0(drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3):
     dependencies:
       '@sqlite.org/sqlite-wasm': 3.45.3-build1
       coincident: 1.2.3
       nanoid: 5.0.7
     optionalDependencies:
-      drizzle-orm: 0.30.10(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
+      drizzle-orm: 0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
       kysely: 0.27.3
     transitivePeerDependencies:
       - bufferutil
@@ -8890,6 +8938,8 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
+  tslib@1.14.1: {}
+
   tslib@2.4.0:
     optional: true
 
@@ -8934,6 +8984,12 @@ snapshots:
   universalify@2.0.1:
     optional: true
 
+  unstructured-client@0.14.3(zod@3.23.8):
+    dependencies:
+      async: 3.2.5
+      pdf-lib: 1.17.1
+      zod: 3.23.8
+
   unzipper@0.11.6:
     dependencies:
       big-integer: 1.6.52
diff --git a/src/database/migrations/0013_tiny_glorian.sql b/src/database/migrations/0013_tiny_glorian.sql
new file mode 100644
index 0000000..39e5fc2
--- /dev/null
+++ b/src/database/migrations/0013_tiny_glorian.sql
@@ -0,0 +1,7 @@
+ALTER TABLE `sdk` ADD `type` text DEFAULT 'model' NOT NULL;
+--> statement-breakpoint
+INSERT INTO sdk (id, slug, type, name) VALUES
+('unstructured', 'unstructured', 'document', 'Unstructured');
+--> statement-breakpoint
+INSERT INTO service (id, name, sdkId, baseURL) VALUES
+('unstructured', 'Unstructured', 'unstructured', 'https://api.unstructured.io/general/v0/general');
diff --git a/src/database/migrations/meta/0013_snapshot.json b/src/database/migrations/meta/0013_snapshot.json
new file mode 100644
index 0000000..d2299e2
--- /dev/null
+++ b/src/database/migrations/meta/0013_snapshot.json
@@ -0,0 +1,561 @@
+{
+  "version": "6",
+  "dialect": "sqlite",
+  "id": "cc4fa37d-7749-484d-85e2-30ef047570bd",
+  "prevId": "8bd68b8d-72a4-4b2c-83fc-61d4269779d0",
+  "tables": {
+    "attachment": {
+      "name": "attachment",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "messageId": {
+          "name": "messageId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "documentId": {
+          "name": "documentId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "attachment_messageId_idx": {
+          "name": "attachment_messageId_idx",
+          "columns": [
+            "messageId"
+          ],
+          "isUnique": false
+        },
+        "messageDocument_unique": {
+          "name": "messageDocument_unique",
+          "columns": [
+            "messageId",
+            "documentId"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "attachment_messageId_message_id_fk": {
+          "name": "attachment_messageId_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "messageId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_documentId_document_id_fk": {
+          "name": "attachment_documentId_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "documentId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "chat": {
+      "name": "chat",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "document": {
+      "name": "document",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'document'"
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'{}'"
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "key": {
+      "name": "key",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "serviceId": {
+          "name": "serviceId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "apiKey": {
+          "name": "apiKey",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "message": {
+      "name": "message",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "index": {
+          "name": "index",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "revisionId": {
+          "name": "revisionId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "role": {
+          "name": "role",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "message_revisionId_idx": {
+          "name": "message_revisionId_idx",
+          "columns": [
+            "revisionId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "message_revisionId_revision_id_fk": {
+          "name": "message_revisionId_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
+          "columnsFrom": [
+            "revisionId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "model": {
+      "name": "model",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "keyId": {
+          "name": "keyId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visible": {
+          "name": "visible",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "accountId_idx": {
+          "name": "accountId_idx",
+          "columns": [
+            "keyId"
+          ],
+          "isUnique": false
+        },
+        "accountId_unique": {
+          "name": "accountId_unique",
+          "columns": [
+            "keyId",
+            "name"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "model_keyId_key_id_fk": {
+          "name": "model_keyId_key_id_fk",
+          "tableFrom": "model",
+          "tableTo": "key",
+          "columnsFrom": [
+            "keyId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "revision": {
+      "name": "revision",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "chatId": {
+          "name": "chatId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {
+        "revision_chatId_idx": {
+          "name": "revision_chatId_idx",
+          "columns": [
+            "chatId"
+          ],
+          "isUnique": false
+        }
+      },
+      "foreignKeys": {
+        "revision_chatId_chat_id_fk": {
+          "name": "revision_chatId_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
+          "columnsFrom": [
+            "chatId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "sdk": {
+      "name": "sdk",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": "'model'"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "supported": {
+          "name": "supported",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false,
+          "default": 1
+        }
+      },
+      "indexes": {
+        "slug_unique": {
+          "name": "slug_unique",
+          "columns": [
+            "slug"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "service": {
+      "name": "service",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sdkId": {
+          "name": "sdkId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "baseURL": {
+          "name": "baseURL",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "(CURRENT_TIMESTAMP)"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index 558db91..f2ef347 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -92,6 +92,13 @@
       "when": 1722860350143,
       "tag": "0012_soft_trish_tilby",
       "breakpoints": true
+    },
+    {
+      "idx": 13,
+      "version": "6",
+      "when": 1723389269325,
+      "tag": "0013_tiny_glorian",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/database/schema.ts b/src/database/schema.ts
index cd3f294..fdddc46 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -113,6 +113,9 @@ export const sdkTable = sqliteTable(
   {
     id: text("id").primaryKey(),
     slug: text("slug").notNull(),
+    type: text("type", { enum: ["model", "document"] })
+      .notNull()
+      .default("model"),
     name: text("name").notNull(),
     supported: int("supported").notNull().default(1),
   },
diff --git a/src/lib/attachment-service.svelte.ts b/src/lib/attachment-service.svelte.ts
new file mode 100644
index 0000000..c645d34
--- /dev/null
+++ b/src/lib/attachment-service.svelte.ts
@@ -0,0 +1,191 @@
+import type { MessageAttachment } from "$lib/chat-service.svelte";
+import type { Service } from "@/database";
+import { toast } from "svelte-french-toast";
+import { readBlobAsDataURL } from "./util/blob";
+import { compressImage } from "$lib/util/image";
+import { nanoid } from "nanoid";
+import { humanType } from "$lib/util/mime";
+
+export class Attachment {
+  id: string = nanoid(10);
+  type: string;
+  name: string;
+  content: string;
+  attributes: Record<string, any>;
+  loading: boolean = $state(true);
+  error: Error | undefined = $state(undefined);
+
+  constructor(
+    type: string,
+    name: string,
+    content: string = "",
+    attributes: Record<string, any> = {},
+  ) {
+    this.type = type;
+    this.name = name;
+    this.content = content;
+    if (content !== "") {
+      this.loading = false;
+    }
+    this.attributes = attributes;
+  }
+}
+
+export class AttachmentService {
+  fileInput: HTMLInputElement | undefined;
+  attachments: Attachment[] = $state([]);
+
+  private services: Service[];
+
+  constructor(services: Service[] = []) {
+    this.services = services;
+  }
+
+  clear() {
+    this.attachments = [];
+  }
+
+  remove = (index: number) => {
+    this.attachments = this.attachments.filter((a, i) => i !== index);
+  };
+
+  handlePasteClick = () => {
+    console.log("handlePasteClick");
+  };
+
+  handleUploadClick = () => {
+    if (this.fileInput) {
+      this.fileInput.click();
+      this.fileInput.addEventListener("change", this.handleFileChange);
+    } else {
+      console.error("File input not found");
+    }
+  };
+
+  handlePaste = (event: ClipboardEvent) => {
+    if (!event.clipboardData) {
+      return;
+    }
+
+    const content = event.clipboardData.getData("text/plain");
+    if (content.length > 1000) {
+      event.preventDefault();
+      this.attachments.push(
+        new Attachment("text/plain", `Pasted ${new Date().toLocaleString()}`, content),
+      );
+      return;
+    }
+
+    const results: any[] = [];
+    const items = Array.from(event.clipboardData.items);
+    for (const item of items) {
+      console.log("item", item.kind, item.type);
+      if (item.kind === "file") {
+        results.push(this.handleFile(item.getAsFile()!));
+      }
+    }
+
+    // Prevent default paste behavior if we handled any items
+    if (results.some((result) => result)) {
+      event.preventDefault();
+    }
+  };
+
+  handleFileChange = (event: Event) => {
+    const target = event.target as HTMLInputElement;
+    if (!target.files || target.files.length === 0) {
+      return;
+    }
+
+    Array.from(target.files).forEach((file) => {
+      this.handleFile(file);
+    });
+
+    // Reset the file input
+    if (this.fileInput) {
+      this.fileInput.value = "";
+    }
+  };
+
+  private async handleFile(file: File) {
+    let type: string = file.type;
+    let name: string = file.name;
+
+    const isComplex = !(type.startsWith("text/") || type.startsWith("image/"));
+    if (isComplex && this.services.length === 0) {
+      toast.error(
+        `Document processing service required to process ${humanType(type)} files. Add API keys in the settings.`,
+      );
+      return;
+    }
+
+    const attachment = new Attachment(type, name);
+    this.attachments.push(attachment);
+
+    try {
+      if (type.startsWith("text/")) {
+        attachment.loading = false;
+        attachment.content = await file.text();
+        return attachment.content.length > 1000;
+      } else if (type.startsWith("image/")) {
+        await this.loadImage(file, attachment);
+        return true;
+      } else {
+        await this.loadDocument(file, attachment);
+        return true;
+      }
+    } catch (error) {
+      console.error("Error processing file:", error);
+      attachment.error =
+        error instanceof Error ? error : new Error("Unknown error processing file");
+    } finally {
+      attachment.loading = false;
+    }
+  }
+
+  private async loadImage(file: File, attachment: Attachment) {
+    const originalSizeMB = file.size / (1024 * 1024);
+    if (originalSizeMB > 10) {
+      throw new Error(`Image too large: ${originalSizeMB.toFixed(2)} MB.`);
+    }
+    console.log(`Original image size: ${originalSizeMB.toFixed(2)} MB`);
+
+    let blob: Blob = file;
+    if (originalSizeMB > 0.5) {
+      blob = await compressImage(file);
+      const compressedSizeMB = blob.size / (1024 * 1024);
+      toast.success(
+        `Large image compressed from ${originalSizeMB.toFixed(2)} MB to ${compressedSizeMB.toFixed(2)} MB`,
+      );
+    }
+
+    attachment.content = await readBlobAsDataURL(blob);
+  }
+
+  private async loadDocument(file: File, attachment: Attachment) {
+    try {
+      // TODO: use the document processor service key as the API key
+      const data = await readBlobAsDataURL(file);
+      const response = await fetch("/api/parse", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "YOUR_API_KEY_HERE", // Replace with actual API key or fetch from environment
+        },
+        body: JSON.stringify({
+          data,
+          fileName: file.name,
+          language: "eng", // You might want to make this configurable
+        }),
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const result = await response.json();
+      attachment.content = JSON.stringify(result, null, 2);
+      attachment.attributes.parsedContent = result;
+    } catch (error) {
+      throw new Error(error instanceof Error ? error.message : "Unknown error");
+    }
+  }
+}
diff --git a/src/lib/util/blob.ts b/src/lib/util/blob.ts
new file mode 100644
index 0000000..a25c546
--- /dev/null
+++ b/src/lib/util/blob.ts
@@ -0,0 +1,14 @@
+export async function readBlobAsDataURL(blob: Blob): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      if (event.target && typeof event.target.result === "string") {
+        resolve(event.target.result);
+      } else {
+        reject(new Error("Failed to read file as Data URL"));
+      }
+    };
+    reader.onerror = (error) => reject(error);
+    reader.readAsDataURL(blob);
+  });
+}
diff --git a/src/lib/image.ts b/src/lib/util/image.ts
similarity index 100%
rename from src/lib/image.ts
rename to src/lib/util/image.ts
diff --git a/src/lib/util/mime.ts b/src/lib/util/mime.ts
new file mode 100644
index 0000000..1a4c089
--- /dev/null
+++ b/src/lib/util/mime.ts
@@ -0,0 +1,6 @@
+export function humanType(type: string) {
+  if (type.startsWith("image/") || type.startsWith("application/pdf")) {
+    return type.split("/")[1];
+  }
+  return type;
+}
diff --git a/src/routes/(app)/api/parse/+server.ts b/src/routes/(app)/api/parse/+server.ts
new file mode 100644
index 0000000..92a5e54
--- /dev/null
+++ b/src/routes/(app)/api/parse/+server.ts
@@ -0,0 +1,61 @@
+import type { RequestHandler } from "@sveltejs/kit";
+import { UnstructuredClient } from "unstructured-client";
+import { Strategy } from "unstructured-client/sdk/models/shared";
+
+export const POST = (async ({ request }) => {
+  let {
+    data,
+    fileName,
+    language = "eng",
+    baseURL = "https://api.unstructuredapp.io/general/v0/general",
+  } = (await request.json()) as {
+    data: string;
+    fileName: string;
+    language: string;
+    baseURL: string;
+  };
+
+  const apiKey = request.headers.get("Authorization");
+  if (!apiKey) {
+    return new Response("Missing API key", {
+      status: 401,
+    });
+  }
+
+  const client = new UnstructuredClient({
+    serverURL: baseURL,
+    security: {
+      apiKeyAuth: apiKey,
+    },
+  });
+
+  try {
+    const resp = await client.general.partition({
+      partitionParameters: {
+        files: {
+          content: data,
+          fileName: fileName,
+        },
+        strategy: Strategy.Auto,
+        languages: [language],
+      },
+    });
+    if (resp.statusCode !== 200) {
+      return new Response(`Unstructured error: ${resp.statusCode}`, {
+        status: resp.statusCode,
+      });
+    }
+    const jsonElements = JSON.stringify(resp.elements, null, 2);
+    console.log("Unstructured response", jsonElements);
+    return new Response(jsonElements, {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+  } catch (e: unknown) {
+    return new Response(e instanceof Error ? e.message : "Unknown error", {
+      status: 500,
+    });
+  }
+}) satisfies RequestHandler;
diff --git a/src/routes/(app)/chat/[id]/+page.svelte b/src/routes/(app)/chat/[id]/+page.svelte
index 3d12093..39eb6c5 100644
--- a/src/routes/(app)/chat/[id]/+page.svelte
+++ b/src/routes/(app)/chat/[id]/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import { page } from "$app/stores";
   import ChatPage from "./ChatPage.svelte";
+  import { setContext } from "svelte";
 
   let { data } = $props();
+  setContext("documentServices", data.documentServices);
 </script>
 
 {#key $page.params.id}
diff --git a/src/routes/(app)/chat/[id]/+page.ts b/src/routes/(app)/chat/[id]/+page.ts
index e0be4eb..42cd5f5 100644
--- a/src/routes/(app)/chat/[id]/+page.ts
+++ b/src/routes/(app)/chat/[id]/+page.ts
@@ -1 +1,14 @@
-export async function load({ params, depends }) {}
+import { registerModel, serviceTable, useDb } from "@/database";
+
+export async function load({ params, depends }) {
+  const services = await useDb().query.serviceTable.findMany({
+    with: {
+      sdk: true,
+    },
+  });
+  const documentServices = services.filter((s) => s.sdk.type === "document");
+  registerModel(serviceTable, documentServices, depends);
+  return {
+    documentServices,
+  };
+}
diff --git a/src/routes/(app)/chat/[id]/Attachment.svelte b/src/routes/(app)/chat/[id]/Attachment.svelte
index 7d9d984..621a171 100644
--- a/src/routes/(app)/chat/[id]/Attachment.svelte
+++ b/src/routes/(app)/chat/[id]/Attachment.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
-  import { XIcon } from "lucide-svelte";
+  import { BanIcon, XIcon } from "lucide-svelte";
   import { Button } from "@/components/ui/button";
+  import RobotLoader from "@/components/RobotLoader.svelte";
+  import type { Attachment } from "$lib/attachment-service.svelte";
+  import { humanType } from "$lib/util/mime";
 
   type Props = {
-    type: string;
-    content: string;
+    attachment: Attachment;
     onRemove?: () => void;
   };
-  let { type, content, onRemove }: Props = $props();
+  let { attachment, onRemove }: Props = $props();
 </script>
 
 <div
@@ -25,17 +27,23 @@
     {/if}
     <div class="flex h-full flex-col gap-1 p-2">
       <div class="relative flex-1 overflow-hidden">
-        {#if type.startsWith("image/")}
-          <img src={content} alt="Pasted" class="w-full" />
+        {#if attachment.loading}
+          <RobotLoader />
+        {:else if attachment.error}
+          <div class="flex h-full w-full items-center justify-center">
+            <p class="text-sm text-red-500">{attachment.error.message}</p>
+          </div>
+        {:else if attachment.type.startsWith("image/")}
+          <img src={attachment.content} alt="Pasted" class="w-full" />
         {:else}
-          <p class="overflow-y-hidden break-words text-sm">{content}</p>
+          <p class="overflow-y-hidden break-all text-sm">{attachment.content}</p>
         {/if}
         <div
           class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-white to-transparent"
         ></div>
       </div>
       <div class="name sticky bottom-0 text-sm font-semibold text-gray-700">
-        {type}
+        {humanType(attachment.type)}
       </div>
     </div>
   </div>
diff --git a/src/routes/(app)/chat/[id]/AttachmentControls.svelte b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
index 817b516..db43b1f 100644
--- a/src/routes/(app)/chat/[id]/AttachmentControls.svelte
+++ b/src/routes/(app)/chat/[id]/AttachmentControls.svelte
@@ -1,23 +1,24 @@
 <script lang="ts">
-  import { Clipboard } from "lucide-svelte";
+  import { Clipboard, HardDriveUpload } from "lucide-svelte";
   import { Button } from "@/components/ui/button/index.js";
 
   type Props = {
-    onPaste?: () => void;
+    onUploadClick?: () => void;
+    onPasteClick?: () => void;
   };
-  let { onPaste = () => {} }: Props = $props();
+  let { onUploadClick = () => {}, onPasteClick = () => {} }: Props = $props();
 </script>
 
-<div class="flex items-center justify-start gap-2 pb-1">
-  <!--  <Button variant="outline" size="sm" on:click={() => handleUpload("Browse")}>-->
-  <!--    <HardDriveUpload class="mr-2 h-4 w-4" />-->
-  <!--    Browse-->
-  <!--  </Button>-->
+<div class="flex items-center justify-start gap-2">
+  <Button variant="outline" size="sm" on:click={onUploadClick}>
+    <HardDriveUpload class="mr-2 h-4 w-4" />
+    Upload
+  </Button>
   <!--  <Button variant="outline" size="sm" on:click={() => handleUpload("Drive")}>-->
   <!--    <CloudUpload class="mr-2 h-4 w-4" />-->
   <!--    Drive-->
   <!--  </Button>-->
-  <Button variant="outline" size="sm" on:click={() => onPaste()}>
+  <Button variant="outline" size="sm" on:click={onPasteClick}>
     <Clipboard class="mr-2 h-4 w-4" />
     Paste
   </Button>
diff --git a/src/routes/(app)/chat/[id]/ChatPage.svelte b/src/routes/(app)/chat/[id]/ChatPage.svelte
index 1332d12..c67299e 100644
--- a/src/routes/(app)/chat/[id]/ChatPage.svelte
+++ b/src/routes/(app)/chat/[id]/ChatPage.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type MessageAttachment, ChatService } from "$lib/chat-service.svelte.js";
+  import { ChatService, type MessageAttachment } from "$lib/chat-service.svelte.js";
   import { toast } from "svelte-french-toast";
   import MessageInput from "./MessageInput.svelte";
   import { store } from "$lib/store.svelte";
@@ -10,7 +10,7 @@
     type RevisionView,
     toChatMessage,
   } from "./$data";
-  import type { Chat, Message, Revision } from "@/database";
+  import type { Chat, Revision } from "@/database";
   import MessageCard from "./MessageCard.svelte";
   import ChatTitlebar from "./ChatTitlebar.svelte";
   import { nanoid } from "nanoid";
diff --git a/src/routes/(app)/chat/[id]/MessageInput.svelte b/src/routes/(app)/chat/[id]/MessageInput.svelte
index c3fc646..e445ca6 100644
--- a/src/routes/(app)/chat/[id]/MessageInput.svelte
+++ b/src/routes/(app)/chat/[id]/MessageInput.svelte
@@ -1,45 +1,37 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { getContext, onMount } from "svelte";
   import { Card, CardContent } from "@/components/ui/card";
   import { Button } from "@/components/ui/button";
   import { Textarea } from "@/components/ui/textarea";
-  import {
-    Send,
-    Plus,
-    HardDriveUpload,
-    CloudUpload,
-    Clipboard,
-    SendIcon,
-    BanIcon,
-  } from "lucide-svelte";
+  import { BanIcon, Plus, SendIcon } from "lucide-svelte";
   import Attachment from "./Attachment.svelte";
   import type { MessageAttachment } from "$lib/chat-service.svelte";
-  import { nanoid } from "nanoid";
   import AttachmentControls from "./AttachmentControls.svelte";
-  import { compressImage } from "$lib/image";
-  import { toast } from "svelte-french-toast";
+  import { AttachmentService } from "$lib/attachment-service.svelte";
+  import type { Service } from "@/database";
 
   type Props = {
     isLoading: boolean;
     onSubmit: (content: string, attachments: MessageAttachment[]) => Promise<boolean>;
   };
   let { isLoading, onSubmit }: Props = $props();
+  let documentServices: Service[] = getContext("documentServices");
+  console.log("documentServices", documentServices);
+  let attachmentService = new AttachmentService(documentServices);
   let isUploadOpen = $state(false);
   let textareaElement: HTMLTextAreaElement;
   let content = $state("");
-  let attachments = $state<MessageAttachment[]>([]);
-  let disabled = $derived(content === "" && attachments.length === 0);
+  let disabled = $derived(
+    content === "" &&
+      (attachmentService.attachments.length === 0 ||
+        attachmentService.attachments.filter((a) => a.loading).length > 0),
+  );
 
   function resize() {
     textareaElement.style.height = "auto";
     textareaElement.style.height = `${textareaElement.scrollHeight}px`;
   }
 
-  function handleUpload(type: string) {
-    console.log(`Uploading from ${type}`);
-    isUploadOpen = false;
-  }
-
   function handleKeydown(event: KeyboardEvent) {
     if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault();
@@ -48,70 +40,10 @@
   }
 
   async function handleSubmit() {
-    const submit = await onSubmit(content, attachments);
+    const submit = await onSubmit(content, attachmentService.attachments);
     if (submit) {
       content = "";
-      attachments = [];
-    }
-  }
-
-  async function handlePaste(event: ClipboardEvent) {
-    try {
-      if (!event.clipboardData) {
-        return;
-      }
-      console.time("handlePaste");
-      const content = event.clipboardData.getData("text/plain");
-      if (content.length > 1000) {
-        event.preventDefault();
-        attachments.push({
-          id: nanoid(10),
-          type: "pasted",
-          name: `Pasted ${new Date().toLocaleString()}`,
-          content,
-          attributes: {},
-        });
-      }
-
-      // Handle image paste
-      const items = Array.from(event.clipboardData.items);
-      const imageItem = items.find((item) => item.type.indexOf("image") !== -1);
-
-      if (imageItem) {
-        event.preventDefault();
-        let blob = imageItem.getAsFile() as Blob;
-        if (blob) {
-          const originalSizeMB = blob.size / (1024 * 1024);
-          if (originalSizeMB > 10) {
-            return toast.error(`Image too large: ${originalSizeMB.toFixed(2)} MB. `);
-          }
-          console.log(`Original image size: ${originalSizeMB.toFixed(2)} MB`);
-          if (originalSizeMB > 0.5) {
-            blob = await compressImage(blob);
-            const compressedSizeMB = blob.size / (1024 * 1024);
-            toast.success(
-              `Large image compressed from ${originalSizeMB.toFixed(2)} MB to ${compressedSizeMB.toFixed(2)} MB`,
-            );
-          }
-          const reader = new FileReader();
-          reader.onload = function (e) {
-            const base64data = e.target?.result as string;
-            attachments.push({
-              id: nanoid(10),
-              type: blob.type,
-              name: `Image ${new Date().toLocaleString()}`,
-              content: base64data,
-              attributes: {
-                size: blob.size,
-                type: blob.type,
-              },
-            });
-          };
-          reader.readAsDataURL(blob);
-        }
-      }
-    } finally {
-      console.timeEnd("handlePaste");
+      attachmentService.clear();
     }
   }
 
@@ -119,6 +51,25 @@
     isUploadOpen = !isUploadOpen;
   }
 
+  function onFileChange(event: Event) {
+    const target = event.target as HTMLInputElement;
+    if (!target.files) {
+      return;
+    }
+    const fileList = Array.from(target.files);
+    fileList.forEach((file) => {
+      const reader = new FileReader();
+      reader.onload = (e: ProgressEvent<FileReader>) => {
+        const content = e.target?.result;
+        // Here you would typically send the file content to a server
+        // For this example, we'll just log it to the console
+        console.log(`Uploading ${file.name}...`);
+        console.log(content);
+      };
+      reader.readAsDataURL(file);
+    });
+  }
+
   onMount(() => {
     textareaElement.focus();
   });
@@ -127,24 +78,24 @@
 <div class="sticky bottom-0 mx-auto w-full max-w-3xl">
   <Card class="w-full rounded-b-none border-b-0">
     <CardContent class="flex flex-col gap-3 p-4">
-      {#if attachments.length > 0}
+      {#if attachmentService.attachments.length > 0}
         <div class="flex max-w-full flex-row gap-2 overflow-y-auto">
-          {#each attachments as attachment, index (index)}
-            <Attachment
-              type={attachment.type}
-              content={attachment.content}
-              onRemove={() => (attachments = attachments.filter((a, i) => i !== index))}
-            />
+          {#each attachmentService.attachments as attachment, index (index)}
+            <Attachment {attachment} onRemove={() => attachmentService.remove(index)} />
           {/each}
         </div>
       {/if}
       {#if isUploadOpen}
-        <AttachmentControls />
+        <AttachmentControls
+          onPasteClick={attachmentService.handlePasteClick}
+          onUploadClick={attachmentService.handleUploadClick}
+        />
       {/if}
       <div class="flex items-end gap-2">
-        <Button variant="outline" size="icon" on:click={toggleUploadOptions}>
+        <Button variant="outline" size="icon" onclick={toggleUploadOptions}>
           <Plus class="h-4 w-4" />
         </Button>
+        <input type="file" bind:this={attachmentService.fileInput} onchange={onFileChange} hidden />
         <Textarea
           bind:element={textareaElement}
           placeholder="What's on your mind?"
@@ -152,7 +103,7 @@
           oninput={resize}
           class="prose max-h-[200px] min-h-1 flex-1 resize-none overflow-y-auto border-none bg-muted/50 focus-visible:ring-0"
           onkeydown={handleKeydown}
-          onpaste={handlePaste}
+          onpaste={attachmentService.handlePaste}
         />
         <Button variant="default" size="icon" {disabled} onclick={handleSubmit}>
           {#if isLoading}
diff --git a/src/routes/(app)/settings/keys/[id]/+page.svelte b/src/routes/(app)/settings/keys/[id]/+page.svelte
index 6d402ad..afa790d 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.svelte
+++ b/src/routes/(app)/settings/keys/[id]/+page.svelte
@@ -70,25 +70,31 @@
           setError(form, "serviceId", `Service for ${form.data.serviceId} not found`);
           return;
         }
-        // fetch models
-        const resp = await fetchModels(
-          form.data.apiKey,
-          form.data.baseURL,
-          service.sdk.id,
-          service.id,
-        );
-        if (!resp.ok) {
-          // if failed to fetch models, ask user to update API key
-          setError(form, "apiKey", resp.statusText);
-          return;
+        if (service.sdk.type === "model") {
+          // fetch models
+          const resp = await fetchModels(
+            form.data.apiKey,
+            form.data.baseURL,
+            service.sdk.id,
+            service.id,
+          );
+          if (!resp.ok) {
+            // if failed to fetch models, ask user to update API key
+            setError(form, "apiKey", resp.statusText);
+            return;
+          }
+          // update account and update models
+          const keyId = data.key.id;
+          await useDb().transaction(async (tx) => {
+            await tx.update(keyTable).set(form.data).where(eq(keyTable.id, keyId));
+            const models = (await resp.json()) as any[];
+            await refreshModels(tx, keyId, models);
+          });
+        } else if (service.sdk.type === "document") {
+          await useDb().update(keyTable).set(form.data).where(eq(keyTable.id, data.key.id));
+        } else {
+          throw new Error(`Unsupported SDK type: ${service.sdk.type}`);
         }
-        // update account and update models
-        const keyId = data.key.id;
-        await useDb().transaction(async (tx) => {
-          await tx.update(keyTable).set(form.data).where(eq(keyTable.id, keyId));
-          const models = (await resp.json()) as any[];
-          await refreshModels(tx, keyId, models);
-        });
         await invalidateModel(keyTable, data.key);
         toast.success("Key updated");
         return form;
@@ -199,65 +205,67 @@
     </CardFooter>
   </Card>
 </form>
-<Card>
-  <CardHeader class="pb-0">
-    <div class="flex flex-row items-center justify-between">
-      <div>
-        <CardTitle>{data.key.service.name} models</CardTitle>
-        <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
+{#if data.key.service.sdk.type === "model"}
+  <Card>
+    <CardHeader class="pb-0">
+      <div class="flex flex-row items-center justify-between">
+        <div>
+          <CardTitle>{data.key.service.name} models</CardTitle>
+          <CardDescription>Show or hide models displayed in the chat interface.</CardDescription>
+        </div>
+        <Button variant="outline" onclick={handleRefreshModels}>
+          <RefreshCwIcon class={cn("mr-2 h-4 w-4", false && "loading-icon")} />
+          Refresh Models
+        </Button>
       </div>
-      <Button variant="outline" onclick={handleRefreshModels}>
-        <RefreshCwIcon class={cn("mr-2 h-4 w-4", false && "loading-icon")} />
-        Refresh Models
-      </Button>
-    </div>
-    <div class="flex justify-end gap-1">
-      <Button
-        class="p-2 text-sm underline"
-        variant="ghost"
-        onclick={async () => {
-          await toggleAllVisible(data.key, 1);
-        }}
-      >
-        Show All
-      </Button>
-      <Button
-        class="p-2 text-sm underline"
-        variant="ghost"
-        onclick={async () => {
-          await toggleAllVisible(data.key, 0);
-        }}
-      >
-        Hide All
-      </Button>
-    </div>
-  </CardHeader>
-
-  <CardContent>
-    {#if data.key.models.length > 0}
-      <div class="w-full">
-        <Table>
-          <TableBody>
-            {#each data.key.models as model (model.id)}
-              <TableRow
-                class={cn("cursor-pointer", model.visible === 1 ? "" : "opacity-50")}
-                onclick={() => toggleVisible(data.key, model)}
-              >
-                <TableCell class="p-1 pl-4 font-normal">{model.name}</TableCell>
-                <TableCell class="p-1">
-                  <Toggle aria-label="Toggle Model Visibility" />
-                </TableCell>
-                <TableCell class="p-1">
-                  <EyeIcon class="h-4 w-4" />
-                </TableCell>
-              </TableRow>
-            {/each}
-          </TableBody>
-        </Table>
+      <div class="flex justify-end gap-1">
+        <Button
+          class="p-2 text-sm underline"
+          variant="ghost"
+          onclick={async () => {
+            await toggleAllVisible(data.key, 1);
+          }}
+        >
+          Show All
+        </Button>
+        <Button
+          class="p-2 text-sm underline"
+          variant="ghost"
+          onclick={async () => {
+            await toggleAllVisible(data.key, 0);
+          }}
+        >
+          Hide All
+        </Button>
       </div>
-    {/if}
-  </CardContent>
-</Card>
+    </CardHeader>
+
+    <CardContent>
+      {#if data.key.models.length > 0}
+        <div class="w-full">
+          <Table>
+            <TableBody>
+              {#each data.key.models as model (model.id)}
+                <TableRow
+                  class={cn("cursor-pointer", model.visible === 1 ? "" : "opacity-50")}
+                  onclick={() => toggleVisible(data.key, model)}
+                >
+                  <TableCell class="p-1 pl-4 font-normal">{model.name}</TableCell>
+                  <TableCell class="p-1">
+                    <Toggle aria-label="Toggle Model Visibility" />
+                  </TableCell>
+                  <TableCell class="p-1">
+                    <EyeIcon class="h-4 w-4" />
+                  </TableCell>
+                </TableRow>
+              {/each}
+            </TableBody>
+          </Table>
+        </div>
+      {/if}
+    </CardContent>
+  </Card>
+{/if}
 <Card>
   <CardHeader>
     <div class="flex flex-row items-center justify-between">
diff --git a/src/routes/(app)/settings/keys/[id]/+page.ts b/src/routes/(app)/settings/keys/[id]/+page.ts
index 1abd9bf..4ca5d34 100644
--- a/src/routes/(app)/settings/keys/[id]/+page.ts
+++ b/src/routes/(app)/settings/keys/[id]/+page.ts
@@ -11,9 +11,8 @@ export async function load({ params, depends }) {
     with: {
       models: true,
       service: {
-        columns: {
-          id: true,
-          name: true,
+        with: {
+          sdk: true,
         },
       },
     },
diff --git a/src/routes/(app)/settings/keys/add/+page.svelte b/src/routes/(app)/settings/keys/add/+page.svelte
index eabc8c9..5c69342 100644
--- a/src/routes/(app)/settings/keys/add/+page.svelte
+++ b/src/routes/(app)/settings/keys/add/+page.svelte
@@ -14,6 +14,9 @@
     SelectItem,
     SelectTrigger,
     SelectValue,
+    SelectGroup,
+    SelectSeparator,
+    SelectLabel,
   } from "@/components/ui/select";
   import { setError, superForm } from "sveltekit-superforms";
   import { zodClient } from "sveltekit-superforms/adapters";
@@ -34,10 +37,29 @@
   import { cn } from "$lib/cn";
   import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
   import { toast } from "svelte-french-toast";
+  import { toTitleCase } from "$lib/string";
 
   let { data } = $props();
+  let servicesByType = $derived.by(() => {
+    return data.services.reduce<Record<string, any>>((acc, service) => {
+      if (!acc[service.sdk.type]) {
+        acc[service.sdk.type] = [];
+      }
+      acc[service.sdk.type].push(service);
+      return acc;
+    }, {});
+  });
 
-  console.log("data", data);
+  function humanSdkType(type: string) {
+    switch (type) {
+      case "model":
+        return "Model Providers";
+      case "document":
+        return "Document Processors";
+      default:
+        return toTitleCase(type);
+    }
+  }
 
   const formHandle = superForm(data.form, {
     SPA: true,
@@ -56,31 +78,43 @@
           setError(form, "serviceId", `Service for ${form.data.serviceId} not found`);
           return;
         }
-        // fetch models
-        const resp = await fetchModels(
-          form.data.apiKey,
-          form.data.baseURL,
-          service.sdk.id,
-          service.id,
-        );
-        if (!resp.ok) {
-          // if failed to fetch models, ask user to update API key
-          setError(form, "apiKey", resp.statusText);
-          return;
-        }
-        // create account and update models
         const keyId = nanoid(10);
-        await useDb().transaction(async (tx) => {
-          await tx.insert(keyTable).values({
+        if (service.sdk.type === "model") {
+          // fetch models
+          const resp = await fetchModels(
+            form.data.apiKey,
+            form.data.baseURL,
+            service.sdk.id,
+            service.id,
+          );
+          if (!resp.ok) {
+            // if failed to fetch models, ask user to update API key
+            setError(form, "apiKey", resp.statusText);
+            return;
+          }
+          // create account and update models
+          await useDb().transaction(async (tx) => {
+            await tx.insert(keyTable).values({
+              id: keyId,
+              name: form.data.name,
+              serviceId: form.data.serviceId,
+              baseURL: form.data.baseURL,
+              apiKey: form.data.apiKey,
+            });
+            const models = (await resp.json()) as any[];
+            await refreshModels(tx, keyId, models);
+          });
+        } else if (service.sdk.type === "document") {
+          await useDb().insert(keyTable).values({
             id: keyId,
             name: form.data.name,
             serviceId: form.data.serviceId,
             baseURL: form.data.baseURL,
             apiKey: form.data.apiKey,
           });
-          const models = (await resp.json()) as any[];
-          await refreshModels(tx, keyId, models);
-        });
+        } else {
+          throw new Error(`Unsupported SDK type: ${service.sdk.type}`);
+        }
         toast.success("Key added");
         await goto(route(`/settings/keys/[id]`, { id: keyId }));
       } catch (e) {
@@ -122,12 +156,18 @@
                 <SelectValue placeholder="Select a service..." />
               </SelectTrigger>
               <SelectContent>
-                {#each data.services as service (service.id)}
-                  {#if service.sdk.supported}
-                    <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
-                      {service.name}
-                    </SelectItem>
-                  {/if}
+                {#each Object.entries(servicesByType) as [type, services]}
+                  <SelectGroup>
+                    <SelectLabel class=" pl-2">{humanSdkType(type)}</SelectLabel>
+                    {#each services as service (service.id)}
+                      {#if service.sdk.supported}
+                        <SelectItem image="/icons/{service.id}-16x16.png" value={service.id}>
+                          {service.name}
+                        </SelectItem>
+                      {/if}
+                    {/each}
+                    <SelectSeparator />
+                  </SelectGroup>
                 {/each}
               </SelectContent>
             </Select>
diff --git a/src/routes/(app)/settings/keys/add/+page.ts b/src/routes/(app)/settings/keys/add/+page.ts
index 03d29ee..01fef86 100644
--- a/src/routes/(app)/settings/keys/add/+page.ts
+++ b/src/routes/(app)/settings/keys/add/+page.ts
@@ -6,6 +6,7 @@ import { zod } from "sveltekit-superforms/adapters";
 export async function load({ depends, route }) {
   const form = await superValidate(zod(formSchema));
   const services = await loadServices();
+  console.log("services", services);
   registerModel(serviceTable, services, depends);
   depends("view:services");
   return {
diff --git a/static/icons/unstructured-16x16.png b/static/icons/unstructured-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..c74cabeaacf2d1cf370468e97fbf34ea71587012
GIT binary patch
literal 215
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbL!O@L2`E5q&YKqkYzUkuOxGu-{j
z@Z>*(o)N?DOAIgmGiYctu0F_ASkGwZ#u%2!l$_5H5XE@#CWE;x<LRf2)m`oXG!Fyy
zhIzU;hDc0Z+V9PGK!L-ByXngQM}ObnT9$Qrsb_rK+1qCdWU2*vXBX&AT`}!UumpRP
z#)EUJZv?*eXFQl`YqB|u*<~U};?+rqn)h7}sP>BeXe|5k+_U-O5u2H2m|wUY0dk(F
LtDnm{r-UW|A6HOn

literal 0
HcmV?d00001

diff --git a/static/icons/unstructured-32x32.png b/static/icons/unstructured-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..97655ab628240ea9be5eb0f4b382c27d15b59f94
GIT binary patch
literal 1225
zcmV;)1UCDLP)<h;3K|Lk000e1NJLTq001BW001Be0ssI2{21+{00009a7bBm000j2
z000j20UT4AIsgCw5p+dZbW~|{Y-IpYL`EP(a%Ew3Z*oCiyeI$w026dYSad;kbZBpK
z08m6mAXIN}Y;zz%M;p&~FaQ7mEqYW~bVOxyV{&P5bZKvH000P?%P1)+u+rBrFE7_C
zNJ-Nz$<NOz)=SRM1pscJ2=SM%EVuvw1O`b&K~zY`?UqYuTxAr;|1<YBk2{Yf6WdH0
zYb_MJP$_QR2!e<!aV2hQ(=60h#0CP=MU9j~&>BH33W9BER=RSfJKbrmwUfuZ@4PZG
zubGMSxHFTP$>;xT7K#|;b|(}L<ec;W<^D70yL0jZ>Gr?Jx<I<G-t8E%T_q>5wx<+q
zJyByYk!4O$B0%gue86)K6f!kE(+pa>X11rMJBZs@Y5f&(n@vgth!J*d5MEyQW-2H(
zP-v+sTVLub@c}Y|!GtB7ln4+b?ARcf>cO&+-+{G*v>i+hJeEL71{0QSN=X8?gq<3=
z^8#fdhg<F;YpW^FfqoqsnfqndmXZX7gdH2iI)QubXsmf?vFeL&BDIZ79adWglhihw
zln4+b?ASp4@@DAbd~|B|@WoF9-~OOln^+wv3Bh2(l1)kkh!J-F7EQi{XjDZQBTwM+
zRgbl<ZwS|~GMKPrlad6YQ3?Nt0bhyz;Bc~ChJN;(1|JM4@cOSUC@BtyuTVpVC0NQP
zyab35-v6zCJnEsrLxcZ|!QYE?+m-3;hw=7#DE<flcK|nUaIZaeTOiTFQuE251#*A5
z7j8ixl7Qk@-hAWWFWLbH>X|bzd;yQDAP~O#1@c>565cIgR)v}rur|!O&s^}Eh60b@
zn3{5IpuK(?s-XrI4~!ERK0>pP!X9E>EcfNoZuE}7Ge^m7x`=tsPC7O)-kafwP1Egz
z8h!3`IA1|SV9CaBb=1Xhu{QDiB&9$=A*RkuJ2vnw+|n^Jrs+DTY#eo8x_10_`Q+N}
ziBkL6PbGEsbNC*oG;Vl^={K%BHt^qxW8`TC?y%;9+mB<<gkFBjyz*ga?&G0X&g1AQ
zHaQ*w7(Erbmv(*zxgOrVjPb}QKY;Fr&#S;h*oR0^CM?|;=7$>_#`G0WanG><a$+LC
zhF4!W0)!PHgmGZl#h)_45a$9)c<sd_xiZqu|7CizB9iPs@?8Qm^Emk|JR^WM3M~Sa
zi7eTinLqS>ax^vYS`Tn9%2u)3GS@p3+3m-EygPRNo8b>WF{j`6U$`_hJAe4Aui1Rm
zssuK=DD!&Z{9c4g3*{;@8%S><-_lom-hAKS3dwYsXr*1`no`PcVy%X%?btv`Hk5SJ
zC3g#B7rY2@4n={2kO|9Vml6Rr)6&u{#|FkPc5t~LvBXGG1oC@Ys^dyDk!&JfN4%jX
z+h%S+X*4H7D+AA+w)1NX|JXElLmjaS5*3%VqZVswv7!{Vl|mKS8k<sDY!K5*4{*qN
zPPr@ZajSi0UATYeE@~oGL2?`U21_<6q0p6N!THq@D;1uB#xF!tu4pXsB!p2EI?sUH
nG-k_YvZH6aJOjk52R-LchDbE9h)CVN00000NkvXXu0mjfNIWT#

literal 0
HcmV?d00001


From 43779841c1fd13cd0e49fd4b05a023cc220c8193 Mon Sep 17 00:00:00 2001
From: Tom Manning <mr.tmanning@gmail.com>
Date: Tue, 13 Aug 2024 22:31:57 +1000
Subject: [PATCH 98/98] Use Pglite instead of Sqlite (#18)

---
 docker-compose.yml                            |   17 +
 drizzle.config.ts                             |    4 +-
 package.json                                  |    8 +-
 pnpm-lock.yaml                                |  552 ++++-----
 src/database/client.ts                        |   23 +-
 src/database/index.ts                         |  137 ++-
 src/database/migrations.test.ts               | 1019 -----------------
 .../migrations/0000_careful_smiling_tiger.sql |   58 -
 .../migrations/0000_nappy_the_liberteens.sql  |  111 ++
 .../migrations/0001_nosy_earthquake.sql       |   54 -
 .../migrations/0002_overjoyed_mordo.sql       |   41 -
 .../migrations/0003_huge_nick_fury.sql        |   42 -
 .../migrations/0004_skinny_machine_man.sql    |    2 -
 .../migrations/0005_careful_the_professor.sql |   12 -
 .../migrations/0006_opposite_sugar_man.sql    |    1 -
 .../migrations/0007_tidy_lilandra.sql         |    1 -
 .../migrations/0008_parallel_grandmaster.sql  |   46 -
 .../migrations/0009_ancient_korath.sql        |   38 -
 src/database/migrations/0010_far_wiccan.sql   |    1 -
 .../migrations/0011_easy_slapstick.sql        |   47 -
 .../migrations/0012_soft_trish_tilby.sql      |    8 -
 src/database/migrations/0013_tiny_glorian.sql |    7 -
 .../migrations/meta/0000_snapshot.json        |  537 ++++++---
 .../migrations/meta/0001_snapshot.json        |  373 ------
 .../migrations/meta/0002_snapshot.json        |  377 ------
 .../migrations/meta/0003_snapshot.json        |  514 ---------
 .../migrations/meta/0004_snapshot.json        |  373 ------
 .../migrations/meta/0005_snapshot.json        |  462 --------
 .../migrations/meta/0006_snapshot.json        |  470 --------
 .../migrations/meta/0007_snapshot.json        |  462 --------
 .../migrations/meta/0008_snapshot.json        |  468 --------
 .../migrations/meta/0009_snapshot.json        |  537 ---------
 .../migrations/meta/0010_snapshot.json        |  545 ---------
 .../migrations/meta/0011_snapshot.json        |  554 ---------
 .../migrations/meta/0012_snapshot.json        |  553 ---------
 .../migrations/meta/0013_snapshot.json        |  561 ---------
 src/database/migrations/meta/_journal.json    |  101 +-
 src/database/migrator.ts                      |   65 +-
 src/database/model.ts                         |    8 +-
 src/database/schema.ts                        |   89 +-
 src/database/seed.ts                          |   45 +-
 src/routes/(app)/$data.test.ts                |   65 +-
 src/routes/(app)/+layout.ts                   |    1 -
 src/routes/(app)/api/chat/+server.ts          |    4 +-
 src/routes/(app)/chat/[id]/$data.test.ts      |   54 +-
 src/routes/(app)/chat/[id]/MessageCard.svelte |    3 +-
 src/routes/(app)/settings/keys/+page.ts       |    2 +-
 test/registry.test.ts                         |    8 +-
 vite.config.ts                                |    2 +-
 49 files changed, 1038 insertions(+), 8424 deletions(-)
 create mode 100644 docker-compose.yml
 delete mode 100644 src/database/migrations.test.ts
 delete mode 100644 src/database/migrations/0000_careful_smiling_tiger.sql
 create mode 100644 src/database/migrations/0000_nappy_the_liberteens.sql
 delete mode 100644 src/database/migrations/0001_nosy_earthquake.sql
 delete mode 100644 src/database/migrations/0002_overjoyed_mordo.sql
 delete mode 100644 src/database/migrations/0003_huge_nick_fury.sql
 delete mode 100644 src/database/migrations/0004_skinny_machine_man.sql
 delete mode 100644 src/database/migrations/0005_careful_the_professor.sql
 delete mode 100644 src/database/migrations/0006_opposite_sugar_man.sql
 delete mode 100644 src/database/migrations/0007_tidy_lilandra.sql
 delete mode 100644 src/database/migrations/0008_parallel_grandmaster.sql
 delete mode 100644 src/database/migrations/0009_ancient_korath.sql
 delete mode 100644 src/database/migrations/0010_far_wiccan.sql
 delete mode 100644 src/database/migrations/0011_easy_slapstick.sql
 delete mode 100644 src/database/migrations/0012_soft_trish_tilby.sql
 delete mode 100644 src/database/migrations/0013_tiny_glorian.sql
 delete mode 100644 src/database/migrations/meta/0001_snapshot.json
 delete mode 100644 src/database/migrations/meta/0002_snapshot.json
 delete mode 100644 src/database/migrations/meta/0003_snapshot.json
 delete mode 100644 src/database/migrations/meta/0004_snapshot.json
 delete mode 100644 src/database/migrations/meta/0005_snapshot.json
 delete mode 100644 src/database/migrations/meta/0006_snapshot.json
 delete mode 100644 src/database/migrations/meta/0007_snapshot.json
 delete mode 100644 src/database/migrations/meta/0008_snapshot.json
 delete mode 100644 src/database/migrations/meta/0009_snapshot.json
 delete mode 100644 src/database/migrations/meta/0010_snapshot.json
 delete mode 100644 src/database/migrations/meta/0011_snapshot.json
 delete mode 100644 src/database/migrations/meta/0012_snapshot.json
 delete mode 100644 src/database/migrations/meta/0013_snapshot.json

diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..a09a3c1
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,17 @@
+version: '3.8'
+
+services:
+  db:
+    image: postgres:13
+    container_name: my_postgres
+    environment:
+      POSTGRES_DB: mydb
+      POSTGRES_USER: myuser
+      POSTGRES_PASSWORD: mypassword
+    ports:
+      - "5434:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+volumes:
+  postgres_data:
diff --git a/drizzle.config.ts b/drizzle.config.ts
index bc353ed..36d3a43 100644
--- a/drizzle.config.ts
+++ b/drizzle.config.ts
@@ -2,12 +2,12 @@ import "dotenv/config";
 import type { Config } from "drizzle-kit";
 
 export default {
-  dialect: "sqlite",
+  dialect: "postgresql",
   schema: "./src/database/schema.ts",
   out: "./src/database/migrations",
   verbose: true,
   strict: true,
   dbCredentials: {
-    url: "workbench.db",
+    url: "postgresql://myuser:mypassword@localhost:5434/mydb",
   },
 } satisfies Config;
diff --git a/package.json b/package.json
index a3f4be3..79e5034 100644
--- a/package.json
+++ b/package.json
@@ -26,13 +26,12 @@
     "@tailwindcss/typography": "^0.5.13",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/svelte": "^5.2.0",
-    "@types/better-sqlite3": "^7.6.11",
     "@types/lodash": "^4.17.1",
+    "@types/pg": "^8.11.6",
     "@vitest/browser": "^1.6.0",
     "@vitest/ui": "^1.6.0",
     "autoprefixer": "^10.4.19",
-    "better-sqlite3": "^10.0.0",
-    "drizzle-kit": "^0.21.2",
+    "drizzle-kit": "^0.24.0",
     "jsdom": "^24.0.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
@@ -60,6 +59,7 @@
     "@ai-sdk/mistral": "^0.0.26",
     "@ai-sdk/openai": "^0.0.10",
     "@ai-sdk/ui-utils": "^0.0.24",
+    "@electric-sql/pglite": "^0.2.0",
     "@fontsource-variable/inter": "^5.0.18",
     "@lexical/history": "^0.16.0",
     "@lexical/plain-text": "^0.16.0",
@@ -81,7 +81,7 @@
     "marked-katex-extension": "^5.0.1",
     "msw": "^2.3.1",
     "nanoid": "^5.0.7",
-    "sqlocal": "^0.9.0",
+    "pg": "^8.12.0",
     "svelte-filepond": "^0.2.2",
     "svelte-french-toast": "^1.2.0",
     "tailwind-merge": "^2.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 49fa55d..2db36f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       '@ai-sdk/ui-utils':
         specifier: ^0.0.24
         version: 0.0.24(zod@3.23.8)
+      '@electric-sql/pglite':
+        specifier: ^0.2.0
+        version: 0.2.0
       '@fontsource-variable/inter':
         specifier: ^5.0.18
         version: 5.0.18
@@ -67,7 +70,7 @@ importers:
         version: 16.4.5
       drizzle-orm:
         specifier: ^0.33.0
-        version: 0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
+        version: 0.33.0(@cloudflare/workers-types@4.20240502.0)(@electric-sql/pglite@0.2.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/pg@8.11.6)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(pg@8.12.0)(react@18.3.1)(sql.js@1.10.3)
       filepond:
         specifier: ^4.31.1
         version: 4.31.1
@@ -98,9 +101,9 @@ importers:
       nanoid:
         specifier: ^5.0.7
         version: 5.0.7
-      sqlocal:
-        specifier: ^0.9.0
-        version: 0.9.0(drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3)
+      pg:
+        specifier: ^8.12.0
+        version: 8.12.0
       svelte-filepond:
         specifier: ^0.2.2
         version: 0.2.2(filepond@4.31.1)
@@ -150,12 +153,12 @@ importers:
       '@testing-library/svelte':
         specifier: ^5.2.0
         version: 5.2.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))(vitest@1.6.0(@types/node@20.14.9)(@vitest/browser@1.6.0)(@vitest/ui@1.6.0)(jsdom@24.0.0))
-      '@types/better-sqlite3':
-        specifier: ^7.6.11
-        version: 7.6.11
       '@types/lodash':
         specifier: ^4.17.1
         version: 4.17.1
+      '@types/pg':
+        specifier: ^8.11.6
+        version: 8.11.6
       '@vitest/browser':
         specifier: ^1.6.0
         version: 1.6.0(playwright@1.44.0)(vitest@1.6.0)(webdriverio@8.36.1(typescript@5.4.5))
@@ -165,12 +168,9 @@ importers:
       autoprefixer:
         specifier: ^10.4.19
         version: 10.4.19(postcss@8.4.38)
-      better-sqlite3:
-        specifier: ^10.0.0
-        version: 10.0.0
       drizzle-kit:
-        specifier: ^0.21.2
-        version: 0.21.2
+        specifier: ^0.24.0
+        version: 0.24.0
       jsdom:
         specifier: ^24.0.0
         version: 24.0.0
@@ -562,6 +562,12 @@ packages:
     resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
     engines: {node: '>=12'}
 
+  '@drizzle-team/brocli@0.8.2':
+    resolution: {integrity: sha512-zTrFENsqGvOkBOuHDC1pXCkDXNd2UhP4lI3gYGhQ1R1SPeAAfqzPsV1dcpMy4uNU6kB5VpU5NGhvwxVNETR02A==}
+
+  '@electric-sql/pglite@0.2.0':
+    resolution: {integrity: sha512-9ckSTnr9ChwY03lojiHM3HIOKFen72koxo44hb94Qz/L9fNejg1riwbfl2ROghA/z4ntCuyT+Zwl5pkbrSX3Aw==}
+
   '@esbuild-kit/core-utils@3.3.2':
     resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
 
@@ -1600,10 +1606,6 @@ packages:
   '@sodaru/yup-to-json-schema@2.0.1':
     resolution: {integrity: sha512-lWb0Wiz8KZ9ip/dY1eUqt7fhTPmL24p6Hmv5Fd9pzlzAdw/YNcWZr+tiCT4oZ4Zyxzi9+1X4zv82o7jYvcFxYA==}
 
-  '@sqlite.org/sqlite-wasm@3.45.3-build1':
-    resolution: {integrity: sha512-/eLqlKmyPoHpYZkg5VmEZpknisOShPX59Rm//zKHFVqqCk/7/mYT/i5CrooRQDqzfhq0Bm8IDynC+fbL0C1WfQ==}
-    hasBin: true
-
   '@sveltejs/adapter-auto@3.2.0':
     resolution: {integrity: sha512-She5nKT47kwHE18v9NMe6pbJcvULr82u0V3yZ0ej3n1laWKGgkgdEABE9/ak5iDPs93LqsBkuIo51kkwCLBjJA==}
     peerDependencies:
@@ -1734,6 +1736,9 @@ packages:
   '@types/node@20.14.9':
     resolution: {integrity: sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==}
 
+  '@types/pg@8.11.6':
+    resolution: {integrity: sha512-/2WmmBXHLsfRqzfHW7BNZ8SbYzE8OSk7i3WjFYvfgRHj7S1xj+16Je5fUKv3lVdVzk/zn9TXOqf+avFCFIE0yQ==}
+
   '@types/pug@2.0.10':
     resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
 
@@ -1758,12 +1763,6 @@ packages:
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
 
-  '@ungap/structured-clone@1.2.0':
-    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
-
-  '@ungap/with-resolvers@0.1.0':
-    resolution: {integrity: sha512-g7f0IkJdPW2xhY7H4iE72DAsIyfuwEFc6JWc2tYFwKDMWWAF699vGjrM348cwQuOXgHpe1gWFe+Eiyjx/ewvvw==}
-
   '@vinejs/compiler@2.5.0':
     resolution: {integrity: sha512-hg4ekaB5Y2zh+IWzBiC/WCDWrIfpVnKu/ubUvelKlidc/VbulsexoFRw5kJGHZenPVI5YzNnDeTdYSALkTV7jQ==}
     engines: {node: '>=18.0.0'}
@@ -2144,10 +2143,6 @@ packages:
   class-variance-authority@0.7.0:
     resolution: {integrity: sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==}
 
-  cli-color@2.0.4:
-    resolution: {integrity: sha512-zlnpg0jNcibNrO7GG9IeHH7maWFeCz+Ja1wx/7tZNU5ASSSSZ+/qZciM0/LHCYxSdqv5h2sdbQ/PXYdOuetXvA==}
-    engines: {node: '>=0.10'}
-
   cli-spinners@2.9.2:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
@@ -2171,9 +2166,6 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  coincident@1.2.3:
-    resolution: {integrity: sha512-Uxz3BMTWIslzeWjuQnizGWVg0j6khbvHUQ8+5BdM7WuJEm4ALXwq3wluYoB+uF68uPBz/oUOeJnYURKyfjexlA==}
-
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -2261,10 +2253,6 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  d@1.0.2:
-    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
-    engines: {node: '>=0.12'}
-
   data-uri-to-buffer@2.0.2:
     resolution: {integrity: sha512-ND9qDTLc6diwj+Xe5cdAgVTbLVdXbtxTJRXRhli8Mowuaan+0EJOtdqJ0QCHNSSPyoXGx9HX2/VMnKeC34AChA==}
 
@@ -2362,9 +2350,6 @@ packages:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  difflib@0.2.4:
-    resolution: {integrity: sha512-9YVwmMb0wQHQNr5J9m6BSj6fk4pfGITGQOOs+D9Fl+INODWFOfvhIU1hNv6GgR1RBoC/9NJcwu77zShxV0kT7w==}
-
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
@@ -2378,12 +2363,8 @@ packages:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
-  dreamopt@0.8.0:
-    resolution: {integrity: sha512-vyJTp8+mC+G+5dfgsY+r3ckxlz+QMX40VjPQsZc5gxVAxLmi64TBoVkP54A/pRAXMXsbu2GMMBrZPxNv23waMg==}
-    engines: {node: '>=0.4.0'}
-
-  drizzle-kit@0.21.2:
-    resolution: {integrity: sha512-U87IhZyCt/9d0ZT/Na3KFJVY31tSxtTx/n9UMcWFpW/5c2Ede39xiCG5efNV/0iimsv97UIRtDI0ldLBW5lbcg==}
+  drizzle-kit@0.24.0:
+    resolution: {integrity: sha512-rUl5Rf5HLOVkAwHEVEi8xgulIRWzoys0q77RHGCxv5e9v8AI3JGFg7Ug5K1kn513RwNZbuNJMUKOXo0j8kPRgg==}
     hasBin: true
 
   drizzle-orm@0.33.0:
@@ -2508,27 +2489,9 @@ packages:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
 
-  env-paths@3.0.0:
-    resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  es5-ext@0.10.64:
-    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
-    engines: {node: '>=0.10'}
-
-  es6-iterator@2.0.3:
-    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
-
   es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
 
-  es6-symbol@3.1.4:
-    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
-    engines: {node: '>=0.12'}
-
-  es6-weak-map@2.0.3:
-    resolution: {integrity: sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==}
-
   esbuild-register@3.5.0:
     resolution: {integrity: sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==}
     peerDependencies:
@@ -2580,10 +2543,6 @@ packages:
   esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
 
-  esniff@2.0.1:
-    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
-    engines: {node: '>=0.10'}
-
   esprima@4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
@@ -2609,9 +2568,6 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  event-emitter@0.3.5:
-    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
-
   event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
@@ -2636,9 +2592,6 @@ packages:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
 
-  ext@1.7.0:
-    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
-
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
@@ -2747,9 +2700,6 @@ packages:
     resolution: {integrity: sha512-DSrkyMTfAnAm4ks9Go20QGOcXEyW/NmZhvTYBU2rb4afBB393WIMQPWPEDMl/k8xqiNN9HYq2zao3oWXsdl2Tg==}
     engines: {node: '>=14'}
 
-  gc-hook@0.3.1:
-    resolution: {integrity: sha512-E5M+O/h2o7eZzGhzRZGex6hbB3k4NWqO0eA+OzLRLXxhdbYPajZnynPwAtphnh+cRHPwsj5Z80dqZlfI4eK55A==}
-
   gcp-metadata@6.1.0:
     resolution: {integrity: sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==}
     engines: {node: '>=14'}
@@ -2814,10 +2764,6 @@ packages:
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
 
-  glob@8.1.0:
-    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
-    engines: {node: '>=12'}
-
   globalyzer@0.1.0:
     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
 
@@ -2846,9 +2792,6 @@ packages:
     resolution: {integrity: sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==}
     engines: {node: '>=14.0.0'}
 
-  hanji@0.0.5:
-    resolution: {integrity: sha512-Abxw1Lq+TnYiL4BueXqMau222fPSPMFtya8HdpWsz/xVAhifXou71mPh/kY2+08RgFcVccjG3uZHs6K5HAe3zw==}
-
   has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -2864,9 +2807,6 @@ packages:
   headers-polyfill@4.0.3:
     resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
 
-  heap@0.2.7:
-    resolution: {integrity: sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==}
-
   highlight.js@11.9.0:
     resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
     engines: {node: '>=12.0.0'}
@@ -2958,9 +2898,6 @@ packages:
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
-  is-promise@2.2.2:
-    resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
-
   is-reference@3.0.2:
     resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
 
@@ -3017,10 +2954,6 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
-  json-diff@0.9.0:
-    resolution: {integrity: sha512-cVnggDrVkAAA3OvFfHpFEhOnmcsUpleEKq4d4O8sQWWSH40MBrWstKigVB1kGrgLWzuom+7rRdaCsnBD6VyObQ==}
-    hasBin: true
-
   json-schema-to-ts@3.1.0:
     resolution: {integrity: sha512-UeVN/ery4/JeXI8h4rM8yZPxsH+KqPi/84qFxHfTGHZnWnK9D0UU9ZGYO+6XAaJLqCWMiks+ARuFOKAiSxJCHA==}
     engines: {node: '>=16'}
@@ -3104,9 +3037,6 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lodash.throttle@4.1.1:
-    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
-
   lodash.zip@4.2.0:
     resolution: {integrity: sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==}
 
@@ -3139,9 +3069,6 @@ packages:
     resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
     engines: {node: '>=12'}
 
-  lru-queue@0.1.0:
-    resolution: {integrity: sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==}
-
   lucide-svelte@0.378.0:
     resolution: {integrity: sha512-T7hV1sfOc94AWE5GOJ6r9wGEsR4h4TJr8d4Z0sM8O0e3IBcmeIvEGRAA6jCp7NGy4PeGrn5Tju6Y2JwJQntNrQ==}
     peerDependencies:
@@ -3171,9 +3098,6 @@ packages:
   memoize-weak@1.0.2:
     resolution: {integrity: sha512-gj39xkrjEw7nCn4nJ1M5ms6+MyMlyiGmttzsqAUsAKn6bYKwuTHh/AO3cKPF8IBrTIYTxb0wWXFs3E//Y8VoWQ==}
 
-  memoizee@0.4.15:
-    resolution: {integrity: sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==}
-
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -3307,9 +3231,6 @@ packages:
     resolution: {integrity: sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==}
     engines: {node: '>= 0.4.0'}
 
-  next-tick@1.1.0:
-    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
-
   node-abi@3.62.0:
     resolution: {integrity: sha512-CPMcGa+y33xuL1E0TcNIu4YyaZCxnnvkVaEXrsosR3FxN+fV8xvb7Mzpb7IgKler10qeMkE6+Dp8qJhpzdq35g==}
     engines: {node: '>=10'}
@@ -3365,6 +3286,9 @@ packages:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
 
+  obuf@1.1.2:
+    resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
+
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
@@ -3435,6 +3359,48 @@ packages:
   pend@1.2.0:
     resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
 
+  pg-cloudflare@1.1.1:
+    resolution: {integrity: sha512-xWPagP/4B6BgFO+EKz3JONXv3YDgvkbVrGw2mTo3D6tVDQRh1e7cqVGvyR3BE+eQgAvx1XhW/iEASj4/jCWl3Q==}
+
+  pg-connection-string@2.6.4:
+    resolution: {integrity: sha512-v+Z7W/0EO707aNMaAEfiGnGL9sxxumwLl2fJvCQtMn9Fxsg+lPpPkdcyBSv/KFgpGdYkMfn+EI1Or2EHjpgLCA==}
+
+  pg-int8@1.0.1:
+    resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
+    engines: {node: '>=4.0.0'}
+
+  pg-numeric@1.0.2:
+    resolution: {integrity: sha512-BM/Thnrw5jm2kKLE5uJkXqqExRUY/toLHda65XgFTBTFYZyopbKjBe29Ii3RbkvlsMoFwD+tHeGaCjjv0gHlyw==}
+    engines: {node: '>=4'}
+
+  pg-pool@3.6.2:
+    resolution: {integrity: sha512-Htjbg8BlwXqSBQ9V8Vjtc+vzf/6fVUuak/3/XXKA9oxZprwW3IMDQTGHP+KDmVL7rtd+R1QjbnCFPuTHm3G4hg==}
+    peerDependencies:
+      pg: '>=8.0'
+
+  pg-protocol@1.6.1:
+    resolution: {integrity: sha512-jPIlvgoD63hrEuihvIg+tJhoGjUsLPn6poJY9N5CnlPd91c2T18T/9zBtLxZSb1EhYxBRoZJtzScCaWlYLtktg==}
+
+  pg-types@2.2.0:
+    resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
+    engines: {node: '>=4'}
+
+  pg-types@4.0.2:
+    resolution: {integrity: sha512-cRL3JpS3lKMGsKaWndugWQoLOCoP+Cic8oseVcbr0qhPzYD5DWXK+RZ9LY9wxRf7RQia4SCwQlXk0q6FCPrVng==}
+    engines: {node: '>=10'}
+
+  pg@8.12.0:
+    resolution: {integrity: sha512-A+LHUSnwnxrnL/tZ+OLfqR1SxLN3c/pgDztZ47Rpbsd4jUytsTtwQo/TLPRzPJMp/1pbhYVhH9cuSZLAajNfjQ==}
+    engines: {node: '>= 8.0.0'}
+    peerDependencies:
+      pg-native: '>=3.0.1'
+    peerDependenciesMeta:
+      pg-native:
+        optional: true
+
+  pgpass@1.0.5:
+    resolution: {integrity: sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==}
+
   picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -3508,6 +3474,41 @@ packages:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postgres-array@2.0.0:
+    resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
+    engines: {node: '>=4'}
+
+  postgres-array@3.0.2:
+    resolution: {integrity: sha512-6faShkdFugNQCLwucjPcY5ARoW1SlbnrZjmGl0IrrqewpvxvhSLHimCVzqeuULCbG0fQv7Dtk1yDbG3xv7Veog==}
+    engines: {node: '>=12'}
+
+  postgres-bytea@1.0.0:
+    resolution: {integrity: sha512-xy3pmLuQqRBZBXDULy7KbaitYqLcmxigw14Q5sj8QBVLqEwXfeybIKVWiqAXTlcvdvb0+xkOtDbfQMOf4lST1w==}
+    engines: {node: '>=0.10.0'}
+
+  postgres-bytea@3.0.0:
+    resolution: {integrity: sha512-CNd4jim9RFPkObHSjVHlVrxoVQXz7quwNFpz7RY1okNNme49+sVyiTvTRobiLV548Hx/hb1BG+iE7h9493WzFw==}
+    engines: {node: '>= 6'}
+
+  postgres-date@1.0.7:
+    resolution: {integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==}
+    engines: {node: '>=0.10.0'}
+
+  postgres-date@2.1.0:
+    resolution: {integrity: sha512-K7Juri8gtgXVcDfZttFKVmhglp7epKb1K4pgrkLxehjqkrgPhfG6OO8LHLkfaqkbpjNRnra018XwAr1yQFWGcA==}
+    engines: {node: '>=12'}
+
+  postgres-interval@1.2.0:
+    resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
+    engines: {node: '>=0.10.0'}
+
+  postgres-interval@3.0.0:
+    resolution: {integrity: sha512-BSNDnbyZCXSxgA+1f5UU2GmwhoI0aU5yMxRGO8CdFEcY2BQF9xm/7MqKnYoM1nJDk8nONNWDk9WeSmePFhQdlw==}
+    engines: {node: '>=12'}
+
+  postgres-range@1.1.4:
+    resolution: {integrity: sha512-i/hbxIE9803Alj/6ytL7UHQxRvZkI9O4Sy+J3HGc4F4oo/2eQAjTSNJ0bfxyse3bH0nuVesCk+3IRLaMtG3H6w==}
+
   prebuild-install@7.1.2:
     resolution: {integrity: sha512-UnNke3IQb6sgarcZIDU3gbMeTp/9SSU1DAIkil7PrqG1vZlBtY5msYccSKSHDqa3hNg436IXK+SNImReuA1wEQ==}
     engines: {node: '>=10'}
@@ -3617,9 +3618,6 @@ packages:
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
-  proxy-target@3.0.2:
-    resolution: {integrity: sha512-FFE1XNwXX/FNC3/P8HiKaJSy/Qk68RitG/QEcLy/bVnTAPlgTAWPZKh0pARLAnpfXQPKyalBhk009NRTgsk8vQ==}
-
   psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
 
@@ -3842,9 +3840,6 @@ packages:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
 
-  sisteransi@1.0.5:
-    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
-
   smart-buffer@4.2.0:
     resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
     engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
@@ -3892,17 +3887,6 @@ packages:
   sql.js@1.10.3:
     resolution: {integrity: sha512-H46aWtQkdyjZwFQgraUruy5h/DyJBbAK3EA/WEMqiqF6PGPfKBSKBj/er3dVyYqVIoYfRf5TFM/loEjtQIrqJg==}
 
-  sqlocal@0.9.0:
-    resolution: {integrity: sha512-/NiXQFa2+H5zkKr06SkIwjeItz5+GJerZh/rGjiT+X21k/J/29HeYd6a++iIeOtZHBd4qI4eSi8iOYq+yNk1YQ==}
-    peerDependencies:
-      drizzle-orm: '*'
-      kysely: '*'
-    peerDependenciesMeta:
-      drizzle-orm:
-        optional: true
-      kysely:
-        optional: true
-
   sswr@2.1.0:
     resolution: {integrity: sha512-Cqc355SYlTAaUt8iDPaC/4DPPXK925PePLMxyBKuWd5kKc5mwsG3nT9+Mq2tyguL5s7b4Jg+IRMpTRsNTAfpSQ==}
     peerDependencies:
@@ -4125,9 +4109,6 @@ packages:
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
-  timers-ext@0.1.7:
-    resolution: {integrity: sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==}
-
   tiny-case@1.0.3:
     resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
 
@@ -4213,9 +4194,6 @@ packages:
     resolution: {integrity: sha512-R6wDsVsoS9xYOpy8vgeBlqpdOyzJ12HNfQhC/aAKWM3YoCV9TtunJzh/QpkMgeDhkoynDcw5f1y+qF9yc/HHyg==}
     engines: {node: '>=16'}
 
-  type@2.7.2:
-    resolution: {integrity: sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==}
-
   typescript@5.4.5:
     resolution: {integrity: sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==}
     engines: {node: '>=14.17'}
@@ -4426,9 +4404,6 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
-  wordwrap@1.0.0:
-    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
-
   workerd@1.20240419.0:
     resolution: {integrity: sha512-9yV98KpkQgG+bdEsKEW8i1AYZgxns6NVSfdOVEB2Ue1pTMtIEYfUyqUE+O2amisRrfaC3Pw4EvjtTmVaoetfeg==}
     engines: {node: '>=16'}
@@ -4494,6 +4469,10 @@ packages:
   xmlchars@2.2.0:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
 
+  xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
   xxhash-wasm@1.0.2:
     resolution: {integrity: sha512-ibF0Or+FivM9lNrg+HGJfVX8WJqgo+kCLDc4vx6xMeTce7Aj+DLttKbxxRR/gNLSAelRc1omAPlJ77N/Jem07A==}
 
@@ -5158,6 +5137,10 @@ snapshots:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
 
+  '@drizzle-team/brocli@0.8.2': {}
+
+  '@electric-sql/pglite@0.2.0': {}
+
   '@esbuild-kit/core-utils@3.3.2':
     dependencies:
       esbuild: 0.18.20
@@ -6087,8 +6070,6 @@ snapshots:
   '@sodaru/yup-to-json-schema@2.0.1':
     optional: true
 
-  '@sqlite.org/sqlite-wasm@3.45.3-build1': {}
-
   '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))':
     dependencies:
       '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@3.1.0(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9)))(svelte@5.0.0-next.208)(vite@5.2.11(@types/node@20.14.9))
@@ -6200,6 +6181,7 @@ snapshots:
   '@types/better-sqlite3@7.6.11':
     dependencies:
       '@types/node': 20.14.9
+    optional: true
 
   '@types/cookie@0.6.0': {}
 
@@ -6236,6 +6218,12 @@ snapshots:
     dependencies:
       undici-types: 5.26.5
 
+  '@types/pg@8.11.6':
+    dependencies:
+      '@types/node': 20.14.9
+      pg-protocol: 1.6.1
+      pg-types: 4.0.2
+
   '@types/pug@2.0.10': {}
 
   '@types/sql.js@1.4.9':
@@ -6264,10 +6252,6 @@ snapshots:
       '@types/node': 20.14.9
     optional: true
 
-  '@ungap/structured-clone@1.2.0': {}
-
-  '@ungap/with-resolvers@0.1.0': {}
-
   '@vinejs/compiler@2.5.0':
     optional: true
 
@@ -6610,6 +6594,7 @@ snapshots:
     dependencies:
       bindings: 1.5.0
       prebuild-install: 7.1.2
+    optional: true
 
   big-integer@1.6.52:
     optional: true
@@ -6621,6 +6606,7 @@ snapshots:
   bindings@1.5.0:
     dependencies:
       file-uri-to-path: 1.0.0
+    optional: true
 
   bits-ui@0.21.7(svelte@5.0.0-next.208):
     dependencies:
@@ -6634,6 +6620,7 @@ snapshots:
       buffer: 5.7.1
       inherits: 2.0.4
       readable-stream: 3.6.2
+    optional: true
 
   blake3-wasm@2.1.5: {}
 
@@ -6675,6 +6662,7 @@ snapshots:
     dependencies:
       base64-js: 1.5.1
       ieee754: 1.2.1
+    optional: true
 
   buffer@6.0.3:
     dependencies:
@@ -6758,7 +6746,8 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chownr@1.1.4: {}
+  chownr@1.1.4:
+    optional: true
 
   chromium-bidi@0.4.16(devtools-protocol@0.0.1147663):
     dependencies:
@@ -6770,14 +6759,6 @@ snapshots:
     dependencies:
       clsx: 2.0.0
 
-  cli-color@2.0.4:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-iterator: 2.0.3
-      memoizee: 0.4.15
-      timers-ext: 0.1.7
-
   cli-spinners@2.9.2: {}
 
   cli-width@4.1.0: {}
@@ -6794,18 +6775,6 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  coincident@1.2.3:
-    dependencies:
-      '@ungap/structured-clone': 1.2.0
-      '@ungap/with-resolvers': 0.1.0
-      gc-hook: 0.3.1
-      proxy-target: 3.0.2
-    optionalDependencies:
-      ws: 8.17.0
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -6826,7 +6795,8 @@ snapshots:
 
   commander@8.3.0: {}
 
-  commander@9.5.0: {}
+  commander@9.5.0:
+    optional: true
 
   compress-commons@6.0.2:
     dependencies:
@@ -6886,11 +6856,6 @@ snapshots:
 
   csstype@3.1.3: {}
 
-  d@1.0.2:
-    dependencies:
-      es5-ext: 0.10.64
-      type: 2.7.2
-
   data-uri-to-buffer@2.0.2: {}
 
   data-uri-to-buffer@4.0.1:
@@ -6919,12 +6884,14 @@ snapshots:
   decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
+    optional: true
 
   deep-eql@4.1.3:
     dependencies:
       type-detect: 4.0.8
 
-  deep-extend@0.6.0: {}
+  deep-extend@0.6.0:
+    optional: true
 
   deepmerge-ts@5.1.0:
     optional: true
@@ -6947,7 +6914,8 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
-  detect-libc@2.0.3: {}
+  detect-libc@2.0.3:
+    optional: true
 
   devalue@5.0.0: {}
 
@@ -6963,10 +6931,6 @@ snapshots:
 
   diff-sequences@29.6.3: {}
 
-  difflib@0.2.4:
-    dependencies:
-      heap: 0.2.7
-
   dlv@1.1.3: {}
 
   dom-accessibility-api@0.5.16: {}
@@ -6975,32 +6939,26 @@ snapshots:
 
   dotenv@16.4.5: {}
 
-  dreamopt@0.8.0:
-    dependencies:
-      wordwrap: 1.0.0
-
-  drizzle-kit@0.21.2:
+  drizzle-kit@0.24.0:
     dependencies:
+      '@drizzle-team/brocli': 0.8.2
       '@esbuild-kit/esm-loader': 2.6.5
-      commander: 9.5.0
-      env-paths: 3.0.0
       esbuild: 0.19.12
       esbuild-register: 3.5.0(esbuild@0.19.12)
-      glob: 8.1.0
-      hanji: 0.0.5
-      json-diff: 0.9.0
-      zod: 3.23.8
     transitivePeerDependencies:
       - supports-color
 
-  drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3):
+  drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@electric-sql/pglite@0.2.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/pg@8.11.6)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(pg@8.12.0)(react@18.3.1)(sql.js@1.10.3):
     optionalDependencies:
       '@cloudflare/workers-types': 4.20240502.0
+      '@electric-sql/pglite': 0.2.0
       '@opentelemetry/api': 1.9.0
       '@types/better-sqlite3': 7.6.11
+      '@types/pg': 8.11.6
       '@types/sql.js': 1.4.9
       better-sqlite3: 10.0.0
       kysely: 0.27.3
+      pg: 8.12.0
       react: 18.3.1
       sql.js: 1.10.3
 
@@ -7040,38 +6998,12 @@ snapshots:
   end-of-stream@1.4.4:
     dependencies:
       once: 1.4.0
+    optional: true
 
   entities@4.5.0: {}
 
-  env-paths@3.0.0: {}
-
-  es5-ext@0.10.64:
-    dependencies:
-      es6-iterator: 2.0.3
-      es6-symbol: 3.1.4
-      esniff: 2.0.1
-      next-tick: 1.1.0
-
-  es6-iterator@2.0.3:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-symbol: 3.1.4
-
   es6-promise@3.3.1: {}
 
-  es6-symbol@3.1.4:
-    dependencies:
-      d: 1.0.2
-      ext: 1.7.0
-
-  es6-weak-map@2.0.3:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-iterator: 2.0.3
-      es6-symbol: 3.1.4
-
   esbuild-register@3.5.0(esbuild@0.19.12):
     dependencies:
       debug: 4.3.4
@@ -7205,13 +7137,6 @@ snapshots:
 
   esm-env@1.0.0: {}
 
-  esniff@2.0.1:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      event-emitter: 0.3.5
-      type: 2.7.2
-
   esprima@4.0.1:
     optional: true
 
@@ -7234,11 +7159,6 @@ snapshots:
   esutils@2.0.3:
     optional: true
 
-  event-emitter@0.3.5:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-
   event-target-shim@5.0.1:
     optional: true
 
@@ -7261,11 +7181,8 @@ snapshots:
 
   exit-hook@2.2.1: {}
 
-  expand-template@2.0.3: {}
-
-  ext@1.7.0:
-    dependencies:
-      type: 2.7.2
+  expand-template@2.0.3:
+    optional: true
 
   extend@3.0.2: {}
 
@@ -7315,7 +7232,8 @@ snapshots:
 
   fflate@0.8.2: {}
 
-  file-uri-to-path@1.0.0: {}
+  file-uri-to-path@1.0.0:
+    optional: true
 
   filepond@4.31.1: {}
 
@@ -7356,7 +7274,8 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
-  fs-constants@1.0.0: {}
+  fs-constants@1.0.0:
+    optional: true
 
   fs-extra@11.2.0:
     dependencies:
@@ -7394,8 +7313,6 @@ snapshots:
       - encoding
       - supports-color
 
-  gc-hook@0.3.1: {}
-
   gcp-metadata@6.1.0:
     dependencies:
       gaxios: 6.7.0
@@ -7454,7 +7371,8 @@ snapshots:
       - supports-color
     optional: true
 
-  github-from-package@0.0.0: {}
+  github-from-package@0.0.0:
+    optional: true
 
   glob-parent@5.1.2:
     dependencies:
@@ -7483,14 +7401,6 @@ snapshots:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
-  glob@8.1.0:
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 5.1.6
-      once: 1.4.0
-
   globalyzer@0.1.0: {}
 
   globrex@0.1.2: {}
@@ -7537,11 +7447,6 @@ snapshots:
       - encoding
       - supports-color
 
-  hanji@0.0.5:
-    dependencies:
-      lodash.throttle: 4.1.1
-      sisteransi: 1.0.5
-
   has-flag@3.0.0: {}
 
   has-flag@4.0.0: {}
@@ -7552,8 +7457,6 @@ snapshots:
 
   headers-polyfill@4.0.3: {}
 
-  heap@0.2.7: {}
-
   highlight.js@11.9.0: {}
 
   html-encoding-sniffer@4.0.0:
@@ -7589,7 +7492,8 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  ieee754@1.2.1: {}
+  ieee754@1.2.1:
+    optional: true
 
   import-fresh@3.3.0:
     dependencies:
@@ -7607,7 +7511,8 @@ snapshots:
 
   inherits@2.0.4: {}
 
-  ini@1.3.8: {}
+  ini@1.3.8:
+    optional: true
 
   ip-address@9.0.5:
     dependencies:
@@ -7640,8 +7545,6 @@ snapshots:
 
   is-potential-custom-element-name@1.0.1: {}
 
-  is-promise@2.2.2: {}
-
   is-reference@3.0.2:
     dependencies:
       '@types/estree': 1.0.5
@@ -7717,12 +7620,6 @@ snapshots:
   json-buffer@3.0.1:
     optional: true
 
-  json-diff@0.9.0:
-    dependencies:
-      cli-color: 2.0.4
-      difflib: 0.2.4
-      dreamopt: 0.8.0
-
   json-schema-to-ts@3.1.0:
     dependencies:
       '@babel/runtime': 7.24.5
@@ -7810,8 +7707,6 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
-  lodash.throttle@4.1.1: {}
-
   lodash.zip@4.2.0:
     optional: true
 
@@ -7839,10 +7734,6 @@ snapshots:
   lru-cache@7.18.3:
     optional: true
 
-  lru-queue@0.1.0:
-    dependencies:
-      es5-ext: 0.10.64
-
   lucide-svelte@0.378.0(svelte@5.0.0-next.208):
     dependencies:
       svelte: 5.0.0-next.208
@@ -7867,17 +7758,6 @@ snapshots:
 
   memoize-weak@1.0.2: {}
 
-  memoizee@0.4.15:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-weak-map: 2.0.3
-      event-emitter: 0.3.5
-      is-promise: 2.2.2
-      lru-queue: 0.1.0
-      next-tick: 1.1.0
-      timers-ext: 0.1.7
-
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -7897,7 +7777,8 @@ snapshots:
 
   mimic-fn@4.0.0: {}
 
-  mimic-response@3.1.0: {}
+  mimic-response@3.1.0:
+    optional: true
 
   mimic-response@4.0.0:
     optional: true
@@ -7930,6 +7811,7 @@ snapshots:
   minimatch@5.1.6:
     dependencies:
       brace-expansion: 2.0.1
+    optional: true
 
   minimatch@9.0.4:
     dependencies:
@@ -7942,7 +7824,8 @@ snapshots:
   mitt@3.0.0:
     optional: true
 
-  mkdirp-classic@0.5.3: {}
+  mkdirp-classic@0.5.3:
+    optional: true
 
   mkdirp@0.5.6:
     dependencies:
@@ -8002,16 +7885,16 @@ snapshots:
 
   nanoid@5.0.7: {}
 
-  napi-build-utils@1.0.2: {}
+  napi-build-utils@1.0.2:
+    optional: true
 
   netmask@2.0.2:
     optional: true
 
-  next-tick@1.1.0: {}
-
   node-abi@3.62.0:
     dependencies:
       semver: 7.6.2
+    optional: true
 
   node-domexception@1.0.0:
     optional: true
@@ -8048,6 +7931,8 @@ snapshots:
 
   object-hash@3.0.0: {}
 
+  obuf@1.1.2: {}
+
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
@@ -8124,6 +8009,53 @@ snapshots:
   pend@1.2.0:
     optional: true
 
+  pg-cloudflare@1.1.1:
+    optional: true
+
+  pg-connection-string@2.6.4: {}
+
+  pg-int8@1.0.1: {}
+
+  pg-numeric@1.0.2: {}
+
+  pg-pool@3.6.2(pg@8.12.0):
+    dependencies:
+      pg: 8.12.0
+
+  pg-protocol@1.6.1: {}
+
+  pg-types@2.2.0:
+    dependencies:
+      pg-int8: 1.0.1
+      postgres-array: 2.0.0
+      postgres-bytea: 1.0.0
+      postgres-date: 1.0.7
+      postgres-interval: 1.2.0
+
+  pg-types@4.0.2:
+    dependencies:
+      pg-int8: 1.0.1
+      pg-numeric: 1.0.2
+      postgres-array: 3.0.2
+      postgres-bytea: 3.0.0
+      postgres-date: 2.1.0
+      postgres-interval: 3.0.0
+      postgres-range: 1.1.4
+
+  pg@8.12.0:
+    dependencies:
+      pg-connection-string: 2.6.4
+      pg-pool: 3.6.2(pg@8.12.0)
+      pg-protocol: 1.6.1
+      pg-types: 2.2.0
+      pgpass: 1.0.5
+    optionalDependencies:
+      pg-cloudflare: 1.1.1
+
+  pgpass@1.0.5:
+    dependencies:
+      split2: 4.2.0
+
   picocolors@1.0.0: {}
 
   picomatch@2.3.1: {}
@@ -8188,6 +8120,28 @@ snapshots:
       picocolors: 1.0.0
       source-map-js: 1.2.0
 
+  postgres-array@2.0.0: {}
+
+  postgres-array@3.0.2: {}
+
+  postgres-bytea@1.0.0: {}
+
+  postgres-bytea@3.0.0:
+    dependencies:
+      obuf: 1.1.2
+
+  postgres-date@1.0.7: {}
+
+  postgres-date@2.1.0: {}
+
+  postgres-interval@1.2.0:
+    dependencies:
+      xtend: 4.0.2
+
+  postgres-interval@3.0.0: {}
+
+  postgres-range@1.1.4: {}
+
   prebuild-install@7.1.2:
     dependencies:
       detect-libc: 2.0.3
@@ -8202,6 +8156,7 @@ snapshots:
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
+    optional: true
 
   prettier-plugin-svelte@3.2.3(prettier@3.2.5)(svelte@5.0.0-next.208):
     dependencies:
@@ -8276,14 +8231,13 @@ snapshots:
   proxy-from-env@1.1.0:
     optional: true
 
-  proxy-target@3.0.2: {}
-
   psl@1.9.0: {}
 
   pump@3.0.0:
     dependencies:
       end-of-stream: 1.4.4
       once: 1.4.0
+    optional: true
 
   punycode@2.3.1: {}
 
@@ -8323,6 +8277,7 @@ snapshots:
       ini: 1.3.8
       minimist: 1.2.8
       strip-json-comments: 2.0.1
+    optional: true
 
   react-is@17.0.2: {}
 
@@ -8352,6 +8307,7 @@ snapshots:
       inherits: 2.0.4
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
+    optional: true
 
   readable-stream@4.5.2:
     dependencies:
@@ -8492,7 +8448,8 @@ snapshots:
       '@types/node-forge': 1.3.11
       node-forge: 1.3.1
 
-  semver@7.6.2: {}
+  semver@7.6.2:
+    optional: true
 
   serialize-error@11.0.3:
     dependencies:
@@ -8519,13 +8476,15 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  simple-concat@1.0.1: {}
+  simple-concat@1.0.1:
+    optional: true
 
   simple-get@4.0.1:
     dependencies:
       decompress-response: 6.0.0
       once: 1.4.0
       simple-concat: 1.0.1
+    optional: true
 
   sirv@2.0.4:
     dependencies:
@@ -8533,8 +8492,6 @@ snapshots:
       mrmime: 2.0.0
       totalist: 3.0.1
 
-  sisteransi@1.0.5: {}
-
   smart-buffer@4.2.0:
     optional: true
 
@@ -8581,8 +8538,7 @@ snapshots:
   spacetrim@0.11.24:
     optional: true
 
-  split2@4.2.0:
-    optional: true
+  split2@4.2.0: {}
 
   sprintf-js@1.1.3:
     optional: true
@@ -8590,18 +8546,6 @@ snapshots:
   sql.js@1.10.3:
     optional: true
 
-  sqlocal@0.9.0(drizzle-orm@0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3))(kysely@0.27.3):
-    dependencies:
-      '@sqlite.org/sqlite-wasm': 3.45.3-build1
-      coincident: 1.2.3
-      nanoid: 5.0.7
-    optionalDependencies:
-      drizzle-orm: 0.33.0(@cloudflare/workers-types@4.20240502.0)(@opentelemetry/api@1.9.0)(@types/better-sqlite3@7.6.11)(@types/sql.js@1.4.9)(better-sqlite3@10.0.0)(kysely@0.27.3)(react@18.3.1)(sql.js@1.10.3)
-      kysely: 0.27.3
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-
   sswr@2.1.0(svelte@5.0.0-next.208):
     dependencies:
       svelte: 5.0.0-next.208
@@ -8650,6 +8594,7 @@ snapshots:
   string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
+    optional: true
 
   strip-ansi@6.0.1:
     dependencies:
@@ -8665,7 +8610,8 @@ snapshots:
     dependencies:
       min-indent: 1.0.1
 
-  strip-json-comments@2.0.1: {}
+  strip-json-comments@2.0.1:
+    optional: true
 
   strip-literal@2.1.0:
     dependencies:
@@ -8845,6 +8791,7 @@ snapshots:
       mkdirp-classic: 0.5.3
       pump: 3.0.0
       tar-stream: 2.2.0
+    optional: true
 
   tar-fs@3.0.4:
     dependencies:
@@ -8869,6 +8816,7 @@ snapshots:
       fs-constants: 1.0.0
       inherits: 2.0.4
       readable-stream: 3.6.2
+    optional: true
 
   tar-stream@3.1.7:
     dependencies:
@@ -8888,11 +8836,6 @@ snapshots:
   through@2.3.8:
     optional: true
 
-  timers-ext@0.1.7:
-    dependencies:
-      es5-ext: 0.10.64
-      next-tick: 1.1.0
-
   tiny-case@1.0.3:
     optional: true
 
@@ -8948,6 +8891,7 @@ snapshots:
   tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
+    optional: true
 
   type-detect@4.0.8: {}
 
@@ -8961,8 +8905,6 @@ snapshots:
 
   type-fest@4.20.1: {}
 
-  type@2.7.2: {}
-
   typescript@5.4.5: {}
 
   ufo@1.5.3: {}
@@ -9211,8 +9153,6 @@ snapshots:
       siginfo: 2.0.0
       stackback: 0.0.2
 
-  wordwrap@1.0.0: {}
-
   workerd@1.20240419.0:
     optionalDependencies:
       '@cloudflare/workerd-darwin-64': 1.20240419.0
@@ -9279,6 +9219,8 @@ snapshots:
 
   xmlchars@2.2.0: {}
 
+  xtend@4.0.2: {}
+
   xxhash-wasm@1.0.2: {}
 
   y18n@5.0.8: {}
diff --git a/src/database/client.ts b/src/database/client.ts
index 2f39e40..b6196e6 100644
--- a/src/database/client.ts
+++ b/src/database/client.ts
@@ -1,21 +1,18 @@
-import { SQLocalDrizzle } from "sqlocal/drizzle";
-import { drizzle, SqliteRemoteDatabase } from "drizzle-orm/sqlite-proxy";
+import { drizzle, type PgliteDatabase } from "drizzle-orm/pglite";
+import { PGlite } from "@electric-sql/pglite";
 import * as schema from "./schema";
-import { BaseSQLiteDatabase } from "drizzle-orm/sqlite-core";
 
-export const SQLITE_FILENAME = "workbench.db";
+let db: PgliteDatabase<typeof schema> | undefined = undefined;
 
-let db: SqliteRemoteDatabase<typeof schema> | undefined = undefined;
-
-export function useDb(): BaseSQLiteDatabase<any, any, typeof schema> {
+export function useDb(): PgliteDatabase<typeof schema> {
   if (!db) {
-    const { driver, batchDriver } = new SQLocalDrizzle(SQLITE_FILENAME);
-    db = drizzle(driver, batchDriver, { schema });
+    const client = new PGlite("idb://workbench-data");
+    db = drizzle(client, { schema });
   }
   return db;
 }
 
-export function useDbFile() {
-  const { getDatabaseFile, overwriteDatabaseFile } = new SQLocalDrizzle(SQLITE_FILENAME);
-  return { getDatabaseFile, overwriteDatabaseFile };
-}
+// export function useDbFile() {
+//   const { getDatabaseFile, overwriteDatabaseFile } = new SQLocalDrizzle(SQLITE_FILENAME);
+//   return { getDatabaseFile, overwriteDatabaseFile };
+// }
diff --git a/src/database/index.ts b/src/database/index.ts
index 6433ac1..2414db0 100644
--- a/src/database/index.ts
+++ b/src/database/index.ts
@@ -1,32 +1,33 @@
-import { useDb, useDbFile } from "./client.js";
+import { useDb } from "./client.js";
 import * as schema from "./schema.js";
 import { sql } from "drizzle-orm/sql";
+import type { PgliteDatabase } from "drizzle-orm/pglite";
 
 export { registerModel, invalidateModel } from "./model.js";
 export * from "./schema.js";
 
 export { schema, useDb };
 
-export async function overwriteDb() {
-  const { overwriteDatabaseFile } = useDbFile();
-}
-
-export async function exportDb() {
-  const { getDatabaseFile } = useDbFile();
-  const databaseFile = await getDatabaseFile();
-  const fileUrl = URL.createObjectURL(databaseFile);
-
-  const now = new Date();
-  const timestamp = now.toISOString().split(".")[0].replace(/\:/g, "-");
-
-  const a = document.createElement("a");
-  a.href = fileUrl;
-  a.download = `workbench-${timestamp}.db`;
-  a.click();
-  a.remove();
-
-  URL.revokeObjectURL(fileUrl);
-}
+// export async function overwriteDb() {
+//   const { overwriteDatabaseFile } = useDbFile();
+// }
+//
+// export async function exportDb() {
+//   const { getDatabaseFile } = useDbFile();
+//   const databaseFile = await getDatabaseFile();
+//   const fileUrl = URL.createObjectURL(databaseFile);
+//
+//   const now = new Date();
+//   const timestamp = now.toISOString().split(".")[0].replace(/\:/g, "-");
+//
+//   const a = document.createElement("a");
+//   a.href = fileUrl;
+//   a.download = `workbench-${timestamp}.db`;
+//   a.click();
+//   a.remove();
+//
+//   URL.revokeObjectURL(fileUrl);
+// }
 
 export function exposeDb() {
   const db = useDb();
@@ -36,45 +37,61 @@ export function exposeDb() {
   window.sql = sql;
   // @ts-expect-error
   window.db_destroy = async function () {
-    const rows = await db.all(sql`SELECT name FROM sqlite_master WHERE type='table';`);
-    console.log("Dropping all tables", rows);
-    for (const record of rows) {
-      // drop table
-      // @ts-ignore
-      await db.run(sql.raw(`DROP TABLE ${record[0]};`));
-    }
-  };
-  // @ts-expect-error
-  window.db_listTables = async function () {
-    const rows = await db.all(sql`SELECT name FROM sqlite_master WHERE type='table';`);
-    console.log("Tables", rows);
-    for (const record of rows) {
-      // list count of rows
-      // @ts-ignore
-      const count = await db.get(sql.raw(`SELECT COUNT(*) FROM ${record[0]};`));
-      // @ts-ignore
-      console.log(record[0], count);
-    }
-  };
-  // @ts-expect-error
-  window.db_download = exportDb;
-  // @ts-expect-error
-  window.db_overwrite = function () {
-    const input = document.createElement("input");
-    input.type = "file";
-    input.accept = ".db";
-    input.onchange = async function (e: any) {
-      console.log("overwrite", e);
-      if (!e.target) {
-        return;
-      }
-      const file = e.target.files[0];
-      if (!file) {
-        return;
+    const db = useDb() as PgliteDatabase<any>;
+
+    // Get all tables in the public schema
+    const results = await db.execute<{ tablename: string }>(sql`
+    SELECT tablename 
+    FROM pg_tables 
+    WHERE schemaname = 'public';
+  `);
+
+    console.log("Dropping all tables", results.rows);
+
+    // Drop all tables
+    for (const record of results.rows) {
+      try {
+        await db.execute(sql.raw(`DROP TABLE IF EXISTS "${record.tablename}" CASCADE;`));
+        console.log(`Dropped table: ${record.tablename}`);
+      } catch (error) {
+        console.error(`Error dropping table ${record.tablename}:`, error);
       }
-      const { overwriteDatabaseFile } = useDbFile();
-      await overwriteDatabaseFile(file);
-    };
-    document.body.appendChild(input);
+    }
+
+    console.log("All tables dropped");
   };
+
+  // // @ts-expect-error
+  // window.db_listTables = async function () {
+  //   const rows = await db.all(sql`SELECT name FROM sqlite_master WHERE type='table';`);
+  //   console.log("Tables", rows);
+  //   for (const record of rows) {
+  //     // list count of rows
+  //     // @ts-ignore
+  //     const count = await db.get(sql.raw(`SELECT COUNT(*) FROM ${record[0]};`));
+  //     // @ts-ignore
+  //     console.log(record[0], count);
+  //   }
+  // };
+  // // @ts-expect-error
+  // window.db_download = exportDb;
+  // // @ts-expect-error
+  // window.db_overwrite = function () {
+  //   const input = document.createElement("input");
+  //   input.type = "file";
+  //   input.accept = ".db";
+  //   input.onchange = async function (e: any) {
+  //     console.log("overwrite", e);
+  //     if (!e.target) {
+  //       return;
+  //     }
+  //     const file = e.target.files[0];
+  //     if (!file) {
+  //       return;
+  //     }
+  //     const { overwriteDatabaseFile } = useDbFile();
+  //     await overwriteDatabaseFile(file);
+  //   };
+  //   document.body.appendChild(input);
+  // };
 }
diff --git a/src/database/migrations.test.ts b/src/database/migrations.test.ts
deleted file mode 100644
index 75dd12d..0000000
--- a/src/database/migrations.test.ts
+++ /dev/null
@@ -1,1019 +0,0 @@
-import {
-  expect,
-  describe,
-  it,
-  beforeAll,
-  afterAll,
-  vi,
-  onTestFailed,
-  beforeEach,
-  afterEach,
-} from "vitest";
-import { drizzle } from "drizzle-orm/better-sqlite3";
-import Database from "better-sqlite3";
-import { sql } from "drizzle-orm";
-import { useDb } from "@/database/client";
-import journal from "@/database/migrations/meta/_journal.json";
-import type { BetterSQLite3Database } from "drizzle-orm/better-sqlite3";
-import * as schema from "@/database/schema";
-
-describe("Migration Tests", () => {
-  let sqlite: Database.Database;
-  let db: BetterSQLite3Database<typeof schema>;
-
-  /*
-   * Test data for all tables. This data will be used to populate the database
-   * after the initial migration and to verify the data integrity after subsequent migrations.
-   */
-  const testData = {
-    projects: [
-      {
-        id: "project1",
-        name: "Test Project 1",
-        prompt: "Test prompt 1",
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "project2",
-        name: "Test Project 2",
-        prompt: "Test prompt 2",
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-      {
-        id: "project3",
-        name: "Test Project 3",
-        prompt: "Test prompt 3",
-        createdAt: "2023-01-03T00:00:00Z",
-      },
-    ],
-    services: [
-      {
-        id: "service1",
-        name: "Test Service 1",
-        providerId: "provider1",
-        baseURL: "http://test1.com",
-        apiKey: "testkey1",
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "service2",
-        name: "Test Service 2",
-        providerId: "provider2",
-        baseURL: "http://test2.com",
-        apiKey: "testkey2",
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-    ],
-    models: [
-      {
-        id: "model1",
-        serviceId: "service1",
-        name: "Test Model 1",
-        visible: 1,
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "model2",
-        serviceId: "service1",
-        name: "Test Model 2",
-        visible: 0,
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-      {
-        id: "model3",
-        serviceId: "service2",
-        name: "Test Model 3",
-        visible: 1,
-        createdAt: "2023-01-03T00:00:00Z",
-      },
-    ],
-    responses: [
-      {
-        id: "response1",
-        projectId: "project1",
-        modelId: "model1",
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "response2",
-        projectId: "project1",
-        modelId: "model2",
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-      {
-        id: "response3",
-        projectId: "project2",
-        modelId: "model1",
-        createdAt: "2023-01-03T00:00:00Z",
-      },
-      {
-        id: "response4",
-        projectId: "project3",
-        modelId: "model3",
-        createdAt: "2023-01-04T00:00:00Z",
-      },
-    ],
-    responseMessages: [
-      {
-        id: "message1",
-        index: 0,
-        responseId: "response1",
-        role: "user",
-        content: "Test message 1",
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "message2",
-        index: 1,
-        responseId: "response1",
-        role: "assistant",
-        content: "Test reply 1",
-        createdAt: "2023-01-01T00:00:01Z",
-      },
-      {
-        id: "message3",
-        index: 0,
-        responseId: "response2",
-        role: "user",
-        content: "Test message 2",
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-      {
-        id: "message4",
-        index: 0,
-        responseId: "response3",
-        role: "user",
-        content: "Test message 3",
-        createdAt: "2023-01-03T00:00:00Z",
-      },
-      {
-        id: "message5",
-        index: 1,
-        responseId: "response3",
-        role: "assistant",
-        content: "Test reply 3",
-        createdAt: "2023-01-03T00:00:01Z",
-      },
-    ],
-    documents: [
-      {
-        id: "doc1",
-        name: "Document 1",
-        description: "Test doc",
-        content: "Test content",
-        createdAt: "2023-01-01T00:00:00Z",
-      },
-      {
-        id: "doc2",
-        name: "Pasted",
-        description: "Pasted doc",
-        content: "Pasted content",
-        createdAt: "2023-01-02T00:00:00Z",
-      },
-    ],
-  };
-
-  let initialProjectCount: number;
-  let initialServiceCount: number;
-  let initialModelCount: number;
-  let initialResponseCount: number;
-  let initialMessageCount: number;
-  let initialDocumentCount: number;
-
-  function insertTestData() {
-    for (const project of testData.projects) {
-      db.run(
-        sql`INSERT INTO project (id, name, prompt, createdAt) VALUES (${project.id}, ${project.name}, ${project.prompt}, ${project.createdAt})`,
-      );
-    }
-    for (const service of testData.services) {
-      db.run(
-        sql`INSERT INTO service (id, name, providerId, baseURL, apiKey, createdAt) VALUES (${service.id}, ${service.name}, ${service.providerId}, ${service.baseURL}, ${service.apiKey}, ${service.createdAt})`,
-      );
-    }
-    for (const model of testData.models) {
-      db.run(
-        sql`INSERT INTO model (id, serviceId, name, visible, createdAt) VALUES (${model.id}, ${model.serviceId}, ${model.name}, ${model.visible}, ${model.createdAt})`,
-      );
-    }
-    for (const response of testData.responses) {
-      db.run(
-        sql`INSERT INTO response (id, projectId, modelId, createdAt) VALUES (${response.id}, ${response.projectId}, ${response.modelId}, ${response.createdAt})`,
-      );
-    }
-    for (const message of testData.responseMessages) {
-      db.run(
-        sql`INSERT INTO responseMessage (id, "index", responseId, role, content, createdAt) VALUES (${message.id}, ${message.index}, ${message.responseId}, ${message.role}, ${message.content}, ${message.createdAt})`,
-      );
-    }
-    for (const document of testData.documents) {
-      db.run(
-        sql`INSERT INTO document (id, name, description, content, createdAt) VALUES (${document.id}, ${document.name}, ${document.description}, ${document.content}, ${document.createdAt})`,
-      );
-    }
-    /*
-     * Verify that the initial data was inserted correctly.
-     * This establishes a baseline for comparison after migrations.
-     */
-    initialProjectCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM project`,
-    ).count;
-    initialServiceCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM service`,
-    ).count;
-    initialModelCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM model`).count;
-    initialResponseCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM response`,
-    ).count;
-    initialMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM responseMessage`,
-    ).count;
-    initialDocumentCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM document`,
-    ).count;
-
-    expect(initialProjectCount).toBe(testData.projects.length);
-    expect(initialServiceCount).toBe(testData.services.length);
-    expect(initialModelCount).toBe(testData.models.length);
-    expect(initialResponseCount).toBe(testData.responses.length);
-    expect(initialMessageCount).toBe(testData.responseMessages.length);
-    expect(initialDocumentCount).toBe(testData.documents.length);
-  }
-
-  async function applyMigrationsUpTo(targetMigration: string) {
-    let isFirstMigration = true;
-    for (const entry of journal.entries) {
-      if (isFirstMigration) {
-        await runMigration(entry.tag);
-        insertTestData();
-        isFirstMigration = false;
-      } else {
-        await runMigration(entry.tag);
-      }
-      if (entry.tag === targetMigration) {
-        break;
-      }
-    }
-  }
-
-  vi.mock("@/database/client");
-
-  beforeEach(async () => {
-    sqlite = new Database(":memory:");
-    db = drizzle(sqlite);
-    vi.mocked(useDb).mockReturnValue(db);
-  });
-
-  afterEach(() => {
-    sqlite.close();
-    vi.resetAllMocks();
-  });
-
-  async function runMigration(migration: string) {
-    const migrationSql = (await import(`@/database/migrations/${migration}.sql?raw`)).default;
-    db.run(sql`PRAGMA foreign_keys = OFF;`);
-    await Promise.all(
-      migrationSql.split("--> statement-breakpoint").map((s: string) => db.run(sql.raw(s))),
-    );
-    db.run(sql`PRAGMA foreign_keys = ON;`);
-  }
-
-  it("0000_careful_smiling_tiger", async () => {
-    await applyMigrationsUpTo("0000_careful_smiling_tiger");
-
-    /*
-     * Check for unique and other indexes after the first migration
-     * This ensures that the initial schema is set up correctly with all necessary constraints
-     */
-    const documentNameUniqueIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='document_name_unique'`,
-    );
-    expect(documentNameUniqueIndex).toBeTruthy();
-
-    const serviceNameUniqueIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='serviceName_unique'`,
-    );
-    expect(serviceNameUniqueIndex).toBeTruthy();
-  });
-
-  it("0001_nosy_earthquake", async () => {
-    await applyMigrationsUpTo("0001_nosy_earthquake");
-
-    /*
-     * Verify data integrity after the second migration.
-     * The record counts should remain the same as no data was added or removed.
-     */
-    const secondMigrationResponseCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM response`,
-    ).count;
-    const secondMigrationMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM responseMessage`,
-    ).count;
-    const secondMigrationModelCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM model`,
-    ).count;
-
-    expect(secondMigrationResponseCount).toBe(initialResponseCount);
-    expect(secondMigrationMessageCount).toBe(initialMessageCount);
-    expect(secondMigrationModelCount).toBe(initialModelCount);
-
-    /*
-     * Verify that the new indexes were created.
-     * This is crucial for ensuring the migration successfully improved query performance.
-     */
-    const responseIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='projectId_idx'`,
-    );
-    const messageIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='responseId_idx'`,
-    );
-    const modelIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='serviceId_idx'`,
-    );
-
-    expect(responseIndex).toBeTruthy();
-    expect(messageIndex).toBeTruthy();
-    expect(modelIndex).toBeTruthy();
-
-    /*
-     * Check the structure of the new tables after the second migration
-     * This verifies that the tables were recreated with the correct structure
-     */
-    const responseColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(response)`,
-    );
-    expect(responseColumns).toContainEqual(
-      expect.objectContaining({ name: "error", type: "TEXT" }),
-    );
-
-    const responseMessageColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(responseMessage)`,
-    );
-    expect(responseMessageColumns).toContainEqual(
-      expect.objectContaining({ name: "index", type: "INTEGER" }),
-    );
-
-    const modelColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(model)`);
-    expect(modelColumns).toContainEqual(
-      expect.objectContaining({ name: "visible", type: "INTEGER" }),
-    );
-
-    /*
-     * Test the UNIQUE constraint on the model table
-     * This ensures that the unique constraint on (serviceId, name) is working correctly
-     */
-    expect(() =>
-      db.run(sql`
-      INSERT INTO model (id, serviceId, name, visible, createdAt)
-      VALUES ('model4', 'service1', 'Test Model 1', 1, '2023-01-04T00:00:00Z')
-    `),
-    ).toThrow();
-  });
-
-  it("0002_overjoyed_mordo", async () => {
-    await applyMigrationsUpTo("0002_overjoyed_mordo");
-
-    /*
-     * Verify that the 'project' table was successfully renamed to 'chat'.
-     * The count of records in 'chat' should match the original 'project' count.
-     */
-    const thirdMigrationChatCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM chat`,
-    ).count;
-    expect(thirdMigrationChatCount).toBe(initialProjectCount);
-
-    /*
-     * Confirm that the 'project' table no longer exists.
-     * This ensures the renaming was done correctly and didn't leave behind the old table.
-     */
-    const projectTableExists = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='project'`,
-    );
-    expect(projectTableExists).toBeFalsy();
-
-    /*
-     * Verify that the 'response' table wasn't affected by the renaming.
-     * Its record count should remain the same.
-     */
-    const thirdMigrationResponseCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM response`,
-    ).count;
-    expect(thirdMigrationResponseCount).toBe(initialResponseCount);
-
-    /*
-     * Check that the 'response' table now has a 'chatId' column instead of 'projectId'.
-     * This verifies that the foreign key was updated correctly.
-     */
-    const chatIdColumn = db.get<{ name: string; type: string } | undefined>(
-      sql`PRAGMA table_info(response)`,
-    );
-    expect(chatIdColumn).toBeTruthy();
-    expect(chatIdColumn?.type).toBe("TEXT");
-
-    /*
-     * Verify that the index on 'response' was updated to use 'chatId'.
-     * This ensures that query performance is maintained after the schema change.
-     */
-    const chatIdIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='chatId_idx'`,
-    );
-    expect(chatIdIndex).toBeTruthy();
-
-    /*
-     * Verify that the data in the 'chat' table matches the original 'project' data.
-     * This ensures that no data was lost or corrupted during the renaming process.
-     */
-    const chatData = db.all<{ id: string; name: string; prompt: string }>(
-      sql`SELECT id, name, prompt FROM chat ORDER BY id`,
-    );
-    expect(chatData).toEqual(
-      testData.projects.map(({ id, name, prompt }) => ({ id, name, prompt })),
-    );
-    /*
-     * Verify that the 'response' table data is correct, with 'chatId' replacing 'projectId'.
-     * This ensures that the foreign key relationships were properly updated.
-     */
-    const responseData = db.all<{ id: string; chatId: string; modelId: string }>(
-      sql`SELECT id, chatId, modelId FROM response ORDER BY id`,
-    );
-    expect(responseData).toEqual(
-      testData.responses.map(({ id, projectId: chatId, modelId }) => ({ id, chatId, modelId })),
-    );
-
-    /*
-     * Verify that the 'responseMessage' table data remains unchanged.
-     * This table wasn't directly affected by the migrations, so its data should be intact.
-     */
-    const messageData = db.all<{ id: string; responseId: string; role: string; content: string }>(
-      sql`SELECT id, responseId, role, content FROM responseMessage ORDER BY id`,
-    );
-    expect(messageData).toEqual(
-      testData.responseMessages.map(({ id, responseId, role, content }) => ({
-        id,
-        responseId,
-        role,
-        content,
-      })),
-    );
-
-    /*
-     * Test the ON DELETE CASCADE behavior introduced in the third migration.
-     * This ensures that when a chat is deleted, its associated responses are also deleted.
-     */
-    await db.run(sql`DELETE FROM chat WHERE id = 'project1'`);
-    const responseCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM response WHERE chatId = 'project1'`,
-    ).count;
-    expect(responseCount).toBe(0);
-
-    /*
-     * Verify that the deletion of 'project1' didn't affect other chats' responses
-     */
-    const remainingResponseCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM response`,
-    ).count;
-    expect(remainingResponseCount).toBe(initialResponseCount - 2); // 'project1' had 2 responses
-
-    /*
-     * Check that the responseMessages associated with the deleted responses are also removed
-     * This tests the cascading delete behavior through multiple levels
-     */
-    const remainingMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM responseMessage`,
-    ).count;
-    expect(remainingMessageCount).toBe(initialMessageCount - 3); // 'project1' had 3 messages
-  });
-
-  it("0003_huge_nick_fury", async () => {
-    await applyMigrationsUpTo("0003_huge_nick_fury");
-
-    // Check for the creation of new tables
-    const messageTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='message'`,
-    );
-    expect(messageTable).toBeTruthy();
-
-    const revisionTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='revision'`,
-    );
-    expect(revisionTable).toBeTruthy();
-
-    // Verify the creation of new indexes
-    const messageIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='message_revisionId_idx'`,
-    );
-    expect(messageIndex).toBeTruthy();
-
-    const revisionIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='revision_chatId_idx'`,
-    );
-    expect(revisionIndex).toBeTruthy();
-
-    // Check that data has been migrated correctly
-    const revisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision`,
-    ).count;
-    expect(revisionCount).toBe(initialResponseCount);
-
-    const messageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message`,
-    ).count;
-    expect(messageCount).toBe(initialMessageCount);
-
-    // Verify the structure of the new tables
-    const revisionColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(revision)`,
-    );
-    expect(revisionColumns).toContainEqual(
-      expect.objectContaining({ name: "version", type: "INTEGER" }),
-    );
-    expect(revisionColumns).toContainEqual(
-      expect.objectContaining({ name: "chatId", type: "TEXT" }),
-    );
-
-    const messageColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(message)`);
-    expect(messageColumns).toContainEqual(
-      expect.objectContaining({ name: "revisionId", type: "TEXT" }),
-    );
-    expect(messageColumns).toContainEqual(expect.objectContaining({ name: "role", type: "TEXT" }));
-
-    // Verify the content of migrated data
-    const revisionData = db.all<{ id: string; version: number; chatId: string }>(
-      sql`SELECT id, version, chatId FROM revision ORDER BY chatId, createdAt`,
-    );
-
-    // Sort testData.responses by createdAt to ensure correct ordering
-    const sortedResponses = [...testData.responses].sort(
-      (a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
-    );
-
-    // Calculate expected versions
-    const chatVersions = new Map<string, number>();
-    const expectedRevisionData = sortedResponses.map(({ id, projectId: chatId }) => {
-      const currentVersion = (chatVersions.get(chatId) || 0) + 1;
-      chatVersions.set(chatId, currentVersion);
-      return { id, version: currentVersion, chatId };
-    });
-
-    expect(revisionData).toEqual(expectedRevisionData);
-
-    const messageData = db.all<{ id: string; revisionId: string; role: string; content: string }>(
-      sql`SELECT id, revisionId, role, content FROM message ORDER BY id`,
-    );
-    expect(messageData).toEqual(
-      testData.responseMessages.map(({ id, responseId: revisionId, role, content }) => ({
-        id,
-        revisionId,
-        role,
-        content,
-      })),
-    );
-
-    // Test cascading delete behavior
-    await db.run(sql`DELETE FROM chat WHERE id = 'project2'`);
-    const remainingRevisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision WHERE chatId = 'project2'`,
-    ).count;
-    expect(remainingRevisionCount).toBe(0);
-
-    const remainingMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message WHERE revisionId IN (SELECT id FROM revision WHERE chatId = 'project2')`,
-    ).count;
-    expect(remainingMessageCount).toBe(0);
-
-    // Verify that the deletion didn't affect other chats' data
-    const totalRemainingRevisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision`,
-    ).count;
-    expect(totalRemainingRevisionCount).toBe(revisionCount - 1); // 'project2' had 1 response/revision
-
-    const totalRemainingMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message`,
-    ).count;
-    expect(totalRemainingMessageCount).toBe(messageCount - 2); // 'project2' had 2 messages
-  });
-
-  it("0004_skinny_machine_man", async () => {
-    await applyMigrationsUpTo("0004_skinny_machine_man");
-
-    // Verify that the 'response' table has been dropped
-    const responseTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='response'`,
-    );
-    expect(responseTable).toBeFalsy();
-
-    // Verify that the 'responseMessage' table has been dropped
-    const responseMessageTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='responseMessage'`,
-    );
-    expect(responseMessageTable).toBeFalsy();
-
-    // Verify that the 'revision' and 'message' tables still exist and contain the migrated data
-    const revisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision`,
-    ).count;
-    expect(revisionCount).toBe(initialResponseCount);
-
-    const messageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message`,
-    ).count;
-    expect(messageCount).toBe(initialMessageCount);
-
-    // Verify that the data in the 'revision' and 'message' tables is still correct
-    const revisionData = db.all<{ id: string; version: number; chatId: string }>(
-      sql`SELECT id, version, chatId FROM revision ORDER BY chatId, createdAt`,
-    );
-
-    const chatVersions = new Map<string, number>();
-    const expectedRevisionData = testData.responses
-      .sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
-      .map(({ id, projectId: chatId }) => {
-        const currentVersion = (chatVersions.get(chatId) || 0) + 1;
-        chatVersions.set(chatId, currentVersion);
-        return { id, version: currentVersion, chatId };
-      });
-
-    expect(revisionData).toEqual(expectedRevisionData);
-
-    const messageData = db.all<{ id: string; revisionId: string; role: string; content: string }>(
-      sql`SELECT id, revisionId, role, content FROM message ORDER BY id`,
-    );
-
-    const expectedMessageData = testData.responseMessages.map(
-      ({ id, responseId: revisionId, role, content }) => ({
-        id,
-        revisionId,
-        role,
-        content,
-      }),
-    );
-
-    expect(messageData).toEqual(expectedMessageData);
-
-    // Verify that the foreign key relationships are still intact
-    await db.run(sql`DELETE FROM chat WHERE id = 'project1'`);
-    const remainingRevisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision WHERE chatId = 'project1'`,
-    ).count;
-    expect(remainingRevisionCount).toBe(0);
-
-    const remainingMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message WHERE revisionId IN (SELECT id FROM revision WHERE chatId = 'project1')`,
-    ).count;
-    expect(remainingMessageCount).toBe(0);
-
-    // Final check on the total remaining data
-    const finalRevisionCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM revision`,
-    ).count;
-    expect(finalRevisionCount).toBe(revisionCount - 2); // 'project1' had 2 revisions
-
-    const finalMessageCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM message`,
-    ).count;
-    expect(finalMessageCount).toBe(messageCount - 3); // 'project1' had 3 messages
-  });
-
-  it("0005_careful_the_professor", async () => {
-    await applyMigrationsUpTo("0005_careful_the_professor");
-
-    // Verify that the 'attachment' table was created
-    const attachmentTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='attachment'`,
-    );
-    expect(attachmentTable).toBeTruthy();
-
-    // Check the structure of the 'attachment' table
-    const attachmentColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(attachment)`,
-    );
-    expect(attachmentColumns).toContainEqual(
-      expect.objectContaining({
-        name: "id",
-        type: "TEXT",
-      }),
-    );
-    expect(attachmentColumns).toContainEqual(
-      expect.objectContaining({
-        name: "messageId",
-        type: "TEXT",
-      }),
-    );
-    expect(attachmentColumns).toContainEqual(
-      expect.objectContaining({
-        name: "documentId",
-        type: "TEXT",
-      }),
-    );
-    expect(attachmentColumns).toContainEqual(
-      expect.objectContaining({
-        name: "createdAt",
-        type: "TEXT",
-      }),
-    );
-
-    // Verify that the 'type' column was added to the 'document' table
-    const documentColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(document)`,
-    );
-    expect(documentColumns).toContainEqual(expect.objectContaining({ name: "type", type: "TEXT" }));
-
-    // Check if the indexes were created
-    const attachmentMessageIdIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='attachment_messageId_idx'`,
-    );
-    expect(attachmentMessageIdIndex).toBeTruthy();
-
-    const messageDocumentUniqueIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='messageDocument_unique'`,
-    );
-    expect(messageDocumentUniqueIndex).toBeTruthy();
-
-    // Test foreign key constraints
-    const message = db.get<{ id: string }>(sql`SELECT id FROM message LIMIT 1`);
-    const document = db.get<{ id: string }>(sql`SELECT id FROM document LIMIT 1`);
-
-    if (message && document) {
-      // Insert a valid attachment
-      db.run(
-        sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test1', ${message.id}, ${document.id})`,
-      );
-
-      // Attempt to insert an attachment with non-existent messageId (should fail)
-      expect(() =>
-        db.run(
-          sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test2', 'non_existent', ${document.id})`,
-        ),
-      ).toThrow();
-
-      // Attempt to insert an attachment with non-existent documentId (should fail)
-      expect(() =>
-        db.run(
-          sql`INSERT INTO attachment (id, messageId, documentId) VALUES ('test3', ${message.id}, 'non_existent')`,
-        ),
-      ).toThrow();
-
-      // Test cascade delete
-      db.run(sql`DELETE FROM message WHERE id = ${message.id}`);
-      const attachmentAfterDelete = db.get(
-        sql`SELECT * FROM attachment WHERE messageId = ${message.id}`,
-      );
-      expect(attachmentAfterDelete).toBeFalsy();
-    }
-  });
-
-  it("0006_opposite_sugar_man", async () => {
-    await applyMigrationsUpTo("0006_opposite_sugar_man");
-
-    // Verify that the 'attributes' column was added to the 'document' table
-    const documentColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(document)`,
-    );
-    expect(documentColumns).toContainEqual(
-      expect.objectContaining({ name: "attributes", type: "TEXT" }),
-    );
-
-    // Check if the default value is set correctly
-    const document = db.get<{ attributes: string }>(sql`SELECT attributes FROM document LIMIT 1`);
-    expect(document?.attributes).toBe("{}");
-
-    // Test inserting a document with custom attributes
-    db.run(
-      sql`INSERT INTO document (id, name, type, description, content, attributes) VALUES ('test_doc', 'Test Document', 'document', 'Test description', 'Test content', '{"key": "value"}')`,
-    );
-    const insertedDocument = db.get<{ attributes: string }>(
-      sql`SELECT attributes FROM document WHERE id = 'test_doc'`,
-    );
-    expect(insertedDocument?.attributes).toBe('{"key": "value"}');
-
-    // Verify that existing documents have the default attributes value
-    const existingDocuments = db.all<{ id: string; attributes: string }>(
-      sql`SELECT id, attributes FROM document WHERE id != 'test_doc'`,
-    );
-    existingDocuments.forEach((doc) => {
-      expect(doc.attributes).toBe("{}");
-    });
-  });
-
-  it("0007_tidy_lilandra", async () => {
-    await applyMigrationsUpTo("0007_tidy_lilandra");
-
-    // Verify that the 'document_name_unique' index was dropped
-    const documentNameUniqueIndex = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='document_name_unique'`,
-    );
-    expect(documentNameUniqueIndex).toBeFalsy();
-
-    // Test that we can now insert documents with the same name
-    db.run(
-      sql`INSERT INTO document (id, name, type, description, content) VALUES ('doc3', 'Same Name', 'document', 'Test description', 'Test content')`,
-    );
-    db.run(
-      sql`INSERT INTO document (id, name, type, description, content) VALUES ('doc4', 'Same Name', 'document', 'Test description', 'Test content')`,
-    );
-
-    const documentsWithSameName = db.all<{ id: string }>(
-      sql`SELECT id FROM document WHERE name = 'Same Name'`,
-    );
-    expect(documentsWithSameName.length).toBe(2);
-
-    // Verify that other constraints and data remain intact
-    const documentCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM document`,
-    ).count;
-    expect(documentCount).toBe(initialDocumentCount + 2); // Initial count plus the two we just added
-  });
-
-  it("0008_parallel_grandmaster", async () => {
-    await applyMigrationsUpTo("0008_parallel_grandmaster");
-
-    // Verify that 'aiService' table was renamed to 'aiAccount'
-    const aiAccountTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiAccount'`,
-    );
-    expect(aiAccountTable).toBeTruthy();
-
-    const aiServiceTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiService'`,
-    );
-    expect(aiServiceTable).toBeFalsy();
-
-    // Check that 'aiServiceId' column in 'model' table was renamed to 'aiAccountId'
-    const modelColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(aiModel)`);
-    expect(modelColumns).toContainEqual(
-      expect.objectContaining({ name: "aiAccountId", type: "TEXT" }),
-    );
-    expect(modelColumns).not.toContainEqual(expect.objectContaining({ name: "aiServiceId" }));
-
-    // Verify that 'providerId' column in 'aiAccount' table was renamed to 'aiServiceId'
-    const aiAccountColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(aiAccount)`,
-    );
-    expect(aiAccountColumns).toContainEqual(
-      expect.objectContaining({ name: "aiServiceId", type: "TEXT" }),
-    );
-    expect(aiAccountColumns).not.toContainEqual(expect.objectContaining({ name: "providerId" }));
-
-    // Check that the new indexes were created
-    const aiAccountIdIdx = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiAccountId_idx'`,
-    );
-    expect(aiAccountIdIdx).toBeTruthy();
-
-    const aiAccountIdUnique = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiAccountId_unique'`,
-    );
-    expect(aiAccountIdUnique).toBeTruthy();
-
-    // Verify that the old indexes were dropped
-    const aiServiceIdIdx = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiServiceId_idx'`,
-    );
-    expect(aiServiceIdIdx).toBeFalsy();
-
-    const aiServiceNameUnique = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='index' AND name='aiServiceName_unique'`,
-    );
-    expect(aiServiceNameUnique).toBeFalsy();
-
-    // Verify that the data was migrated correctly
-    const aiAccountCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM aiAccount`,
-    ).count;
-    expect(aiAccountCount).toBe(initialServiceCount);
-
-    const modelCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiModel`).count;
-    expect(modelCount).toBe(initialModelCount);
-
-    // Verify the content of migrated data
-    const aiAccountData = db.all<{ id: string; name: string; aiServiceId: string }>(
-      sql`SELECT id, name, aiServiceId FROM aiAccount ORDER BY id`,
-    );
-    expect(aiAccountData).toEqual(
-      testData.services.map(({ id, name, providerId: aiServiceId }) => ({ id, name, aiServiceId })),
-    );
-
-    const modelData = db.all<{ id: string; aiAccountId: string; name: string; visible: number }>(
-      sql`SELECT id, aiAccountId, name, visible FROM aiModel ORDER BY id`,
-    );
-    expect(modelData).toEqual(
-      testData.models.map(({ id, serviceId: aiAccountId, name, visible }) => ({
-        id,
-        aiAccountId,
-        name,
-        visible,
-      })),
-    );
-
-    // Test the new foreign key constraint
-    const aiAccount = db.get<{ id: string }>(sql`SELECT id FROM aiAccount LIMIT 1`);
-    expect(aiAccount).toBeTruthy();
-
-    // Insert a valid model
-    db.run(
-      sql`INSERT INTO aiModel (id, aiAccountId, name, visible) VALUES ('test_model', ${aiAccount.id}, 'Test Model', 1)`,
-    );
-
-    // Attempt to insert a model with non-existent aiAccountId (should fail)
-    expect(() =>
-      db.run(
-        sql`INSERT INTO aiModel (id, aiAccountId, name, visible) VALUES ('invalid_model', 'non_existent', 'Invalid Model', 1)`,
-      ),
-    ).toThrow();
-
-    // Test cascade delete
-    db.run(sql`DELETE FROM aiAccount WHERE id = ${aiAccount.id}`);
-    const modelAfterDelete = db.get(sql`SELECT * FROM aiModel WHERE aiAccountId = ${aiAccount.id}`);
-    expect(modelAfterDelete).toBeFalsy();
-  });
-
-  it("0009_ancient_korath", async () => {
-    await applyMigrationsUpTo("0009_ancient_korath");
-
-    // Verify that the 'aiSdk' table was created
-    const aiSdkTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiSdk'`,
-    );
-    expect(aiSdkTable).toBeTruthy();
-
-    // Verify that the 'aiService' table was created
-    const aiServiceTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiService'`,
-    );
-    expect(aiServiceTable).toBeTruthy();
-
-    // Check the structure of the 'aiSdk' table
-    const aiSdkColumns = db.all<{ name: string; type: string }>(sql`PRAGMA table_info(aiSdk)`);
-    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "id", type: "TEXT" }));
-    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "slug", type: "TEXT" }));
-    expect(aiSdkColumns).toContainEqual(expect.objectContaining({ name: "name", type: "TEXT" }));
-
-    // Check the structure of the 'aiService' table
-    const aiServiceColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(aiService)`,
-    );
-    expect(aiServiceColumns).toContainEqual(expect.objectContaining({ name: "id", type: "TEXT" }));
-    expect(aiServiceColumns).toContainEqual(
-      expect.objectContaining({ name: "name", type: "TEXT" }),
-    );
-    expect(aiServiceColumns).toContainEqual(
-      expect.objectContaining({ name: "aiSdkId", type: "TEXT" }),
-    );
-    expect(aiServiceColumns).toContainEqual(
-      expect.objectContaining({ name: "baseURL", type: "TEXT" }),
-    );
-    expect(aiServiceColumns).toContainEqual(
-      expect.objectContaining({ name: "createdAt", type: "TEXT" }),
-    );
-
-    // Verify that the initial data was inserted correctly
-    const aiSdkCount = db.get<{ count: number }>(sql`SELECT COUNT(*) as count FROM aiSdk`).count;
-    expect(aiSdkCount).toBe(8); // 11 SDKs were inserted
-
-    const aiServiceCount = db.get<{ count: number }>(
-      sql`SELECT COUNT(*) as count FROM aiService`,
-    ).count;
-    expect(aiServiceCount).toBe(11); // 11 services were inserted
-
-    // Check some specific entries to ensure data integrity
-    const openaiSdk = db.get<{ id: string; slug: string; name: string }>(
-      sql`SELECT * FROM aiSdk WHERE id = 'openai'`,
-    );
-    expect(openaiSdk).toEqual({ id: "openai", slug: "openai", name: "OpenAI" });
-
-    const azureService = db.get(sql`SELECT * FROM aiService WHERE id = 'azure'`);
-    expect(azureService).toMatchObject({
-      id: "azure",
-      name: "Azure OpenAI",
-      aiSdkId: "azure",
-      baseURL: null,
-    });
-
-    // // Test unique constraint on aiSdk slug
-    // expect(() =>
-    //   db.run(sql`INSERT INTO aiSdk (id, slug, name) VALUES ('test', 'openai', 'Test SDK')`),
-    // ).toThrow();
-
-    // Verify that the aiAccount table still exists and maintains its relationship with aiService
-    const aiAccountTable = db.get<{ name: string } | undefined>(
-      sql`SELECT name FROM sqlite_master WHERE type='table' AND name='aiAccount'`,
-    );
-    expect(aiAccountTable).toBeTruthy();
-
-    const aiAccountColumns = db.all<{ name: string; type: string }>(
-      sql`PRAGMA table_info(aiAccount)`,
-    );
-    expect(aiAccountColumns).toContainEqual(
-      expect.objectContaining({ name: "aiServiceId", type: "TEXT" }),
-    );
-  });
-
-  it("0010_far_wiccan", async () => {
-    await applyMigrationsUpTo("0010_far_wiccan");
-
-    // Test unique constraint on aiSdk slug
-    expect(() =>
-      db.run(sql`INSERT INTO aiSdk (id, slug, name) VALUES ('test', 'openai', 'Test SDK')`),
-    ).toThrow();
-  });
-});
diff --git a/src/database/migrations/0000_careful_smiling_tiger.sql b/src/database/migrations/0000_careful_smiling_tiger.sql
deleted file mode 100644
index 74f321c..0000000
--- a/src/database/migrations/0000_careful_smiling_tiger.sql
+++ /dev/null
@@ -1,58 +0,0 @@
-CREATE TABLE `document` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`description` text NOT NULL,
-	`content` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-CREATE TABLE `model` (
-	`id` text PRIMARY KEY NOT NULL,
-	`serviceId` text NOT NULL,
-	`name` text NOT NULL,
-	`visible` integer NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`serviceId`) REFERENCES `service`(`id`) ON UPDATE no action ON DELETE no action
-);
---> statement-breakpoint
-CREATE TABLE `project` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`prompt` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-CREATE TABLE `responseMessage` (
-	`id` text PRIMARY KEY NOT NULL,
-	`index` integer NOT NULL,
-	`responseId` text NOT NULL,
-	`role` text NOT NULL,
-	`content` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`responseId`) REFERENCES `response`(`id`) ON UPDATE no action ON DELETE no action
-);
---> statement-breakpoint
-CREATE TABLE `response` (
-	`id` text PRIMARY KEY NOT NULL,
-	`projectId` text NOT NULL,
-	`modelId` text NOT NULL,
-	`error` text,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`projectId`) REFERENCES `project`(`id`) ON UPDATE no action ON DELETE no action,
-	FOREIGN KEY (`modelId`) REFERENCES `model`(`id`) ON UPDATE no action ON DELETE no action
-);
---> statement-breakpoint
-CREATE TABLE `service` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`providerId` text NOT NULL,
-	`baseURL` text NOT NULL,
-	`apiKey` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-CREATE UNIQUE INDEX `document_name_unique` ON `document` (`name`);--> statement-breakpoint
-CREATE INDEX `serviceId_idx` ON `model` (`serviceId`);--> statement-breakpoint
-CREATE UNIQUE INDEX `serviceName_unique` ON `model` (`serviceId`,`name`);--> statement-breakpoint
-CREATE INDEX `responseId_idx` ON `responseMessage` (`responseId`);--> statement-breakpoint
-CREATE INDEX `projectId_idx` ON `response` (`projectId`);
\ No newline at end of file
diff --git a/src/database/migrations/0000_nappy_the_liberteens.sql b/src/database/migrations/0000_nappy_the_liberteens.sql
new file mode 100644
index 0000000..682d5c9
--- /dev/null
+++ b/src/database/migrations/0000_nappy_the_liberteens.sql
@@ -0,0 +1,111 @@
+CREATE TABLE IF NOT EXISTS "attachment" (
+	"id" text PRIMARY KEY NOT NULL,
+	"message_id" text NOT NULL,
+	"document_id" text NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT "message_document_unique" UNIQUE("message_id","document_id")
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "chat" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"prompt" text NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "document" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"type" text DEFAULT 'document' NOT NULL,
+	"description" text NOT NULL,
+	"content" text NOT NULL,
+	"attributes" jsonb DEFAULT '{}'::jsonb NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "key" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"service_id" text NOT NULL,
+	"base_url" text,
+	"api_key" text NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "message" (
+	"id" text PRIMARY KEY NOT NULL,
+	"index" integer NOT NULL,
+	"revision_id" text NOT NULL,
+	"role" text NOT NULL,
+	"content" text NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "model" (
+	"id" text PRIMARY KEY NOT NULL,
+	"key_id" text NOT NULL,
+	"name" text NOT NULL,
+	"visible" integer NOT NULL,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP,
+	CONSTRAINT "account_id_unique" UNIQUE("key_id","name")
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "revision" (
+	"id" text PRIMARY KEY NOT NULL,
+	"version" integer NOT NULL,
+	"chat_id" text NOT NULL,
+	"error" text,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "sdk" (
+	"id" text PRIMARY KEY NOT NULL,
+	"slug" text NOT NULL,
+	"type" text DEFAULT 'model' NOT NULL,
+	"name" text NOT NULL,
+	"supported" integer DEFAULT 1 NOT NULL,
+	CONSTRAINT "slug_unique" UNIQUE("slug")
+);
+--> statement-breakpoint
+CREATE TABLE IF NOT EXISTS "service" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"sdk_id" text NOT NULL,
+	"base_url" text,
+	"created_at" text DEFAULT CURRENT_TIMESTAMP
+);
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "attachment" ADD CONSTRAINT "attachment_message_id_message_id_fk" FOREIGN KEY ("message_id") REFERENCES "public"."message"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "attachment" ADD CONSTRAINT "attachment_document_id_document_id_fk" FOREIGN KEY ("document_id") REFERENCES "public"."document"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "message" ADD CONSTRAINT "message_revision_id_revision_id_fk" FOREIGN KEY ("revision_id") REFERENCES "public"."revision"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "model" ADD CONSTRAINT "model_key_id_key_id_fk" FOREIGN KEY ("key_id") REFERENCES "public"."key"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "revision" ADD CONSTRAINT "revision_chat_id_chat_id_fk" FOREIGN KEY ("chat_id") REFERENCES "public"."chat"("id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "attachment_message_id_idx" ON "attachment" USING btree ("message_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "message_revision_id_idx" ON "message" USING btree ("revision_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "account_id_idx" ON "model" USING btree ("key_id");--> statement-breakpoint
+CREATE INDEX IF NOT EXISTS "revision_chat_id_idx" ON "revision" USING btree ("chat_id");
\ No newline at end of file
diff --git a/src/database/migrations/0001_nosy_earthquake.sql b/src/database/migrations/0001_nosy_earthquake.sql
deleted file mode 100644
index 556dbf4..0000000
--- a/src/database/migrations/0001_nosy_earthquake.sql
+++ /dev/null
@@ -1,54 +0,0 @@
-CREATE TABLE new_response (
-    id TEXT PRIMARY KEY,
-    projectId TEXT NOT NULL,
-    modelId TEXT NOT NULL,
-    error TEXT,
-    createdAt TEXT DEFAULT (CURRENT_TIMESTAMP),
-    FOREIGN KEY (projectId) REFERENCES project(id) ON DELETE CASCADE
-);
---> statement-breakpoint
-INSERT INTO new_response SELECT * FROM response;
---> statement-breakpoint
-DROP TABLE response;
---> statement-breakpoint
-ALTER TABLE new_response RENAME TO response;
---> statement-breakpoint
-CREATE TABLE new_responseMessage (
-    id TEXT PRIMARY KEY,
-    "index" INTEGER NOT NULL,
-    responseId TEXT NOT NULL,
-    role TEXT NOT NULL,
-    content TEXT NOT NULL,
-    createdAt TEXT DEFAULT (CURRENT_TIMESTAMP),
-    FOREIGN KEY (responseId) REFERENCES response(id) ON DELETE CASCADE
-);
---> statement-breakpoint
-INSERT INTO new_responseMessage SELECT * FROM responseMessage;
---> statement-breakpoint
-DROP TABLE responseMessage;
---> statement-breakpoint
-ALTER TABLE new_responseMessage RENAME TO responseMessage;
---> statement-breakpoint
-CREATE TABLE new_model (
-    id TEXT PRIMARY KEY,
-    serviceId TEXT NOT NULL,
-    name TEXT NOT NULL,
-    visible INTEGER NOT NULL,
-    createdAt TEXT DEFAULT (CURRENT_TIMESTAMP),
-    FOREIGN KEY (serviceId) REFERENCES service(id) ON DELETE CASCADE,
-    UNIQUE (serviceId, name)
-);
---> statement-breakpoint
-INSERT INTO new_model SELECT * FROM model;
---> statement-breakpoint
-DROP TABLE model;
---> statement-breakpoint
-ALTER TABLE new_model RENAME TO model;
---> statement-breakpoint
-CREATE INDEX projectId_idx ON response(projectId);
---> statement-breakpoint
-CREATE INDEX responseId_idx ON responseMessage(responseId);
---> statement-breakpoint
-CREATE INDEX serviceId_idx ON model(serviceId);
---> statement-breakpoint
-CREATE UNIQUE INDEX `serviceName_unique` ON `model` (`serviceId`,`name`);
diff --git a/src/database/migrations/0002_overjoyed_mordo.sql b/src/database/migrations/0002_overjoyed_mordo.sql
deleted file mode 100644
index 3d79d39..0000000
--- a/src/database/migrations/0002_overjoyed_mordo.sql
+++ /dev/null
@@ -1,41 +0,0 @@
-ALTER TABLE `project` RENAME TO `chat`;
---> statement-breakpoint
-ALTER TABLE `response` RENAME COLUMN `projectId` TO `chatId`;
---> statement-breakpoint
-DROP INDEX IF EXISTS `projectId_idx`;
---> statement-breakpoint
-CREATE TABLE `new_response` (
-    `id` text PRIMARY KEY NOT NULL,
-    `chatId` text NOT NULL,
-    `modelId` text NOT NULL,
-    `error` text,
-    `createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-    FOREIGN KEY (`chatId`) REFERENCES `chat`(`id`) ON UPDATE no action ON DELETE cascade
-);
---> statement-breakpoint
-INSERT INTO `new_response` SELECT * FROM `response`;
---> statement-breakpoint
-DROP TABLE `response`;
---> statement-breakpoint
-ALTER TABLE `new_response` RENAME TO `response`;
---> statement-breakpoint
-CREATE INDEX `chatId_idx` ON `response` (`chatId`);
---> statement-breakpoint
--- Must recreate responseMessage so that its foreign key references the new response table
-CREATE TABLE `new_responseMessage` (
-    `id` text PRIMARY KEY NOT NULL,
-    `index` integer NOT NULL,
-    `responseId` text NOT NULL,
-    `role` text NOT NULL,
-    `content` text NOT NULL,
-    `createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-    FOREIGN KEY (`responseId`) REFERENCES `response`(`id`) ON DELETE CASCADE
-);
---> statement-breakpoint
-INSERT INTO `new_responseMessage` SELECT * FROM `responseMessage`;
---> statement-breakpoint
-DROP TABLE `responseMessage`;
---> statement-breakpoint
-ALTER TABLE `new_responseMessage` RENAME TO `responseMessage`;
---> statement-breakpoint
-CREATE INDEX `responseId_idx` ON `responseMessage` (`responseId`);
diff --git a/src/database/migrations/0003_huge_nick_fury.sql b/src/database/migrations/0003_huge_nick_fury.sql
deleted file mode 100644
index 2a8d2cd..0000000
--- a/src/database/migrations/0003_huge_nick_fury.sql
+++ /dev/null
@@ -1,42 +0,0 @@
-CREATE TABLE IF NOT EXISTS `message` (
-	`id` text PRIMARY KEY NOT NULL,
-	`index` integer NOT NULL,
-	`revisionId` text NOT NULL,
-	`role` text NOT NULL,
-	`content` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`revisionId`) REFERENCES `revision`(`id`) ON UPDATE no action ON DELETE cascade
-);
---> statement-breakpoint
-CREATE TABLE `revision` (
-	`id` text PRIMARY KEY NOT NULL,
-	`version` integer NOT NULL,
-	`chatId` text NOT NULL,
-	`error` text,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`chatId`) REFERENCES `chat`(`id`) ON UPDATE no action ON DELETE cascade
-);
---> statement-breakpoint
-CREATE INDEX `message_revisionId_idx` ON `message` (`revisionId`);--> statement-breakpoint
-CREATE INDEX `revision_chatId_idx` ON `revision` (`chatId`);
---> statement-breakpoint
-INSERT INTO revision ("id", "version", "chatId", "error", "createdAt")
-SELECT
-    r."id",
-    (SELECT COUNT(*)
-     FROM response r2
-     WHERE r2."chatId" = r."chatId" AND r2."createdAt" <= r."createdAt") AS version,
-    r."chatId",
-    r."error",
-    r."createdAt"
-FROM response r;
---> statement-breakpoint
-INSERT INTO message ("id", "index", "revisionId", "role", "content", "createdAt")
-SELECT
-    rm."id",
-    rm."index",
-    rm."responseId" AS revisionId,
-    rm."role",
-    rm."content",
-    rm."createdAt"
-FROM responseMessage rm;
diff --git a/src/database/migrations/0004_skinny_machine_man.sql b/src/database/migrations/0004_skinny_machine_man.sql
deleted file mode 100644
index 1ad903b..0000000
--- a/src/database/migrations/0004_skinny_machine_man.sql
+++ /dev/null
@@ -1,2 +0,0 @@
-DROP TABLE `responseMessage`;--> statement-breakpoint
-DROP TABLE `response`;
\ No newline at end of file
diff --git a/src/database/migrations/0005_careful_the_professor.sql b/src/database/migrations/0005_careful_the_professor.sql
deleted file mode 100644
index 9df08f5..0000000
--- a/src/database/migrations/0005_careful_the_professor.sql
+++ /dev/null
@@ -1,12 +0,0 @@
-CREATE TABLE `attachment` (
-	`id` text PRIMARY KEY NOT NULL,
-	`messageId` text NOT NULL,
-	`documentId` text NOT NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP),
-	FOREIGN KEY (`messageId`) REFERENCES `message`(`id`) ON UPDATE no action ON DELETE cascade,
-	FOREIGN KEY (`documentId`) REFERENCES `document`(`id`) ON UPDATE no action ON DELETE cascade
-);
---> statement-breakpoint
-ALTER TABLE `document` ADD `type` text DEFAULT 'document' NOT NULL;--> statement-breakpoint
-CREATE INDEX `attachment_messageId_idx` ON `attachment` (`messageId`);--> statement-breakpoint
-CREATE UNIQUE INDEX `messageDocument_unique` ON `attachment` (`messageId`,`documentId`);
\ No newline at end of file
diff --git a/src/database/migrations/0006_opposite_sugar_man.sql b/src/database/migrations/0006_opposite_sugar_man.sql
deleted file mode 100644
index 08dc1a6..0000000
--- a/src/database/migrations/0006_opposite_sugar_man.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE `document` ADD `attributes` text DEFAULT '{}' NOT NULL;
\ No newline at end of file
diff --git a/src/database/migrations/0007_tidy_lilandra.sql b/src/database/migrations/0007_tidy_lilandra.sql
deleted file mode 100644
index a77c9f1..0000000
--- a/src/database/migrations/0007_tidy_lilandra.sql
+++ /dev/null
@@ -1 +0,0 @@
-DROP INDEX IF EXISTS `document_name_unique`;
\ No newline at end of file
diff --git a/src/database/migrations/0008_parallel_grandmaster.sql b/src/database/migrations/0008_parallel_grandmaster.sql
deleted file mode 100644
index ed516e0..0000000
--- a/src/database/migrations/0008_parallel_grandmaster.sql
+++ /dev/null
@@ -1,46 +0,0 @@
-ALTER TABLE `service` RENAME TO `aiAccount`;--> statement-breakpoint
-ALTER TABLE `model` RENAME TO `aiModel`;--> statement-breakpoint
-ALTER TABLE `aiModel` RENAME COLUMN `serviceId` TO `aiAccountId`;--> statement-breakpoint
-ALTER TABLE `aiAccount` RENAME COLUMN `providerId` TO `aiServiceId`;--> statement-breakpoint
-
-DROP INDEX IF EXISTS `serviceId_idx`;--> statement-breakpoint
-DROP INDEX IF EXISTS `serviceName_unique`;--> statement-breakpoint
-CREATE INDEX `aiAccountId_idx` ON `aiModel` (`aiAccountId`);--> statement-breakpoint
-CREATE UNIQUE INDEX `aiAccountId_unique` ON `aiModel` (`aiAccountId`,`name`);
---> statement-breakpoint
-ALTER TABLE `aiModel` RENAME TO `aiModel_old`;
---> statement-breakpoint
-CREATE TABLE `aiModel` (
-  `id` TEXT PRIMARY KEY NOT NULL,
-  `aiAccountId` TEXT NOT NULL,
-  `name` TEXT NOT NULL,
-  `visible` INTEGER NOT NULL,
-  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP),
-  FOREIGN KEY (`aiAccountId`) REFERENCES `aiAccount`(`id`) ON DELETE CASCADE
-);
---> statement-breakpoint
-INSERT INTO `aiModel` (`id`, `aiAccountId`, `name`, `visible`, `createdAt`)
-SELECT `id`, `aiAccountId`, `name`, `visible`, `createdAt`
-FROM `aiModel_old`;
---> statement-breakpoint
-DROP TABLE `aiModel_old`;
---> statement-breakpoint
-CREATE INDEX `aiAccountId_idx` ON `aiModel` (`aiAccountId`);
---> statement-breakpoint
-CREATE UNIQUE INDEX `aiAccountId_unique` ON `aiModel` (`aiAccountId`,`name`);
---> statement-breakpoint
--- Make baseURL nullable in aiAccount table
-CREATE TABLE `aiAccount_new` (
-  `id` TEXT PRIMARY KEY NOT NULL,
-  `name` TEXT NOT NULL,
-  `aiServiceId` TEXT NOT NULL,
-  `baseURL` TEXT,
-  `apiKey` TEXT NOT NULL,
-  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-INSERT INTO `aiAccount_new` SELECT * FROM `aiAccount`;
---> statement-breakpoint
-DROP TABLE `aiAccount`;
---> statement-breakpoint
-ALTER TABLE `aiAccount_new` RENAME TO `aiAccount`;
diff --git a/src/database/migrations/0009_ancient_korath.sql b/src/database/migrations/0009_ancient_korath.sql
deleted file mode 100644
index 85ef4e5..0000000
--- a/src/database/migrations/0009_ancient_korath.sql
+++ /dev/null
@@ -1,38 +0,0 @@
-CREATE TABLE `aiSdk` (
-	`id` text PRIMARY KEY NOT NULL,
-	`slug` text NOT NULL,
-	`name` text NOT NULL
-);
---> statement-breakpoint
-CREATE TABLE `aiService` (
-	`id` text PRIMARY KEY NOT NULL,
-	`name` text NOT NULL,
-	`aiSdkId` text NOT NULL,
-	`baseURL` text NULL,
-	`createdAt` text DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-INSERT INTO aiSdk (id, slug, name) VALUES
-('openai', 'openai', 'OpenAI'),
-('azure', 'azure', 'Azure'),
-('anthropic', 'anthropic', 'Anthropic'),
-('amazon', 'amazon', 'Amazon Bedrock'),
-('google-gen-ai', 'google-gen-ai', 'Google Generative AI'),
-('google-vertex', 'google-vertex', 'Google Vertex AI'),
-('mistral', 'mistral', 'Mistral'),
-('cohere', 'cohere', 'Cohere');
---> statement-breakpoint
-INSERT INTO aiService (id, name, aiSdkId, baseURL) VALUES
-('openai', 'OpenAI', 'openai', NULL),
-('azure', 'Azure OpenAI', 'azure', NULL),
-('anthropic', 'Anthropic', 'anthropic', NULL),
-('amazon-bedrock', 'Amazon Bedrock', 'amazon', NULL),
-('google-gen-ai', 'Google Generative AI', 'google-gen-ai', NULL),
-('google-vertex', 'Google Vertex AI', 'google-vertex', NULL),
-('mistral', 'Mistral', 'mistral', NULL),
-('groq', 'Groq', 'openai', 'https://api.groq.com/openai/v1'),
-('perplexity', 'Perplexity', 'openai', 'https://api.perplexity.ai/'),
-('fireworks', 'Fireworks', 'openai', 'https://api.fireworks.ai/inference/v1'),
-('nvidia', 'Nvidia', 'openai', 'https://integrate.api.nvidia.com/v1'),
-('cohere', 'Cohere', 'cohere', NULL);
-
diff --git a/src/database/migrations/0010_far_wiccan.sql b/src/database/migrations/0010_far_wiccan.sql
deleted file mode 100644
index db1ec47..0000000
--- a/src/database/migrations/0010_far_wiccan.sql
+++ /dev/null
@@ -1 +0,0 @@
-CREATE UNIQUE INDEX `slug_unique` ON `aiSdk` (`slug`);
\ No newline at end of file
diff --git a/src/database/migrations/0011_easy_slapstick.sql b/src/database/migrations/0011_easy_slapstick.sql
deleted file mode 100644
index 198f4f0..0000000
--- a/src/database/migrations/0011_easy_slapstick.sql
+++ /dev/null
@@ -1,47 +0,0 @@
-ALTER TABLE `aiAccount` RENAME TO `key`;--> statement-breakpoint
-ALTER TABLE `aiModel` RENAME TO `model`;--> statement-breakpoint
-ALTER TABLE `aiSdk` RENAME TO `sdk`;--> statement-breakpoint
-ALTER TABLE `aiService` RENAME TO `service`;--> statement-breakpoint
-ALTER TABLE `key` RENAME COLUMN `aiServiceId` TO `serviceId`;--> statement-breakpoint
-ALTER TABLE `model` RENAME COLUMN `aiAccountId` TO `keyId`;--> statement-breakpoint
-ALTER TABLE `service` RENAME COLUMN `aiSdkId` TO `sdkId`;--> statement-breakpoint
-DROP INDEX IF EXISTS `accountId_idx`;--> statement-breakpoint
-DROP INDEX IF EXISTS `accountId_unique`;--> statement-breakpoint
-CREATE INDEX `accountId_idx` ON `model` (`keyId`);--> statement-breakpoint
-CREATE UNIQUE INDEX `accountId_unique` ON `model` (`keyId`,`name`);--> statement-breakpoint
-ALTER TABLE `model` RENAME TO `model_old`;
---> statement-breakpoint
-CREATE TABLE `model` (
-  `id` TEXT PRIMARY KEY NOT NULL,
-  `keyId` TEXT NOT NULL,
-  `name` TEXT NOT NULL,
-  `visible` INTEGER NOT NULL,
-  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP),
-  FOREIGN KEY (`keyId`) REFERENCES `key`(`id`) ON DELETE CASCADE
-);
---> statement-breakpoint
-INSERT INTO `model` (`id`, `keyId`, `name`, `visible`, `createdAt`)
-SELECT `id`, `keyId`, `name`, `visible`, `createdAt`
-FROM `model_old`;
---> statement-breakpoint
-DROP TABLE `model_old`;
---> statement-breakpoint
-CREATE INDEX `keyId_idx` ON `model` (`keyId`);
---> statement-breakpoint
-CREATE UNIQUE INDEX `keyId_unique` ON `model` (`keyId`,`name`);
---> statement-breakpoint
--- Make baseURL nullable in key table
-CREATE TABLE `key_new` (
-  `id` TEXT PRIMARY KEY NOT NULL,
-  `name` TEXT NOT NULL,
-  `serviceId` TEXT NOT NULL,
-  `baseURL` TEXT,
-  `apiKey` TEXT NOT NULL,
-  `createdAt` TEXT DEFAULT (CURRENT_TIMESTAMP)
-);
---> statement-breakpoint
-INSERT INTO `key_new` SELECT * FROM `key`;
---> statement-breakpoint
-DROP TABLE `key`;
---> statement-breakpoint
-ALTER TABLE `key_new` RENAME TO `key`;
diff --git a/src/database/migrations/0012_soft_trish_tilby.sql b/src/database/migrations/0012_soft_trish_tilby.sql
deleted file mode 100644
index c814438..0000000
--- a/src/database/migrations/0012_soft_trish_tilby.sql
+++ /dev/null
@@ -1,8 +0,0 @@
-ALTER TABLE `sdk` ADD `supported` integer DEFAULT 1 NOT NULL;
---> statement-breakpoint
-/* Disable Azure, Amazon Bedrock. No method to input extra options yet */
-UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'azure';
---> statement-breakpoint
-UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'amazon';
---> statement-breakpoint
-UPDATE `sdk` SET `supported` = 0 WHERE `id` = 'google-vertex';
diff --git a/src/database/migrations/0013_tiny_glorian.sql b/src/database/migrations/0013_tiny_glorian.sql
deleted file mode 100644
index 39e5fc2..0000000
--- a/src/database/migrations/0013_tiny_glorian.sql
+++ /dev/null
@@ -1,7 +0,0 @@
-ALTER TABLE `sdk` ADD `type` text DEFAULT 'model' NOT NULL;
---> statement-breakpoint
-INSERT INTO sdk (id, slug, type, name) VALUES
-('unstructured', 'unstructured', 'document', 'Unstructured');
---> statement-breakpoint
-INSERT INTO service (id, name, sdkId, baseURL) VALUES
-('unstructured', 'Unstructured', 'unstructured', 'https://api.unstructured.io/general/v0/general');
diff --git a/src/database/migrations/meta/0000_snapshot.json b/src/database/migrations/meta/0000_snapshot.json
index 42c48f9..5ceda9f 100644
--- a/src/database/migrations/meta/0000_snapshot.json
+++ b/src/database/migrations/meta/0000_snapshot.json
@@ -1,168 +1,226 @@
 {
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "e48d9370-c57b-4cce-95ab-c80a492bbe34",
+  "id": "c8f95801-d339-42a4-a17d-d8ec8c06b21f",
   "prevId": "00000000-0000-0000-0000-000000000000",
+  "version": "7",
+  "dialect": "postgresql",
   "tables": {
-    "document": {
-      "name": "document",
+    "public.attachment": {
+      "name": "attachment",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "description": {
-          "name": "description",
+        "message_id": {
+          "name": "message_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "content": {
-          "name": "content",
+        "document_id": {
+          "name": "document_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
       "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
+        "attachment_message_id_idx": {
+          "name": "attachment_message_id_idx",
           "columns": [
-            "name"
+            {
+              "expression": "message_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
           ],
-          "isUnique": true
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "attachment_message_id_message_id_fk": {
+          "name": "attachment_message_id_message_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "message",
+          "columnsFrom": [
+            "message_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "attachment_document_id_document_id_fk": {
+          "name": "attachment_document_id_document_id_fk",
+          "tableFrom": "attachment",
+          "tableTo": "document",
+          "columnsFrom": [
+            "document_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
         }
       },
-      "foreignKeys": {},
       "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
+      "uniqueConstraints": {
+        "message_document_unique": {
+          "name": "message_document_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "message_id",
+            "document_id"
+          ]
+        }
+      }
     },
-    "model": {
-      "name": "model",
+    "public.chat": {
+      "name": "chat",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "serviceId": {
-          "name": "serviceId",
+        "name": {
+          "name": "name",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
+        },
+        "prompt": {
+          "name": "prompt",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "public.document": {
+      "name": "document",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
         },
         "name": {
           "name": "name",
           "type": "text",
           "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
           "notNull": true,
-          "autoincrement": false
+          "default": "'document'"
         },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "content": {
+          "name": "content",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "attributes": {
+          "name": "attributes",
+          "type": "jsonb",
           "primaryKey": false,
           "notNull": true,
-          "autoincrement": false
+          "default": "'{}'::jsonb"
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "no action",
-          "onUpdate": "no action"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
+      "indexes": {},
+      "foreignKeys": {},
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "project": {
-      "name": "project",
+    "public.key": {
+      "name": "key",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
         "name": {
           "name": "name",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "prompt": {
-          "name": "prompt",
+        "service_id": {
+          "name": "service_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
+        },
+        "base_url": {
+          "name": "base_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "api_key": {
+          "name": "api_key",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
       "indexes": {},
@@ -170,205 +228,318 @@
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "responseMessage": {
-      "name": "responseMessage",
+    "public.message": {
+      "name": "message",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
         "index": {
           "name": "index",
           "type": "integer",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "responseId": {
-          "name": "responseId",
+        "revision_id": {
+          "name": "revision_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
         "role": {
           "name": "role",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
         "content": {
           "name": "content",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
       "indexes": {
-        "responseId_idx": {
-          "name": "responseId_idx",
+        "message_revision_id_idx": {
+          "name": "message_revision_id_idx",
           "columns": [
-            "responseId"
+            {
+              "expression": "revision_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
           ],
-          "isUnique": false
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
         }
       },
       "foreignKeys": {
-        "responseMessage_responseId_response_id_fk": {
-          "name": "responseMessage_responseId_response_id_fk",
-          "tableFrom": "responseMessage",
-          "tableTo": "response",
+        "message_revision_id_revision_id_fk": {
+          "name": "message_revision_id_revision_id_fk",
+          "tableFrom": "message",
+          "tableTo": "revision",
           "columnsFrom": [
-            "responseId"
+            "revision_id"
           ],
           "columnsTo": [
             "id"
           ],
-          "onDelete": "no action",
+          "onDelete": "cascade",
           "onUpdate": "no action"
         }
       },
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "response": {
-      "name": "response",
+    "public.model": {
+      "name": "model",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "projectId": {
-          "name": "projectId",
+        "key_id": {
+          "name": "key_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "modelId": {
-          "name": "modelId",
+        "name": {
+          "name": "name",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "error": {
-          "name": "error",
-          "type": "text",
+        "visible": {
+          "name": "visible",
+          "type": "integer",
           "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
+          "notNull": true
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
       "indexes": {
-        "projectId_idx": {
-          "name": "projectId_idx",
+        "account_id_idx": {
+          "name": "account_id_idx",
           "columns": [
-            "projectId"
+            {
+              "expression": "key_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
           ],
-          "isUnique": false
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
         }
       },
       "foreignKeys": {
-        "response_projectId_project_id_fk": {
-          "name": "response_projectId_project_id_fk",
-          "tableFrom": "response",
-          "tableTo": "project",
+        "model_key_id_key_id_fk": {
+          "name": "model_key_id_key_id_fk",
+          "tableFrom": "model",
+          "tableTo": "key",
           "columnsFrom": [
-            "projectId"
+            "key_id"
           ],
           "columnsTo": [
             "id"
           ],
-          "onDelete": "no action",
+          "onDelete": "cascade",
           "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "account_id_unique": {
+          "name": "account_id_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "key_id",
+            "name"
+          ]
+        }
+      }
+    },
+    "public.revision": {
+      "name": "revision",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
+        },
+        "version": {
+          "name": "version",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true
         },
-        "response_modelId_model_id_fk": {
-          "name": "response_modelId_model_id_fk",
-          "tableFrom": "response",
-          "tableTo": "model",
+        "chat_id": {
+          "name": "chat_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "error": {
+          "name": "error",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {
+        "revision_chat_id_idx": {
+          "name": "revision_chat_id_idx",
+          "columns": [
+            {
+              "expression": "chat_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {
+        "revision_chat_id_chat_id_fk": {
+          "name": "revision_chat_id_chat_id_fk",
+          "tableFrom": "revision",
+          "tableTo": "chat",
           "columnsFrom": [
-            "modelId"
+            "chat_id"
           ],
           "columnsTo": [
             "id"
           ],
-          "onDelete": "no action",
+          "onDelete": "cascade",
           "onUpdate": "no action"
         }
       },
       "compositePrimaryKeys": {},
       "uniqueConstraints": {}
     },
-    "service": {
-      "name": "service",
+    "public.sdk": {
+      "name": "sdk",
+      "schema": "",
       "columns": {
         "id": {
           "name": "id",
           "type": "text",
           "primaryKey": true,
+          "notNull": true
+        },
+        "slug": {
+          "name": "slug",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
           "notNull": true,
-          "autoincrement": false
+          "default": "'model'"
         },
         "name": {
           "name": "name",
           "type": "text",
           "primaryKey": false,
+          "notNull": true
+        },
+        "supported": {
+          "name": "supported",
+          "type": "integer",
+          "primaryKey": false,
           "notNull": true,
-          "autoincrement": false
+          "default": 1
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "slug_unique": {
+          "name": "slug_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "slug"
+          ]
+        }
+      }
+    },
+    "public.service": {
+      "name": "service",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true
         },
-        "providerId": {
-          "name": "providerId",
+        "name": {
+          "name": "name",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "baseURL": {
-          "name": "baseURL",
+        "sdk_id": {
+          "name": "sdk_id",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": true
         },
-        "apiKey": {
-          "name": "apiKey",
+        "base_url": {
+          "name": "base_url",
           "type": "text",
           "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
+          "notNull": false
         },
-        "createdAt": {
-          "name": "createdAt",
+        "created_at": {
+          "name": "created_at",
           "type": "text",
           "primaryKey": false,
           "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
+          "default": "CURRENT_TIMESTAMP"
         }
       },
       "indexes": {},
@@ -378,9 +549,11 @@
     }
   },
   "enums": {},
+  "schemas": {},
+  "sequences": {},
   "_meta": {
+    "columns": {},
     "schemas": {},
-    "tables": {},
-    "columns": {}
+    "tables": {}
   }
 }
\ No newline at end of file
diff --git a/src/database/migrations/meta/0001_snapshot.json b/src/database/migrations/meta/0001_snapshot.json
deleted file mode 100644
index 0729d67..0000000
--- a/src/database/migrations/meta/0001_snapshot.json
+++ /dev/null
@@ -1,373 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "bfc7699b-dda4-4c1f-836b-145406d9d2f2",
-  "prevId": "e48d9370-c57b-4cce-95ab-c80a492bbe34",
-  "tables": {
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "project": {
-      "name": "project",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "responseMessage": {
-      "name": "responseMessage",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "responseId": {
-          "name": "responseId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "responseId_idx": {
-          "name": "responseId_idx",
-          "columns": [
-            "responseId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "responseMessage_responseId_response_id_fk": {
-          "name": "responseMessage_responseId_response_id_fk",
-          "tableFrom": "responseMessage",
-          "tableTo": "response",
-          "columnsFrom": [
-            "responseId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "response": {
-      "name": "response",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "projectId": {
-          "name": "projectId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "modelId": {
-          "name": "modelId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "projectId_idx": {
-          "name": "projectId_idx",
-          "columns": [
-            "projectId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "response_projectId_project_id_fk": {
-          "name": "response_projectId_project_id_fk",
-          "tableFrom": "response",
-          "tableTo": "project",
-          "columnsFrom": [
-            "projectId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0002_snapshot.json b/src/database/migrations/meta/0002_snapshot.json
deleted file mode 100644
index 661b3d8..0000000
--- a/src/database/migrations/meta/0002_snapshot.json
+++ /dev/null
@@ -1,377 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "0de01fd3-0bed-4287-a8d0-dcd9494d7fd3",
-  "prevId": "bfc7699b-dda4-4c1f-836b-145406d9d2f2",
-  "tables": {
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "responseMessage": {
-      "name": "responseMessage",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "responseId": {
-          "name": "responseId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "responseId_idx": {
-          "name": "responseId_idx",
-          "columns": [
-            "responseId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "responseMessage_responseId_response_id_fk": {
-          "name": "responseMessage_responseId_response_id_fk",
-          "tableFrom": "responseMessage",
-          "tableTo": "response",
-          "columnsFrom": [
-            "responseId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "response": {
-      "name": "response",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "modelId": {
-          "name": "modelId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "chatId_idx": {
-          "name": "chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "response_chatId_chat_id_fk": {
-          "name": "response_chatId_chat_id_fk",
-          "tableFrom": "response",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {
-      "\"project\"": "\"chat\""
-    },
-    "columns": {
-      "\"response\".\"projectId\"": "\"response\".\"chatId\""
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0003_snapshot.json b/src/database/migrations/meta/0003_snapshot.json
deleted file mode 100644
index e38bba3..0000000
--- a/src/database/migrations/meta/0003_snapshot.json
+++ /dev/null
@@ -1,514 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "c96805ab-fd2c-4965-8a88-286fa5d614ac",
-  "prevId": "0de01fd3-0bed-4287-a8d0-dcd9494d7fd3",
-  "tables": {
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "responseMessage": {
-      "name": "responseMessage",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "responseId": {
-          "name": "responseId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "responseId_idx": {
-          "name": "responseId_idx",
-          "columns": [
-            "responseId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "responseMessage_responseId_response_id_fk": {
-          "name": "responseMessage_responseId_response_id_fk",
-          "tableFrom": "responseMessage",
-          "tableTo": "response",
-          "columnsFrom": [
-            "responseId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "response": {
-      "name": "response",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "modelId": {
-          "name": "modelId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "chatId_idx": {
-          "name": "chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "response_chatId_chat_id_fk": {
-          "name": "response_chatId_chat_id_fk",
-          "tableFrom": "response",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0004_snapshot.json b/src/database/migrations/meta/0004_snapshot.json
deleted file mode 100644
index 914402a..0000000
--- a/src/database/migrations/meta/0004_snapshot.json
+++ /dev/null
@@ -1,373 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "357ab258-c1ea-4a56-8738-db8538d1a6d6",
-  "prevId": "c96805ab-fd2c-4965-8a88-286fa5d614ac",
-  "tables": {
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0005_snapshot.json b/src/database/migrations/meta/0005_snapshot.json
deleted file mode 100644
index 0a9a14c..0000000
--- a/src/database/migrations/meta/0005_snapshot.json
+++ /dev/null
@@ -1,462 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "be59e45d-6fd8-4a9a-9af2-04ff5bb425d1",
-  "prevId": "357ab258-c1ea-4a56-8738-db8538d1a6d6",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0006_snapshot.json b/src/database/migrations/meta/0006_snapshot.json
deleted file mode 100644
index 6ffe5ff..0000000
--- a/src/database/migrations/meta/0006_snapshot.json
+++ /dev/null
@@ -1,470 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "a538b869-961f-4970-965e-6d323dbc3841",
-  "prevId": "be59e45d-6fd8-4a9a-9af2-04ff5bb425d1",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "document_name_unique": {
-          "name": "document_name_unique",
-          "columns": [
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0007_snapshot.json b/src/database/migrations/meta/0007_snapshot.json
deleted file mode 100644
index e2ae09a..0000000
--- a/src/database/migrations/meta/0007_snapshot.json
+++ /dev/null
@@ -1,462 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "13680e80-0b0a-4e45-99a8-474065d437b4",
-  "prevId": "a538b869-961f-4970-965e-6d323dbc3841",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "serviceId_idx": {
-          "name": "serviceId_idx",
-          "columns": [
-            "serviceId"
-          ],
-          "isUnique": false
-        },
-        "serviceName_unique": {
-          "name": "serviceName_unique",
-          "columns": [
-            "serviceId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_serviceId_service_id_fk": {
-          "name": "model_serviceId_service_id_fk",
-          "tableFrom": "model",
-          "tableTo": "service",
-          "columnsFrom": [
-            "serviceId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "providerId": {
-          "name": "providerId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0008_snapshot.json b/src/database/migrations/meta/0008_snapshot.json
deleted file mode 100644
index 9abd972..0000000
--- a/src/database/migrations/meta/0008_snapshot.json
+++ /dev/null
@@ -1,468 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "672af5b5-5588-4a3b-b692-a5fdb2b12118",
-  "prevId": "13680e80-0b0a-4e45-99a8-474065d437b4",
-  "tables": {
-    "aiAccount": {
-      "name": "aiAccount",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiServiceId": {
-          "name": "aiServiceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiModel": {
-      "name": "aiModel",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiAccountId": {
-          "name": "aiAccountId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "aiAccountId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "aiAccountId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "aiModel_aiAccountId_aiAccount_id_fk": {
-          "name": "aiModel_aiAccountId_aiAccount_id_fk",
-          "tableFrom": "aiModel",
-          "tableTo": "aiAccount",
-          "columnsFrom": [
-            "aiAccountId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {
-      "\"service\"": "\"aiAccount\"",
-      "\"model\"": "\"aiModel\""
-    },
-    "columns": {
-      "\"aiModel\".\"serviceId\"": "\"aiModel\".\"aiAccountId\"",
-      "\"aiAccount\".\"providerId\"": "\"aiAccount\".\"aiServiceId\""
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0009_snapshot.json b/src/database/migrations/meta/0009_snapshot.json
deleted file mode 100644
index 9a8a641..0000000
--- a/src/database/migrations/meta/0009_snapshot.json
+++ /dev/null
@@ -1,537 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "e316ef9a-4ca9-4634-8f49-db5d3dafbe39",
-  "prevId": "672af5b5-5588-4a3b-b692-a5fdb2b12118",
-  "tables": {
-    "aiAccount": {
-      "name": "aiAccount",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiServiceId": {
-          "name": "aiServiceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiModel": {
-      "name": "aiModel",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiAccountId": {
-          "name": "aiAccountId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "aiAccountId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "aiAccountId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "aiModel_aiAccountId_aiAccount_id_fk": {
-          "name": "aiModel_aiAccountId_aiAccount_id_fk",
-          "tableFrom": "aiModel",
-          "tableTo": "aiAccount",
-          "columnsFrom": [
-            "aiAccountId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiSdk": {
-      "name": "aiSdk",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "slug": {
-          "name": "slug",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiService": {
-      "name": "aiService",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiSdkId": {
-          "name": "aiSdkId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0010_snapshot.json b/src/database/migrations/meta/0010_snapshot.json
deleted file mode 100644
index f9fda34..0000000
--- a/src/database/migrations/meta/0010_snapshot.json
+++ /dev/null
@@ -1,545 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "8969d23b-855c-4fa5-a0b9-11ee61b43274",
-  "prevId": "e316ef9a-4ca9-4634-8f49-db5d3dafbe39",
-  "tables": {
-    "aiAccount": {
-      "name": "aiAccount",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiServiceId": {
-          "name": "aiServiceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiModel": {
-      "name": "aiModel",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiAccountId": {
-          "name": "aiAccountId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "aiAccountId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "aiAccountId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "aiModel_aiAccountId_aiAccount_id_fk": {
-          "name": "aiModel_aiAccountId_aiAccount_id_fk",
-          "tableFrom": "aiModel",
-          "tableTo": "aiAccount",
-          "columnsFrom": [
-            "aiAccountId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiSdk": {
-      "name": "aiSdk",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "slug": {
-          "name": "slug",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        }
-      },
-      "indexes": {
-        "slug_unique": {
-          "name": "slug_unique",
-          "columns": [
-            "slug"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "aiService": {
-      "name": "aiService",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "aiSdkId": {
-          "name": "aiSdkId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0011_snapshot.json b/src/database/migrations/meta/0011_snapshot.json
deleted file mode 100644
index 973bc4e..0000000
--- a/src/database/migrations/meta/0011_snapshot.json
+++ /dev/null
@@ -1,554 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "3e9ce11f-801c-433c-b3bf-8f40433cc3b5",
-  "prevId": "8969d23b-855c-4fa5-a0b9-11ee61b43274",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "key": {
-      "name": "key",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "keyId": {
-          "name": "keyId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "keyId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "keyId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_keyId_key_id_fk": {
-          "name": "model_keyId_key_id_fk",
-          "tableFrom": "model",
-          "tableTo": "key",
-          "columnsFrom": [
-            "keyId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "sdk": {
-      "name": "sdk",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "slug": {
-          "name": "slug",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        }
-      },
-      "indexes": {
-        "slug_unique": {
-          "name": "slug_unique",
-          "columns": [
-            "slug"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "sdkId": {
-          "name": "sdkId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {
-      "\"aiAccount\"": "\"key\"",
-      "\"aiModel\"": "\"model\"",
-      "\"aiSdk\"": "\"sdk\"",
-      "\"aiService\"": "\"service\""
-    },
-    "columns": {
-      "\"key\".\"aiServiceId\"": "\"key\".\"serviceId\"",
-      "\"model\".\"aiAccountId\"": "\"model\".\"keyId\"",
-      "\"service\".\"aiSdkId\"": "\"service\".\"sdkId\""
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0012_snapshot.json b/src/database/migrations/meta/0012_snapshot.json
deleted file mode 100644
index af1e126..0000000
--- a/src/database/migrations/meta/0012_snapshot.json
+++ /dev/null
@@ -1,553 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "8bd68b8d-72a4-4b2c-83fc-61d4269779d0",
-  "prevId": "3e9ce11f-801c-433c-b3bf-8f40433cc3b5",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "key": {
-      "name": "key",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "keyId": {
-          "name": "keyId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "keyId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "keyId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_keyId_key_id_fk": {
-          "name": "model_keyId_key_id_fk",
-          "tableFrom": "model",
-          "tableTo": "key",
-          "columnsFrom": [
-            "keyId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "sdk": {
-      "name": "sdk",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "slug": {
-          "name": "slug",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "supported": {
-          "name": "supported",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": 1
-        }
-      },
-      "indexes": {
-        "slug_unique": {
-          "name": "slug_unique",
-          "columns": [
-            "slug"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "sdkId": {
-          "name": "sdkId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/0013_snapshot.json b/src/database/migrations/meta/0013_snapshot.json
deleted file mode 100644
index d2299e2..0000000
--- a/src/database/migrations/meta/0013_snapshot.json
+++ /dev/null
@@ -1,561 +0,0 @@
-{
-  "version": "6",
-  "dialect": "sqlite",
-  "id": "cc4fa37d-7749-484d-85e2-30ef047570bd",
-  "prevId": "8bd68b8d-72a4-4b2c-83fc-61d4269779d0",
-  "tables": {
-    "attachment": {
-      "name": "attachment",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "messageId": {
-          "name": "messageId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "documentId": {
-          "name": "documentId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "attachment_messageId_idx": {
-          "name": "attachment_messageId_idx",
-          "columns": [
-            "messageId"
-          ],
-          "isUnique": false
-        },
-        "messageDocument_unique": {
-          "name": "messageDocument_unique",
-          "columns": [
-            "messageId",
-            "documentId"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "attachment_messageId_message_id_fk": {
-          "name": "attachment_messageId_message_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "message",
-          "columnsFrom": [
-            "messageId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "attachment_documentId_document_id_fk": {
-          "name": "attachment_documentId_document_id_fk",
-          "tableFrom": "attachment",
-          "tableTo": "document",
-          "columnsFrom": [
-            "documentId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "chat": {
-      "name": "chat",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "prompt": {
-          "name": "prompt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "document": {
-      "name": "document",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'document'"
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "attributes": {
-          "name": "attributes",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'{}'"
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "key": {
-      "name": "key",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "serviceId": {
-          "name": "serviceId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "apiKey": {
-          "name": "apiKey",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "message": {
-      "name": "message",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "index": {
-          "name": "index",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "revisionId": {
-          "name": "revisionId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "role": {
-          "name": "role",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "content": {
-          "name": "content",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "message_revisionId_idx": {
-          "name": "message_revisionId_idx",
-          "columns": [
-            "revisionId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "message_revisionId_revision_id_fk": {
-          "name": "message_revisionId_revision_id_fk",
-          "tableFrom": "message",
-          "tableTo": "revision",
-          "columnsFrom": [
-            "revisionId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "model": {
-      "name": "model",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "keyId": {
-          "name": "keyId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "visible": {
-          "name": "visible",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "accountId_idx": {
-          "name": "accountId_idx",
-          "columns": [
-            "keyId"
-          ],
-          "isUnique": false
-        },
-        "accountId_unique": {
-          "name": "accountId_unique",
-          "columns": [
-            "keyId",
-            "name"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {
-        "model_keyId_key_id_fk": {
-          "name": "model_keyId_key_id_fk",
-          "tableFrom": "model",
-          "tableTo": "key",
-          "columnsFrom": [
-            "keyId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "revision": {
-      "name": "revision",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "chatId": {
-          "name": "chatId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "error": {
-          "name": "error",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {
-        "revision_chatId_idx": {
-          "name": "revision_chatId_idx",
-          "columns": [
-            "chatId"
-          ],
-          "isUnique": false
-        }
-      },
-      "foreignKeys": {
-        "revision_chatId_chat_id_fk": {
-          "name": "revision_chatId_chat_id_fk",
-          "tableFrom": "revision",
-          "tableTo": "chat",
-          "columnsFrom": [
-            "chatId"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "sdk": {
-      "name": "sdk",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "slug": {
-          "name": "slug",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": "'model'"
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "supported": {
-          "name": "supported",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false,
-          "default": 1
-        }
-      },
-      "indexes": {
-        "slug_unique": {
-          "name": "slug_unique",
-          "columns": [
-            "slug"
-          ],
-          "isUnique": true
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    },
-    "service": {
-      "name": "service",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "sdkId": {
-          "name": "sdkId",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "baseURL": {
-          "name": "baseURL",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true,
-          "autoincrement": false
-        },
-        "createdAt": {
-          "name": "createdAt",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "(CURRENT_TIMESTAMP)"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {}
-    }
-  },
-  "enums": {},
-  "_meta": {
-    "schemas": {},
-    "tables": {},
-    "columns": {}
-  }
-}
\ No newline at end of file
diff --git a/src/database/migrations/meta/_journal.json b/src/database/migrations/meta/_journal.json
index f2ef347..f6e5ab9 100644
--- a/src/database/migrations/meta/_journal.json
+++ b/src/database/migrations/meta/_journal.json
@@ -1,103 +1,12 @@
 {
-  "version": "6",
-  "dialect": "sqlite",
+  "version": "7",
+  "dialect": "postgresql",
   "entries": [
     {
       "idx": 0,
-      "version": "6",
-      "when": 1716023408078,
-      "tag": "0000_careful_smiling_tiger",
-      "breakpoints": true
-    },
-    {
-      "idx": 1,
-      "version": "6",
-      "when": 1720013980037,
-      "tag": "0001_nosy_earthquake",
-      "breakpoints": true
-    },
-    {
-      "idx": 2,
-      "version": "6",
-      "when": 1720063831479,
-      "tag": "0002_overjoyed_mordo",
-      "breakpoints": true
-    },
-    {
-      "idx": 3,
-      "version": "6",
-      "when": 1720361174122,
-      "tag": "0003_huge_nick_fury",
-      "breakpoints": true
-    },
-    {
-      "idx": 4,
-      "version": "6",
-      "when": 1720447287431,
-      "tag": "0004_skinny_machine_man",
-      "breakpoints": true
-    },
-    {
-      "idx": 5,
-      "version": "6",
-      "when": 1720702384826,
-      "tag": "0005_careful_the_professor",
-      "breakpoints": true
-    },
-    {
-      "idx": 6,
-      "version": "6",
-      "when": 1720834189336,
-      "tag": "0006_opposite_sugar_man",
-      "breakpoints": true
-    },
-    {
-      "idx": 7,
-      "version": "6",
-      "when": 1721109071985,
-      "tag": "0007_tidy_lilandra",
-      "breakpoints": true
-    },
-    {
-      "idx": 8,
-      "version": "6",
-      "when": 1722605561757,
-      "tag": "0008_parallel_grandmaster",
-      "breakpoints": true
-    },
-    {
-      "idx": 9,
-      "version": "6",
-      "when": 1722605742561,
-      "tag": "0009_ancient_korath",
-      "breakpoints": true
-    },
-    {
-      "idx": 10,
-      "version": "6",
-      "when": 1722607191126,
-      "tag": "0010_far_wiccan",
-      "breakpoints": true
-    },
-    {
-      "idx": 11,
-      "version": "6",
-      "when": 1722788063130,
-      "tag": "0011_easy_slapstick",
-      "breakpoints": true
-    },
-    {
-      "idx": 12,
-      "version": "6",
-      "when": 1722860350143,
-      "tag": "0012_soft_trish_tilby",
-      "breakpoints": true
-    },
-    {
-      "idx": 13,
-      "version": "6",
-      "when": 1723389269325,
-      "tag": "0013_tiny_glorian",
+      "version": "7",
+      "when": 1723548717244,
+      "tag": "0000_nappy_the_liberteens",
       "breakpoints": true
     }
   ]
diff --git a/src/database/migrator.ts b/src/database/migrator.ts
index 9574630..c5d7312 100644
--- a/src/database/migrator.ts
+++ b/src/database/migrator.ts
@@ -2,42 +2,55 @@ import { sql } from "drizzle-orm/sql";
 import journal from "./migrations/meta/_journal.json";
 import { useDb } from "@/database/client";
 import { seed } from "@/database/seed";
+import type { PgliteDatabase } from "drizzle-orm/pglite";
 
 export async function runMigrations(skipSeed = false) {
-  const haveMigrationsTable = await useDb().get(
-    sql.raw("SELECT name FROM sqlite_master WHERE type='table' AND name='migrations';"),
+  const db = useDb();
+  const result = await db.execute<{ exists: boolean }>(
+    sql`SELECT EXISTS (
+      SELECT FROM information_schema.tables 
+      WHERE table_schema = 'public' 
+      AND table_name = 'migrations'
+    );`,
   );
-  let shouldSeed = false;
+
+  const haveMigrationsTable = result.rows[0]?.exists ?? false;
+
   if (!haveMigrationsTable) {
-    await useDb().run(sql.raw("CREATE TABLE `migrations` (`name` text PRIMARY KEY NOT NULL);"));
-    shouldSeed = true;
+    await db.execute(sql`CREATE TABLE migrations (name text PRIMARY KEY NOT NULL);`);
   }
+
   for (const entry of journal.entries) {
-    await applyMigration(entry.idx, entry.tag);
+    await applyMigration(db, entry.tag, skipSeed);
   }
-  if (shouldSeed && !skipSeed) {
-    await seed();
-  }
-  // console.log("Migrations applied");
 }
 
-async function applyMigration(idx: number, migration: string) {
-  // check if migration is already applied
-  const checkQuery = `SELECT name FROM migrations WHERE name='${migration}'`;
-  // console.log("checkQuery", checkQuery);
-  const hasMigration = await useDb().get(sql.raw(checkQuery));
-  // console.log("hasMigration", hasMigration);
-  if (!hasMigration) {
+async function applyMigration(db: PgliteDatabase<any>, tag: string, skipSeed: boolean) {
+  // check if tag is already applied
+  const result = await db.execute<{ name: string }>(
+    sql`SELECT name FROM migrations WHERE name = ${tag}`,
+  );
+
+  if (result.rows.length === 0) {
     try {
-      await useDb().transaction(async (tx) => {
-        const migrationSql = (await import(`./migrations/${migration}.sql?raw`)).default;
-        // console.log("Applying migration", migration);
-        // split statements for better-sqlite3 compatibility
-        await Promise.all(
-          migrationSql.split("--> statement-breakpoint").map((s: string) => tx.run(sql.raw(s))),
-        );
-        // record migration in migrations table
-        await tx.run(sql.raw(`INSERT INTO migrations (name) VALUES ('${migration}');`));
+      await db.transaction(async (tx) => {
+        const migrationSql = (await import(`./migrations/${tag}.sql?raw`)).default;
+        // Split the tag SQL into individual statements
+        const statements = migrationSql
+          .split("--> statement-breakpoint")
+          .filter((statement: any) => statement.trim() !== "");
+
+        for (const statement of statements) {
+          await tx.execute(sql.raw(statement));
+        }
+
+        await tx.execute(sql`INSERT INTO migrations (name) VALUES (${tag})`);
+
+        const num = tag.split("_")[0];
+        if (num in seed && !skipSeed) {
+          // @ts-expect-error
+          await seed[num](tx);
+        }
       });
     } catch (e) {
       console.error(e);
diff --git a/src/database/model.ts b/src/database/model.ts
index c2aaf91..7b8ea32 100644
--- a/src/database/model.ts
+++ b/src/database/model.ts
@@ -3,6 +3,7 @@ import {
   createTableRelationsHelpers,
   extractTablesRelationalConfig,
   getTableName,
+  getTableUniqueName,
   type Table,
 } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
@@ -20,9 +21,8 @@ export function registerModel(table: Table, view: Model | Model[], depends: Depe
       const table = relationalConfig.tables[relationalConfig.tableNamesMap[tableName]];
       for (const key of Object.keys(table.relations)) {
         if (record[key]) {
-          const referencedTableName = table.relations[key].referencedTableName;
           register(
-            referencedTableName,
+            getTableUniqueName(table.relations[key].referencedTable),
             Array.isArray(record[key]) ? record[key] : [record[key]],
             depends,
           );
@@ -31,10 +31,10 @@ export function registerModel(table: Table, view: Model | Model[], depends: Depe
     }
   }
 
-  const tableName = getTableName(table);
+  const tableName = getTableUniqueName(table);
   register(tableName, Array.isArray(view) ? view : [view], depends);
 }
 
 export function invalidateModel(table: Table, model: Model) {
-  return invalidate(`model:${getTableName(table)}:${model.id}`);
+  return invalidate(`model:${getTableUniqueName(table)}:${model.id}`);
 }
diff --git a/src/database/schema.ts b/src/database/schema.ts
index fdddc46..c319490 100644
--- a/src/database/schema.ts
+++ b/src/database/schema.ts
@@ -1,4 +1,4 @@
-import { sqliteTable, text, int, primaryKey, index, unique } from "drizzle-orm/sqlite-core";
+import { pgTable, text, integer, primaryKey, index, unique, jsonb } from "drizzle-orm/pg-core";
 import { type InferInsertModel, type InferSelectModel, relations } from "drizzle-orm";
 import { sql } from "drizzle-orm/sql";
 
@@ -6,129 +6,120 @@ import { sql } from "drizzle-orm/sql";
  * Tables
  */
 
-export const documentTable = sqliteTable("document", {
+export const documentTable = pgTable("document", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
   type: text("type").notNull().default("document"),
   description: text("description").notNull(),
   content: text("content").notNull(),
-  attributes: text("attributes", { mode: "json" })
-    .$type<Record<string, any>>()
-    .notNull()
-    .default({}),
-  // data: text("data").notNull(),
-  createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  attributes: jsonb("attributes").notNull().default({}),
+  createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
 });
 
-export const revisionTable = sqliteTable(
+export const revisionTable = pgTable(
   "revision",
   {
     id: text("id").primaryKey(),
-    version: int("version").notNull(),
-    chatId: text("chatId")
+    version: integer("version").notNull(),
+    chatId: text("chat_id")
       .notNull()
       .references(() => chatTable.id, { onDelete: "cascade" }),
     error: text("error"),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+    createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
   },
   (table) => ({
-    chatIdIdx: index("revision_chatId_idx").on(table.chatId),
+    chatIdIdx: index("revision_chat_id_idx").on(table.chatId),
   }),
 );
 
-export const messageTable = sqliteTable(
+export const messageTable = pgTable(
   "message",
   {
     id: text("id").primaryKey(),
-    index: int("index").notNull(),
-    revisionId: text("revisionId")
+    index: integer("index").notNull(),
+    revisionId: text("revision_id")
       .notNull()
       .references(() => revisionTable.id, { onDelete: "cascade" }),
     role: text("role").notNull(),
     content: text("content").notNull(),
-    // attachments: text("attachments", { mode: "json" })
-    //   .$type<{ documentId: string }[]>()
-    //   .default([]),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+    createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
   },
   (table) => ({
-    revisionIdIdx: index("message_revisionId_idx").on(table.revisionId),
+    revisionIdIdx: index("message_revision_id_idx").on(table.revisionId),
   }),
 );
 
-export const attachmentTable = sqliteTable(
+export const attachmentTable = pgTable(
   "attachment",
   {
     id: text("id").primaryKey(),
-    messageId: text("messageId")
+    messageId: text("message_id")
       .notNull()
       .references(() => messageTable.id, { onDelete: "cascade" }),
-    documentId: text("documentId")
+    documentId: text("document_id")
       .notNull()
       .references(() => documentTable.id, { onDelete: "cascade" }),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+    createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
   },
   (table) => ({
-    messageDocumentUnique: unique("messageDocument_unique").on(table.messageId, table.documentId),
-    messageIdIdx: index("attachment_messageId_idx").on(table.messageId),
+    messageDocumentUnique: unique("message_document_unique").on(table.messageId, table.documentId),
+    messageIdIdx: index("attachment_message_id_idx").on(table.messageId),
   }),
 );
 
-export const modelTable = sqliteTable(
+export const modelTable = pgTable(
   "model",
   {
     id: text("id").notNull().primaryKey(),
-    keyId: text("keyId")
+    keyId: text("key_id")
       .notNull()
       .references(() => keyTable.id, { onDelete: "cascade" }),
     name: text("name").notNull(),
-    visible: int("visible").notNull(),
-    createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+    visible: integer("visible").notNull(),
+    createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
   },
   (table) => ({
-    keyId_unique: unique("accountId_unique").on(table.keyId, table.name),
-    keyId_idx: index("accountId_idx").on(table.keyId),
+    keyId_unique: unique("account_id_unique").on(table.keyId, table.name),
+    keyId_idx: index("account_id_idx").on(table.keyId),
   }),
 );
 
-export const keyTable = sqliteTable("key", {
+export const keyTable = pgTable("key", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
-  serviceId: text("serviceId").notNull(),
-  baseURL: text("baseURL"),
-  apiKey: text("apiKey").notNull(),
-  createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  serviceId: text("service_id").notNull(),
+  baseURL: text("base_url"),
+  apiKey: text("api_key").notNull(),
+  createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
 });
 
-export const serviceTable = sqliteTable("service", {
+export const serviceTable = pgTable("service", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
-  sdkId: text("sdkId").notNull(),
-  baseURL: text("baseURL").notNull(),
-  createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  sdkId: text("sdk_id").notNull(),
+  baseURL: text("base_url"),
+  createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
 });
 
-export const sdkTable = sqliteTable(
+export const sdkTable = pgTable(
   "sdk",
   {
     id: text("id").primaryKey(),
     slug: text("slug").notNull(),
-    type: text("type", { enum: ["model", "document"] })
-      .notNull()
-      .default("model"),
+    type: text("type").notNull().default("model"),
     name: text("name").notNull(),
-    supported: int("supported").notNull().default(1),
+    supported: integer("supported").notNull().default(1),
   },
   (table) => ({
     slugUnique: unique("slug_unique").on(table.slug),
   }),
 );
 
-export const chatTable = sqliteTable("chat", {
+export const chatTable = pgTable("chat", {
   id: text("id").primaryKey(),
   name: text("name").notNull(),
   prompt: text("prompt").notNull(),
-  createdAt: text("createdAt").default(sql`(CURRENT_TIMESTAMP)`),
+  createdAt: text("created_at").default(sql`CURRENT_TIMESTAMP`),
 });
 
 /**
diff --git a/src/database/seed.ts b/src/database/seed.ts
index 2473404..e6cfe16 100644
--- a/src/database/seed.ts
+++ b/src/database/seed.ts
@@ -1,6 +1,41 @@
-import { newChat } from "../routes/(app)/$data";
+import { sql } from "drizzle-orm";
+import { nanoid } from "nanoid";
+import { PgTransaction } from "drizzle-orm/pg-core";
 
-export function seed() {
-  // create first chat
-  return newChat();
-}
+export const seed = {
+  "0000": async (tx: PgTransaction<any>) => {
+    await tx.execute(sql`INSERT INTO sdk (id, slug, name, type, supported) VALUES
+      ('openai', 'openai', 'OpenAI', 'model', 1),
+      ('azure', 'azure', 'Azure', 'model', 0),
+      ('anthropic', 'anthropic', 'Anthropic', 'model', 1),
+      ('amazon', 'amazon', 'Amazon Bedrock', 'model', 0),
+      ('google-gen-ai', 'google-gen-ai', 'Google Generative AI', 'model', 1),
+      ('google-vertex', 'google-vertex', 'Google Vertex AI', 'model', 0),
+      ('mistral', 'mistral', 'Mistral', 'model', 1),
+      ('cohere', 'cohere', 'Cohere', 'model', 1),
+      ('unstructured', 'unstructured', 'Unstructured', 'document', 1);
+      `);
+
+    await tx.execute(sql`INSERT INTO service (id, name, sdk_id, base_url) VALUES
+      ('openai', 'OpenAI', 'openai', NULL),
+      ('azure', 'Azure OpenAI', 'azure', NULL),
+      ('anthropic', 'Anthropic', 'anthropic', NULL),
+      ('amazon-bedrock', 'Amazon Bedrock', 'amazon', NULL),
+      ('google-gen-ai', 'Google Generative AI', 'google-gen-ai', NULL),
+      ('google-vertex', 'Google Vertex AI', 'google-vertex', NULL),
+      ('mistral', 'Mistral', 'mistral', NULL),
+      ('groq', 'Groq', 'openai', 'https://api.groq.com/openai/v1'),
+      ('perplexity', 'Perplexity', 'openai', 'https://api.perplexity.ai/'),
+      ('fireworks', 'Fireworks', 'openai', 'https://api.fireworks.ai/inference/v1'),
+      ('nvidia', 'Nvidia', 'openai', 'https://integrate.api.nvidia.com/v1'),
+      ('cohere', 'Cohere', 'cohere', NULL),
+      ('unstructured', 'Unstructured', 'unstructured', NULL);
+      `);
+
+    const chatId = nanoid(10);
+    await tx.execute(sql`INSERT INTO chat (id, name, prompt) VALUES
+      (${chatId}, 'Untitled', '');`);
+    await tx.execute(sql`INSERT INTO revision (id, version, chat_id) VALUES
+      (${nanoid(10)}, 1, ${chatId});`);
+  },
+};
diff --git a/src/routes/(app)/$data.test.ts b/src/routes/(app)/$data.test.ts
index a292e70..5c99499 100644
--- a/src/routes/(app)/$data.test.ts
+++ b/src/routes/(app)/$data.test.ts
@@ -1,34 +1,34 @@
-import { afterEach, beforeEach, describe, expect, it, vi, onTestFailed } from "vitest";
+import { afterEach, beforeAll, beforeEach, describe, expect, it, vi } from "vitest";
 import { duplicateChat, newChat, removeChat } from "./$data";
-import Database from "better-sqlite3";
-import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
+import { drizzle } from "drizzle-orm/pglite";
 import { nanoid } from "nanoid";
 import * as schema from "@/database/schema";
-import { chatTable, revisionTable, messageTable } from "@/database/schema";
+import { chatTable, messageTable, revisionTable } from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
 import { eq } from "drizzle-orm";
 import { invalidate } from "$app/navigation";
 import { sql } from "drizzle-orm/sql";
 import { useDb } from "@/database";
+import { PGlite } from "@electric-sql/pglite";
+import type { PgliteDatabase } from "drizzle-orm/pglite";
 
 describe("(app)/$data", () => {
   vi.mock("@/database/client");
   vi.mock("$app/navigation");
   vi.mock("nanoid");
 
-  let sqlite: Database.Database;
-  let db: BetterSQLite3Database<typeof schema>;
+  let pglite: PGlite;
+  let db: PgliteDatabase<typeof schema>;
 
-  beforeEach(async () => {
-    // Create an in-memory SQLite database
-    sqlite = new Database(":memory:");
-    db = drizzle(sqlite, { schema });
+  beforeAll(async () => {
+    pglite = new PGlite();
+    db = drizzle(pglite, { schema });
+  });
 
+  beforeEach(async () => {
     vi.mocked(useDb).mockReturnValue(db);
 
-    db.run(sql.raw("PRAGMA foreign_keys=off;"));
     await runMigrations(true);
-    db.run(sql.raw("PRAGMA foreign_keys=on;"));
 
     await db.delete(schema.messageTable);
     await db.delete(schema.revisionTable);
@@ -43,17 +43,15 @@ describe("(app)/$data", () => {
       .values([
         { id: "service1", name: "Test Service", sdkId: "sdk1", baseURL: "https://api.test.com" },
       ]);
-    await db
-      .insert(schema.keyTable)
-      .values([
-        {
-          id: "key1",
-          name: "Test Key",
-          serviceId: "service1",
-          baseURL: "https://api.test.com",
-          apiKey: "test-api-key",
-        },
-      ]);
+    await db.insert(schema.keyTable).values([
+      {
+        id: "key1",
+        name: "Test Key",
+        serviceId: "service1",
+        baseURL: "https://api.test.com",
+        apiKey: "test-api-key",
+      },
+    ]);
     await db
       .insert(schema.modelTable)
       .values([{ id: "model1", keyId: "key1", name: "Test Model", visible: 1 }]);
@@ -87,8 +85,25 @@ describe("(app)/$data", () => {
     ]);
   });
 
-  afterEach(() => {
-    sqlite.close();
+  afterEach(async () => {
+    // pglite is slowish to start for each test
+    // instead drop all the tables
+    await db.execute(sql`DO $$ 
+    DECLARE 
+        r RECORD;
+    BEGIN
+        -- Disable all triggers
+        EXECUTE 'SET session_replication_role = replica';
+        
+        -- Drop all tables in the current schema
+        FOR r IN (SELECT tablename FROM pg_tables WHERE schemaname = current_schema()) LOOP
+            EXECUTE 'DROP TABLE IF EXISTS ' || quote_ident(r.tablename) || ' CASCADE';
+        END LOOP;
+        
+        -- Re-enable triggers
+        EXECUTE 'SET session_replication_role = DEFAULT';
+    END $$;
+    `);
     vi.resetAllMocks();
   });
 
diff --git a/src/routes/(app)/+layout.ts b/src/routes/(app)/+layout.ts
index 90d8de3..1dea5c5 100644
--- a/src/routes/(app)/+layout.ts
+++ b/src/routes/(app)/+layout.ts
@@ -29,7 +29,6 @@ async function runMigrations() {
     const { runMigrations } = await import("@/database/migrator");
     console.log("Migrating database");
     await runMigrations();
-    await useDb().run(sql.raw("PRAGMA foreign_keys=on;"));
     console.log("Migration complete");
     migrated = true;
   } catch (err) {
diff --git a/src/routes/(app)/api/chat/+server.ts b/src/routes/(app)/api/chat/+server.ts
index 6c827dc..35f065d 100644
--- a/src/routes/(app)/api/chat/+server.ts
+++ b/src/routes/(app)/api/chat/+server.ts
@@ -11,12 +11,12 @@ export const POST = (async ({ request }) => {
   let { messages, sdkId, apiKey, baseURL, modelName } = (await request.json()) as {
     messages: any[];
     sdkId: string;
-    baseURL: string;
+    baseURL: string | undefined;
     apiKey: string;
     modelName: string;
   };
 
-  baseURL = baseURL ?? undefined;
+  baseURL = baseURL || undefined;
 
   if (!sdkId || !modelName) {
     return new Response(`Malformed request`, {
diff --git a/src/routes/(app)/chat/[id]/$data.test.ts b/src/routes/(app)/chat/[id]/$data.test.ts
index 064d7c3..58dc3af 100644
--- a/src/routes/(app)/chat/[id]/$data.test.ts
+++ b/src/routes/(app)/chat/[id]/$data.test.ts
@@ -1,32 +1,35 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { afterEach, beforeAll, beforeEach, describe, expect, it, vi } from "vitest";
 import {
   appendMessages,
   createRevision,
+  getKeys,
   getLatestRevision,
   getModelKey,
   getRevision,
   interpolateDocuments,
   isTab,
-  getKeys,
   tabRouteId,
   updateChat,
 } from "./$data";
-import Database from "better-sqlite3";
-import { type BetterSQLite3Database, drizzle } from "drizzle-orm/better-sqlite3";
+import type { PgliteDatabase } from "drizzle-orm/pglite";
+import { drizzle } from "drizzle-orm/pglite";
 import * as schema from "@/database/schema";
 import { runMigrations } from "@/database/migrator";
 import { eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 import type { ChatMessage } from "$lib/chat-service.svelte";
+import { PGlite } from "@electric-sql/pglite";
+import { sql } from "drizzle-orm/sql";
 
-let sqlite: Database.Database;
-let db: BetterSQLite3Database<typeof schema>;
+let pglite: PGlite;
+let db: PgliteDatabase<typeof schema>;
 
-beforeEach(async () => {
-  // Set up database
-  sqlite = new Database(":memory:");
-  db = drizzle(sqlite, { schema });
+beforeAll(async () => {
+  pglite = new PGlite();
+  db = drizzle(pglite, { schema });
+});
 
+beforeEach(async () => {
   // Set up mocks
   vi.mock("$app/navigation", () => ({
     invalidate: vi.fn(),
@@ -124,8 +127,26 @@ beforeEach(async () => {
   ]);
 });
 
-afterEach(() => {
-  sqlite.close();
+afterEach(async () => {
+  // pglite is slowish to start for each test
+  // instead drop all the tables
+  await db.execute(sql`DO $$ 
+    DECLARE 
+        r RECORD;
+    BEGIN
+        -- Disable all triggers
+        EXECUTE 'SET session_replication_role = replica';
+        
+        -- Drop all tables in the current schema
+        FOR r IN (SELECT tablename FROM pg_tables WHERE schemaname = current_schema()) LOOP
+            EXECUTE 'DROP TABLE IF EXISTS ' || quote_ident(r.tablename) || ' CASCADE';
+        END LOOP;
+        
+        -- Re-enable triggers
+        EXECUTE 'SET session_replication_role = DEFAULT';
+    END $$;
+    `);
+
   vi.clearAllMocks();
 });
 
@@ -214,11 +235,12 @@ describe("getModelService", () => {
 
 describe("createRevision", () => {
   it("should create a new revision", async () => {
+    vi.mocked(nanoid).mockReturnValueOnce("created-revision-id");
     const newRevision = await createRevision("chat1");
     expect(newRevision).toMatchObject({
       chatId: "chat1",
       version: 3,
-      id: "mocked-nanoid",
+      id: "created-revision-id",
     });
   });
 });
@@ -252,7 +274,7 @@ describe("appendMessage", () => {
 describe("newRevision", () => {
   it("should create a new revision with messages", async () => {
     vi.mocked(nanoid)
-      .mockReturnValueOnce("mocked-nanoid")
+      .mockReturnValueOnce("revision-with-messages-id")
       .mockReturnValueOnce("message-1")
       .mockReturnValueOnce("message-2");
     const messages: ChatMessage[] = [
@@ -264,11 +286,11 @@ describe("newRevision", () => {
     expect(revision).toMatchObject({
       chatId: "chat1",
       version: 3,
-      id: "mocked-nanoid",
+      id: "revision-with-messages-id",
     });
 
     const newMessages = await db.query.messageTable.findMany({
-      where: eq(schema.messageTable.revisionId, "mocked-nanoid"),
+      where: eq(schema.messageTable.revisionId, "revision-with-messages-id"),
     });
     expect(newMessages).toHaveLength(2);
     expect(newMessages[0]).toMatchObject({
diff --git a/src/routes/(app)/chat/[id]/MessageCard.svelte b/src/routes/(app)/chat/[id]/MessageCard.svelte
index 1d58760..8a530db 100644
--- a/src/routes/(app)/chat/[id]/MessageCard.svelte
+++ b/src/routes/(app)/chat/[id]/MessageCard.svelte
@@ -53,8 +53,7 @@
   <div class="mb-1 flex flex-row flex-wrap gap-2">
     {#each message.attachments as attachment, index (index)}
       <Attachment
-        type={attachment.type}
-        content={attachment.content}
+        attachment={{ ...attachment, loading: false, error: undefined }}
         onRemove={onRemoveAttachment != null ? onRemoveAttachment.bind(null, index) : undefined}
       />
     {/each}
diff --git a/src/routes/(app)/settings/keys/+page.ts b/src/routes/(app)/settings/keys/+page.ts
index 435ba64..d57c77d 100644
--- a/src/routes/(app)/settings/keys/+page.ts
+++ b/src/routes/(app)/settings/keys/+page.ts
@@ -1,7 +1,7 @@
 import { keyTable, registerModel } from "@/database";
 import { loadKeys } from "./$data";
 
-export async function load({ depends, route }) {
+export async function load({ depends }) {
   const keys = await loadKeys();
   registerModel(keyTable, keys, depends);
   depends("view:services");
diff --git a/test/registry.test.ts b/test/registry.test.ts
index 6818c44..7b15cfb 100644
--- a/test/registry.test.ts
+++ b/test/registry.test.ts
@@ -49,10 +49,10 @@ describe("cache", () => {
     });
     expect(dependencies).toEqual(
       new Set([
-        "model:chat:id-chat",
-        "model:revision:id-revision",
-        "model:message:id-message",
-        "model:message:id-message2",
+        "model:public.chat:id-chat",
+        "model:public.revision:id-revision",
+        "model:public.message:id-message",
+        "model:public.message:id-message2",
       ]),
     );
   });
diff --git a/vite.config.ts b/vite.config.ts
index 0a799fa..0305f40 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -16,7 +16,7 @@ export default defineConfig({
     },
   },
   optimizeDeps: {
-    exclude: ["sqlocal"],
+    exclude: ["sqlocal", "@electric-sql/pglite"],
   },
   plugins: [
     sveltekit(),