fix ci

.eslintignore

@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock

eslint.config.mts

@@ -48,6 +48,7 @@ export default ts.config(
 		rules: {
 			"require-yield": "off",
 			"@typescript-eslint/no-explicit-any": "error",
+			"@typescript-eslint/no-unused-expressions": "off",
 			// "@typescript-eslint/no-non-null-assertion": "error",
 
 			"@typescript-eslint/no-unused-vars": [
@@ -59,6 +60,7 @@ export default ts.config(
 
 			"object-shorthand": ["error", "always"],
 			"svelte/no-at-html-tags": "off",
+			"svelte/require-each-key": "off",
 			"local/enforce-ext": [
 				"error",
 				{

package.json

@@ -21,7 +21,6 @@
 		"@huggingface/tasks": "^0.17.1",
 		"@iconify-json/carbon": "^1.2.8",
 		"@iconify-json/material-symbols": "^1.2.15",
-		"@melt-ui/svelte": "^0.86.3",
 		"@ryoppippi/unplugin-typia": "^1.0.0",
 		"@samchon/openapi": "^3.0.0",
 		"@sveltejs/adapter-auto": "^3.2.2",
@@ -37,7 +36,7 @@
 		"globals": "^16.0.0",
 		"highlight.js": "^11.10.0",
 		"jiti": "^2.4.2",
-		"melt": "^0.17.3",
+		"melt": "^0.17.8",
 		"postcss": "^8.4.38",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.2.6",

pnpm-lock.yaml

@@ -36,9 +36,6 @@ importers:
       '@iconify-json/material-symbols':
         specifier: ^1.2.15
         version: 1.2.15
-      '@melt-ui/svelte':
-        specifier: ^0.86.3
-        version: 0.86.3([email protected])
       '@ryoppippi/unplugin-typia':
         specifier: ^1.0.0
         version: 1.2.0(@samchon/[email protected])([email protected])([email protected])([email protected])([email protected])
@@ -85,8 +82,8 @@ importers:
         specifier: ^2.4.2
         version: 2.4.2
       melt:
-        specifier: ^0.17.3
-        version: 0.17.3(@floating-ui/[email protected])([email protected])
+        specifier: ^0.17.8
+        version: 0.17.8(@floating-ui/[email protected])([email protected])
       postcss:
         specifier: ^8.4.38
         version: 8.5.3
@@ -530,9 +527,6 @@ packages:
   '@iconify/[email protected]':
     resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==}
 
-  '@internationalized/[email protected]':
-    resolution: {integrity: sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==}
-
   '@jest/[email protected]':
     resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -555,11 +549,6 @@ packages:
   '@jridgewell/[email protected]':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
-  '@melt-ui/[email protected]':
-    resolution: {integrity: sha512-ZsWmHGd6P636mws1CgatlX7JtLkWoUBPXeNzPzvHYgZdagp8io8MPFotDIfRyKwTEQFUqF9fhBks6CWr0Nupuw==}
-    peerDependencies:
-      svelte: ^3.0.0 || ^4.0.0 || ^5.0.0-next.118
-
   '@nodelib/[email protected]':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -758,9 +747,6 @@ packages:
       svelte: ^5.0.0-next.96 || ^5.0.0
       vite: ^5.0.0
 
-  '@swc/[email protected]':
-    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
-
   '@tailwindcss/[email protected]':
     resolution: {integrity: sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==}
     peerDependencies:
@@ -1077,10 +1063,6 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
-  [email protected]:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
   [email protected]:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -1282,9 +1264,6 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
 
-  [email protected]:
-    resolution: {integrity: sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==}
-
   [email protected]:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1566,8 +1545,8 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
 
-  [email protected].3:
-    resolution: {integrity: sha512-cQV/CvYNEW5JxkQLwNYG5cpZ1jSt1eLp2IPfWd94wAdaKhorAWGPc54CDaf1+wQcTSPkxIyJfKszsitTDUrOTA==}
+  [email protected].8:
+    resolution: {integrity: sha512-k2yRx3B4CTHylSOkXelYh6ds/0/NEhy/Q5pfpF4ETlZH6JZMlzhuO7bWKEuLTxqZ4X2tmAnrQTqWLtSzUB5uGA==}
     peerDependencies:
       '@floating-ui/dom': ^1.6.0
       svelte: ^5.0.0
@@ -1975,9 +1954,6 @@ packages:
     resolution: {integrity: sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  [email protected]:
-    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
-
   [email protected]:
     resolution: {integrity: sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==}
 
@@ -2488,10 +2464,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@internationalized/[email protected]':
-    dependencies:
-      '@swc/helpers': 0.5.15
-
   '@jest/[email protected]':
     dependencies:
       '@sinclair/typebox': 0.27.8
@@ -2513,16 +2485,6 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@melt-ui/[email protected]([email protected])':
-    dependencies:
-      '@floating-ui/core': 1.6.9
-      '@floating-ui/dom': 1.6.13
-      '@internationalized/date': 3.7.0
-      dequal: 2.0.3
-      focus-trap: 7.6.4
-      nanoid: 5.1.2
-      svelte: 5.23.0
-
   '@nodelib/[email protected]':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -2722,10 +2684,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@swc/[email protected]':
-    dependencies:
-      tslib: 2.8.1
-
   '@tailwindcss/[email protected]([email protected])':
     dependencies:
       tailwindcss: 4.0.9
@@ -3019,8 +2977,6 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected]: {}
-
   [email protected]: {}
 
   [email protected]: {}
@@ -3277,10 +3233,6 @@ snapshots:
 
   [email protected]: {}
 
-  [email protected]:
-    dependencies:
-      tabbable: 6.2.0
-
   [email protected]:
     optional: true
 
@@ -3519,7 +3471,7 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  [email protected].3(@floating-ui/[email protected])([email protected]):
+  [email protected].8(@floating-ui/[email protected])([email protected]):
     dependencies:
       '@floating-ui/dom': 1.6.13
       jest-axe: 9.0.0
@@ -3883,8 +3835,6 @@ snapshots:
       '@pkgr/core': 0.1.1
       tslib: 2.8.1
 
-  [email protected]: {}
-
   [email protected]: {}
 
   [email protected]: {}

src/lib/components/debug-menu.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import { dev } from "$app/environment";
 	import { session } from "$lib/state/session.svelte.js";
-	import { createPopover } from "@melt-ui/svelte";
-	import { prompt } from "./prompts.svelte";
 	import { token } from "$lib/state/token.svelte.js";
 	import { compareStr } from "$lib/utils/compare.js";
+	import { Popover } from "melt/builders";
+	import { prompt } from "./prompts.svelte";
+	import { showQuotaModal } from "./quota-modal.svelte";
 	import type { ToastData } from "./toaster.svelte.js";
 	import { addToast } from "./toaster.svelte.js";
-	import { showQuotaModal } from "./quota-modal.svelte";
 
 	let innerWidth = $state<number>();
 	let innerHeight = $state<number>();
@@ -16,9 +16,7 @@
 		document.body.classList.toggle("dark");
 	}
 
-	const {
-		elements: { trigger, content },
-	} = createPopover();
+	const popover = new Popover();
 
 	type Action = {
 		label: string;
@@ -72,10 +70,7 @@
 					},
 				];
 
-				addToast(
-					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-					toastData[Math.floor(Math.random() * toastData.length)]!
-				);
+				addToast(toastData[Math.floor(Math.random() * toastData.length)]!);
 			},
 		},
 	].toSorted((a, b) => compareStr(a.label, b.label));
@@ -85,14 +80,13 @@
 
 {#if dev}
 	<div class="abs-x-center fixed bottom-0 z-50">
-		<button class="rounded-t-md bg-gray-500 px-3 py-1 text-xs text-white hover:bg-gray-600" {...$trigger} use:trigger>
+		<button class="rounded-t-md bg-gray-500 px-3 py-1 text-xs text-white hover:bg-gray-600" {...popover.trigger}>
 			Debug
 		</button>
 
 		<div
 			class="mb-2 w-128 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800"
-			{...$content}
-			use:content
+			{...popover.content}
 		>
 			<h3 class="mb-3 text-lg font-semibold dark:text-white">Debug Menu</h3>
 

src/lib/components/inference-playground/playground.svelte

@@ -231,7 +231,7 @@
 		<div
 			class="flex h-[calc(100dvh-5rem-120px)] divide-x divide-gray-200 overflow-x-auto overflow-y-hidden *:w-full max-sm:w-dvw md:h-[calc(100dvh-5rem)] md:pt-3 dark:divide-gray-800"
 		>
-			{#each session.project.conversations as _conversation, conversationIdx}
+			{#each session.project.conversations as conversation, conversationIdx (conversation)}
 				<div class="max-sm:min-w-full">
 					{#if compareActive}
 						<PlaygroundConversationHeader

src/lib/components/inference-playground/provider-select.svelte

@@ -5,7 +5,7 @@
 
 	import { randomPick } from "$lib/utils/array.js";
 	import { cn } from "$lib/utils/cn.js";
-	import { createSelect, createSync } from "@melt-ui/svelte";
+	import { Select } from "melt/builders";
 	import IconCaret from "~icons/carbon/chevron-down";
 	import IconProvider from "../icon-provider.svelte";
 
@@ -27,16 +27,11 @@
 		reset(providers);
 	});
 
-	const {
-		elements: { trigger, menu, option },
-		states: { selected },
-	} = createSelect<string, false>();
-	const sync = createSync({ selected });
-	run(() => {
-		sync.selected(
-			conversation.provider ? { value: conversation.provider } : undefined,
-			p => (conversation.provider = p?.value)
-		);
+	const select = new Select<string, false>({
+		value: () => conversation.provider,
+		onValueChange(v) {
+			conversation.provider = v;
+		},
 	});
 
 	const nameMap: Record<string, string> = {
@@ -81,8 +76,7 @@
 	-->
 
 	<button
-		{...$trigger}
-		use:trigger
+		{...select.trigger}
 		class={cn(
 			"relative flex items-center justify-between gap-6 overflow-hidden rounded-lg border bg-gray-100/80 px-3 py-1.5 leading-tight whitespace-nowrap shadow-sm",
 			"hover:brightness-95 dark:border-gray-700 dark:bg-gray-800 dark:hover:brightness-110",
@@ -100,9 +94,9 @@
 		</div>
 	</button>
 
-	<div {...$menu} use:menu class="rounded-lg border bg-gray-100 dark:border-gray-700 dark:bg-gray-800">
+	<div {...select.content} class="rounded-lg border bg-gray-100 dark:border-gray-700 dark:bg-gray-800">
 		{#each conversation.model.inferenceProviderMapping as { provider, providerId } (provider + providerId)}
-			<button {...$option({ value: provider })} use:option class="group block w-full p-1 text-sm dark:text-white">
+			<button {...select.getOption(provider)} class="group block w-full p-1 text-sm dark:text-white">
 				<div
 					class="flex items-center gap-2 rounded-md px-2 py-1.5 group-data-[highlighted]:bg-gray-200 dark:group-data-[highlighted]:bg-gray-700"
 				>

src/lib/components/inference-playground/utils.ts

@@ -50,7 +50,6 @@ export async function handleNonStreamingResponse(
 	});
 
 	if (response.choices && response.choices.length > 0) {
-		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 		const { message } = response.choices[0]!;
 		const { completion_tokens } = response.usage;
 		return { message, completion_tokens };