refac

package.json

@@ -59,6 +59,7 @@
 		"@codemirror/theme-one-dark": "^6.1.2",
 		"@floating-ui/dom": "^1.7.2",
 		"@huggingface/transformers": "^3.0.0",
+		"@internationalized/date": "^3.12.0",
 		"@joplin/turndown-plugin-gfm": "^1.0.62",
 		"@mediapipe/tasks-vision": "^0.10.17",
 		"@pyscript/core": "^0.4.32",
@@ -89,7 +90,7 @@
 		"@xyflow/svelte": "^0.1.19",
 		"alpinejs": "^3.15.0",
 		"async": "^3.2.5",
-		"bits-ui": "^0.21.15",
+		"bits-ui": "^2.16.3",
 		"chart.js": "^4.5.0",
 		"codemirror": "^6.0.1",
 		"codemirror-lang-elixir": "^4.0.0",

src/lib/components/chat/Messages/Markdown/SourceToken.svelte

@@ -65,7 +65,7 @@
 				align="start"
 				strategy="fixed"
 				sideOffset={6}
-				el={containerElement}
+				ref={containerElement}
 			>
 				<div class="bg-gray-50 dark:bg-gray-850 rounded-xl p-1 cursor-pointer">
 					{#each token.citationIdentifiers ?? token.ids as identifier}

src/lib/components/common/Pagination.svelte

@@ -11,7 +11,8 @@
 </script>
 
 <div class="flex justify-center">
-	<Pagination.Root bind:page {count} {perPage} let:pages>
+	<Pagination.Root bind:page {count} {perPage}>
+		{#snippet children({ pages })}
 		<div class="my-2 flex items-center">
 			<Pagination.PrevButton
 				class="mr-[25px] inline-flex size-8 items-center justify-center rounded-[9px] bg-transparent hover:bg-gray-50 dark:hover:bg-gray-850 active:scale-98 disabled:cursor-not-allowed disabled:text-gray-400 dark:disabled:text-gray-700 hover:disabled:bg-transparent dark:hover:disabled:bg-transparent"
@@ -38,5 +39,6 @@
 				<ChevronRight className="size-4" strokeWidth="2" />
 			</Pagination.NextButton>
 		</div>
+		{/snippet}
 	</Pagination.Root>
 </div>