From 1a3f080b8d5829bec3853753da8a10910f30005a Mon Sep 17 00:00:00 2001
From: itsmegood <ishersingh16@gmail.com>
Date: Sun, 18 Feb 2024 23:12:52 +0530
Subject: [PATCH] just commit

---
 app/components/search-bar.tsx                 |  58 +--
 app/components/ui/dropdown-menu.tsx           |  11 +-
 app/routes/$.tsx                              |  11 +-
 app/routes/c.$companyId+/_layout_company.tsx  |   5 +-
 app/routes/c.$companyId+/search.tsx           | 447 +++++++++++++++++-
 .../c.$companyId.sales+/new.$accountId.tsx    |  12 +-
 app/routes/c.$companyId.sales+/new.tsx        |  32 --
 app/styles/tailwind.css                       |   2 +-
 package-lock.json                             | 139 +++---
 package.json                                  |  14 +-
 10 files changed, 576 insertions(+), 155 deletions(-)
 delete mode 100644 app/routes/c.$companyId.sales+/new.tsx

diff --git a/app/components/search-bar.tsx b/app/components/search-bar.tsx
index 5d49514..a36796d 100644
--- a/app/components/search-bar.tsx
+++ b/app/components/search-bar.tsx
@@ -14,6 +14,7 @@ export function SearchBar({
 	onSubmitHandler,
 	className,
 	searchParam,
+	searchRef,
 }: {
 	action: string
 	status: 'idle' | 'pending' | 'success' | 'error'
@@ -22,6 +23,7 @@ export function SearchBar({
 	autoSubmit?: boolean
 	className?: string
 	searchParam?: string
+	searchRef?: React.RefObject<HTMLInputElement>
 }) {
 	const id = useId()
 	const [searchParams] = useSearchParams()
@@ -38,38 +40,38 @@ export function SearchBar({
 	}, 400)
 
 	return (
-		<Form
-			method="GET"
-			action={action}
-			className={cn(
-				'flex w-full flex-wrap items-center justify-center gap-2',
-				className,
-			)}
-			onChange={e => autoSubmit && handleFormChange(e.currentTarget)}
-			onSubmit={onSubmitHandler}
-		>
-			<div className="flex-1" key={defaultValue}>
-				<Label htmlFor={id} className="sr-only">
-					Search
-				</Label>
-				<Input
-					type="search"
-					name={searchParam ?? 'search'}
-					id={id}
-					defaultValue={defaultValue}
-					placeholder="Search"
-					className="h-full w-full"
-					autoFocus={autoFocusSearch}
-				/>
-			</div>
+		<div className="flex gap-4">
+			<Form
+				method="GET"
+				action={action}
+				className={cn('w-full', className)}
+				onChange={e => autoSubmit && handleFormChange(e.currentTarget)}
+				onSubmit={onSubmitHandler}
+			>
+				<div key={defaultValue}>
+					<Label htmlFor={id} className="sr-only">
+						Search
+					</Label>
+					<Input
+						ref={searchRef}
+						type="search"
+						name={searchParam ?? 'search'}
+						id={id}
+						defaultValue={defaultValue}
+						placeholder="Search"
+						autoFocus={autoFocusSearch}
+					/>
+				</div>
+			</Form>
 			<StatusButton
+				tabIndex={autoSubmit ? -1 : 0}
 				type="submit"
 				status={isSubmitting ? 'pending' : status}
-				size="sm"
 			>
-				<Icon name="magnifying-glass" size="sm" />
-				<span className="sr-only">Search</span>
+				<Icon name="magnifying-glass">
+					<span className="hidden md:flex">Search</span>
+				</Icon>
 			</StatusButton>
-		</Form>
+		</div>
 	)
 }
diff --git a/app/components/ui/dropdown-menu.tsx b/app/components/ui/dropdown-menu.tsx
index 3bb4fe3..6b122dc 100644
--- a/app/components/ui/dropdown-menu.tsx
+++ b/app/components/ui/dropdown-menu.tsx
@@ -24,7 +24,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
 	<DropdownMenuPrimitive.SubTrigger
 		ref={ref}
 		className={cn(
-			'flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+			'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
 			inset && 'pl-8',
 			className,
 		)}
@@ -62,7 +62,8 @@ const DropdownMenuContent = React.forwardRef<
 			ref={ref}
 			sideOffset={sideOffset}
 			className={cn(
-				'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+				'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',
+				'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
 				className,
 			)}
 			{...props}
@@ -80,7 +81,7 @@ const DropdownMenuItem = React.forwardRef<
 	<DropdownMenuPrimitive.Item
 		ref={ref}
 		className={cn(
-			'relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 			inset && 'pl-8',
 			className,
 		)}
@@ -96,7 +97,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
 	<DropdownMenuPrimitive.CheckboxItem
 		ref={ref}
 		className={cn(
-			'relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 			className,
 		)}
 		checked={checked}
@@ -129,7 +130,7 @@ const DropdownMenuRadioItem = React.forwardRef<
 	<DropdownMenuPrimitive.RadioItem
 		ref={ref}
 		className={cn(
-			'relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+			'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
 			className,
 		)}
 		{...props}
diff --git a/app/routes/$.tsx b/app/routes/$.tsx
index b26d52a..51a53bb 100644
--- a/app/routes/$.tsx
+++ b/app/routes/$.tsx
@@ -5,7 +5,7 @@
 // ensure the user gets the right status code and we can display a nicer error
 // message for them than the Remix and/or browser default.
 
-import { Link, useLocation } from '@remix-run/react'
+import { Link, useLocation, useNavigate } from '@remix-run/react'
 import { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'
 import { Icon } from '#app/components/ui/icon.tsx'
 
@@ -21,6 +21,9 @@ export default function NotFound() {
 
 export function ErrorBoundary() {
 	const location = useLocation()
+
+	const navigate = useNavigate()
+
 	return (
 		<GeneralErrorBoundary
 			statusHandlers={{
@@ -35,6 +38,12 @@ export function ErrorBoundary() {
 						<Link to="/" className="text-body-md underline">
 							<Icon name="arrow-left">Back to home</Icon>
 						</Link>
+						<button
+							onClick={() => navigate(-1)}
+							className="text-body-md underline"
+						>
+							<Icon name="arrow-left">Go back</Icon>
+						</button>
 					</div>
 				),
 			}}
diff --git a/app/routes/c.$companyId+/_layout_company.tsx b/app/routes/c.$companyId+/_layout_company.tsx
index df744a9..8d124a6 100644
--- a/app/routes/c.$companyId+/_layout_company.tsx
+++ b/app/routes/c.$companyId+/_layout_company.tsx
@@ -27,7 +27,7 @@ const companyRoutes = [
 		href: 'reports',
 	},
 	{
-		title: 'Search',
+		title: 'Discover',
 		href: 'search',
 	},
 ]
@@ -41,7 +41,6 @@ const mobileCompanyRoutes = [
 
 export default function LayoutCompany() {
 	const matches = useMatches()
-	console.log(matches)
 	const isSearchPage = matches.find(m => m.id === 'routes/c.$companyId+/search')
 
 	return (
@@ -84,7 +83,7 @@ export default function LayoutCompany() {
 				<nav className="hidden w-full gap-4 lg:flex">
 					{!isSearchPage && (
 						<SearchBar
-							action="/search"
+							action="search"
 							status="idle"
 							className="hidden max-w-lg lg:flex"
 						/>
diff --git a/app/routes/c.$companyId+/search.tsx b/app/routes/c.$companyId+/search.tsx
index 3756540..c777786 100644
--- a/app/routes/c.$companyId+/search.tsx
+++ b/app/routes/c.$companyId+/search.tsx
@@ -1,23 +1,458 @@
-import { requireCompanyUserWithRBAC } from '#app/utils/permissions.server'
 import { type LoaderFunctionArgs, json } from '@remix-run/node'
+import { Link, useLoaderData } from '@remix-run/react'
+import { SearchBar } from '#app/components/search-bar'
+import { Button } from '#app/components/ui/button'
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuTrigger,
+} from '#app/components/ui/dropdown-menu'
+import { Icon, type IconName } from '#app/components/ui/icon'
+import { prisma } from '#app/utils/db.server'
+import { requireCompanyUserWithRBAC } from '#app/utils/permissions.server'
+
+let accounts: {
+	id: string
+	name: string
+	uniqueId: string | null
+}[] = []
+
+let saleInvoices: {
+	id: string
+	dateIssued: Date
+	dueDate: Date
+	totalAmount: number
+	issuedTo: {
+		name: string
+		uniqueId: string | null
+	}
+	transactionStatus: {
+		key: string
+		label: string | null
+		color: string | null
+	}
+}[] = []
+
+let purchaseBills: {
+	dateIssued: Date
+	dueDate: Date
+	transactionStatus: {
+		key: string
+		label: string | null
+		color: string | null
+	}
+	billNumber: string
+	paidToAccount: {
+		id: string
+		name: string
+		uniqueId: string | null
+	}
+}[] = []
+
+const searchKeywords = {
+	Account: 'acc',
+	Account_UID: 'uid',
+	Invoice: 'inv',
+	Bill: 'bill',
+}
 
 export async function loader({ request, params }: LoaderFunctionArgs) {
+	// const user = await requireCompanyUserWithRBAC({
 	await requireCompanyUserWithRBAC({
 		request,
 		companyId: params.companyId!,
 		permission: 'read:company-account',
+		select: {
+			userCompanies: {
+				select: {
+					companyId: true,
+				},
+			},
+		},
 	})
 
 	const url = new URL(request.url)
-	const search = url.searchParams.get('search')
+	const searchTerm = String(url.searchParams.get('search'))
+
+	if (!searchTerm || searchTerm.trim().length < 3 || searchTerm.length > 20)
+		return null
+
+	// Matching keywords -> $keyword:field
+	// const match = searchTerm.match(/^\$(\w+):(.*)$/) // $acc:john
+	// ^ Matching keywords -> keyword:field
+	const match = searchTerm.trim().includes(':')
+		? searchTerm.trim().split(':')
+		: null // acc:john
+
+	// !
+	// !
+	// ! I might ban this all out search just too much stuff to search and return
+	// ! it might go through millions of things to get me a transaction out
+	// !
+	// !
+
+	if (match === null) {
+		const like = `%${searchTerm.trim()}%`
+
+		accounts = await prisma.account.findMany({
+			where: {
+				// companyId: user.userCompanies[0].companyId
+				companyId: params.companyId,
+				OR: [{ name: { contains: like } }, { uniqueId: { contains: like } }],
+			},
+			select: {
+				id: true,
+				name: true,
+				uniqueId: true,
+			},
+			orderBy: {
+				createdAt: 'asc',
+			},
+		})
+
+		saleInvoices = await prisma.saleInvoice.findMany({
+			where: {
+				// companyId: user.userCompanies[0].companyId
+				companyId: params.companyId,
+				OR: [
+					{
+						issuedTo: {
+							OR: [
+								{
+									name: {
+										contains: like,
+									},
+								},
+								{
+									uniqueId: {
+										contains: like,
+									},
+								},
+							],
+						},
+					},
+				],
+			},
+			select: {
+				id: true,
+				issuedTo: {
+					select: {
+						name: true,
+						uniqueId: true,
+					},
+				},
+				dateIssued: true,
+				totalAmount: true,
+				dueDate: true,
+				transactionStatus: {
+					select: {
+						key: true,
+						label: true,
+						color: true,
+					},
+				},
+			},
+		})
+
+		purchaseBills = await prisma.purchaseBill.findMany({
+			where: {
+				// companyId: user.userCompanies[0].companyId
+				companyId: params.companyId,
+				OR: [
+					{
+						billNumber: {
+							contains: like,
+						},
+					},
+					{
+						paidToAccount: {
+							OR: [
+								{
+									name: {
+										contains: like,
+									},
+								},
+							],
+						},
+					},
+				],
+			},
+			select: {
+				billNumber: true,
+				dateIssued: true,
+				dueDate: true,
+				paidToAccount: {
+					select: {
+						id: true,
+						name: true,
+						uniqueId: true,
+					},
+				},
+				transactionStatus: {
+					select: {
+						key: true,
+						label: true,
+						color: true,
+					},
+				},
+			},
+		})
+
+		return json({ accounts, saleInvoices, purchaseBills })
+	}
+
+	// we do not need the first element of the array
+
+	let keyword: string = ''
+	let field: string | undefined = undefined
+
+	if (match) {
+		;[keyword, field] = match
+	}
 
-	return json({})
+	if (field && field?.length > 0) {
+		const like = `%${field.trim()}%`
+
+		switch (keyword.toLowerCase()) {
+			case searchKeywords.Account:
+				accounts = await prisma.account.findMany({
+					where: {
+						// companyId: user.userCompanies[0].companyId
+						companyId: params.companyId,
+						name: {
+							contains: like,
+						},
+					},
+					select: {
+						id: true,
+						name: true,
+						uniqueId: true,
+					},
+				})
+				break
+
+			case searchKeywords.Account_UID:
+				accounts = await prisma.account.findMany({
+					where: {
+						// companyId: user.userCompanies[0].companyId
+						companyId: params.companyId,
+						uniqueId: {
+							contains: like,
+						},
+					},
+					select: {
+						id: true,
+						name: true,
+						uniqueId: true,
+					},
+				})
+				break
+
+			case searchKeywords.Invoice:
+				saleInvoices = await prisma.saleInvoice.findMany({
+					where: {
+						// companyId: user.userCompanies[0].companyId
+						companyId: params.companyId,
+						invoiceNumber: {
+							equals: parseInt(like),
+						},
+					},
+					select: {
+						id: true,
+						issuedTo: {
+							select: {
+								name: true,
+								uniqueId: true,
+							},
+						},
+						transactionStatus: {
+							select: {
+								key: true,
+								label: true,
+								color: true,
+							},
+						},
+						dateIssued: true,
+						totalAmount: true,
+						dueDate: true,
+					},
+				})
+				break
+
+			case searchKeywords.Bill:
+				purchaseBills = await prisma.purchaseBill.findMany({
+					where: {
+						// companyId: user.userCompanies[0].companyId
+						companyId: params.companyId,
+						billNumber: {
+							contains: like,
+						},
+					},
+					select: {
+						billNumber: true,
+						dateIssued: true,
+						dueDate: true,
+						paidToAccount: {
+							select: {
+								id: true,
+								name: true,
+								uniqueId: true,
+							},
+						},
+						transactionStatus: {
+							select: {
+								key: true,
+								label: true,
+								color: true,
+							},
+						},
+					},
+				})
+				break
+		}
+	}
+
+	return json({ accounts, saleInvoices, purchaseBills })
 }
 
 export default function CompanySearch() {
+	const data = useLoaderData<typeof loader>()
+
+	return (
+		<>
+			<h2 className="text-h3 md:text-h2">Discover</h2>
+
+			<div className="space-y-2">
+				<SearchBar status="idle" action="" autoSubmit autoFocusSearch />
+
+				<div className="flex items-center space-x-4">
+					<Link to="hello" className="text-primary">
+						Advanced Search
+					</Link>
+					<Link to="hello" className="text-primary">
+						Filter
+					</Link>
+				</div>
+			</div>
+
+			{data && (
+				<section className="space-y-6">
+					{data.accounts.length > 0 && (
+						<>
+							<h3 className="text-h4">Accounts</h3>
+
+							<ul className="grid gap-2">
+								{data.accounts.map(account => (
+									<li
+										key={account.id}
+										className="flex items-center justify-between rounded-lg border p-2"
+										onClick={() => {}}
+									>
+										<div>
+											{account.name} - {account.uniqueId}
+										</div>
+										<SimpleDropDown
+											items={[
+												{
+													label: 'New Sale',
+													href: `../sales/new/${account.id}`,
+													icon: 'file-text',
+												},
+												{ label: 'Edit', href: 'hello', icon: 'pencil-1' },
+											]}
+										/>
+									</li>
+								))}
+								{data.accounts.map(account => (
+									<li
+										key={account.id}
+										className="flex items-center justify-between rounded-lg border p-2"
+										onClick={() => {}}
+									>
+										<div>
+											{account.name} - {account.uniqueId}
+										</div>
+										{/* <SimpleDropDown items={accountDropdownItems} /> */}
+									</li>
+								))}
+								{data.accounts.map(account => (
+									<li
+										key={account.id}
+										className="flex items-center justify-between rounded-lg border p-2"
+										onClick={() => {}}
+									>
+										<div>
+											{account.name} - {account.uniqueId}
+										</div>
+										{/* <SimpleDropDown items={accountDropdownItems} /> */}
+									</li>
+								))}
+							</ul>
+						</>
+					)}
+
+					{data.saleInvoices.length > 0 && (
+						<>
+							<h3 className="text-h4">Sale Invoices</h3>
+							<ul>
+								{data.saleInvoices.map(invoice => (
+									<li key={invoice.id}>
+										{invoice.issuedTo.name} - {invoice.issuedTo.uniqueId}
+									</li>
+								))}
+							</ul>
+						</>
+					)}
+
+					{data.purchaseBills.length > 0 && (
+						<>
+							<h3 className="text-h4">Purchase Bills</h3>
+							<ul>
+								{data.purchaseBills.map(bill => (
+									<li key={bill.billNumber}>
+										{bill.paidToAccount.name} - {bill.paidToAccount.uniqueId}
+									</li>
+								))}
+							</ul>
+						</>
+					)}
+				</section>
+			)}
+		</>
+	)
+}
+
+export type SimpleDropDownProps = {
+	label: string
+	href: string
+	icon?: IconName
+}[]
+
+export function SimpleDropDown({ items }: { items: SimpleDropDownProps }) {
 	return (
-		<div>
-			<h1>Unknown Route</h1>
-		</div>
+		<DropdownMenu modal={false}>
+			<DropdownMenuTrigger asChild>
+				<Button
+					variant="ghost"
+					type="button"
+					onClick={e => e.preventDefault()}
+					className="flex h-8 w-8 p-0 data-[state=open]:bg-muted"
+				>
+					<Icon name="menu" />
+					<span className="sr-only">Open menu</span>
+				</Button>
+			</DropdownMenuTrigger>
+			<DropdownMenuContent align="end" className="w-[160px]">
+				{items.map(item => (
+					<Link to={item.href} key={item.label}>
+						<DropdownMenuItem className="gap-2">
+							{item.icon && <Icon name={item.icon} />}
+							{item.label}
+						</DropdownMenuItem>
+					</Link>
+				))}
+			</DropdownMenuContent>
+		</DropdownMenu>
 	)
 }
diff --git a/app/routes/c.$companyId.sales+/new.$accountId.tsx b/app/routes/c.$companyId.sales+/new.$accountId.tsx
index 324ed29..d7e2408 100644
--- a/app/routes/c.$companyId.sales+/new.$accountId.tsx
+++ b/app/routes/c.$companyId.sales+/new.$accountId.tsx
@@ -1,7 +1,8 @@
 import { type LoaderFunctionArgs } from '@remix-run/node'
+import { json, useLoaderData } from '@remix-run/react'
 import { prisma } from '#app/utils/db.server'
 import { requireCompanyUserWithRBAC } from '#app/utils/permissions.server'
-import { SaleEditor, action } from './__sale-editor'
+// import { SaleEditor, action } from './__sale-editor'
 
 export async function loader({ request, params }: LoaderFunctionArgs) {
 	await requireCompanyUserWithRBAC({
@@ -15,16 +16,17 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
 			id: params.accountId,
 			companyId: params.companyId,
 		},
-		select: {},
+		// select: {},
 	})
 
-	return null
+	return json({ account })
 }
 
-export { action }
+// export { action }
 
 export default function CompanyAccountsEdit() {
 	const data = useLoaderData<typeof loader>()
 
-	return <SaleEditor sale={data.account} />
+	// return <SaleEditor sale={data.account} />
+	return <div>Account {data.account?.name}</div>
 }
diff --git a/app/routes/c.$companyId.sales+/new.tsx b/app/routes/c.$companyId.sales+/new.tsx
deleted file mode 100644
index 28885e5..0000000
--- a/app/routes/c.$companyId.sales+/new.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { json, type LoaderFunctionArgs } from '@remix-run/node'
-import { SearchBar } from '#app/components/search-bar'
-import { requireCompanyUserWithRBAC } from '#app/utils/permissions.server'
-import { useLoaderData } from '@remix-run/react'
-
-export async function loader({ request, params }: LoaderFunctionArgs) {
-	await requireCompanyUserWithRBAC({
-		request,
-		companyId: params.companyId!,
-		permission: 'create:company-sale',
-	})
-
-	return json({ companyId: params.companyId })
-}
-
-export default function NewSale() {
-	const data = useLoaderData<typeof loader>()
-
-	return (
-		<div>
-			<SearchBar
-				searchParam="accQ"
-				status="idle"
-				action={`/c/${data.companyId}/sales+`}
-				autoSubmit
-				autoFocusSearch
-			/>
-
-			<h1>Unknown Route</h1>
-		</div>
-	)
-}
diff --git a/app/styles/tailwind.css b/app/styles/tailwind.css
index 5c37c9e..2c6b169 100644
--- a/app/styles/tailwind.css
+++ b/app/styles/tailwind.css
@@ -59,6 +59,6 @@
 }
 
 html {
-	scrollbar-gutter: stable;
+	/* scrollbar-gutter: stable; */
 	scrollbar-width: thin;
 }
diff --git a/package-lock.json b/package-lock.json
index f33c4c4..ed5ed3a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
         "better-sqlite3": "^9.4.1",
         "chalk": "^5.3.0",
         "class-variance-authority": "^0.7.0",
-        "close-with-grace": "^1.2.0",
+        "close-with-grace": "^1.3.0",
         "clsx": "^2.1.0",
         "compression": "^1.7.4",
         "cookie": "^0.6.0",
@@ -52,7 +52,7 @@
         "glob": "^10.3.10",
         "helmet": "^7.1.0",
         "intl-parse-accept-language": "^1.0.0",
-        "isbot": "^4.4.0",
+        "isbot": "^5.1.0",
         "litefs-js": "^1.1.2",
         "lru-cache": "^10.2.0",
         "morgan": "^1.10.0",
@@ -94,14 +94,14 @@
         "@types/fs-extra": "^11.0.4",
         "@types/glob": "^8.1.0",
         "@types/morgan": "^1.9.9",
-        "@types/node": "^20.11.18",
+        "@types/node": "^20.11.19",
         "@types/qrcode": "^1.5.5",
-        "@types/react": "^18.2.55",
+        "@types/react": "^18.2.56",
         "@types/react-dom": "^18.2.19",
         "@types/set-cookie-parser": "^2.4.7",
         "@types/source-map-support": "^0.5.10",
         "@vitejs/plugin-react": "^4.2.1",
-        "@vitest/coverage-v8": "^1.2.2",
+        "@vitest/coverage-v8": "^1.3.0",
         "autoprefixer": "^10.4.17",
         "chokidar": "^3.6.0",
         "enforce-unique": "^1.2.0",
@@ -110,7 +110,7 @@
         "eslint-config-prettier": "^9.1.0",
         "fs-extra": "^11.2.0",
         "jsdom": "^24.0.0",
-        "msw": "2.2.0",
+        "msw": "2.2.1",
         "node-html-parser": "^6.1.12",
         "npm-run-all": "^4.1.5",
         "prettier": "^3.2.5",
@@ -122,7 +122,7 @@
         "tsx": "^4.7.1",
         "typescript": "^5.3.3",
         "vite": "^5.1.3",
-        "vitest": "^1.2.2"
+        "vitest": "^1.3.0"
       },
       "engines": {
         "node": "20"
@@ -5750,9 +5750,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.11.18",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.18.tgz",
-      "integrity": "sha512-ABT5VWnnYneSBcNWYSCuR05M826RoMyMSGiFivXGx6ZUIsXb9vn4643IEwkg2zbEOSgAiSogtapN2fgc4mAPlw==",
+      "version": "20.11.19",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.19.tgz",
+      "integrity": "sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -5786,9 +5786,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.55",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.55.tgz",
-      "integrity": "sha512-Y2Tz5P4yz23brwm2d7jNon39qoAtMMmalOQv6+fEFt1mT+FcM3D841wDpoUvFXhaYenuROCy3FZYqdTjM7qVyA==",
+      "version": "18.2.56",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.56.tgz",
+      "integrity": "sha512-NpwHDMkS/EFZF2dONFQHgkPRwhvgq/OAvIaGQzxGSBmaeR++kTg6njr15Vatz0/2VcCEwJQFi6Jf4Q0qBu0rLA==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -7055,9 +7055,9 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-1.2.2.tgz",
-      "integrity": "sha512-IHyKnDz18SFclIEEAHb9Y4Uxx0sPKC2VO1kdDCs1BF6Ip4S8rQprs971zIsooLUn7Afs71GRxWMWpkCGZpRMhw==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-1.3.0.tgz",
+      "integrity": "sha512-e5Y5uK5NNoQMQaNitGQQjo9FoA5ZNcu7Bn6pH+dxUf48u6po1cX38kFBYUHZ9GNVkF4JLbncE0WeWwTw+nLrxg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",
@@ -7078,17 +7078,17 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "^1.0.0"
+        "vitest": "1.3.0"
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.2.2.tgz",
-      "integrity": "sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-1.3.0.tgz",
+      "integrity": "sha512-7bWt0vBTZj08B+Ikv70AnLRicohYwFgzNjFqo9SxxqHHxSlUJGSXmCRORhOnRMisiUryKMdvsi1n27Bc6jL9DQ==",
       "dev": true,
       "dependencies": {
-        "@vitest/spy": "1.2.2",
-        "@vitest/utils": "1.2.2",
+        "@vitest/spy": "1.3.0",
+        "@vitest/utils": "1.3.0",
         "chai": "^4.3.10"
       },
       "funding": {
@@ -7096,12 +7096,12 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.2.2.tgz",
-      "integrity": "sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-1.3.0.tgz",
+      "integrity": "sha512-1Jb15Vo/Oy7mwZ5bXi7zbgszsdIBNjc4IqP8Jpr/8RdBC4nF1CTzIAn2dxYvpF1nGSseeL39lfLQ2uvs5u1Y9A==",
       "dev": true,
       "dependencies": {
-        "@vitest/utils": "1.2.2",
+        "@vitest/utils": "1.3.0",
         "p-limit": "^5.0.0",
         "pathe": "^1.1.1"
       },
@@ -7137,9 +7137,9 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.2.2.tgz",
-      "integrity": "sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-1.3.0.tgz",
+      "integrity": "sha512-swmktcviVVPYx9U4SEQXLV6AEY51Y6bZ14jA2yo6TgMxQ3h+ZYiO0YhAHGJNp0ohCFbPAis1R9kK0cvN6lDPQA==",
       "dev": true,
       "dependencies": {
         "magic-string": "^0.30.5",
@@ -7183,9 +7183,9 @@
       "dev": true
     },
     "node_modules/@vitest/spy": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.2.2.tgz",
-      "integrity": "sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-1.3.0.tgz",
+      "integrity": "sha512-AkCU0ThZunMvblDpPKgjIi025UxR8V7MZ/g/EwmAGpjIujLVV2X6rGYGmxE2D4FJbAy0/ijdROHMWa2M/6JVMw==",
       "dev": true,
       "dependencies": {
         "tinyspy": "^2.2.0"
@@ -7195,9 +7195,9 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.2.2.tgz",
-      "integrity": "sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-1.3.0.tgz",
+      "integrity": "sha512-/LibEY/fkaXQufi4GDlQZhikQsPO2entBKtfuyIpr1jV4DpaeasqkeHjhdOhU24vSHshcSuEyVlWdzvv2XmYCw==",
       "dev": true,
       "dependencies": {
         "diff-sequences": "^29.6.3",
@@ -8321,9 +8321,9 @@
       }
     },
     "node_modules/close-with-grace": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/close-with-grace/-/close-with-grace-1.2.0.tgz",
-      "integrity": "sha512-Xga0jyAb4fX98u5pZAgqlbqHP8cHuy5M3Wto0k0L/36aP2C25Cjp51XfPw3Hz7dNC2L2/hF/PK/KJhO275L+VA=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/close-with-grace/-/close-with-grace-1.3.0.tgz",
+      "integrity": "sha512-lvm0rmLIR5bNz4CRKW6YvCfn9Wg5Wb9A8PJ3Bb+hjyikgC1RO1W3J4z9rBXQYw97mAte7dNSQI8BmUsxdlXQyw=="
     },
     "node_modules/clsx": {
       "version": "2.1.0",
@@ -12146,9 +12146,9 @@
       "dev": true
     },
     "node_modules/isbot": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/isbot/-/isbot-4.4.0.tgz",
-      "integrity": "sha512-8ZvOWUA68kyJO4hHJdWjyreq7TYNWTS9y15IzeqVdKxR9pPr3P/3r9AHcoIv9M0Rllkao5qWz2v1lmcyKIVCzQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/isbot/-/isbot-5.1.0.tgz",
+      "integrity": "sha512-cWTMpcI8G0BjxVg/UH+fMF16yYxPup7QL7v7FuJqCFOTuB0yuLKxonWyEDiKG/DC9LIxEvy0COQkMDNkxpY0jQ==",
       "engines": {
         "node": ">=18"
       }
@@ -13977,9 +13977,9 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/msw": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/msw/-/msw-2.2.0.tgz",
-      "integrity": "sha512-98cUGcIphhdf3KDbmSxji7XFqLxeSFAmPUNV00N/U76GOkuUKEwp6MHqM6KW70rlpgeJP8qIWueppdnVThzG1g==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/msw/-/msw-2.2.1.tgz",
+      "integrity": "sha512-DCsZAQwan+2onEcpD86fiEnCKW4IvYzqcwDq/2TIoeNrmBqNp/mJW4wHQyxcoYrRPwgujin7wDFflqiSO1iT/w==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -17610,17 +17610,23 @@
       }
     },
     "node_modules/strip-literal": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz",
-      "integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-2.0.0.tgz",
+      "integrity": "sha512-f9vHgsCWBq2ugHAkGMiiYY+AYG0D/cbloKKg0nhaaaSNsujdGIpVXCNsrJpCKr5M0f4aI31mr13UjY6GAuXCKA==",
       "dev": true,
       "dependencies": {
-        "acorn": "^8.10.0"
+        "js-tokens": "^8.0.2"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/strip-literal/node_modules/js-tokens": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-8.0.3.tgz",
+      "integrity": "sha512-UfJMcSJc+SEXEl9lH/VLHSZbThQyLpw1vLO1Lb+j4RWDvG3N2f7yj3PVQA3cmkTBNldJ9eFnM+xEXxHIXrYiJw==",
+      "dev": true
+    },
     "node_modules/style-to-object": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz",
@@ -18018,9 +18024,9 @@
       }
     },
     "node_modules/tinyspy": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.0.tgz",
-      "integrity": "sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.1.tgz",
+      "integrity": "sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
@@ -20101,18 +20107,17 @@
       }
     },
     "node_modules/vitest": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.2.tgz",
-      "integrity": "sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.3.0.tgz",
+      "integrity": "sha512-V9qb276J1jjSx9xb75T2VoYXdO1UKi+qfflY7V7w93jzX7oA/+RtYE6TcifxksxsZvygSSMwu2Uw6di7yqDMwg==",
       "dev": true,
       "dependencies": {
-        "@vitest/expect": "1.2.2",
-        "@vitest/runner": "1.2.2",
-        "@vitest/snapshot": "1.2.2",
-        "@vitest/spy": "1.2.2",
-        "@vitest/utils": "1.2.2",
+        "@vitest/expect": "1.3.0",
+        "@vitest/runner": "1.3.0",
+        "@vitest/snapshot": "1.3.0",
+        "@vitest/spy": "1.3.0",
+        "@vitest/utils": "1.3.0",
         "acorn-walk": "^8.3.2",
-        "cac": "^6.7.14",
         "chai": "^4.3.10",
         "debug": "^4.3.4",
         "execa": "^8.0.1",
@@ -20121,11 +20126,11 @@
         "pathe": "^1.1.1",
         "picocolors": "^1.0.0",
         "std-env": "^3.5.0",
-        "strip-literal": "^1.3.0",
+        "strip-literal": "^2.0.0",
         "tinybench": "^2.5.1",
         "tinypool": "^0.8.2",
         "vite": "^5.0.0",
-        "vite-node": "1.2.2",
+        "vite-node": "1.3.0",
         "why-is-node-running": "^2.2.2"
       },
       "bin": {
@@ -20140,8 +20145,8 @@
       "peerDependencies": {
         "@edge-runtime/vm": "*",
         "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "^1.0.0",
-        "@vitest/ui": "^1.0.0",
+        "@vitest/browser": "1.3.0",
+        "@vitest/ui": "1.3.0",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -20183,9 +20188,9 @@
       }
     },
     "node_modules/vitest/node_modules/vite-node": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.2.2.tgz",
-      "integrity": "sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.3.0.tgz",
+      "integrity": "sha512-D/oiDVBw75XMnjAXne/4feCkCEwcbr2SU1bjAhCcfI5Bq3VoOHji8/wCPAfUkDIeohJ5nSZ39fNxM3dNZ6OBOA==",
       "dev": true,
       "dependencies": {
         "cac": "^6.7.14",
diff --git a/package.json b/package.json
index f277390..dc6a602 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "better-sqlite3": "^9.4.1",
     "chalk": "^5.3.0",
     "class-variance-authority": "^0.7.0",
-    "close-with-grace": "^1.2.0",
+    "close-with-grace": "^1.3.0",
     "clsx": "^2.1.0",
     "compression": "^1.7.4",
     "cookie": "^0.6.0",
@@ -84,7 +84,7 @@
     "glob": "^10.3.10",
     "helmet": "^7.1.0",
     "intl-parse-accept-language": "^1.0.0",
-    "isbot": "^4.4.0",
+    "isbot": "^5.1.0",
     "litefs-js": "^1.1.2",
     "lru-cache": "^10.2.0",
     "morgan": "^1.10.0",
@@ -126,14 +126,14 @@
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
     "@types/morgan": "^1.9.9",
-    "@types/node": "^20.11.18",
+    "@types/node": "^20.11.19",
     "@types/qrcode": "^1.5.5",
-    "@types/react": "^18.2.55",
+    "@types/react": "^18.2.56",
     "@types/react-dom": "^18.2.19",
     "@types/set-cookie-parser": "^2.4.7",
     "@types/source-map-support": "^0.5.10",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.2.2",
+    "@vitest/coverage-v8": "^1.3.0",
     "autoprefixer": "^10.4.17",
     "chokidar": "^3.6.0",
     "enforce-unique": "^1.2.0",
@@ -142,7 +142,7 @@
     "eslint-config-prettier": "^9.1.0",
     "fs-extra": "^11.2.0",
     "jsdom": "^24.0.0",
-    "msw": "2.2.0",
+    "msw": "2.2.1",
     "node-html-parser": "^6.1.12",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.2.5",
@@ -154,7 +154,7 @@
     "tsx": "^4.7.1",
     "typescript": "^5.3.3",
     "vite": "^5.1.3",
-    "vitest": "^1.2.2"
+    "vitest": "^1.3.0"
   },
   "engines": {
     "node": "20"