Major bump to sveltekit & node-adapter versions (#1395)

* version bump

* sveltekit2 bump

* formatting

* fix imports

* fix deps

* minor bump on chat-ui itself

* better error logging

* bump svelte-check version

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "chat-ui",
-	"version": "0.9.1",
+	"version": "0.9.2",
 	"private": true,
 	"packageManager": "[email protected]",
 	"scripts": {
@@ -20,14 +20,15 @@
 		"@faker-js/faker": "^8.4.1",
 		"@iconify-json/carbon": "^1.1.16",
 		"@iconify-json/eos-icons": "^1.1.6",
-		"@sveltejs/adapter-node": "^1.3.1",
-		"@sveltejs/kit": "^1.30.4",
+		"@sveltejs/adapter-node": "^5.2.0",
+		"@sveltejs/kit": "^2.5.20",
 		"@tailwindcss/typography": "^0.5.9",
 		"@types/dompurify": "^3.0.5",
 		"@types/express": "^4.17.21",
 		"@types/js-yaml": "^4.0.9",
 		"@types/jsdom": "^21.1.1",
 		"@types/minimist": "^1.2.5",
+		"@types/node": "^22.1.0",
 		"@types/parquetjs": "^0.10.3",
 		"@types/sbd": "^1.0.5",
 		"@types/uuid": "^9.0.8",
@@ -44,13 +45,13 @@
 		"prettier-plugin-svelte": "^2.10.1",
 		"prettier-plugin-tailwindcss": "^0.2.7",
 		"prom-client": "^15.1.2",
-		"svelte": "^4.2.8",
-		"svelte-check": "^3.6.2",
+		"svelte": "^4.2.18",
+		"svelte-check": "^3.8.5",
 		"ts-node": "^10.9.1",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"unplugin-icons": "^0.16.1",
-		"vite": "^4.5.3",
+		"vite": "^5.3.5",
 		"vite-node": "^1.3.1",
 		"vitest": "^0.31.0"
 	},
@@ -72,6 +73,7 @@
 		"dotenv": "^16.0.3",
 		"express": "^4.19.2",
 		"file-type": "^19.0.0",
+		"google-auth-library": "^9.13.0",
 		"handlebars": "^4.7.8",
 		"highlight.js": "^11.7.0",
 		"husky": "^9.0.11",
@@ -99,12 +101,12 @@
 		"sharp": "^0.33.4",
 		"tailwind-scrollbar": "^3.0.0",
 		"tailwindcss": "^3.4.0",
-		"uuid": "^9.0.1",
+		"uuid": "^10.0.0",
 		"zod": "^3.22.3"
 	},
 	"optionalDependencies": {
-		"@anthropic-ai/sdk": "^0.17.1",
-		"@anthropic-ai/vertex-sdk": "^0.3.0",
+		"@anthropic-ai/sdk": "^0.25.0",
+		"@anthropic-ai/vertex-sdk": "^0.4.1",
 		"@google-cloud/vertexai": "^1.1.0",
 		"@google/generative-ai": "^0.14.1",
 		"aws4fetch": "^1.0.17",

src/hooks.server.ts

@@ -35,7 +35,7 @@ if (!building) {
 	AbortedGenerations.getInstance();
 }
 
-export const handleError: HandleServerError = async ({ error, event }) => {
+export const handleError: HandleServerError = async ({ error, event, status, message }) => {
 	// handle 404
 
 	if (building) {
@@ -55,8 +55,10 @@ export const handleError: HandleServerError = async ({ error, event }) => {
 		url: event.request.url,
 		params: event.params,
 		request: event.request,
+		message,
 		error,
 		errorId,
+		status,
 	});
 
 	return {

src/lib/components/ExpandNavigation.svelte

@@ -5,7 +5,7 @@
 
 <button
 	on:click
-	class="{classNames} group flex h-16 w-6 flex-col items-center justify-center -space-y-1 outline-none *:h-3 *:w-1 *:rounded-full *:hover:bg-gray-300 max-md:hidden dark:*:hover:bg-gray-600 {!isCollapsed
+	class="{classNames} group flex h-16 w-6 flex-col items-center justify-center -space-y-1 outline-none *:h-3 *:w-1 *:rounded-full *:hover:bg-gray-300 dark:*:hover:bg-gray-600 max-md:hidden {!isCollapsed
 		? '*:bg-gray-200/70 dark:*:bg-gray-800'
 		: '*:bg-gray-200 dark:*:bg-gray-700'}"
 >

src/lib/components/MobileNav.svelte

@@ -31,7 +31,7 @@
 </script>
 
 <nav
-	class="flex h-12 items-center justify-between border-b bg-gray-50 px-3 md:hidden dark:border-gray-800 dark:bg-gray-800/70"
+	class="flex h-12 items-center justify-between border-b bg-gray-50 px-3 dark:border-gray-800 dark:bg-gray-800/70 md:hidden"
 >
 	<button
 		type="button"

src/lib/components/NavConversationItem.svelte

@@ -25,7 +25,7 @@
 		confirmDelete = false;
 	}}
 	href="{base}/conversation/{conv.id}"
-	class="group flex h-10 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-600 hover:bg-gray-100 sm:h-[2.35rem] dark:text-gray-300 dark:hover:bg-gray-700 {conv.id ===
+	class="group flex h-10 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:h-[2.35rem] {conv.id ===
 	$page.params.id
 		? 'bg-gray-100 dark:bg-gray-700'
 		: ''}"

src/lib/components/NavMenu.svelte

@@ -57,13 +57,13 @@
 	<a
 		href={`${base}/`}
 		on:click={handleNewChatClick}
-		class="flex rounded-lg border bg-white px-2 py-0.5 text-center shadow-sm hover:shadow-none sm:text-smd dark:border-gray-600 dark:bg-gray-700"
+		class="flex rounded-lg border bg-white px-2 py-0.5 text-center shadow-sm hover:shadow-none dark:border-gray-600 dark:bg-gray-700 sm:text-smd"
 	>
 		New Chat
 	</a>
 </div>
 <div
-	class="scrollbar-custom flex flex-col gap-1 overflow-y-auto rounded-r-xl from-gray-50 px-3 pb-3 pt-2 text-[.9rem] max-sm:bg-gradient-to-t md:bg-gradient-to-l dark:from-gray-800/30"
+	class="scrollbar-custom flex flex-col gap-1 overflow-y-auto rounded-r-xl from-gray-50 px-3 pb-3 pt-2 text-[.9rem] dark:from-gray-800/30 max-sm:bg-gradient-to-t md:bg-gradient-to-l"
 >
 	{#each Object.entries(groupedConversations) as [group, convs]}
 		{#if convs.length}
@@ -92,7 +92,7 @@
 			{#if !user.logoutDisabled}
 				<button
 					type="submit"
-					class="ml-auto h-6 flex-none items-center gap-1.5 rounded-md border bg-white px-2 text-gray-700 shadow-sm group-hover:flex hover:shadow-none md:hidden dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400 dark:hover:text-gray-300"
+					class="ml-auto h-6 flex-none items-center gap-1.5 rounded-md border bg-white px-2 text-gray-700 shadow-sm group-hover:flex hover:shadow-none dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400 dark:hover:text-gray-300 md:hidden"
 				>
 					Sign Out
 				</button>

src/lib/components/Pagination.svelte

@@ -57,7 +57,7 @@
 {#if numTotalPages > 1}
 	<nav>
 		<ul
-			class="flex select-none items-center justify-between space-x-2 text-gray-700 sm:justify-center dark:text-gray-300 {classNames}"
+			class="flex select-none items-center justify-between space-x-2 text-gray-700 dark:text-gray-300 sm:justify-center {classNames}"
 		>
 			<li>
 				<PaginationArrow

src/lib/components/chat/AssistantIntroduction.svelte

@@ -67,7 +67,7 @@
 				/>
 			{:else}
 				<div
-					class="flex size-12 flex-none items-center justify-center rounded-full bg-gray-300 object-cover text-xl font-bold uppercase text-gray-500 max-sm:self-start sm:text-4xl md:size-32 dark:bg-gray-600"
+					class="flex size-12 flex-none items-center justify-center rounded-full bg-gray-300 object-cover text-xl font-bold uppercase text-gray-500 dark:bg-gray-600 max-sm:self-start sm:text-4xl md:size-32"
 				>
 					{assistant?.name[0]}
 				</div>
@@ -116,7 +116,7 @@
 		<div class="absolute right-3 top-3 md:right-4 md:top-4">
 			<div class="flex flex-row items-center gap-1">
 				<button
-					class="flex h-7 items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-gray-800 shadow-sm hover:shadow-inner max-sm:px-1.5 md:text-sm dark:border-gray-700 dark:bg-gray-700 dark:text-gray-300/90 dark:hover:bg-gray-800"
+					class="flex h-7 items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-gray-800 shadow-sm hover:shadow-inner dark:border-gray-700 dark:bg-gray-700 dark:text-gray-300/90 dark:hover:bg-gray-800 max-sm:px-1.5 md:text-sm"
 					on:click={() => {
 						if (!isCopied) {
 							share(shareUrl, assistant.name);
@@ -137,7 +137,7 @@
 				</button>
 				<a
 					href="{base}/settings/assistants/{assistant._id.toString()}"
-					class="flex h-7 items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-gray-800 shadow-sm hover:shadow-inner md:text-sm dark:border-gray-700 dark:bg-gray-700 dark:text-gray-300/90 dark:hover:bg-gray-800"
+					class="flex h-7 items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-gray-800 shadow-sm hover:shadow-inner dark:border-gray-700 dark:bg-gray-700 dark:text-gray-300/90 dark:hover:bg-gray-800 md:text-sm"
 					><IconGear class="text-xxs" />Settings</a
 				>
 			</div>

src/lib/components/chat/ChatIntroduction.svelte

@@ -86,7 +86,7 @@
 				{#each currentModelMetadata.promptExamples as example}
 					<button
 						type="button"
-						class="rounded-xl border bg-gray-50 p-3 text-gray-600 hover:bg-gray-100 max-xl:text-sm xl:p-3.5 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+						class="rounded-xl border bg-gray-50 p-3 text-gray-600 hover:bg-gray-100 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 max-xl:text-sm xl:p-3.5"
 						on:click={() => dispatch("message", example.prompt)}
 					>
 						{example.title}

src/lib/components/chat/ChatMessage.svelte

@@ -295,7 +295,7 @@
 			{/if}
 
 			<div
-				class="prose max-w-none max-sm:prose-sm dark:prose-invert prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
+				class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
 				bind:this={contentEl}
 			>
 				{#if isLast && loading && $settings.disableStream}
@@ -343,7 +343,7 @@
 			>
 				{#if isAuthor}
 					<button
-						class="btn rounded-sm p-1 text-sm text-gray-400 focus:ring-0 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-300
+						class="btn rounded-sm p-1 text-sm text-gray-400 hover:text-gray-500 focus:ring-0 dark:text-gray-400 dark:hover:text-gray-300
 					{message.score && message.score > 0
 							? 'text-green-500 hover:text-green-500 dark:text-green-400 hover:dark:text-green-400'
 							: ''}"
@@ -355,7 +355,7 @@
 						<CarbonThumbsUp class="h-[1.14em] w-[1.14em]" />
 					</button>
 					<button
-						class="btn rounded-sm p-1 text-sm text-gray-400 focus:ring-0 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-300
+						class="btn rounded-sm p-1 text-sm text-gray-400 hover:text-gray-500 focus:ring-0 dark:text-gray-400 dark:hover:text-gray-300
 					{message.score && message.score < 0
 							? 'text-red-500 hover:text-red-500 dark:text-red-400 hover:dark:text-red-400'
 							: ''}"
@@ -368,7 +368,7 @@
 					</button>
 				{/if}
 				<button
-					class="btn rounded-sm p-1 text-sm text-gray-400 focus:ring-0 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-300"
+					class="btn rounded-sm p-1 text-sm text-gray-400 hover:text-gray-500 focus:ring-0 dark:text-gray-400 dark:hover:text-gray-300"
 					title="Retry"
 					type="button"
 					on:click={() => dispatch("retry", { id: message.id })}
@@ -439,7 +439,7 @@
 								class="btn rounded-lg px-3 py-1.5 text-sm
 								{loading
 									? 'bg-gray-300 text-gray-400 dark:bg-gray-700 dark:text-gray-600'
-									: 'bg-gray-200 text-gray-600 focus:ring-0   hover:text-gray-800 dark:bg-gray-800 dark:text-gray-300 dark:hover:text-gray-200'}
+									: 'bg-gray-200 text-gray-600 hover:text-gray-800   focus:ring-0 dark:bg-gray-800 dark:text-gray-300 dark:hover:text-gray-200'}
 								"
 								disabled={loading}
 							>
@@ -447,7 +447,7 @@
 							</button>
 							<button
 								type="button"
-								class="btn rounded-sm p-2 text-sm text-gray-400 focus:ring-0 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-300"
+								class="btn rounded-sm p-2 text-sm text-gray-400 hover:text-gray-500 focus:ring-0 dark:text-gray-400 dark:hover:text-gray-300"
 								on:click={() => {
 									$convTreeStore.editing = null;
 								}}
@@ -469,7 +469,7 @@
 						<div class="mx-auto flex flex-row flex-nowrap gap-2">
 							{#if downloadLink}
 								<a
-									class="rounded-lg border border-gray-100 bg-gray-100 p-1 text-xs text-gray-400 group-hover:block hover:text-gray-500 max-sm:!hidden md:hidden dark:border-gray-800 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300"
+									class="rounded-lg border border-gray-100 bg-gray-100 p-1 text-xs text-gray-400 group-hover:block hover:text-gray-500 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300 max-sm:!hidden md:hidden"
 									title="Download prompt and parameters"
 									type="button"
 									target="_blank"
@@ -480,7 +480,7 @@
 							{/if}
 							{#if !readOnly}
 								<button
-									class="cursor-pointer rounded-lg border border-gray-100 bg-gray-100 p-1 text-xs text-gray-400 group-hover:block hover:text-gray-500 md:hidden lg:-right-2 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300"
+									class="cursor-pointer rounded-lg border border-gray-100 bg-gray-100 p-1 text-xs text-gray-400 group-hover:block hover:text-gray-500 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300 md:hidden lg:-right-2"
 									title="Branch"
 									type="button"
 									on:click={() => ($convTreeStore.editing = message.id)}
@@ -515,7 +515,7 @@
 					class="font-white group/navbranch z-10 -mt-1 ml-3.5 mr-auto flex h-6 w-fit select-none flex-row items-center justify-center gap-1 text-sm"
 				>
 					<button
-						class="inline text-lg font-thin text-gray-400 disabled:pointer-events-none disabled:opacity-25 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
+						class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
 						on:click={() => (childrenToRender = Math.max(0, childrenToRender - 1))}
 						disabled={childrenToRender === 0 || loading}
 					>
@@ -525,7 +525,7 @@
 						{childrenToRender + 1} / {nChildren}
 					</span>
 					<button
-						class="inline text-lg font-thin text-gray-400 disabled:pointer-events-none disabled:opacity-25 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
+						class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
 						on:click={() =>
 							(childrenToRender = Math.min(
 								message?.children?.length ?? 1 - 1,

src/lib/components/chat/ChatWindow.svelte

@@ -281,7 +281,7 @@
 		/>
 	</div>
 	<div
-		class="dark:via-gray-80 pointer-events-none absolute inset-x-0 bottom-0 z-0 mx-auto flex w-full max-w-3xl flex-col items-center justify-center bg-gradient-to-t from-white via-white/80 to-white/0 px-3.5 py-4 max-md:border-t max-md:bg-white sm:px-5 md:py-8 xl:max-w-4xl dark:border-gray-800 dark:from-gray-900 dark:to-gray-900/0 max-md:dark:bg-gray-900 [&>*]:pointer-events-auto"
+		class="dark:via-gray-80 pointer-events-none absolute inset-x-0 bottom-0 z-0 mx-auto flex w-full max-w-3xl flex-col items-center justify-center bg-gradient-to-t from-white via-white/80 to-white/0 px-3.5 py-4 dark:border-gray-800 dark:from-gray-900 dark:to-gray-900/0 max-md:border-t max-md:bg-white max-md:dark:bg-gray-900 sm:px-5 md:py-8 xl:max-w-4xl [&>*]:pointer-events-auto"
 	>
 		{#if sources?.length}
 			<div class="flex flex-row flex-wrap justify-center gap-2.5 max-md:pb-3">
@@ -373,19 +373,19 @@
 
 						{#if loading}
 							<button
-								class="btn mx-1 my-1 inline-block h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 disabled:opacity-60 enabled:hover:text-gray-700 md:hidden dark:disabled:opacity-40 enabled:dark:hover:text-gray-100"
+								class="btn mx-1 my-1 inline-block h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40 md:hidden"
 								on:click={() => dispatch("stop")}
 							>
 								<CarbonStopFilledAlt />
 							</button>
 							<div
-								class="mx-1 my-1 hidden h-[2.4rem] items-center p-1 px-[0.7rem] text-gray-400 disabled:opacity-60 enabled:hover:text-gray-700 md:flex dark:disabled:opacity-40 enabled:dark:hover:text-gray-100"
+								class="mx-1 my-1 hidden h-[2.4rem] items-center p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40 md:flex"
 							>
 								<EosIconsLoading />
 							</div>
 						{:else}
 							<button
-								class="btn mx-1 my-1 h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 disabled:opacity-60 enabled:hover:text-gray-700 dark:disabled:opacity-40 enabled:dark:hover:text-gray-100"
+								class="btn mx-1 my-1 h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40"
 								disabled={!message || isReadOnly}
 								type="submit"
 							>

src/lib/server/auth.ts

@@ -1,4 +1,10 @@
-import { Issuer, BaseClient, type UserinfoResponse, TokenSet, custom } from "openid-client";
+import {
+	Issuer,
+	type BaseClient,
+	type UserinfoResponse,
+	type TokenSet,
+	custom,
+} from "openid-client";
 import { addHours, addWeeks } from "date-fns";
 import { env } from "$env/dynamic/private";
 import { sha256 } from "$lib/utils/sha256";

src/lib/server/endpoints/anthropic/utils.ts

@@ -1,7 +1,7 @@
-import type { ImageBlockParam, MessageParam } from "@anthropic-ai/sdk/resources";
 import { makeImageProcessor, type ImageProcessorOptions } from "../images";
 import type { EndpointMessage } from "../endpoints";
 import type { MessageFile } from "$lib/types/Message";
+import type { ImageBlockParam, MessageParam } from "@anthropic-ai/sdk/resources/messages.mjs";
 
 export async function fileToImageBlock(
 	file: MessageFile,

src/lib/server/endpoints/cohere/endpointCohere.ts

@@ -5,7 +5,7 @@ import type { TextGenerationStreamOutput } from "@huggingface/inference";
 import type { Cohere, CohereClient } from "cohere-ai";
 import { buildPrompt } from "$lib/buildPrompt";
 import { ToolResultStatus, type ToolCall } from "$lib/types/Tool";
-import { pipeline, Writable, Readable } from "node:stream";
+import { pipeline, Writable, type Readable } from "node:stream";
 import { toolHasName } from "$lib/utils/tools";
 
 export const endpointCohereParametersSchema = z.object({
@@ -78,7 +78,7 @@ export async function endpointCohere(
 					.map((message) => ({
 						role: message.from === "user" ? "USER" : "CHATBOT",
 						message: message.content,
-					})) satisfies Cohere.ChatMessage[];
+					})) satisfies Cohere.Message[];
 
 				stream = await cohere
 					.chatStream({

src/lib/server/exitHandler.ts

@@ -17,7 +17,7 @@ export function onExit(cb: ExitHandler): ExitHandlerUnsubscribe {
 
 async function runExitHandler(handler: ExitHandler): Promise<void> {
 	return timeout(Promise.resolve().then(handler), 30_000).catch((err) => {
-		logger.error("Exit handler failed to run", err);
+		logger.error(err, "Exit handler failed to run");
 	});
 }
 

src/lib/server/files/downloadFile.ts

@@ -12,10 +12,10 @@ export async function downloadFile(
 
 	const file = await fileId.next();
 	if (!file) {
-		throw error(404, "File not found");
+		error(404, "File not found");
 	}
 	if (file.metadata?.conversation !== convId.toString()) {
-		throw error(403, "You don't have access to this file.");
+		error(403, "You don't have access to this file.");
 	}
 
 	const mime = file.metadata?.mime;

src/routes/+layout.svelte

@@ -207,7 +207,7 @@
 <div
 	class="grid h-full w-screen grid-cols-1 grid-rows-[auto,1fr] overflow-hidden text-smd {!isNavCollapsed
 		? 'md:grid-cols-[280px,1fr]'
-		: 'md:grid-cols-[0px,1fr]'} transition-[300ms] [transition-property:grid-template-columns] md:grid-rows-[1fr] dark:text-gray-300"
+		: 'md:grid-cols-[0px,1fr]'} transition-[300ms] [transition-property:grid-template-columns] dark:text-gray-300 md:grid-rows-[1fr]"
 >
 	<MobileNav isOpen={isNavOpen} on:toggle={(ev) => (isNavOpen = ev.detail)} title={mobileNavTitle}>
 		<NavMenu
@@ -242,8 +242,8 @@
 		href="https://play.google.com/store/apps/details?id=co.huggingface.chat_ui_android"
 		class="fixed left-0 right-0 top-0 mx-auto flex h-fit min-h-12 w-screen flex-nowrap items-center justify-evenly gap-4 bg-gray-200 px-4 py-4 text-gray-900 shadow-lg backdrop-blur-md
 		hover:bg-gray-100
-		sm:top-5 sm:max-w-fit sm:gap-4 sm:rounded-lg
-		dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600"
+		dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 sm:top-5
+		sm:max-w-fit sm:gap-4 sm:rounded-lg"
 	>
 		<button
 			class="border-r-2 border-black/20 pr-4 text-2xl"

src/routes/admin/export/+server.ts

@@ -14,7 +14,7 @@ import { logger } from "$lib/server/logger.js";
 
 export async function POST({ request }) {
 	if (!env.PARQUET_EXPORT_DATASET || !env.PARQUET_EXPORT_HF_TOKEN) {
-		throw error(500, "Parquet export is not configured.");
+		error(500, "Parquet export is not configured.");
 	}
 
 	const { model } = z

src/routes/assistant/[assistantId]/+page.server.ts

@@ -10,11 +10,11 @@ export const load = async ({ params }) => {
 		});
 
 		if (!assistant) {
-			throw redirect(302, `${base}`);
+			redirect(302, `${base}`);
 		}
 
 		return { assistant: JSON.parse(JSON.stringify(assistant)) };
 	} catch {
-		throw redirect(302, `${base}`);
+		redirect(302, `${base}`);
 	}
 };

src/routes/assistant/[assistantId]/thumbnail.png/+server.ts

@@ -18,7 +18,7 @@ export const GET: RequestHandler = (async ({ params }) => {
 	});
 
 	if (!assistant) {
-		throw error(404, "Assistant not found.");
+		error(404, "Assistant not found.");
 	}
 
 	let avatar = "";

src/routes/assistants/+page.server.ts

@@ -11,7 +11,7 @@ const NUM_PER_PAGE = 24;
 
 export const load = async ({ url, locals }) => {
 	if (!env.ENABLE_ASSISTANTS) {
-		throw redirect(302, `${base}/`);
+		redirect(302, `${base}/`);
 	}
 
 	const modelId = url.searchParams.get("modelId");
@@ -28,7 +28,7 @@ export const load = async ({ url, locals }) => {
 			{ projection: { _id: 1 } }
 		);
 		if (!user) {
-			throw error(404, `User "${username}" doesn't exist`);
+			error(404, `User "${username}" doesn't exist`);
 		}
 	}
 

src/routes/assistants/+page.svelte

@@ -195,7 +195,7 @@
 				{/if}
 			{/if}
 			<div
-				class="relative ml-auto flex h-[30px] w-40 items-center rounded-full border px-2 has-[:focus]:border-gray-400 sm:w-64 dark:border-gray-600"
+				class="relative ml-auto flex h-[30px] w-40 items-center rounded-full border px-2 has-[:focus]:border-gray-400 dark:border-gray-600 sm:w-64"
 			>
 				<CarbonSearch class="pointer-events-none absolute left-2 text-xs text-gray-400" />
 				<input
@@ -227,7 +227,7 @@
 					!!assistant?.dynamicPrompt}
 
 				<button
-					class="relative flex flex-col items-center justify-center overflow-hidden text-balance rounded-xl border bg-gray-50/50 px-4 py-6 text-center shadow hover:bg-gray-50 hover:shadow-inner max-sm:px-4 sm:h-64 sm:pb-4 xl:pt-8 dark:border-gray-800/70 dark:bg-gray-950/20 dark:hover:bg-gray-950/40"
+					class="relative flex flex-col items-center justify-center overflow-hidden text-balance rounded-xl border bg-gray-50/50 px-4 py-6 text-center shadow hover:bg-gray-50 hover:shadow-inner dark:border-gray-800/70 dark:bg-gray-950/20 dark:hover:bg-gray-950/40 max-sm:px-4 sm:h-64 sm:pb-4 xl:pt-8"
 					on:click={() => {
 						if (data.settings.assistants.includes(assistant._id.toString())) {
 							settings.instantSet({ activeModel: assistant._id.toString() });
@@ -263,7 +263,7 @@
 						/>
 					{:else}
 						<div
-							class="mb-2 flex aspect-square size-12 flex-none items-center justify-center rounded-full bg-gray-300 text-2xl font-bold uppercase text-gray-500 sm:mb-6 sm:size-20 dark:bg-gray-800"
+							class="mb-2 flex aspect-square size-12 flex-none items-center justify-center rounded-full bg-gray-300 text-2xl font-bold uppercase text-gray-500 dark:bg-gray-800 sm:mb-6 sm:size-20"
 						>
 							{assistant.name[0]}
 						</div>
@@ -273,7 +273,7 @@
 					>
 						{assistant.name}
 					</h3>
-					<p class="line-clamp-4 text-xs text-gray-700 sm:line-clamp-2 dark:text-gray-400">
+					<p class="line-clamp-4 text-xs text-gray-700 dark:text-gray-400 sm:line-clamp-2">
 						{assistant.description}
 					</p>
 					{#if assistant.createdByName}

src/routes/conversation/+server.ts

@@ -27,23 +27,20 @@ export const POST: RequestHandler = async ({ locals, request }) => {
 		.safeParse(JSON.parse(body));
 
 	if (!parsedBody.success) {
-		throw error(400, "Invalid request");
+		error(400, "Invalid request");
 	}
 	const values = parsedBody.data;
 
 	const convCount = await collections.conversations.countDocuments(authCondition(locals));
 
 	if (usageLimits?.conversations && convCount > usageLimits?.conversations) {
-		throw error(
-			429,
-			"You have reached the maximum number of conversations. Delete some to continue."
-		);
+		error(429, "You have reached the maximum number of conversations. Delete some to continue.");
 	}
 
 	const model = models.find((m) => (m.id || m.name) === values.model);
 
 	if (!model) {
-		throw error(400, "Invalid model");
+		error(400, "Invalid model");
 	}
 
 	let messages: Message[] = [
@@ -67,7 +64,7 @@ export const POST: RequestHandler = async ({ locals, request }) => {
 		});
 
 		if (!conversation) {
-			throw error(404, "Conversation not found");
+			error(404, "Conversation not found");
 		}
 
 		title = conversation.title;
@@ -82,7 +79,7 @@ export const POST: RequestHandler = async ({ locals, request }) => {
 	embeddingModel ??= model.embeddingModel ?? defaultEmbeddingModel.name;
 
 	if (model.unlisted) {
-		throw error(400, "Can't start a conversation with an unlisted model");
+		error(400, "Can't start a conversation with an unlisted model");
 	}
 
 	// get preprompt from assistant if it exists
@@ -127,5 +124,5 @@ export const POST: RequestHandler = async ({ locals, request }) => {
 };
 
 export const GET: RequestHandler = async () => {
-	throw redirect(302, `${base}/`);
+	redirect(302, `${base}/`);
 };

src/routes/conversation/[id]/+page.server.ts

@@ -18,7 +18,7 @@ export const load = async ({ params, depends, locals }) => {
 		shared = true;
 
 		if (!conversation) {
-			throw error(404, "Conversation not found");
+			error(404, "Conversation not found");
 		}
 	} else {
 		// todo: add validation on params.id
@@ -36,13 +36,13 @@ export const load = async ({ params, depends, locals }) => {
 				})) !== 0;
 
 			if (conversationExists) {
-				throw error(
+				error(
 					403,
 					"You don't have access to this conversation. If someone gave you this link, ask them to use the 'share' feature instead."
 				);
 			}
 
-			throw error(404, "Conversation not found.");
+			error(404, "Conversation not found.");
 		}
 	}
 
@@ -73,7 +73,7 @@ export const actions = {
 		const messageId = data.get("messageId");
 
 		if (!messageId || typeof messageId !== "string") {
-			throw error(400, "Invalid message id");
+			error(400, "Invalid message id");
 		}
 
 		const conversation = await collections.conversations.findOne({
@@ -82,7 +82,7 @@ export const actions = {
 		});
 
 		if (!conversation) {
-			throw error(404, "Conversation not found");
+			error(404, "Conversation not found");
 		}
 
 		const filteredMessages = conversation.messages

src/routes/conversation/[id]/+server.ts

@@ -33,7 +33,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 
 	// check user
 	if (!userId) {
-		throw error(401, "Unauthorized");
+		error(401, "Unauthorized");
 	}
 
 	// check if the user has access to the conversation
@@ -56,7 +56,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 		);
 
 		if (!res.acknowledged) {
-			throw error(500, "Failed to convert conversation");
+			error(500, "Failed to convert conversation");
 		}
 	}
 
@@ -66,7 +66,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 	});
 
 	if (!conv) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	// register the event for ratelimiting
@@ -95,7 +95,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 			)[0]?.messages ?? 0;
 
 		if (totalMessages > messagesBeforeLogin) {
-			throw error(429, "Exceeded number of messages before login");
+			error(429, "Exceeded number of messages before login");
 		}
 	}
 
@@ -112,12 +112,12 @@ export async function POST({ request, locals, params, getClientAddress }) {
 			})
 		);
 		if (nEvents > usageLimits.messagesPerMinute) {
-			throw error(429, ERROR_MESSAGES.rateLimited);
+			error(429, ERROR_MESSAGES.rateLimited);
 		}
 	}
 
 	if (usageLimits?.messages && conv.messages.length > usageLimits.messages) {
-		throw error(
+		error(
 			429,
 			`This conversation has more than ${usageLimits.messages} messages. Start a new one to continue`
 		);
@@ -127,7 +127,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 	const model = models.find((m) => m.id === conv.model);
 
 	if (!model) {
-		throw error(410, "Model not available anymore");
+		error(410, "Model not available anymore");
 	}
 
 	// finally parse the content of the request
@@ -136,7 +136,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 	const json = form.get("data");
 
 	if (!json || typeof json !== "string") {
-		throw error(400, "Invalid request");
+		error(400, "Invalid request");
 	}
 
 	const {
@@ -185,7 +185,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 	);
 
 	if (usageLimits?.messageLength && (newPrompt?.length ?? 0) > usageLimits.messageLength) {
-		throw error(400, "Message too long.");
+		error(400, "Message too long.");
 	}
 
 	// each file is either:
@@ -203,7 +203,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 	// check sizes
 	// todo: make configurable
 	if (b64Files.some((file) => file.size > 10 * 1024 * 1024)) {
-		throw error(413, "File too large, should be <10MB");
+		error(413, "File too large, should be <10MB");
 	}
 
 	const uploadedFiles = await Promise.all(b64Files.map((file) => uploadFile(file, conv))).then(
@@ -219,7 +219,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 		// if it's the last message and we continue then we build the prompt up to the last message
 		// we will strip the end tokens afterwards when the prompt is built
 		if ((conv.messages.find((msg) => msg.id === messageId)?.children?.length ?? 0) > 0) {
-			throw error(400, "Can only continue the last message");
+			error(400, "Can only continue the last message");
 		}
 		messageToWriteToId = messageId;
 		messagesForPrompt = buildSubtree(conv, messageId);
@@ -232,7 +232,7 @@ export async function POST({ request, locals, params, getClientAddress }) {
 		const messageToRetry = conv.messages.find((message) => message.id === messageId);
 
 		if (!messageToRetry) {
-			throw error(404, "Message not found");
+			error(404, "Message not found");
 		}
 
 		if (messageToRetry.from === "user" && newPrompt) {
@@ -302,10 +302,10 @@ export async function POST({ request, locals, params, getClientAddress }) {
 
 	const messageToWriteTo = conv.messages.find((message) => message.id === messageToWriteToId);
 	if (!messageToWriteTo) {
-		throw error(500, "Failed to create message");
+		error(500, "Failed to create message");
 	}
 	if (messagesForPrompt.length === 0) {
-		throw error(500, "Failed to create prompt");
+		error(500, "Failed to create prompt");
 	}
 
 	// update the conversation with the new messages
@@ -491,7 +491,7 @@ export async function DELETE({ locals, params }) {
 	});
 
 	if (!conv) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	await collections.conversations.deleteOne({ _id: conv._id });
@@ -512,7 +512,7 @@ export async function PATCH({ request, locals, params }) {
 	});
 
 	if (!conv) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	await collections.conversations.updateOne(

src/routes/conversation/[id]/message/[messageId]/prompt/+server.ts

@@ -19,7 +19,7 @@ export async function GET({ params, locals }) {
 			  });
 
 	if (conv === null) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	const messageId = params.messageId;
@@ -27,13 +27,13 @@ export async function GET({ params, locals }) {
 	const messageIndex = conv.messages.findIndex((msg) => msg.id === messageId);
 
 	if (!isMessageId(messageId) || messageIndex === -1) {
-		throw error(404, "Message not found");
+		error(404, "Message not found");
 	}
 
 	const model = models.find((m) => m.id === conv.model);
 
 	if (!model) {
-		throw error(404, "Conversation model not found");
+		error(404, "Conversation model not found");
 	}
 
 	const messagesUpTo = buildSubtree(conv, messageId);

src/routes/conversation/[id]/message/[messageId]/vote/+server.ts

@@ -31,7 +31,7 @@ export async function POST({ params, request, locals }) {
 	);
 
 	if (!document.matchedCount) {
-		throw error(404, "Message not found");
+		error(404, "Message not found");
 	}
 
 	return new Response();

src/routes/conversation/[id]/output/[sha256]/+server.ts

@@ -13,7 +13,7 @@ export const GET: RequestHandler = async ({ locals, params }) => {
 
 	// check user
 	if (!userId) {
-		throw error(401, "Unauthorized");
+		error(401, "Unauthorized");
 	}
 
 	if (params.id.length !== 7) {
@@ -26,7 +26,7 @@ export const GET: RequestHandler = async ({ locals, params }) => {
 		});
 
 		if (!conv) {
-			throw error(404, "Conversation not found");
+			error(404, "Conversation not found");
 		}
 	} else {
 		// look for the conversation in shared conversations
@@ -35,7 +35,7 @@ export const GET: RequestHandler = async ({ locals, params }) => {
 		});
 
 		if (!conv) {
-			throw error(404, "Conversation not found");
+			error(404, "Conversation not found");
 		}
 	}
 

src/routes/conversation/[id]/share/+server.ts

@@ -14,7 +14,7 @@ export async function POST({ params, url, locals }) {
 	});
 
 	if (!conversation) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	const hash = await hashConv(conversation);

src/routes/conversation/[id]/stop-generating/+server.ts

@@ -15,7 +15,7 @@ export async function POST({ params, locals }) {
 	});
 
 	if (!conversation) {
-		throw error(404, "Conversation not found");
+		error(404, "Conversation not found");
 	}
 
 	await collections.abortedGenerations.updateOne(

src/routes/conversations/+page.server.ts

@@ -12,6 +12,6 @@ export const actions = {
 			});
 		}
 
-		throw redirect(303, `${base}/`);
+		redirect(303, `${base}/`);
 	},
 };

src/routes/login/+page.server.ts

@@ -22,6 +22,6 @@ export const actions = {
 			{ sessionId: locals.sessionId }
 		);
 
-		throw redirect(303, authorizationUrl);
+		redirect(303, authorizationUrl);
 	},
 };

src/routes/login/callback/+page.server.ts

@@ -22,7 +22,7 @@ export async function load({ url, locals, cookies, request, getClientAddress })
 		.parse(Object.fromEntries(url.searchParams.entries()));
 
 	if (errorName) {
-		throw error(400, errorName + (errorDescription ? ": " + errorDescription : ""));
+		error(400, errorName + (errorDescription ? ": " + errorDescription : ""));
 	}
 
 	const { code, state, iss } = z
@@ -38,7 +38,7 @@ export async function load({ url, locals, cookies, request, getClientAddress })
 	const validatedToken = await validateAndParseCsrfToken(csrfToken, locals.sessionId);
 
 	if (!validatedToken) {
-		throw error(403, "Invalid or expired CSRF token");
+		error(403, "Invalid or expired CSRF token");
 	}
 
 	const { userData } = await getOIDCUserData(
@@ -50,14 +50,14 @@ export async function load({ url, locals, cookies, request, getClientAddress })
 	// Filter by allowed user emails
 	if (allowedUserEmails.length > 0) {
 		if (!userData.email) {
-			throw error(403, "User not allowed: email not returned");
+			error(403, "User not allowed: email not returned");
 		}
 		const emailVerified = userData.email_verified ?? true;
 		if (!emailVerified) {
-			throw error(403, "User not allowed: email not verified");
+			error(403, "User not allowed: email not verified");
 		}
 		if (!allowedUserEmails.includes(userData.email)) {
-			throw error(403, "User not allowed");
+			error(403, "User not allowed");
 		}
 	}
 
@@ -71,5 +71,5 @@ export async function load({ url, locals, cookies, request, getClientAddress })
 		ip: getClientAddress(),
 	});
 
-	throw redirect(302, `${base}/`);
+	redirect(302, `${base}/`);
 }

src/routes/login/callback/updateUser.ts

@@ -103,7 +103,7 @@ export async function updateUser(params: {
 	const sessionId = await sha256(secretSessionId);
 
 	if (await collections.sessions.findOne({ sessionId })) {
-		throw error(500, "Session ID collision");
+		error(500, "Session ID collision");
 	}
 
 	locals.sessionId = sessionId;

src/routes/logout/+page.server.ts

@@ -15,6 +15,6 @@ export const actions = {
 			secure: !dev && !(env.ALLOW_INSECURE_COOKIES === "true"),
 			httpOnly: true,
 		});
-		throw redirect(303, `${base}/`);
+		redirect(303, `${base}/`);
 	},
 };

src/routes/models/[...model]/+page.server.ts

@@ -9,7 +9,7 @@ export async function load({ params, locals, parent }) {
 	const data = await parent();
 
 	if (!model || model.unlisted) {
-		throw redirect(302, `${base}/`);
+		redirect(302, `${base}/`);
 	}
 
 	if (locals.user?._id ?? locals.sessionId) {

src/routes/models/[...model]/thumbnail.png/+server.ts

@@ -15,7 +15,7 @@ export const GET: RequestHandler = (async ({ params }) => {
 	const model = models.find(({ id }) => id === params.model);
 
 	if (!model || model.unlisted) {
-		throw redirect(302, `${base}/`);
+		redirect(302, `${base}/`);
 	}
 	const renderedComponent = (ModelThumbnail as unknown as SvelteComponent).render({
 		name: model.name,

src/routes/r/[id]/+page.ts

@@ -1,5 +1,5 @@
 import { redirect } from "@sveltejs/kit";
 
 export const load = async ({ params }) => {
-	throw redirect(302, "../conversation/" + params.id);
+	redirect(302, "../conversation/" + params.id);
 };

src/routes/settings/(nav)/+page.svelte

@@ -96,7 +96,7 @@
 				</p>
 				<button
 					type="submit"
-					class="mt-2 rounded-full bg-red-700 px-5 py-2 text-lg font-semibold text-gray-100 ring-gray-400 ring-offset-1 transition-all focus-visible:outline-none focus-visible:ring hover:ring"
+					class="mt-2 rounded-full bg-red-700 px-5 py-2 text-lg font-semibold text-gray-100 ring-gray-400 ring-offset-1 transition-all hover:ring focus-visible:outline-none focus-visible:ring"
 				>
 					Confirm deletion
 				</button>

src/routes/settings/(nav)/[...model]/+page.ts

@@ -7,7 +7,7 @@ export async function load({ parent, params }) {
 	const model = data.models.find((m: { id: string }) => m.id === params.model);
 
 	if (!model || model.unlisted) {
-		throw redirect(302, `${base}/settings`);
+		redirect(302, `${base}/settings`);
 	}
 
 	return data;

src/routes/settings/(nav)/assistants/[assistantId]/+page.server.ts

@@ -57,7 +57,7 @@ export const actions: Actions = {
 			fileId = await fileCursor.next();
 		}
 
-		throw redirect(302, `${base}/settings`);
+		redirect(302, `${base}/settings`);
 	},
 	report: async ({ request, params, locals, url }) => {
 		// is there already a report from this user for this model ?
@@ -168,7 +168,7 @@ export const actions: Actions = {
 			await collections.assistants.updateOne({ _id: assistant._id }, { $inc: { userCount: -1 } });
 		}
 
-		throw redirect(302, `${base}/settings`);
+		redirect(302, `${base}/settings`);
 	},
 
 	unfeature: async ({ params, locals }) => {

src/routes/settings/(nav)/assistants/[assistantId]/+page.ts

@@ -7,7 +7,7 @@ export async function load({ parent, params }) {
 	const assistant = data.settings.assistants.find((id) => id === params.assistantId);
 
 	if (!assistant) {
-		throw redirect(302, `${base}/assistant/${params.assistantId}`);
+		redirect(302, `${base}/assistant/${params.assistantId}`);
 	}
 
 	return data;

src/routes/settings/(nav)/assistants/[assistantId]/avatar.jpg/+server.ts

@@ -8,18 +8,18 @@ export const GET: RequestHandler = async ({ params }) => {
 	});
 
 	if (!assistant) {
-		throw error(404, "No assistant found");
+		error(404, "No assistant found");
 	}
 
 	if (!assistant.avatar) {
-		throw error(404, "No avatar found");
+		error(404, "No avatar found");
 	}
 
 	const fileId = collections.bucket.find({ filename: assistant._id.toString() });
 
 	const content = await fileId.next().then(async (file) => {
 		if (!file?._id) {
-			throw error(404, "Avatar not found");
+			error(404, "Avatar not found");
 		}
 
 		const fileStream = collections.bucket.openDownloadStream(file?._id);

src/routes/settings/(nav)/assistants/[assistantId]/edit/+page.server.ts

@@ -168,7 +168,7 @@ export const actions: Actions = {
 		);
 
 		if (acknowledged) {
-			throw redirect(302, `${base}/settings/assistants/${assistant._id}`);
+			redirect(302, `${base}/settings/assistants/${assistant._id}`);
 		} else {
 			throw Error("Update failed");
 		}

src/routes/settings/(nav)/assistants/new/+page.server.ts

@@ -154,6 +154,6 @@ export const actions: Actions = {
 			$addToSet: { assistants: insertedId },
 		});
 
-		throw redirect(302, `${base}/settings/assistants/${insertedId}`);
+		redirect(302, `${base}/settings/assistants/${insertedId}`);
 	},
 };

svelte.config.js

@@ -1,5 +1,5 @@
 import adapter from "@sveltejs/adapter-node";
-import { vitePreprocess } from "@sveltejs/kit/vite";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import dotenv from "dotenv";
 
 dotenv.config({ path: "./.env.local" });