From 0d79392cde4c282cbc3faf69fd697b3726638279 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 30 Aug 2024 23:01:29 +0800
Subject: [PATCH 01/60] fix: new invitation button zindex

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/modules/settings/tabs/invitations.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index c54d19d565..39596bc3e3 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -46,20 +46,20 @@ export const SettingInvitations = () => {
       <SettingsTitle />
       <div className="absolute inset-x-0 bottom-10 top-4 flex flex-col">
         <Tooltip>
-          <TooltipTrigger>
+          <TooltipTrigger asChild>
             <MotionButtonBase
               type="button"
               onClick={() => {
                 newInvitation.mutate()
               }}
-              className="center absolute bottom-0 right-2 size-10 rounded-full bg-accent text-white drop-shadow"
+              className="center absolute bottom-0 right-2 z-10 size-10 rounded-full bg-accent text-white drop-shadow"
             >
               <i className="i-mingcute-user-add-2-line size-4" />
             </MotionButtonBase>
           </TooltipTrigger>
 
           <TooltipContent>
-            new invitation
+            New invitation
           </TooltipContent>
         </Tooltip>
         <ScrollArea.ScrollArea scrollbarClassName="w-1" rootClassName="flex grow">

From 9c66b33887126287d9f6f5a39f85f76818e28f1f Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 11:55:59 +0800
Subject: [PATCH 02/60] fix: hide peek modal toc

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/ui/modal/inspire/PeekModal.tsx | 5 ++++-
 src/renderer/src/modules/entry-content/index.tsx           | 5 ++++-
 src/renderer/src/modules/entry-content/loading.tsx         | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/ui/modal/inspire/PeekModal.tsx b/src/renderer/src/components/ui/modal/inspire/PeekModal.tsx
index c5a4cbc1a7..fcb0e445bb 100644
--- a/src/renderer/src/components/ui/modal/inspire/PeekModal.tsx
+++ b/src/renderer/src/components/ui/modal/inspire/PeekModal.tsx
@@ -1,10 +1,13 @@
 import { m } from "framer-motion"
 import type { PropsWithChildren } from "react"
+import { createContext, useContext } from "react"
 import { Link } from "react-router-dom"
 
 import { microReboundPreset } from "../../constants/spring"
 import { useModalStack } from "../stacked"
 
+const InPeekModal = createContext(false)
+export const useInPeekModal = () => useContext(InPeekModal)
 export const PeekModal = (
   props: PropsWithChildren<{
     to: string
@@ -22,7 +25,7 @@ export const PeekModal = (
         transition={microReboundPreset}
         className="scrollbar-none"
       >
-        {children}
+        <InPeekModal.Provider value={true}>{children}</InPeekModal.Provider>
       </m.div>
 
       <m.div
diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
index 6f5a01d9ef..16436afa9f 100644
--- a/src/renderer/src/modules/entry-content/index.tsx
+++ b/src/renderer/src/modules/entry-content/index.tsx
@@ -12,6 +12,7 @@ import { ShadowDOM } from "@renderer/components/common/ShadowDOM"
 import { AutoResizeHeight } from "@renderer/components/ui/auto-resize-height"
 import { HTML } from "@renderer/components/ui/markdown"
 import { Toc } from "@renderer/components/ui/markdown/components/Toc"
+import { useInPeekModal } from "@renderer/components/ui/modal/inspire/PeekModal"
 import { RootPortal } from "@renderer/components/ui/portal"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import { isWebBuild, ROUTE_FEED_PENDING } from "@renderer/constants"
@@ -132,6 +133,8 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
   useEffect(() => {
     scrollerRef.current?.scrollTo(0, 0)
   }, [entryId])
+
+  const isPeekModal = useInPeekModal()
   if (!entry) return null
 
   const content = entry?.entries.content ?? data?.entries.content
@@ -233,7 +236,7 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
                   {!isInReadabilityMode ? (
                     <ShadowDOM>
                       <HTML
-                        accessory={<ContainerToc key={entryId} />}
+                        accessory={isPeekModal ? undefined : <ContainerToc key={entryId} />}
                         as="article"
                         className="prose dark:prose-invert prose-h1:text-[1.6em]"
                         renderInlineStyle={readerRenderInlineStyle}
diff --git a/src/renderer/src/modules/entry-content/loading.tsx b/src/renderer/src/modules/entry-content/loading.tsx
index 559704ac11..9b8d8e9e0b 100644
--- a/src/renderer/src/modules/entry-content/loading.tsx
+++ b/src/renderer/src/modules/entry-content/loading.tsx
@@ -15,7 +15,7 @@ export const EntryContentLoading = (props: { icon?: string }) => {
     )
   }
   return (
-    <div className="center flex flex-col gap-4">
+    <div className="center mb-14 flex flex-col gap-4">
       <Avatar className="animate-pulse rounded-sm">
         <AvatarImage src={getUrlIcon(props.icon).src} />
       </Avatar>

From d4581dbb194255155be2fe52829d35745d5b79ad Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 12:08:50 +0800
Subject: [PATCH 03/60] chore: some ui improve

Signed-off-by: Innei <i@innei.in>
---
 .../src/modules/settings/modules/fonts.tsx    |  4 +-
 .../src/modules/settings/tabs/apperance.tsx   |  5 +-
 .../src/modules/settings/tabs/invitations.tsx | 86 ++++++++++++-------
 3 files changed, 60 insertions(+), 35 deletions(-)

diff --git a/src/renderer/src/modules/settings/modules/fonts.tsx b/src/renderer/src/modules/settings/modules/fonts.tsx
index 04cf40a341..744dba70f3 100644
--- a/src/renderer/src/modules/settings/modules/fonts.tsx
+++ b/src/renderer/src/modules/settings/modules/fonts.tsx
@@ -82,7 +82,7 @@ export const ContentFontSelector = () => {
         <SelectTrigger size="sm" className="w-48">
           <SelectValue />
         </SelectTrigger>
-        <SelectContent className="h-64">
+        <SelectContent position="item-aligned">
           {isCustomFont && (
             <SelectItem value={readerFontFamily}>{readerFontFamily}</SelectItem>
           )}
@@ -127,7 +127,7 @@ export const UIFontSelector = () => {
         <SelectTrigger size="sm" className="w-48">
           <SelectValue />
         </SelectTrigger>
-        <SelectContent className="h-64">
+        <SelectContent position="item-aligned">
           {isCustomFont && <SelectItem value={uiFont}>{uiFont}</SelectItem>}
           <SelectItem value={DEFAULT_FONT}>{DEFAULT_FONT}</SelectItem>
           {data.map(({ label, value }) => (
diff --git a/src/renderer/src/modules/settings/tabs/apperance.tsx b/src/renderer/src/modules/settings/tabs/apperance.tsx
index 37002f3d12..da40527a3b 100644
--- a/src/renderer/src/modules/settings/tabs/apperance.tsx
+++ b/src/renderer/src/modules/settings/tabs/apperance.tsx
@@ -107,6 +107,7 @@ const ShikiTheme = () => {
     <div className="mb-3 flex items-center justify-between">
       <span className="shrink-0 text-sm font-medium">Code highlight theme</span>
       <Select
+
         defaultValue="github-dark"
         value={codeHighlightTheme}
         onValueChange={(value) => {
@@ -116,7 +117,7 @@ const ShikiTheme = () => {
         <SelectTrigger size="sm" className="w-48">
           <SelectValue />
         </SelectTrigger>
-        <SelectContent align="end" className="h-64">
+        <SelectContent position="item-aligned">
           {Object.keys(bundledThemes)?.map((theme) => (
             <SelectItem key={theme} value={theme}>
               {theme}
@@ -154,7 +155,7 @@ const TextSize = () => {
         <SelectTrigger size="sm" className="w-48 capitalize">
           <SelectValue />
         </SelectTrigger>
-        <SelectContent>
+        <SelectContent position="item-aligned">
           {Object.entries(textSizeMap).map(([size, value]) => (
             <SelectItem
               className="capitalize"
diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index 39596bc3e3..de4445f0d4 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -5,6 +5,7 @@ import {
 } from "@renderer/components/ui/avatar"
 import { Button, MotionButtonBase } from "@renderer/components/ui/button"
 import { CopyButton } from "@renderer/components/ui/code-highlighter"
+import { LoadingCircle } from "@renderer/components/ui/loading"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import {
   Table,
@@ -14,7 +15,12 @@ import {
   TableHeader,
   TableRow,
 } from "@renderer/components/ui/table"
-import { Tooltip, TooltipContent, TooltipTrigger } from "@renderer/components/ui/tooltip"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipPortal,
+  TooltipTrigger,
+} from "@renderer/components/ui/tooltip"
 import { useAuthQuery } from "@renderer/hooks/common"
 import { apiClient, getFetchErrorMessage } from "@renderer/lib/api-fetch"
 import { usePresentUserProfileModal } from "@renderer/modules/profile/hooks"
@@ -58,11 +64,12 @@ export const SettingInvitations = () => {
             </MotionButtonBase>
           </TooltipTrigger>
 
-          <TooltipContent>
-            New invitation
-          </TooltipContent>
+          <TooltipContent>New invitation</TooltipContent>
         </Tooltip>
-        <ScrollArea.ScrollArea scrollbarClassName="w-1" rootClassName="flex grow">
+        <ScrollArea.ScrollArea
+          scrollbarClassName="w-1"
+          rootClassName="flex grow"
+        >
           {invitations.data?.length ? (
             <Table className="mt-4">
               <TableHeader className="border-b">
@@ -100,18 +107,31 @@ export const SettingInvitations = () => {
                     </TableCell>
                     <TableCell align="center" size="sm">
                       {row.users ? (
-                        <div
-                          onClick={() => {
-                            presentUserProfile(row.users?.id)
-                          }}
-                        >
-                          <Avatar className="aspect-square size-5 border border-border ring-1 ring-background">
-                            <AvatarImage src={row.users?.image || undefined} />
-                            <AvatarFallback>
-                              {row.users?.name?.slice(0, 2)}
-                            </AvatarFallback>
-                          </Avatar>
-                        </div>
+                        <Tooltip>
+                          <TooltipTrigger>
+                            <button
+                              type="button"
+                              className="cursor-pointer"
+                              onClick={() => {
+                                presentUserProfile(row.users?.id)
+                              }}
+                            >
+                              <Avatar className="aspect-square size-5 border border-border ring-1 ring-background">
+                                <AvatarImage
+                                  src={row.users?.image || undefined}
+                                />
+                                <AvatarFallback>
+                                  {row.users?.name?.slice(0, 2)}
+                                </AvatarFallback>
+                              </Avatar>
+                            </button>
+                          </TooltipTrigger>
+                          {row.users?.name && (
+                            <TooltipPortal>
+                              <TooltipContent>{row.users?.name}</TooltipContent>
+                            </TooltipPortal>
+                          )}
+                        </Tooltip>
                       ) : (
                         "Not used"
                       )}
@@ -120,21 +140,25 @@ export const SettingInvitations = () => {
                 ))}
               </TableBody>
             </Table>
-          ) : (
-            <div className="mt-36 w-full text-center text-sm text-zinc-400">
-              <p>No invitations</p>
+          ) : invitations.isLoading ?
+              (
+                <LoadingCircle size="large" className="center absolute inset-0" />
+              ) :
+              (
+                <div className="mt-36 w-full text-center text-sm text-zinc-400">
+                  <p>No invitations</p>
 
-              <div className="mt-6">
-                <Button
-                  onClick={() => {
-                    newInvitation.mutate()
-                  }}
-                >
-                  Create Invitation
-                </Button>
-              </div>
-            </div>
-          )}
+                  <div className="mt-6">
+                    <Button
+                      onClick={() => {
+                        newInvitation.mutate()
+                      }}
+                    >
+                      Create Invitation
+                    </Button>
+                  </div>
+                </div>
+              )}
         </ScrollArea.ScrollArea>
       </div>
     </>

From 2ebcc58414802cffc84fc25ad30bb9fe272ea773 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 12:17:47 +0800
Subject: [PATCH 04/60] fix: toc range calcation

Signed-off-by: Innei <i@innei.in>
---
 .../components/ui/markdown/components/Toc.tsx | 39 +++++++++++++++----
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/ui/markdown/components/Toc.tsx b/src/renderer/src/components/ui/markdown/components/Toc.tsx
index b4404e508e..77652311c7 100644
--- a/src/renderer/src/components/ui/markdown/components/Toc.tsx
+++ b/src/renderer/src/components/ui/markdown/components/Toc.tsx
@@ -3,10 +3,22 @@ import { getViewport } from "@renderer/atoms/hooks/viewport"
 import { getElementTop } from "@renderer/lib/dom"
 import { springScrollToElement } from "@renderer/lib/scroller"
 import { cn } from "@renderer/lib/utils"
-import { useGetWrappedElementPosition } from "@renderer/providers/wrapped-element-provider"
+import {
+  useGetWrappedElementPosition,
+  useWrappedElementSize,
+} from "@renderer/providers/wrapped-element-provider"
 import { AnimatePresence, m } from "framer-motion"
 import { throttle } from "lodash-es"
-import { memo, useContext, useEffect, useMemo, useRef, useState } from "react"
+import {
+  memo,
+  startTransition,
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react"
 import { useEventCallback } from "usehooks-ts"
 
 import { useScrollViewElement } from "../../scroll-area/hooks"
@@ -93,8 +105,10 @@ export const Toc: Component = ({ className }) => {
     },
   )
 
+  const { h } = useWrappedElementSize()
   const [currentScrollRange, setCurrentScrollRange] = useState([-1, 0])
-  const titleBetweenPositionTopRangeMap = useMemo(() => {
+
+  const headingRangeParser = () => {
     // calculate the range of data-container-top between each two headings
     const titleBetweenPositionTopRangeMap = [] as [number, number][]
     for (let i = 0; i < $headings.length - 1; i++) {
@@ -119,7 +133,16 @@ export const Toc: Component = ({ className }) => {
       titleBetweenPositionTopRangeMap.push([headingTop, nextTop])
     }
     return titleBetweenPositionTopRangeMap
-  }, [$headings])
+  }
+
+  const [titleBetweenPositionTopRangeMap, setTitleBetweenPositionTopRangeMap] =
+    useState(headingRangeParser)
+
+  useLayoutEffect(() => {
+    startTransition(() => {
+      setTitleBetweenPositionTopRangeMap(headingRangeParser)
+    })
+  }, [$headings, h])
 
   const throttleCallerRef = useRef<DebouncedFuncLeading<() => void>>()
   const getWrappedElPos = useGetWrappedElementPosition()
@@ -152,10 +175,11 @@ export const Toc: Component = ({ className }) => {
         setCurrentScrollRange([currentRangeIndex, precent])
       } else {
         const last = titleBetweenPositionTopRangeMap.at(-1) || [0, 0]
-        if (top > last[1]) {
+
+        if (top + winHeight > last[1]) {
           setCurrentScrollRange([
-            titleBetweenPositionTopRangeMap.length - 1,
-            1,
+            titleBetweenPositionTopRangeMap.length,
+            1 - (last[1] - top) / winHeight,
           ])
         } else {
           setCurrentScrollRange([-1, 1])
@@ -168,6 +192,7 @@ export const Toc: Component = ({ className }) => {
 
     return () => {
       scrollContainerElement.removeEventListener("scroll", handler)
+      handler.cancel()
     }
   }, [
     getWrappedElPos,

From e68f39ab2c11fe65af7408f1fc07985064777097 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 12:26:35 +0800
Subject: [PATCH 05/60] chore: update deps

Signed-off-by: Innei <i@innei.in>
---
 package.json   |   52 +-
 pnpm-lock.yaml | 2628 +++++++++++++++++++++++++++++-------------------
 2 files changed, 1627 insertions(+), 1053 deletions(-)

diff --git a/package.json b/package.json
index 913481cfb0..df457bb1e2 100644
--- a/package.json
+++ b/package.json
@@ -61,15 +61,15 @@
     "@radix-ui/react-tabs": "1.1.0",
     "@radix-ui/react-toast": "1.2.1",
     "@radix-ui/react-tooltip": "1.1.2",
-    "@sentry/electron": "5.3.0",
-    "@sentry/react": "8.26.0",
-    "@sentry/vite-plugin": "2.22.2",
-    "@shikijs/transformers": "1.14.1",
-    "@t3-oss/env-core": "^0.10.1",
-    "@tanstack/query-sync-storage-persister": "5.52.0",
-    "@tanstack/react-query": "5.52.0",
-    "@tanstack/react-query-devtools": "5.52.0",
-    "@tanstack/react-query-persist-client": "5.52.0",
+    "@sentry/electron": "5.4.0",
+    "@sentry/react": "8.27.0",
+    "@sentry/vite-plugin": "2.22.3",
+    "@shikijs/transformers": "1.15.1",
+    "@t3-oss/env-core": "^0.11.1",
+    "@tanstack/query-sync-storage-persister": "5.53.1",
+    "@tanstack/react-query": "5.53.1",
+    "@tanstack/react-query-devtools": "5.53.1",
+    "@tanstack/react-query-persist-client": "5.53.1",
     "@use-gesture/react": "10.3.1",
     "@yornaath/batshit": "0.10.1",
     "bufferutil": "4.0.8",
@@ -86,7 +86,7 @@
     "electron-squirrel-startup": "1.0.1",
     "electron-updater": "^6.2.1",
     "font-list": "1.5.1",
-    "foxact": "0.2.36",
+    "foxact": "0.2.37",
     "framer-motion": "11.0.10",
     "franc-min": "6.2.0",
     "fuse.js": "7.0.0",
@@ -103,12 +103,12 @@
     "nanoid": "5.0.7",
     "ofetch": "1.3.4",
     "path-to-regexp": "7.1.0",
-    "posthog-js": "1.157.2",
-    "posthog-node": "4.1.1",
+    "posthog-js": "1.160.0",
+    "posthog-node": "4.2.0",
     "re-resizable": "6.9.17",
     "react-error-boundary": "4.0.13",
     "react-fast-marquee": "1.6.5",
-    "react-hook-form": "7.52.2",
+    "react-hook-form": "7.53.0",
     "react-hotkeys-hook": "4.5.0",
     "react-intersection-observer": "9.13.0",
     "react-resizable-layout": "0.7.2",
@@ -125,16 +125,16 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.1.0",
     "semver": "7.6.3",
-    "shiki": "1.14.1",
+    "shiki": "1.15.1",
     "sonner": "^1.5.0",
-    "swiper": "11.1.10",
+    "swiper": "11.1.11",
     "tailwind-merge": "2.5.2",
-    "tldts": "6.1.40",
+    "tldts": "6.1.41",
     "unified": "11.0.5",
     "use-context-selector": "2.0.0",
     "usehooks-ts": "3.1.0",
     "utf-8-validate": "6.0.4",
-    "vfile": "6.0.2",
+    "vfile": "6.0.3",
     "vscode-languagedetection": "npm:@vscode/vscode-languagedetection@^1.0.22",
     "zod": "3.23.8",
     "zustand": "4.5.5"
@@ -148,27 +148,27 @@
     "@electron-forge/plugin-fuses": "7.4.0",
     "@electron-forge/publisher-github": "7.4.0",
     "@electron-toolkit/tsconfig": "^1.0.1",
-    "@hono/node-server": "1.12.1",
-    "@iconify-json/mingcute": "1.1.19",
+    "@hono/node-server": "1.12.2",
+    "@iconify-json/mingcute": "1.1.20",
     "@pengx17/electron-forge-maker-appimage": "1.2.1",
     "@tailwindcss/container-queries": "0.1.1",
-    "@tailwindcss/typography": "0.5.14",
+    "@tailwindcss/typography": "0.5.15",
     "@types/lodash-es": "4.17.12",
-    "@types/node": "^20.16.1",
-    "@types/react": "^18.3.4",
+    "@types/node": "^22.5.1",
+    "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "@vercel/ncc": "0.38.1",
     "@vitejs/plugin-legacy": "5.4.2",
     "@vitejs/plugin-react": "^4.3.1",
-    "drizzle-orm": "0.32.2",
+    "drizzle-orm": "0.33.0",
     "electron": "32.0.1",
     "electron-devtools-installer": "3.2.0",
     "electron-packager-languages": "0.5.0",
     "electron-vite": "^2.3.0",
-    "eslint": "^9.9.0",
+    "eslint": "^9.9.1",
     "eslint-config-hyoban": "^3.1.3",
     "fake-indexeddb": "6.0.0",
-    "hono": "4.5.7",
+    "hono": "4.5.10",
     "lint-staged": "15.2.9",
     "nbump": "2.0.4",
     "postcss": "8.4.41",
@@ -184,7 +184,7 @@
     "typescript": "^5.5.4",
     "vite": "^5.4.2",
     "vite-plugin-mkcert": "1.17.6",
-    "vite-tsconfig-paths": "4.3.2",
+    "vite-tsconfig-paths": "5.0.1",
     "vitest": "2.0.5"
   },
   "pnpm": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff99df9c03..97bb1d5af0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -46,10 +46,10 @@ importers:
         version: 5.0.1
       '@hono/auth-js':
         specifier: 1.0.10
-        version: 1.0.10(@auth/core@0.34.2)(hono@4.5.7(patch_hash=iej2g43ojhll5opwbnvyorjq4e))(react@18.3.1)
+        version: 1.0.10(@auth/core@0.34.2)(hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e))(react@18.3.1)
       '@hookform/resolvers':
         specifier: 3.9.0
-        version: 3.9.0(react-hook-form@7.52.2(react@18.3.1))
+        version: 3.9.0(react-hook-form@7.53.0(react@18.3.1))
       '@iconify/tools':
         specifier: 4.0.5
         version: 4.0.5
@@ -61,85 +61,85 @@ importers:
         version: 0.5.0(patch_hash=fgkvsbckled47trggkhdkimzbm)
       '@radix-ui/react-alert-dialog':
         specifier: 1.1.1
-        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-avatar':
         specifier: 1.1.0
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-checkbox':
         specifier: 1.1.1
-        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-context-menu':
         specifier: 2.2.1
-        version: 2.2.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dialog':
         specifier: 1.1.1
-        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dropdown-menu':
         specifier: 2.1.1
-        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-hover-card':
         specifier: 1.1.1
-        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-label':
         specifier: 2.1.0
-        version: 2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-popover':
         specifier: 1.1.1
-        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-radio-group':
         specifier: 1.2.0
-        version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-scroll-area':
         specifier: 1.1.0
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-select':
         specifier: 2.1.1
-        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-slider':
         specifier: ^1.2.0
-        version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-slot':
         specifier: 1.1.0
-        version: 1.1.0(@types/react@18.3.4)(react@18.3.1)
+        version: 1.1.0(@types/react@18.3.5)(react@18.3.1)
       '@radix-ui/react-switch':
         specifier: 1.1.0
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tabs':
         specifier: 1.1.0
-        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-toast':
         specifier: 1.2.1
-        version: 1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tooltip':
         specifier: 1.1.2
-        version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sentry/electron':
-        specifier: 5.3.0
-        version: 5.3.0
+        specifier: 5.4.0
+        version: 5.4.0
       '@sentry/react':
-        specifier: 8.26.0
-        version: 8.26.0(react@18.3.1)
+        specifier: 8.27.0
+        version: 8.27.0(react@18.3.1)
       '@sentry/vite-plugin':
-        specifier: 2.22.2
-        version: 2.22.2(encoding@0.1.13)
+        specifier: 2.22.3
+        version: 2.22.3(encoding@0.1.13)
       '@shikijs/transformers':
-        specifier: 1.14.1
-        version: 1.14.1
+        specifier: 1.15.1
+        version: 1.15.1
       '@t3-oss/env-core':
-        specifier: ^0.10.1
-        version: 0.10.1(typescript@5.5.4)(zod@3.23.8)
+        specifier: ^0.11.1
+        version: 0.11.1(typescript@5.5.4)(zod@3.23.8)
       '@tanstack/query-sync-storage-persister':
-        specifier: 5.52.0
-        version: 5.52.0
+        specifier: 5.53.1
+        version: 5.53.1
       '@tanstack/react-query':
-        specifier: 5.52.0
-        version: 5.52.0(react@18.3.1)
+        specifier: 5.53.1
+        version: 5.53.1(react@18.3.1)
       '@tanstack/react-query-devtools':
-        specifier: 5.52.0
-        version: 5.52.0(@tanstack/react-query@5.52.0(react@18.3.1))(react@18.3.1)
+        specifier: 5.53.1
+        version: 5.53.1(@tanstack/react-query@5.53.1(react@18.3.1))(react@18.3.1)
       '@tanstack/react-query-persist-client':
-        specifier: 5.52.0
-        version: 5.52.0(@tanstack/react-query@5.52.0(react@18.3.1))(react@18.3.1)
+        specifier: 5.53.1
+        version: 5.53.1(@tanstack/react-query@5.53.1(react@18.3.1))(react@18.3.1)
       '@use-gesture/react':
         specifier: 10.3.1
         version: 10.3.1(react@18.3.1)
@@ -157,13 +157,13 @@ importers:
         version: 0.7.0
       click-to-react-component:
         specifier: 1.1.0
-        version: 1.1.0(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       clsx:
         specifier: 2.1.1
         version: 2.1.1
       cmdk:
         specifier: 1.0.0
-        version: 1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       dayjs:
         specifier: 1.11.13
         version: 1.11.13
@@ -189,11 +189,11 @@ importers:
         specifier: 1.5.1
         version: 1.5.1
       foxact:
-        specifier: 0.2.36
-        version: 0.2.36(react@18.3.1)
+        specifier: 0.2.37
+        version: 0.2.37(react@18.3.1)
       framer-motion:
         specifier: 11.0.10
-        version: 11.0.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 11.3.31(@emotion/is-prop-valid@1.3.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       franc-min:
         specifier: 6.2.0
         version: 6.2.0
@@ -214,7 +214,7 @@ importers:
         version: 10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu)
       jotai:
         specifier: 2.9.3
-        version: 2.9.3(@types/react@18.3.4)(react@18.3.1)
+        version: 2.9.3(@types/react@18.3.5)(react@18.3.1)
       lethargy:
         specifier: 1.0.9
         version: 1.0.9
@@ -240,11 +240,11 @@ importers:
         specifier: 7.1.0
         version: 7.1.0
       posthog-js:
-        specifier: 1.157.2
-        version: 1.157.2
+        specifier: 1.160.0
+        version: 1.160.0
       posthog-node:
-        specifier: 4.1.1
-        version: 4.1.1
+        specifier: 4.2.0
+        version: 4.2.0
       re-resizable:
         specifier: 6.9.17
         version: 6.9.17(patch_hash=yitcmpfwcomg2fky72uc3lhk2i)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -255,8 +255,8 @@ importers:
         specifier: 1.6.5
         version: 1.6.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-hook-form:
-        specifier: 7.52.2
-        version: 7.52.2(react@18.3.1)
+        specifier: 7.53.0
+        version: 7.53.0(react@18.3.1)
       react-hotkeys-hook:
         specifier: 4.5.0
         version: 4.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -306,20 +306,20 @@ importers:
         specifier: 7.6.3
         version: 7.6.3
       shiki:
-        specifier: 1.14.1
-        version: 1.14.1
+        specifier: 1.15.1
+        version: 1.15.1
       sonner:
         specifier: ^1.5.0
         version: 1.5.0(patch_hash=6s3tquyt5wnkqaogymn3mkivuq)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       swiper:
-        specifier: 11.1.10
-        version: 11.1.10
+        specifier: 11.1.11
+        version: 11.1.11
       tailwind-merge:
         specifier: 2.5.2
         version: 2.5.2
       tldts:
-        specifier: 6.1.40
-        version: 6.1.40
+        specifier: 6.1.41
+        version: 6.1.41
       unified:
         specifier: 11.0.5
         version: 11.0.5
@@ -333,8 +333,8 @@ importers:
         specifier: 6.0.4
         version: 6.0.4
       vfile:
-        specifier: 6.0.2
-        version: 6.0.2
+        specifier: 6.0.3
+        version: 6.0.3
       vscode-languagedetection:
         specifier: npm:@vscode/vscode-languagedetection@^1.0.22
         version: '@vscode/vscode-languagedetection@1.0.22'
@@ -343,7 +343,7 @@ importers:
         version: 3.23.8
       zustand:
         specifier: 4.5.5
-        version: 4.5.5(@types/react@18.3.4)(immer@10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu))(react@18.3.1)
+        version: 4.5.5(@types/react@18.3.5)(immer@10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu))(react@18.3.1)
     devDependencies:
       '@egoist/tailwindcss-icons':
         specifier: 1.8.1
@@ -368,31 +368,31 @@ importers:
         version: 7.4.0(encoding@0.1.13)
       '@electron-toolkit/tsconfig':
         specifier: ^1.0.1
-        version: 1.0.1(@types/node@20.16.1)
+        version: 1.0.1(@types/node@22.5.1)
       '@hono/node-server':
-        specifier: 1.12.1
-        version: 1.12.1
+        specifier: 1.12.2
+        version: 1.12.2(hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e))
       '@iconify-json/mingcute':
-        specifier: 1.1.19
-        version: 1.1.19
+        specifier: 1.1.20
+        version: 1.1.20
       '@pengx17/electron-forge-maker-appimage':
         specifier: 1.2.1
-        version: 1.2.1(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3))
+        version: 1.2.1(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))
       '@tailwindcss/container-queries':
         specifier: 0.1.1
         version: 0.1.1(tailwindcss@3.4.10)
       '@tailwindcss/typography':
-        specifier: 0.5.14
-        version: 0.5.14(tailwindcss@3.4.10)
+        specifier: 0.5.15
+        version: 0.5.15(tailwindcss@3.4.10)
       '@types/lodash-es':
         specifier: 4.17.12
         version: 4.17.12
       '@types/node':
-        specifier: ^20.16.1
-        version: 20.16.1
+        specifier: ^22.5.1
+        version: 22.5.1
       '@types/react':
-        specifier: ^18.3.4
-        version: 18.3.4
+        specifier: ^18.3.5
+        version: 18.3.5
       '@types/react-dom':
         specifier: ^18.3.0
         version: 18.3.0
@@ -401,13 +401,13 @@ importers:
         version: 0.38.1
       '@vitejs/plugin-legacy':
         specifier: 5.4.2
-        version: 5.4.2(terser@5.31.6)(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))
+        version: 5.4.2(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
       '@vitejs/plugin-react':
         specifier: ^4.3.1
-        version: 4.3.1(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))
+        version: 4.3.1(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
       drizzle-orm:
-        specifier: 0.32.2
-        version: 0.32.2(@opentelemetry/api@1.9.0)(@types/pg@8.6.1)(@types/react@18.3.4)(react@18.3.1)
+        specifier: 0.33.0
+        version: 0.33.0(@opentelemetry/api@1.9.0)(@types/pg@8.11.8)(@types/react@18.3.5)(react@18.3.1)
       electron:
         specifier: 32.0.1
         version: 32.0.1
@@ -419,19 +419,19 @@ importers:
         version: 0.5.0
       electron-vite:
         specifier: ^2.3.0
-        version: 2.3.0(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))
+        version: 2.3.0(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
       eslint:
-        specifier: ^9.9.0
-        version: 9.9.0(jiti@1.21.6)
+        specifier: ^9.9.1
+        version: 9.9.1(jiti@1.21.6)
       eslint-config-hyoban:
         specifier: ^3.1.3
-        version: 3.1.3(@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(tailwindcss@3.4.10)(typescript@5.5.4)
+        version: 3.1.3(@typescript-eslint/eslint-plugin@8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(tailwindcss@3.4.10)(typescript@5.5.4)
       fake-indexeddb:
         specifier: 6.0.0
         version: 6.0.0
       hono:
-        specifier: 4.5.7
-        version: 4.5.7(patch_hash=iej2g43ojhll5opwbnvyorjq4e)
+        specifier: 4.5.10
+        version: 4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e)
       lint-staged:
         specifier: 15.2.9
         version: 15.2.9
@@ -455,7 +455,7 @@ importers:
         version: 6.0.1
       rollup-plugin-visualizer:
         specifier: 5.12.0
-        version: 5.12.0(rollup@4.21.0)
+        version: 5.12.0(rollup@4.21.2)
       shx:
         specifier: ^0.3.4
         version: 0.3.4
@@ -473,16 +473,16 @@ importers:
         version: 5.5.4
       vite:
         specifier: ^5.4.2
-        version: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+        version: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
       vite-plugin-mkcert:
         specifier: 1.17.6
-        version: 1.17.6(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))
+        version: 1.17.6(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
       vite-tsconfig-paths:
-        specifier: 4.3.2
-        version: 4.3.2(typescript@5.5.4)(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))
+        specifier: 5.0.1
+        version: 5.0.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
       vitest:
         specifier: 2.0.5
-        version: 2.0.5(@types/node@20.16.1)(terser@5.31.6)
+        version: 2.0.5(@types/node@22.5.1)(terser@5.31.6)
 
 packages:
 
@@ -1272,6 +1272,10 @@ packages:
     resolution: {integrity: sha512-aL+bFMIkpR0cmmj5Zgy0LMKEpgy43/hw5zadEArgmAMWWlKc5buwFvFT9G/o/YJkvXAJm5q3iuTuLaiaXW39sg==}
     engines: {node: '>= 10.0.0'}
 
+  '@electron/notarize@2.3.2':
+    resolution: {integrity: sha512-zfayxCe19euNwRycCty1C7lF7snk9YwfRpB5M8GLr1a4ICH63znxaPNAubrMvj0yDvVozqfgsdYpXVUnpWBDpg==}
+    engines: {node: '>= 10.0.0'}
+
   '@electron/notarize@2.4.0':
     resolution: {integrity: sha512-ArHnRPIJJGrmV+uWNQSINAht+cM4gAo3uA3WFI54bYF93mzmD15gzhPQ0Dd+v/fkMhnRiiIO8NNkGdn87Vsy0g==}
     engines: {node: '>= 10.0.0'}
@@ -1281,6 +1285,11 @@ packages:
     engines: {node: '>=12.0.0'}
     hasBin: true
 
+  '@electron/osx-sign@1.3.0':
+    resolution: {integrity: sha512-TEXhxlYSDRr9JWK5nWdOv5MtuUdaZ412uxIIEQ0hLt80o0HYWtQJBlW5QmrQDMtebzATaOjKG9UfCzLyA90zWQ==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+
   '@electron/osx-sign@1.3.1':
     resolution: {integrity: sha512-BAfviURMHpmb1Yb50YbCxnOY0wfwaLXH5KJ4+80zS0gUkzDX3ec23naTlEqKsN+PwYn+a1cCzM7BJ4Wcd3sGzw==}
     engines: {node: '>=12.0.0'}
@@ -1309,11 +1318,11 @@ packages:
     engines: {node: '>=14.14'}
     hasBin: true
 
-  '@emotion/is-prop-valid@0.8.8':
-    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+  '@emotion/is-prop-valid@1.3.0':
+    resolution: {integrity: sha512-SHetuSLvJDzuNbOdtPVbq6yMMMlLoW5Q94uDqJZqy50gcmAjxFkVqmzqSGEFq9gT2iMuIeKV1PXVWmvUhuZLlQ==}
 
-  '@emotion/memoize@0.7.4':
-    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+  '@emotion/memoize@0.9.0':
+    resolution: {integrity: sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==}
 
   '@es-joy/jsdoccomment@0.43.1':
     resolution: {integrity: sha512-I238eDtOolvCuvtxrnqtlBaw0BwdQuYqK7eA6XIonicMdOOOb75mqdIzkGDUbS04+1Di007rgm9snFRNeVrOog==}
@@ -1642,8 +1651,8 @@ packages:
   '@eslint-react/var@1.12.0':
     resolution: {integrity: sha512-huN6hnTxnKfIPxtkx21xpM8r1cPkPQY3BMIIQm7JiKnC7gn70rqxuTD7EDy5AEHFiwrIP09KSC3vbSxQFWkL5w==}
 
-  '@eslint/config-array@0.17.1':
-    resolution: {integrity: sha512-BlYOpej8AQ8Ev9xVqroV7a02JK3SkBAaN9GfMMH9W6Ch8FlQlkjGw4Ir7+FgYwfirivAf4t+GtzuAxqfukmISA==}
+  '@eslint/config-array@0.18.0':
+    resolution: {integrity: sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/eslintrc@3.1.0':
@@ -1654,6 +1663,10 @@ packages:
     resolution: {integrity: sha512-hhetes6ZHP3BlXLxmd8K2SNgkhNSi+UcecbnwWKwpP7kyi/uC75DJ1lOOBO3xrC4jyojtGE3YxKZPHfk4yrgug==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@eslint/js@9.9.1':
+    resolution: {integrity: sha512-xIDQRsfg5hNBqHz04H1R3scSVwmI+KUbqjsQKHKQ1DAUSaUjYPReZZmS/5PNiKu1fUvzDd6H7DEDKACSEhu+TQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/object-schema@2.1.4':
     resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1703,9 +1716,11 @@ packages:
       hono: '>=3.*'
       react: '>=18'
 
-  '@hono/node-server@1.12.1':
-    resolution: {integrity: sha512-C9l+08O8xtXB7Ppmy8DjBFH1hYji7JKzsU32Yt1poIIbdPp6S7aOI8IldDHD9YFJ55lv2c21ovNrmxatlHfhAg==}
+  '@hono/node-server@1.12.2':
+    resolution: {integrity: sha512-xjzhqhSWUE/OhN0g3KCNVzNsQMlFUAL+/8GgPUr3TKcU7cvgZVBGswFofJ8WwGEHTqobzze1lDpGJl9ZNckDhA==}
     engines: {node: '>=18.14.1'}
+    peerDependencies:
+      hono: ^4
 
   '@hookform/resolvers@3.9.0':
     resolution: {integrity: sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==}
@@ -1724,8 +1739,8 @@ packages:
     resolution: {integrity: sha512-e5+YUKENATs1JgYHMzTr2MW/NDcXGfYFAuOQU8gJgF/kEh4EqKgfGrfLI67bMD4tbhZVlkigz/9YYwWcbOFthg==}
     engines: {node: '>=10.13.0'}
 
-  '@iconify-json/mingcute@1.1.19':
-    resolution: {integrity: sha512-O7h8mEQPUBfpsMagPI7ab/w5JzpijMMYmlabD43hyXyjh2LBfz+FlC+AcgSjQERx9+zb1dECb0FA34L5+VKs/Q==}
+  '@iconify-json/mingcute@1.1.20':
+    resolution: {integrity: sha512-cLrKrnb9gsi+G6bRtqoFB0KcZnuD/f+p1mwmCTOJdfT8XUFOeZ/ObyBDcAsD2alwL1JmwvqRF08RDW0pfWZAnA==}
 
   '@iconify/tools@4.0.5':
     resolution: {integrity: sha512-l8KoA1lxlN/FFjlMd3vjfD7BtcX/QnFWtlBapILMlJSBgM5zhDYak/ldw/LkKG3258q/0YmXa48sO/QpxX7ptg==}
@@ -1914,8 +1929,8 @@ packages:
     resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
     engines: {node: '>=8.0.0'}
 
-  '@opentelemetry/context-async-hooks@1.25.1':
-    resolution: {integrity: sha512-UW/ge9zjvAEmRWVapOP0qyCvPulWU6cQxGxDbWEFfGOj1VBBZAuOqTo3X6yWmDTD3Xe15ysCZChHncr2xFMIfQ==}
+  '@opentelemetry/context-async-hooks@1.26.0':
+    resolution: {integrity: sha512-HedpXXYzzbaoutw6DFLWLDket2FwLkLpil4hGCZ1xYEIMTcivdfwEOISgdbLEWyG3HW52gTq2V9mOVJrONgiwg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
@@ -1926,14 +1941,20 @@ packages:
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
 
+  '@opentelemetry/core@1.26.0':
+    resolution: {integrity: sha512-1iKxXXE8415Cdv0yjG3G6hQnB5eVEsJce3QaawX8SjDn0mAS0ZM8fAbZZJD4ajvhC15cePvosSCut404KrIIvQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': '>=1.0.0 <1.10.0'
+
   '@opentelemetry/instrumentation-connect@0.38.0':
     resolution: {integrity: sha512-2/nRnx3pjYEmdPIaBwtgtSviTKHWnDZN3R+TkRUnhIVrvBKVcq+I5B2rtd6mr6Fe9cHlZ9Ojcuh7pkNh/xdWWg==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
-  '@opentelemetry/instrumentation-express@0.41.0':
-    resolution: {integrity: sha512-/B7fbMdaf3SYe5f1P973tkqd6s7XZirjpfkoJ63E7nltU30qmlgm9tY5XwZOzAFI0rHS9tbrFI2HFPAvQUFe/A==}
+  '@opentelemetry/instrumentation-express@0.41.1':
+    resolution: {integrity: sha512-uRx0V3LPGzjn2bxAnV8eUsDT82vT7NTwI0ezEuPMBOTOsnPpGhWdhcdNdhH80sM4TrWrOfXm9HGEdfWE3TRIww==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
@@ -1944,6 +1965,12 @@ packages:
     peerDependencies:
       '@opentelemetry/api': ^1.3.0
 
+  '@opentelemetry/instrumentation-fs@0.14.0':
+    resolution: {integrity: sha512-pVc8P5AgliC1DphyyBUgsxXlm2XaPH4BpYvt7rAZDMIqUpRk8gs19SioABtKqqxvFzg5jPtgJfJsdxq0Y+maLw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@opentelemetry/api': ^1.3.0
+
   '@opentelemetry/instrumentation-graphql@0.42.0':
     resolution: {integrity: sha512-N8SOwoKL9KQSX7z3gOaw5UaTeVQcfDO1c21csVHnmnmGUoqsXbArK2B8VuwPWcv6/BC/i3io+xTo7QGRZ/z28Q==}
     engines: {node: '>=14'}
@@ -2032,20 +2059,20 @@ packages:
     resolution: {integrity: sha512-faYX1N0gpLhej/6nyp6bgRjzAKXn5GOEMYY7YhciSfCoITAktLUtQ36d24QEWNA1/WA1y6qQunCe0OhHRkVl9g==}
     engines: {node: '>=14'}
 
-  '@opentelemetry/resources@1.25.1':
-    resolution: {integrity: sha512-pkZT+iFYIZsVn6+GzM0kSX+u3MSLCY9md+lIJOoKl/P+gJFfxJte/60Usdp8Ce4rOs8GduUpSPNe1ddGyDT1sQ==}
+  '@opentelemetry/resources@1.26.0':
+    resolution: {integrity: sha512-CPNYchBE7MBecCSVy0HKpUISEeJOniWqcHaAHpmasZ3j9o6V3AyBzhRc90jdmemq0HOxDr6ylhUbDhBqqPpeNw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
 
-  '@opentelemetry/sdk-metrics@1.25.1':
-    resolution: {integrity: sha512-9Mb7q5ioFL4E4dDrc4wC/A3NTHDat44v4I3p2pLPSxRvqUbDIQyMVr9uK+EU69+HWhlET1VaSrRzwdckWqY15Q==}
+  '@opentelemetry/sdk-metrics@1.26.0':
+    resolution: {integrity: sha512-0SvDXmou/JjzSDOjUmetAAvcKQW6ZrvosU0rkbDGpXvvZN+pQF6JbK/Kd4hNdK4q/22yeruqvukXEJyySTzyTQ==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.3.0 <1.10.0'
 
-  '@opentelemetry/sdk-trace-base@1.25.1':
-    resolution: {integrity: sha512-C8k4hnEbc5FamuZQ92nTOp8X/diCY56XUTnMiv9UTuJitCzaNNHAVsdm5+HLCdI8SLQsLWIrG38tddMxLVoftw==}
+  '@opentelemetry/sdk-trace-base@1.26.0':
+    resolution: {integrity: sha512-olWQldtvbK4v22ymrKLbIcBi9L2SpMO84sCPY54IVsJhP9fRsxJT194C/AVaAuJzLE30EdhhM1VmvVYR7az+cw==}
     engines: {node: '>=14'}
     peerDependencies:
       '@opentelemetry/api': '>=1.0.0 <1.10.0'
@@ -2054,6 +2081,10 @@ packages:
     resolution: {integrity: sha512-ZDjMJJQRlyk8A1KZFCc+bCbsyrn1wTwdNt56F7twdfUfnHUZUq77/WfONCj8p72NZOyP7pNTdUWSTYC3GTbuuQ==}
     engines: {node: '>=14'}
 
+  '@opentelemetry/semantic-conventions@1.27.0':
+    resolution: {integrity: sha512-sAay1RrB+ONOem0OZanAR1ZI/k7yDpnOQSQmTMuGImUQb2y8EbSaCJ94FQluM74xoU03vlb2d2U90hZluL6nQg==}
+    engines: {node: '>=14'}
+
   '@opentelemetry/sql-common@0.40.1':
     resolution: {integrity: sha512-nSDlnHSqzC3pXn/wZEZVLuAuJ1MYMXPBwtv2qAbCa3847SaHItdE7SzUq/Jtb0KZmh1zfAbNi3AAMjztTT4Ugg==}
     engines: {node: '>=14'}
@@ -2738,192 +2769,272 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@rollup/rollup-android-arm-eabi@4.21.2':
+    resolution: {integrity: sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==}
+    cpu: [arm]
+    os: [android]
+
   '@rollup/rollup-android-arm64@4.21.0':
     resolution: {integrity: sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==}
     cpu: [arm64]
     os: [android]
 
+  '@rollup/rollup-android-arm64@4.21.2':
+    resolution: {integrity: sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==}
+    cpu: [arm64]
+    os: [android]
+
   '@rollup/rollup-darwin-arm64@4.21.0':
     resolution: {integrity: sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==}
     cpu: [arm64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-arm64@4.21.2':
+    resolution: {integrity: sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rollup/rollup-darwin-x64@4.21.0':
     resolution: {integrity: sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==}
     cpu: [x64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-x64@4.21.2':
+    resolution: {integrity: sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==}
+    cpu: [x64]
+    os: [darwin]
+
   '@rollup/rollup-linux-arm-gnueabihf@4.21.0':
     resolution: {integrity: sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==}
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
+    resolution: {integrity: sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm-musleabihf@4.21.0':
     resolution: {integrity: sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==}
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
+    resolution: {integrity: sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-gnu@4.21.0':
     resolution: {integrity: sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==}
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-gnu@4.21.2':
+    resolution: {integrity: sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-musl@4.21.0':
     resolution: {integrity: sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==}
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-musl@4.21.2':
+    resolution: {integrity: sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-powerpc64le-gnu@4.21.0':
     resolution: {integrity: sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==}
     cpu: [ppc64]
     os: [linux]
 
+  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
+    resolution: {integrity: sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==}
+    cpu: [ppc64]
+    os: [linux]
+
   '@rollup/rollup-linux-riscv64-gnu@4.21.0':
     resolution: {integrity: sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==}
     cpu: [riscv64]
     os: [linux]
 
+  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
+    resolution: {integrity: sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rollup/rollup-linux-s390x-gnu@4.21.0':
     resolution: {integrity: sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==}
     cpu: [s390x]
     os: [linux]
 
+  '@rollup/rollup-linux-s390x-gnu@4.21.2':
+    resolution: {integrity: sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==}
+    cpu: [s390x]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-gnu@4.21.0':
     resolution: {integrity: sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==}
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-gnu@4.21.2':
+    resolution: {integrity: sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==}
+    cpu: [x64]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-musl@4.21.0':
     resolution: {integrity: sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==}
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-musl@4.21.2':
+    resolution: {integrity: sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==}
+    cpu: [x64]
+    os: [linux]
+
   '@rollup/rollup-win32-arm64-msvc@4.21.0':
     resolution: {integrity: sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==}
     cpu: [arm64]
     os: [win32]
 
+  '@rollup/rollup-win32-arm64-msvc@4.21.2':
+    resolution: {integrity: sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==}
+    cpu: [arm64]
+    os: [win32]
+
   '@rollup/rollup-win32-ia32-msvc@4.21.0':
     resolution: {integrity: sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==}
     cpu: [ia32]
     os: [win32]
 
+  '@rollup/rollup-win32-ia32-msvc@4.21.2':
+    resolution: {integrity: sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==}
+    cpu: [ia32]
+    os: [win32]
+
   '@rollup/rollup-win32-x64-msvc@4.21.0':
     resolution: {integrity: sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==}
     cpu: [x64]
     os: [win32]
 
-  '@sentry-internal/browser-utils@8.20.0':
-    resolution: {integrity: sha512-GGYNiELnT4ByidHyS4/M8UF8Oxagm5R13QyTncQGq8nZcQhcFZ9mdxLnf1/R4+j44Fph2Cgzafe8jGP/AMA9zw==}
-    engines: {node: '>=14.18'}
+  '@rollup/rollup-win32-x64-msvc@4.21.2':
+    resolution: {integrity: sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==}
+    cpu: [x64]
+    os: [win32]
 
   '@sentry-internal/browser-utils@8.26.0':
     resolution: {integrity: sha512-O2Tj+WK33/ZVp5STnz6ZL0OO+/Idk2KqsH0ITQkQmyZ2z0kdzWOeqK7s7q3/My6rB1GfPcyqPcBBv4dVv92FYQ==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/feedback@8.20.0':
-    resolution: {integrity: sha512-mFvAoVpVShkDB2AgEr/dE96NSTPKI/lGMBznZMg7ZEcwZhLfH7HvLYCadIskRfzqFTLOUpbm9ciIO4SyR/4bDA==}
+  '@sentry-internal/browser-utils@8.27.0':
+    resolution: {integrity: sha512-YTIwQ1GM1NTRXgN4DvpFSQ2x4pjlqQ0FQAyHW5x2ZYv4z7VmqG4Xkid1P/srQUipECk6nxkebfD4WR19nLsvnQ==}
     engines: {node: '>=14.18'}
 
   '@sentry-internal/feedback@8.26.0':
     resolution: {integrity: sha512-hQtw1gg8n6ERK1UH47F7ZI1zOsbhu0J2VX+TrnkpaQR2FgxDW1oe9Ja6oCV4CQKuR4w+1ZI/Kj4imSt0K33kEw==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/replay-canvas@8.20.0':
-    resolution: {integrity: sha512-LXV/pMH9KMw6CtImenMsiBkYIFIc97pDJ/rC7mVImKIROQ45fxGp/JBXM4Id0GENyA2+SySMWVQCAAapSfHZTw==}
+  '@sentry-internal/feedback@8.27.0':
+    resolution: {integrity: sha512-b71PQc9aK1X9b/SO1DiJlrnAEx4n0MzPZQ/tKd9oRWDyGit6pJWZfQns9r2rvc96kJPMOTxFAa/upXRCkA723A==}
     engines: {node: '>=14.18'}
 
   '@sentry-internal/replay-canvas@8.26.0':
     resolution: {integrity: sha512-2CFQW6f9aJHIo/DqmqYa9PaYoLn1o36ywc0h8oyGrD4oPCbrnE5F++PmTdc71GBODu41HBn/yoCTLmxOD+UjpA==}
     engines: {node: '>=14.18'}
 
-  '@sentry-internal/replay@8.20.0':
-    resolution: {integrity: sha512-sCiI7SOAHq5XsxkixtoMofeSyKd/hVgDV+4145f6nN9m7nLzig4PBQwh2SgK2piJ2mfaXfqcdzA1pShPYldaJA==}
+  '@sentry-internal/replay-canvas@8.27.0':
+    resolution: {integrity: sha512-uuEfiWbjwugB9M4KxXxovHYiKRqg/R6U4EF8xM/Ub4laUuEcWsfRp7lQ3MxL3qYojbca8ncIFic2bIoKMPeejA==}
     engines: {node: '>=14.18'}
 
   '@sentry-internal/replay@8.26.0':
     resolution: {integrity: sha512-JDY7W2bswlp5c3483lKP4kcb75fHNwGNfwD8x8FsY9xMjv7nxeXjLpR5cCEk1XqPq2+n6w4j7mJOXhEXGiUIKg==}
     engines: {node: '>=14.18'}
 
-  '@sentry/babel-plugin-component-annotate@2.22.2':
-    resolution: {integrity: sha512-6kFAHGcs0npIC4HTt4ULs8uOfEucvMI7VW4hoyk17jhRaW8CbxzxfWCfIeRbDkE8pYwnARaq83tu025Hrk2zgA==}
-    engines: {node: '>= 14'}
-
-  '@sentry/browser@8.20.0':
-    resolution: {integrity: sha512-JDZbCreY44/fHYN28QzsAwEHXa2rc1hzM6GE4RSlXCdAhNfrjVxyYDxhw/50pVEHZg1WXxf7ZmERjocV5VJHsw==}
+  '@sentry-internal/replay@8.27.0':
+    resolution: {integrity: sha512-Ofucncaon98dvlxte2L//hwuG9yILSxNrTz/PmO0k+HzB9q+oBic4667QF+azWR2qv4oKSWpc+vEovP3hVqveA==}
     engines: {node: '>=14.18'}
 
+  '@sentry/babel-plugin-component-annotate@2.22.3':
+    resolution: {integrity: sha512-OlHA+i+vnQHRIdry4glpiS/xTOtgjmpXOt6IBOUqynx5Jd/iK1+fj+t8CckqOx9wRacO/hru2wfW/jFq0iViLg==}
+    engines: {node: '>= 14'}
+
   '@sentry/browser@8.26.0':
     resolution: {integrity: sha512-e5s6eKlwLZWzTwQcBwqyAGZMMuQROW9Z677VzwkSyREWAIkKjfH2VBxHATnNGc0IVkNHjD7iH3ixo3C0rLKM3w==}
     engines: {node: '>=14.18'}
 
-  '@sentry/bundler-plugin-core@2.22.2':
-    resolution: {integrity: sha512-TwEEW4FeEJ5Mamp4fGnktfVjzN77KAW0xFQsEPuxZtOAPG17zX/PGvdyRX/TE1jkZWhTzqUDIdgzqlNLjyEnUw==}
+  '@sentry/browser@8.27.0':
+    resolution: {integrity: sha512-eL1eaHwoYUGkp4mpeYesH6WtCrm+0u9jYCW5Lm0MAeTmpx22BZKEmj0OljuUJXGnJwFbvPDlRjyz6QG11m8kZA==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/bundler-plugin-core@2.22.3':
+    resolution: {integrity: sha512-DeoUl0WffcqZZRl5Wy9aHvX4WfZbbWt0QbJ7NJrcEViq+dRAI2FQTYECFLwdZi5Gtb3oyqZICO+P7k8wDnzsjQ==}
     engines: {node: '>= 14'}
 
-  '@sentry/cli-darwin@2.33.1':
-    resolution: {integrity: sha512-+4/VIx/E1L2hChj5nGf5MHyEPHUNHJ/HoG5RY+B+vyEutGily1c1+DM2bum7RbD0xs6wKLIyup5F02guzSzG8A==}
+  '@sentry/cli-darwin@2.34.1':
+    resolution: {integrity: sha512-SqlCunwhweMDJNKVf3kabiN6FwpvCIffn2cjfaZD0zqZQ3M1tWMJ/kSA0TGfe7lWu9JloNmVm+ArcudGitvX3w==}
     engines: {node: '>=10'}
     os: [darwin]
 
-  '@sentry/cli-linux-arm64@2.33.1':
-    resolution: {integrity: sha512-DbGV56PRKOLsAZJX27Jt2uZ11QfQEMmWB4cIvxkKcFVE+LJP4MVA+MGGRUL6p+Bs1R9ZUuGbpKGtj0JiG6CoXw==}
+  '@sentry/cli-linux-arm64@2.34.1':
+    resolution: {integrity: sha512-iSl/uNWjKbVPb6ll12SmHG9iGcC3oN8jjzdycm/mD3H/d8DLMloEiaz8lHQnsYCaPiNKwap1ThKlPvnKOU4SNg==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux, freebsd]
 
-  '@sentry/cli-linux-arm@2.33.1':
-    resolution: {integrity: sha512-zbxEvQju+tgNvzTOt635le4kS/Fbm2XC2RtYbCTs034Vb8xjrAxLnK0z1bQnStUV8BkeBHtsNVrG+NSQDym2wg==}
+  '@sentry/cli-linux-arm@2.34.1':
+    resolution: {integrity: sha512-CDhtFbUs16CoU10wEbxnn/pEuenFIMosTcxI7v0gWp3Wo0B2h0bOsLEk9dlT0YsqRTAldKUzef9AVX82m5Svwg==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux, freebsd]
 
-  '@sentry/cli-linux-i686@2.33.1':
-    resolution: {integrity: sha512-g2LS4oPXkPWOfKWukKzYp4FnXVRRSwBxhuQ9eSw2peeb58ZIObr4YKGOA/8HJRGkooBJIKGaAR2mH2Pk1TKaiA==}
+  '@sentry/cli-linux-i686@2.34.1':
+    resolution: {integrity: sha512-jq5o49pgzJFv/CQtvx4FLVO1xra22gzP76FtmvPwEhZQhJT6QduW9fpnvVDnOaY8YLzC7GAeszUV6sqZ0MZUqg==}
     engines: {node: '>=10'}
     cpu: [x86, ia32]
     os: [linux, freebsd]
 
-  '@sentry/cli-linux-x64@2.33.1':
-    resolution: {integrity: sha512-IV3dcYV/ZcvO+VGu9U6kuxSdbsV2kzxaBwWUQxtzxJ+cOa7J8Hn1t0koKGtU53JVZNBa06qJWIcqgl4/pCuKIg==}
+  '@sentry/cli-linux-x64@2.34.1':
+    resolution: {integrity: sha512-O99RAkrcMErWLPRdza6HaG7kmHCx9MYFNDX6FLrAgSP3oz+X3ral1oDTIrMs4hVbPDK287ZGAqCJtk+1iOjEBg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux, freebsd]
 
-  '@sentry/cli-win32-i686@2.33.1':
-    resolution: {integrity: sha512-F7cJySvkpzIu7fnLKNHYwBzZYYwlhoDbAUnaFX0UZCN+5DNp/5LwTp37a5TWOsmCaHMZT4i9IO4SIsnNw16/zQ==}
+  '@sentry/cli-win32-i686@2.34.1':
+    resolution: {integrity: sha512-yEeuneEVmExCbWlnSauhIg8wZDfKxRaou8XRfM6oPlSBu0XO5HUI3uRK5t2xT0zX8Syzh2kCZpdVE1KLavVeKA==}
     engines: {node: '>=10'}
     cpu: [x86, ia32]
     os: [win32]
 
-  '@sentry/cli-win32-x64@2.33.1':
-    resolution: {integrity: sha512-8VyRoJqtb2uQ8/bFRKNuACYZt7r+Xx0k2wXRGTyH05lCjAiVIXn7DiS2BxHFty7M1QEWUCMNsb/UC/x/Cu2wuA==}
+  '@sentry/cli-win32-x64@2.34.1':
+    resolution: {integrity: sha512-mU48VpDTwRgt7/Pf3vk/P87m4kM3XEXHHHfq9EvHCTspFF6GtMfL9njZ7+5Z+7ko852JS4kpunjZtsxmoP4/zA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
 
-  '@sentry/cli@2.33.1':
-    resolution: {integrity: sha512-dUlZ4EFh98VFRPJ+f6OW3JEYQ7VvqGNMa0AMcmvk07ePNeK/GicAWmSQE4ZfJTTl80ul6HZw1kY01fGQOQlVRA==}
+  '@sentry/cli@2.34.1':
+    resolution: {integrity: sha512-hAHvu+XH1kn1ee2NUWvuqAZenK/MrxqQzeIrIYATqF2XGjtSOr7irjAKWjd97/vXdLHA6TBnMW1wHwLcuJK2tg==}
     engines: {node: '>= 10'}
     hasBin: true
 
-  '@sentry/core@8.20.0':
-    resolution: {integrity: sha512-R81snuw+67VT4aCxr6ShST/s0Y6FlwN2YczhDwaGyzumn5rlvA6A4JtQDeExduNoDDyv4T3LrmW8wlYZn3CJJw==}
-    engines: {node: '>=14.18'}
-
   '@sentry/core@8.26.0':
     resolution: {integrity: sha512-g/tVmTZD4GNbLFf++hKJfBpcCAtduFEMLnbfa9iT/QEZjlmP+EzY+GsH9bafM5VsNe8DiOUp+kJKWtShzlVdBA==}
     engines: {node: '>=14.18'}
 
-  '@sentry/electron@5.3.0':
-    resolution: {integrity: sha512-6aqs5UB45stTI3VGfbNAo8k+jzrhOmwJ3BA8N/BKvrn6k+uO1S9lNAT5qI+GIuhRf2IfGj91n5d2kkd6ifKv8g==}
+  '@sentry/core@8.27.0':
+    resolution: {integrity: sha512-4frlXluHT3Du+Omw91K04jpvbfMtydvg4Bxj2+gt/DT19Swhm/fbEpzdUjgbAd3Jinj/n0qk/jFRXjr9JZKFjg==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/electron@5.4.0':
+    resolution: {integrity: sha512-ViJJ/7nro/QZPPFsrnniXwHW6BxxKHm+Ec79tGEDrLdrNhd4KL0oMZJF1cH+rMsG45ymQ5bO+lpA7Yf0nC/gZg==}
 
-  '@sentry/node@8.20.0':
-    resolution: {integrity: sha512-i4ywT2m0Gw65U3uwI4NwiNcyqp9YF6/RsusfH1pg4YkiL/RYp7FS0MPVgMggfvoue9S3KjCgRVlzTLwFATyPXQ==}
+  '@sentry/node@8.26.0':
+    resolution: {integrity: sha512-N9mNLzicnfGgsq6P10ckPdTzEFusjTC7gpqPopwq5eEMF7g798hH8CcE5o6FZ4iAAR3vWliAR/jgccdoMmJMpQ==}
     engines: {node: '>=14.18'}
 
-  '@sentry/opentelemetry@8.20.0':
-    resolution: {integrity: sha512-NFcLK6+t9wUc4HlGKeuDn6W4KjZxZfZmWlrK2/tgC5KzG1cnVeOnWUrJzGHTa+YDDdIijpjiFUcpXGPkX3rmIg==}
+  '@sentry/opentelemetry@8.26.0':
+    resolution: {integrity: sha512-HBDheM/+ysfIz8R1OH4bBIxdgD7ZbQkKLJAUXkdAbBcfbpK/CTtwcplbauF5wY7Q+GYvwL/ShuDwvXRfW+gFyQ==}
     engines: {node: '>=14.18'}
     peerDependencies:
       '@opentelemetry/api': ^1.9.0
@@ -2932,37 +3043,37 @@ packages:
       '@opentelemetry/sdk-trace-base': ^1.25.1
       '@opentelemetry/semantic-conventions': ^1.25.1
 
-  '@sentry/react@8.26.0':
-    resolution: {integrity: sha512-dYoC0xzcqq8zmNMFoTWidhA7mVd3RDz/nAUn6C8yK/hkKA7bUknYCkhpESGLZfHaGwSKzeXRXKd/o/cgUVM9eA==}
+  '@sentry/react@8.27.0':
+    resolution: {integrity: sha512-8pD+J9UVnSGmPnm5dHJup5OVsHTN/pL4Ozi01yyrpivLkQiMZNac3OXsc0C7zXnztfLQx0kmTyCOzbRROfbpnA==}
     engines: {node: '>=14.18'}
     peerDependencies:
       react: ^16.14.0 || 17.x || 18.x || 19.x
 
-  '@sentry/types@8.20.0':
-    resolution: {integrity: sha512-6IP278KojOpiAA7vrd1hjhUyn26cl0n0nGsShzic5ztCVs92sTeVRnh7MTB9irDVtAbOEyt/YH6go3h+Jia1pA==}
-    engines: {node: '>=14.18'}
-
   '@sentry/types@8.26.0':
     resolution: {integrity: sha512-zKmh6SWsJh630rpt7a9vP4Cm4m1C2gDTUqUiH565CajCL/4cePpNWYrNwalSqsOSL7B9OrczA1+n6a6XvND+ng==}
     engines: {node: '>=14.18'}
 
-  '@sentry/utils@8.20.0':
-    resolution: {integrity: sha512-+1I5H8dojURiEUGPliDwheQk8dhjp8uV1sMccR/W/zjFrt4wZyPs+Ttp/V7gzm9LDJoNek9tmELert/jQqWTgg==}
+  '@sentry/types@8.27.0':
+    resolution: {integrity: sha512-B6lrP46+m2x0lfqWc9F4VcUbN893mVGnPEd7KIMRk95mPzkFJ3sNxggTQF5/ZfNO7lDQYQb22uysB5sj/BqFiw==}
     engines: {node: '>=14.18'}
 
   '@sentry/utils@8.26.0':
     resolution: {integrity: sha512-xvlPU9Hd2BlyT+FhWHGNwnxWqdVRk2AHnDtVcW4Ma0Ri5EwS+uy4Jeik5UkSv8C5RVb9VlxFmS8LN3I1MPJsLw==}
     engines: {node: '>=14.18'}
 
-  '@sentry/vite-plugin@2.22.2':
-    resolution: {integrity: sha512-LJSNTw75UJq77v2jCan8cRh0w1u6W30jxQsbqF7YyyhhfjPTyFUXYday9RDDe84qDEnspbZmgeTSWTvaTGsBRg==}
+  '@sentry/utils@8.27.0':
+    resolution: {integrity: sha512-gyJM3SyLQe0A3mkQVVNdKYvk3ZoikkYgyA/D+5StFNLKdyUgEbJgXOGXrQSSYPF7BSX6Sc5b0KHCglPII0KuKw==}
+    engines: {node: '>=14.18'}
+
+  '@sentry/vite-plugin@2.22.3':
+    resolution: {integrity: sha512-+5bsLFRKOZzBp68XigoNE1pJ3tJ4gt2jXluApu54ui0N/yjfqGQ7LQTD7nL4tmJvB5Agwi0e7M7+fcxe9gSgBA==}
     engines: {node: '>= 14'}
 
-  '@shikijs/core@1.14.1':
-    resolution: {integrity: sha512-KyHIIpKNaT20FtFPFjCQB5WVSTpLR/n+jQXhWHWVUMm9MaOaG9BGOG0MSyt7yA4+Lm+4c9rTc03tt3nYzeYSfw==}
+  '@shikijs/core@1.15.1':
+    resolution: {integrity: sha512-DwkQTDNlhr7PwZMJswdvWIKts+2mqjIn8txByr88fhBRBtUSsIQR43RRoATjRrbeu4hyNTSTMBdxgp/vlxnxvA==}
 
-  '@shikijs/transformers@1.14.1':
-    resolution: {integrity: sha512-JJqL8QBVCJh3L61jqqEXgFq1cTycwjcGj7aSmqOEsbxnETM9hRlaB74QuXvY/fVJNjbNt8nvWo0VwAXKvMSLRg==}
+  '@shikijs/transformers@1.15.1':
+    resolution: {integrity: sha512-PPWwXJTO8Zd04Y9Xy3zfBUN4K+kZ8fkpAnMXOJWBt4FjhyMQruVEOGuUDWtVO9TbMM26pFCXlpnXeJabkxGC5g==}
 
   '@sindresorhus/is@4.6.0':
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
@@ -3001,8 +3112,8 @@ packages:
     resolution: {integrity: sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==}
     engines: {node: '>=10'}
 
-  '@t3-oss/env-core@0.10.1':
-    resolution: {integrity: sha512-GcKZiCfWks5CTxhezn9k5zWX3sMDIYf6Kaxy2Gx9YEQftFcz8hDRN56hcbylyAO3t4jQnQ5ifLawINsNgCDpOg==}
+  '@t3-oss/env-core@0.11.1':
+    resolution: {integrity: sha512-MaxOwEoG1ntCFoKJsS7nqwgcxLW1SJw238AJwfJeaz3P/8GtkxXZsPPolsz1AdYvUTbe3XvqZ/VCdfjt+3zmKw==}
     peerDependencies:
       typescript: '>=5.0.0'
       zod: ^3.0.0
@@ -3015,39 +3126,39 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.2.0'
 
-  '@tailwindcss/typography@0.5.14':
-    resolution: {integrity: sha512-ZvOCjUbsJBjL9CxQBn+VEnFpouzuKhxh2dH8xMIWHILL+HfOYtlAkWcyoon8LlzE53d2Yo6YO6pahKKNW3q1YQ==}
+  '@tailwindcss/typography@0.5.15':
+    resolution: {integrity: sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==}
     peerDependencies:
-      tailwindcss: '>=3.0.0 || insiders'
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20'
 
-  '@tanstack/query-core@5.52.0':
-    resolution: {integrity: sha512-U1DOEgltjUwalN6uWYTewSnA14b+tE7lSylOiASKCAO61ENJeCq9VVD/TXHA6O5u9+6v5+UgGYBSccTKDoyMqw==}
+  '@tanstack/query-core@5.53.1':
+    resolution: {integrity: sha512-mvLG7s4Zy3Yvc2LsKm8BVafbmPrsReKgqwhmp4XKVmRW9us3KbWRqu3qBBfhVavcUUEHfNK7PvpTchvQpVdFpw==}
 
-  '@tanstack/query-devtools@5.51.16':
-    resolution: {integrity: sha512-ajwuq4WnkNCMj/Hy3KR8d3RtZ6PSKc1dD2vs2T408MdjgKzQ3klVoL6zDgVO7X+5jlb5zfgcO3thh4ojPhfIaw==}
+  '@tanstack/query-devtools@5.52.3':
+    resolution: {integrity: sha512-oGX9qJuNpr4vOQyeksqHr+FgLQGs5UooK87R1wTtcsUUdrRKGSgs3cBllZMtWBJxg+yVvg0TlHNGYLMjvqX3GA==}
 
-  '@tanstack/query-persist-client-core@5.52.0':
-    resolution: {integrity: sha512-D6Ppz4/ofmcA7h/vksaYUVuMSlFRfBBWGE7JSa6AATy6JDO3cXhJoCXOHVRDEK0ScxV93A/wZ1fzawfIDHR6SQ==}
+  '@tanstack/query-persist-client-core@5.53.1':
+    resolution: {integrity: sha512-2cR3sfziXWRKNdX7GUimA+pF3wF1aY+Z0PzOL6426bpx/b5V/eSEw+JWmRSFeY/s6J6flqnqenKlL+pRPpGTog==}
 
-  '@tanstack/query-sync-storage-persister@5.52.0':
-    resolution: {integrity: sha512-hBomSeMz4jHr+Y8R0OMzYY2admlehx5BiNLRLzTfiI2VWIwDgs7lzz9UI8iCjot54gvFCVp8jolVW2jVAfwADw==}
+  '@tanstack/query-sync-storage-persister@5.53.1':
+    resolution: {integrity: sha512-8jUf9iBDFV/pFobL13wYkFglAefZ9oxk5WXfemABbCHKSJ4l8uY7R/nrNN91ncHgegNdALqG5n8QcoI77BvOgw==}
 
-  '@tanstack/react-query-devtools@5.52.0':
-    resolution: {integrity: sha512-oq8bDxMQ95edOlcWFaGsnSFzH11s06M1uiNiLtgsm+UG6Y5w+K6BJp0GeXN8q7sBNVBw/WPyeFdUH8rj9RT2Aw==}
+  '@tanstack/react-query-devtools@5.53.1':
+    resolution: {integrity: sha512-AjShRLM3/9Rglgeo0X52M8MKPEvcNnFQvs3yZq8ExQWu8YhZMzqVsFVn4PqOeyEHbnsRS2bmi0jPP/tBrlWU0A==}
     peerDependencies:
-      '@tanstack/react-query': ^5.52.0
+      '@tanstack/react-query': ^5.53.1
       react: ^18 || ^19
 
-  '@tanstack/react-query-persist-client@5.52.0':
-    resolution: {integrity: sha512-ka8K/quDsMRq+ANZXSXaRr9wj+E/ikz482EhrBo3ZFKrbumIbU30X8oiOIIR5IMygrfPyQc4QfTsQBhKF17syg==}
+  '@tanstack/react-query-persist-client@5.53.1':
+    resolution: {integrity: sha512-2ntl2ZcU5MqQmf7LCIpfSk0se/Nh49Zfk+qVcxJ3ILZKUtOamJBewHNbcI58o9GfUYUg7k9GOQsDT2gZdPFKQA==}
     peerDependencies:
-      '@tanstack/react-query': ^5.52.0
+      '@tanstack/react-query': ^5.53.1
       react: ^18 || ^19
 
-  '@tanstack/react-query@5.52.0':
-    resolution: {integrity: sha512-T8tLZdPEopSD3A1EBZ/sq7WkI76pKLKKiT82F486K8wf26EPgYCdeiSnJfuayssdQjWwLQMQVl/ROUBNmlWgCQ==}
+  '@tanstack/react-query@5.53.1':
+    resolution: {integrity: sha512-35HU4836Ey1/W74BxmS8p9KHXcDRGPdkw6w3VX0Tc5S9v5acFl80oi/yc6nsmoLhu68wQkWMyX0h7y7cOtY5OA==}
     peerDependencies:
-      react: ^18.0.0
+      react: ^18 || ^19
 
   '@tootallnate/once@2.0.0':
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
@@ -3129,8 +3240,11 @@ packages:
   '@types/mysql@2.15.22':
     resolution: {integrity: sha512-wK1pzsJVVAjYCSZWQoWHziQZbNggXFDUEIGf54g4ZM/ERuP86uGdWeKZWMYlqTPMZfHJJvLPyogXGvCOg87yLQ==}
 
-  '@types/node@20.16.1':
-    resolution: {integrity: sha512-zJDo7wEadFtSyNz5QITDfRcrhqDvQI1xQNQ0VoizPjM/dVAODqqIUWbJPkvsxmTI0MYRGRikcdjMPhOssnPejQ==}
+  '@types/node@20.16.2':
+    resolution: {integrity: sha512-91s/n4qUPV/wg8eE9KHYW1kouTfDk2FPGjXbBMfRWP/2vg1rCXNQL1OCabwGs0XSdukuK+MwCDXE30QpSeMUhQ==}
+
+  '@types/node@22.5.1':
+    resolution: {integrity: sha512-KkHsxej0j9IW1KKOOAA/XBA0z08UFSrRQHErzEfA3Vgq57eXIMYboIlHJuYIfd+lwCQjtKqUu3UnmKbtUc9yRw==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -3138,6 +3252,9 @@ packages:
   '@types/pg-pool@2.0.4':
     resolution: {integrity: sha512-qZAvkv1K3QbmHHFYSNRYPkRjOWRLBYrL4B9c+wG0GSVGBw0NtJwPcgx/DSddeDJvRGMHCEQ4VMEVfuJ/0gZ3XQ==}
 
+  '@types/pg@8.11.8':
+    resolution: {integrity: sha512-IqpCf8/569txXN/HoP5i1LjXfKZWL76Yr2R77xgeIICUbAYHeoaEZFhYHo2uDftecLWrTJUq63JvQu8q3lnDyA==}
+
   '@types/pg@8.6.1':
     resolution: {integrity: sha512-1Kc4oAGzAl7uqUStZCDvaLFqZrW9qWSjXOmBfdgyBP5La7Us6Mg4GBvRlSoaZMhQF/zSj1C8CtKMBkoiT8eL8w==}
 
@@ -3150,8 +3267,8 @@ packages:
   '@types/react-dom@18.3.0':
     resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
 
-  '@types/react@18.3.4':
-    resolution: {integrity: sha512-J7W30FTdfCxDDjmfRM+/JqLHBIyl7xUIp9kwK637FGmY7+mkSFSe6L4jpZzhj5QMfLssSDP4/i75AKkrdC7/Jw==}
+  '@types/react@18.3.5':
+    resolution: {integrity: sha512-WeqMfGJLGuLCqHGYRGHxnKrXcTitc6L/nBUWfWPcTarG3t9PsquqUMuVeXZeca+mglY4Vo5GZjCi0A3Or2lnxA==}
 
   '@types/responselike@1.0.3':
     resolution: {integrity: sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==}
@@ -3188,6 +3305,17 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/eslint-plugin@8.3.0':
+    resolution: {integrity: sha512-FLAIn63G5KH+adZosDYiutqkOkYEx0nvcwNNfJAf+c7Ae/H35qWwTYvPZUKFj5AS+WfHG/WJJfWnDnyNUlp8UA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/parser@8.2.0':
     resolution: {integrity: sha512-j3Di+o0lHgPrb7FxL3fdEy6LJ/j2NE8u+AP/5cQ9SKb+JLH6V6UHDqJ+e0hXBkHP1wn1YDFjYCS9LBQsZDlDEg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3206,6 +3334,10 @@ packages:
     resolution: {integrity: sha512-OFn80B38yD6WwpoHU2Tz/fTz7CgFqInllBoC3WP+/jLbTb4gGPTy9HBSTsbDWkMdN55XlVU0mMDYAtgvlUspGw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/scope-manager@8.3.0':
+    resolution: {integrity: sha512-mz2X8WcN2nVu5Hodku+IR8GgCOl4C0G/Z1ruaWN4dgec64kDBabuXyPAr+/RgJtumv8EEkqIzf3X2U5DUKB2eg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/type-utils@8.2.0':
     resolution: {integrity: sha512-g1CfXGFMQdT5S+0PSO0fvGXUaiSkl73U1n9LTK5aRAFnPlJ8dLKkXr4AaLFvPedW8lVDoMgLLE3JN98ZZfsj0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3215,6 +3347,15 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/type-utils@8.3.0':
+    resolution: {integrity: sha512-wrV6qh//nLbfXZQoj32EXKmwHf4b7L+xXLrP3FZ0GOUU72gSvLjeWUl5J5Ue5IwRxIV1TfF73j/eaBapxx99Lg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/types@7.18.0':
     resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3223,6 +3364,10 @@ packages:
     resolution: {integrity: sha512-6a9QSK396YqmiBKPkJtxsgZZZVjYQ6wQ/TlI0C65z7vInaETuC6HAHD98AGLC8DyIPqHytvNuS8bBVvNLKyqvQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/types@8.3.0':
+    resolution: {integrity: sha512-y6sSEeK+facMaAyixM36dQ5NVXTnKWunfD1Ft4xraYqxP0lC0POJmIaL/mw72CUMqjY9qfyVfXafMeaUj0noWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@7.18.0':
     resolution: {integrity: sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3241,6 +3386,15 @@ packages:
       typescript:
         optional: true
 
+  '@typescript-eslint/typescript-estree@8.3.0':
+    resolution: {integrity: sha512-Mq7FTHl0R36EmWlCJWojIC1qn/ZWo2YiWYc1XVtasJ7FIgjo0MVv9rZWXEE7IK2CGrtwe1dVOxWwqXUdNgfRCA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@typescript-eslint/utils@7.18.0':
     resolution: {integrity: sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3253,6 +3407,12 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
+  '@typescript-eslint/utils@8.3.0':
+    resolution: {integrity: sha512-F77WwqxIi/qGkIGOGXNBLV7nykwfjLsdauRB/DOFPdv6LTF3BHHkBpq81/b5iMPSF055oO2BiivDJV4ChvNtXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
   '@typescript-eslint/visitor-keys@7.18.0':
     resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3261,6 +3421,10 @@ packages:
     resolution: {integrity: sha512-sbgsPMW9yLvS7IhCi8IpuK1oBmtbWUNP+hBdwl/I9nzqVsszGnNGti5r9dUtF5RLivHUFFIdRvLiTsPhzSyJ3Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/visitor-keys@8.3.0':
+    resolution: {integrity: sha512-RmZwrTbQ9QveF15m/Cl28n0LXD6ea2CjkhH5rQ55ewz3H24w+AMCJHPVYaZ8/0HoG8Z3cLLFFycRXxeO2tz9FA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -3420,6 +3584,9 @@ packages:
   app-builder-bin@4.0.0:
     resolution: {integrity: sha512-xwdG0FJPQMe0M0UA4Tz0zEB8rBJTRA5a476ZawAqiBkMv16GRK5xpXThOjMaEOFnZ6zabejjG4J3da0SXG63KA==}
 
+  app-builder-bin@5.0.0-alpha.4:
+    resolution: {integrity: sha512-4MitKmOtfTdMONrtRoiaqJ6HtlVZXgrNX1PNdEzEHSAoXU85x7s+mo0IhAS9K9qgjyTVuLrM1E/HAMp5qGyoOA==}
+
   app-builder-lib@24.13.3:
     resolution: {integrity: sha512-FAzX6IBit2POXYGnTCT8YHFO/lr5AapAII6zzhQO3Rw4cEDOgK+t1xhLc5tNcKlicTHlo9zxIwnYCX9X2DLkig==}
     engines: {node: '>=14.0.0'}
@@ -3427,6 +3594,13 @@ packages:
       dmg-builder: 24.13.3
       electron-builder-squirrel-windows: 24.13.3
 
+  app-builder-lib@25.0.0-alpha.10:
+    resolution: {integrity: sha512-RrKhTfCJLPrvIJb1+llIqJ8hMYvc+VdM6WqhpAHcwrADy4EBSA4WzqQ1sNBwlYE8AbfSNGJu+wpjqIP+HpkMbg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      dmg-builder: 25.0.0-alpha.10
+      electron-builder-squirrel-windows: 25.0.0-alpha.10
+
   appdmg@0.6.6:
     resolution: {integrity: sha512-GRmFKlCG+PWbcYF4LUNonTYmy0GjguDy6Jh9WP8mpd0T6j80XIJyXBiWlD0U+MLNhqV9Nhx49Gl9GpVToulpLg==}
     engines: {node: '>=8.5'}
@@ -3509,6 +3683,9 @@ packages:
   axios@1.7.4:
     resolution: {integrity: sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==}
 
+  axios@1.7.6:
+    resolution: {integrity: sha512-Ekur6XDwhnJ5RgOCaxFnXyqlPALI3rVeukZMwOdfghW7/wGz784BYKiQq+QD8NPcr91KRo30KfHOchyijwWw7g==}
+
   babel-plugin-polyfill-corejs2@0.4.11:
     resolution: {integrity: sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==}
     peerDependencies:
@@ -3651,6 +3828,9 @@ packages:
   builder-util@24.13.1:
     resolution: {integrity: sha512-NhbCSIntruNDTOVI9fdXz0dihaqX2YuE1D6zZMrwiErzH4ELZHE6mdiB40wEgZNprDia+FghRFgKoAqMZRRjSA==}
 
+  builder-util@25.0.0-alpha.10:
+    resolution: {integrity: sha512-SrlawYIKu6UZOPWCGlbzVqbgv81jkeUPlrZbbdGb8ERIHuGR9HjnnQs7FV1QR2TKMjRsg/47I8UDtudj16qldg==}
+
   builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -3767,8 +3947,8 @@ packages:
   citty@0.1.6:
     resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
 
-  cjs-module-lexer@1.3.1:
-    resolution: {integrity: sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==}
+  cjs-module-lexer@1.4.0:
+    resolution: {integrity: sha512-N1NGmowPlGBLsOZLPvm48StN04V4YvQRL0i6b7ctrVY3epjP/ct7hFLOItz6pDIvRjwpfPxi52a2UWV2ziir8g==}
 
   class-variance-authority@0.7.0:
     resolution: {integrity: sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==}
@@ -3922,6 +4102,9 @@ packages:
   config-file-ts@0.2.6:
     resolution: {integrity: sha512-6boGVaglwblBgJqGyxm4+xCmEGcWgnWHSWHY5jad58awQhB6gftq0G8HbzU39YqCIYHMLAiL1yjwiZ36m/CL8w==}
 
+  config-file-ts@0.2.8-rc1:
+    resolution: {integrity: sha512-GtNECbVI82bT4RiDIzBSVuTKoSHufnU7Ce7/42bkWZJZFLjmDF2WBpVsvRkhKCfKBnTBb3qZrBwPpFBU/Myvhg==}
+
   consola@3.2.3:
     resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
@@ -4217,8 +4400,8 @@ packages:
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  dmg-builder@24.13.3:
-    resolution: {integrity: sha512-rcJUkMfnJpfCboZoOOPf4L29TRtEieHNOeAbYPWPxlaBw/Z1RKrRA86dOI9rwaI4tQSc/RD82zTNHprfUHXsoQ==}
+  dmg-builder@25.0.0-alpha.10:
+    resolution: {integrity: sha512-o5GMgivvf2C0531Kif5aRtHwbehCjfYA1rALHCUVoeJT4omCdzpOzRf5vpDi6DtsVfUHKjhiiKVH0AjJCQ6GSw==}
 
   dmg-license@1.0.11:
     resolution: {integrity: sha512-ZdzmqwKmECOWJpqefloC5OJy1+WZBBse5+MR88z9g9Zn4VY+WYUkAyojmhzJckH5YbbZGcYIuGAkY5/Ys5OM2Q==}
@@ -4250,6 +4433,10 @@ packages:
     resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
     engines: {node: '>=8'}
 
+  dotenv-expand@11.0.6:
+    resolution: {integrity: sha512-8NHi73otpWsZGBSZwwknTXS5pqMOrk9+Ssrna8xCaxkzEpU9OTf9R5ArQGVw03//Zmk9MOwLPng9WwndvpAJ5g==}
+    engines: {node: '>=12'}
+
   dotenv-expand@5.1.0:
     resolution: {integrity: sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==}
 
@@ -4261,8 +4448,8 @@ packages:
     resolution: {integrity: sha512-I9OvvrHp4pIARv4+x9iuewrWycX6CcZtoAu1XrzPxc5UygMJXJZYmBsynku8IkrJwgypE5DGNjDPmPRhDCptUg==}
     engines: {node: '>=10'}
 
-  drizzle-orm@0.32.2:
-    resolution: {integrity: sha512-3fXKzPzrgZIcnWCSLiERKN5Opf9Iagrag75snfFlKeKSYB1nlgPBshzW3Zn6dQymkyiib+xc4nIz0t8U+Xdpuw==}
+  drizzle-orm@0.33.0:
+    resolution: {integrity: sha512-SHy72R2Rdkz0LEq0PSG/IdvnT3nGiWuRk+2tXZQ90GVq/XQhpCzu/EFT3V2rox+w8MlkBQxifF8pCStNYnERfA==}
     peerDependencies:
       '@aws-sdk/client-rds-data': '>=3'
       '@cloudflare/workers-types': '>=3'
@@ -4361,8 +4548,8 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
-  electron-builder-squirrel-windows@24.13.3:
-    resolution: {integrity: sha512-oHkV0iogWfyK+ah9ZIvMDpei1m9ZRpdXcvde1wTpra2U8AFDNNpqJdnin5z+PM1GbQ5BoaKCWas2HSjtR0HwMg==}
+  electron-builder-squirrel-windows@25.0.0-alpha.10:
+    resolution: {integrity: sha512-6TJygZGtt7QM3xJUZ98rbY7i/dCUCHamIR3dKZr6GanGIxCFBDwifwRrE7mvjQbfGC2Ac+1HW1ITu1rg93iGRw==}
 
   electron-devtools-installer@3.2.0:
     resolution: {integrity: sha512-t3UczsYugm4OAbqvdImMCImIMVdFzJAHgbwHpkl5jmfu1izVgUcP/mnrPqJIpEeCK1uZGpt+yHgWEN+9EwoYhQ==}
@@ -4383,6 +4570,9 @@ packages:
   electron-publish@24.13.1:
     resolution: {integrity: sha512-2ZgdEqJ8e9D17Hwp5LEq5mLQPjqU3lv/IALvgp+4W8VeNhryfGhYEQC/PgDPMrnWUp+l60Ou5SJLsu+k4mhQ8A==}
 
+  electron-publish@25.0.0-alpha.10:
+    resolution: {integrity: sha512-1gaPPPC/TRAG9TYUW02T8+I1BlaiR2zrTA2m6iyOQ1vsa7zUqjE+VABfYBtaBJ9p+WIzwkZO8+L47cvh2dvSqA==}
+
   electron-squirrel-startup@1.0.1:
     resolution: {integrity: sha512-sTfFIHGku+7PsHLJ7v0dRcZNkALrV+YEozINTW8X1nM//e5O3L+rfYuvSW00lmGHnYmUjARZulD8F2V8ISI9RA==}
 
@@ -4668,8 +4858,8 @@ packages:
     resolution: {integrity: sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.9.0:
-    resolution: {integrity: sha512-JfiKJrbx0506OEerjK2Y1QlldtBxkAlLxT5OEcRF8uaQ86noDe2k31Vw9rnSWv+MXZHj7OOUV/dA0AhdLFcyvA==}
+  eslint@9.9.1:
+    resolution: {integrity: sha512-dHvhrbfr4xFQ9/dq+jcVneZMyRYLjggWjk6RVsIiHsP8Rz6yZ8LvZ//iU4TrZF+SXWG+JkNF2OyiZRvzgRDqMg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -4836,20 +5026,23 @@ packages:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
-  foxact@0.2.36:
-    resolution: {integrity: sha512-oqra6g2x0GCbnwcD5SoEJuRzwv6gEj/840biKkIHNuTOMk0U1kR0V8iBSk4RU6jCa9p9oM17eCwJj2fqpvlvUg==}
+  foxact@0.2.37:
+    resolution: {integrity: sha512-nzK7n3JAnmCWO3GJXe4ry196s7wlOUnJVBn/RQ9Og1FJ/pEaRi94atLGFmzM0CVDgIbSFdMnH49PtkWjSqtMSw==}
     peerDependencies:
       react: '*'
     peerDependenciesMeta:
       react:
         optional: true
 
-  framer-motion@11.0.10:
-    resolution: {integrity: sha512-aaImib9FQlfno2yiZAdkvN6zLXLr8a9uGsGFlQO64hSm8NoCeiUng2//5ok7RHCW2ufzT74uuPsmWzUsrHPYDQ==}
+  framer-motion@11.3.31:
+    resolution: {integrity: sha512-Xmxs08WBXnc2tNzNZbFSpquI33lvleJg4Y+hmZ+vFkn+laN9ZnR3gbZnNGKDtuz7c/x3u8dLg05OU3EhLobCsg==}
     peerDependencies:
+      '@emotion/is-prop-valid': '*'
       react: ^18.0.0
       react-dom: ^18.0.0
     peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
       react:
         optional: true
       react-dom:
@@ -5182,8 +5375,8 @@ packages:
     resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==}
     engines: {node: '>=0.10.0'}
 
-  hono@4.5.7:
-    resolution: {integrity: sha512-7GeBa+zuZ6rXQEcsYvoAafLNgDr3IMxoMlU1JUc23Buy99FaUpjB0viKIFOsfnzMdEp7RhPL6uLYsVuddjdMvw==}
+  hono@4.5.10:
+    resolution: {integrity: sha512-az6tdU1U8o/l0v8O37FIQuc+ER/TeD9vHt/qs8JnBDgMxw6Zu5L2AixUyHeXZNcu87r7iYo8Ey85R7IogOINKA==}
     engines: {node: '>=16.0.0'}
 
   hosted-git-info@2.8.9:
@@ -5478,8 +5671,8 @@ packages:
     resolution: {integrity: sha512-c+PHQZakiQuMKbnhvrjZUvrK6E/AfmTOf4P+E3Y4FNVHcNMX9e/XrnbEvO+m4wS6ZjsvhHh/POQTlfy8uXFc0A==}
     hasBin: true
 
-  jose@5.7.0:
-    resolution: {integrity: sha512-3P9qfTYDVnNn642LCAqIKbTGb9a1TBxZ9ti5zEVEr48aDdflgRjhspWFb6WM4PzAfFbGMJYC4+803v8riCRAKw==}
+  jose@5.8.0:
+    resolution: {integrity: sha512-E7CqYpL/t7MMnfGnK/eg416OsFCVUrU/Y3Vwe7QjKhu/BkS1Ms455+2xsqZQVN57/U2MHMBvEb5SrmAZWAIntA==}
 
   jotai@2.9.3:
     resolution: {integrity: sha512-IqMWKoXuEzWSShjd9UhalNsRGbdju5G2FrqNLQJT+Ih6p41VNYe2sav5hnwQx4HJr25jq9wRqvGSWGviGG6Gjw==}
@@ -6187,6 +6380,9 @@ packages:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
+  obuf@1.1.2:
+    resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
+
   ofetch@1.3.4:
     resolution: {integrity: sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==}
 
@@ -6399,6 +6595,10 @@ packages:
     resolution: {integrity: sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==}
     engines: {node: '>=0.12'}
 
+  pe-library@0.4.1:
+    resolution: {integrity: sha512-eRWB5LBz7PpDu4PUlwT0PhnQfTQJlDDdPa35urV4Osrm0t0AqQFGn+UIkU3klZvwJ8KPO3VbBFsXquA6p6kqZw==}
+    engines: {node: '>=12', npm: '>=6'}
+
   pe-library@1.0.1:
     resolution: {integrity: sha512-nh39Mo1eGWmZS7y+mK/dQIqg7S1lp38DpRxkyoHf0ZcUs/HDc+yyTjuOtTvSMZHmfSLuSQaX945u05Y2Q6UWZg==}
     engines: {node: '>=14', npm: '>=7'}
@@ -6413,6 +6613,10 @@ packages:
     resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
     engines: {node: '>=4.0.0'}
 
+  pg-numeric@1.0.2:
+    resolution: {integrity: sha512-BM/Thnrw5jm2kKLE5uJkXqqExRUY/toLHda65XgFTBTFYZyopbKjBe29Ii3RbkvlsMoFwD+tHeGaCjjv0gHlyw==}
+    engines: {node: '>=4'}
+
   pg-protocol@1.6.1:
     resolution: {integrity: sha512-jPIlvgoD63hrEuihvIg+tJhoGjUsLPn6poJY9N5CnlPd91c2T18T/9zBtLxZSb1EhYxBRoZJtzScCaWlYLtktg==}
 
@@ -6420,6 +6624,10 @@ packages:
     resolution: {integrity: sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==}
     engines: {node: '>=4'}
 
+  pg-types@4.0.2:
+    resolution: {integrity: sha512-cRL3JpS3lKMGsKaWndugWQoLOCoP+Cic8oseVcbr0qhPzYD5DWXK+RZ9LY9wxRf7RQia4SCwQlXk0q6FCPrVng==}
+    engines: {node: '>=10'}
+
   picocolors@1.0.1:
     resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
 
@@ -6511,23 +6719,42 @@ packages:
     resolution: {integrity: sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==}
     engines: {node: '>=4'}
 
+  postgres-array@3.0.2:
+    resolution: {integrity: sha512-6faShkdFugNQCLwucjPcY5ARoW1SlbnrZjmGl0IrrqewpvxvhSLHimCVzqeuULCbG0fQv7Dtk1yDbG3xv7Veog==}
+    engines: {node: '>=12'}
+
   postgres-bytea@1.0.0:
     resolution: {integrity: sha512-xy3pmLuQqRBZBXDULy7KbaitYqLcmxigw14Q5sj8QBVLqEwXfeybIKVWiqAXTlcvdvb0+xkOtDbfQMOf4lST1w==}
     engines: {node: '>=0.10.0'}
 
+  postgres-bytea@3.0.0:
+    resolution: {integrity: sha512-CNd4jim9RFPkObHSjVHlVrxoVQXz7quwNFpz7RY1okNNme49+sVyiTvTRobiLV548Hx/hb1BG+iE7h9493WzFw==}
+    engines: {node: '>= 6'}
+
   postgres-date@1.0.7:
     resolution: {integrity: sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==}
     engines: {node: '>=0.10.0'}
 
+  postgres-date@2.1.0:
+    resolution: {integrity: sha512-K7Juri8gtgXVcDfZttFKVmhglp7epKb1K4pgrkLxehjqkrgPhfG6OO8LHLkfaqkbpjNRnra018XwAr1yQFWGcA==}
+    engines: {node: '>=12'}
+
   postgres-interval@1.2.0:
     resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
     engines: {node: '>=0.10.0'}
 
-  posthog-js@1.157.2:
-    resolution: {integrity: sha512-ATYKGs+Q51u26nHHhrhWNh1whqFm7j/rwQQYw+y6/YzNmRlo+YsqrGZji9nqXb9/4fo0ModDr+ZmuOI3hKkUXA==}
+  postgres-interval@3.0.0:
+    resolution: {integrity: sha512-BSNDnbyZCXSxgA+1f5UU2GmwhoI0aU5yMxRGO8CdFEcY2BQF9xm/7MqKnYoM1nJDk8nONNWDk9WeSmePFhQdlw==}
+    engines: {node: '>=12'}
+
+  postgres-range@1.1.4:
+    resolution: {integrity: sha512-i/hbxIE9803Alj/6ytL7UHQxRvZkI9O4Sy+J3HGc4F4oo/2eQAjTSNJ0bfxyse3bH0nuVesCk+3IRLaMtG3H6w==}
+
+  posthog-js@1.160.0:
+    resolution: {integrity: sha512-K/RRgmPYIpP69nnveCJfkclb8VU+R+jsgqlrKaLGsM5CtQM9g01WOzAiT3u36WLswi58JiFMXgJtECKQuoqTgQ==}
 
-  posthog-node@4.1.1:
-    resolution: {integrity: sha512-hva26cNSz62H76blhWUF8mZmE3Q81KTrkkpHEZlD00qDov/phLQCrKQnxwjiAN3yI9pv/0/uwte6Gluy1xBmUA==}
+  posthog-node@4.2.0:
+    resolution: {integrity: sha512-hgyCYMyzMvuF3qWMw6JvS8gT55v7Mtp5wKWcnDrw+nu39D0Tk9BXD7I0LOBp0lGlHEPaXCEVYUtviNKrhMALGA==}
     engines: {node: '>=15.0.0'}
 
   postject@1.0.0-alpha.6:
@@ -6636,8 +6863,8 @@ packages:
       react: '>= 16.8.0 || ^18.0.0'
       react-dom: '>= 16.8.0 || ^18.0.0'
 
-  react-hook-form@7.52.2:
-    resolution: {integrity: sha512-pqfPEbERnxxiNMPd0bzmt1tuaPcVccywFDpyk2uV5xCIBphHV5T8SVnX9/o3kplPE1zzKt77+YIoq+EMwJp56A==}
+  react-hook-form@7.53.0:
+    resolution: {integrity: sha512-M1n3HhqCww6S2hxLxciEXy2oISPnAzxY7gvwVPrtlczTM/1dDadXgUxDpHMrMTblDOcm/AXtXxHwZ3jpg1mqKQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18 || ^19
@@ -6755,6 +6982,10 @@ packages:
     resolution: {integrity: sha512-M80lpCjnE6Wt6zb98DoW8WHR09nzMSpu8XHtPkiTHrJ5Az9CybfeQhTJ8D7saeBHpGhLPIVyA8lcL6ZmdKwY6Q==}
     engines: {node: '>=12.0.0'}
 
+  read-config-file@6.4.0:
+    resolution: {integrity: sha512-uB5QOBeF84PT61GlV11OTV4jUGHAO3iDEOP6v9ygxhG6Bs9PLg7WsjNT6mtIX2G+x8lJTr4ZWNeG6LDTKkNf2Q==}
+    engines: {node: '>=12.0.0'}
+
   read-package-up@11.0.0:
     resolution: {integrity: sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==}
     engines: {node: '>=18'}
@@ -6883,6 +7114,10 @@ packages:
     resolution: {integrity: sha512-X34iHADNbNDfr6OTStIAHWSAvvKQRYgLO6duASaVf7J2VA3lvmNYboAHOuLC2huav1IwgZJtyEcJCKVzFxOSMQ==}
     engines: {node: '>=8.6.0'}
 
+  resedit@1.7.1:
+    resolution: {integrity: sha512-/FJ6/gKAXbcHtivannhecWsa43kGVFK3aHHv9Jm3x0eFiM31MoGihkAOWbm3UsvjYLRVw0zTkfARy2dI96JL1Q==}
+    engines: {node: '>=12', npm: '>=6'}
+
   resedit@2.0.2:
     resolution: {integrity: sha512-UKTnq602iVe+W5SyRAQx/WdWMnlDiONfXBLFg/ur4QE4EQQ8eP7Jgm5mNXdK12kKawk1vvXPja2iXKqZiGDW6Q==}
     engines: {node: '>=14', npm: '>=7'}
@@ -6977,6 +7212,11 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rollup@4.21.2:
+    resolution: {integrity: sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -7059,8 +7299,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  shiki@1.14.1:
-    resolution: {integrity: sha512-FujAN40NEejeXdzPt+3sZ3F2dx1U24BY2XTY01+MG8mbxCiA2XukXdcbyMyLAHJ/1AUUnQd1tZlvIjefWWEJeA==}
+  shiki@1.15.1:
+    resolution: {integrity: sha512-QPtVwbafyHmH9Z90iEZgZL4BhqFh5RMnRq2Bic0Cqp5lgbpbkn4nNmed0zzXbh/yPFs2PpkCviM9qcrbN+9zAA==}
 
   shimmer@1.2.1:
     resolution: {integrity: sha512-sQTKC1Re/rM6XyFM6fIAGHRPVGvyXfgzIDvzoq608vM+jeyVD0Tu1E6Np0Kc2zAIFWIj963V2800iF/9LPieQw==}
@@ -7286,8 +7526,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  swiper@11.1.10:
-    resolution: {integrity: sha512-pAVM6vCb6bumj2B9aSh67l3wP1j5YR8dPQM1YhQKMpnBc33vs+RpyVz6NZYZl/ZopCBSYbbWK5nvESwbmU0QXQ==}
+  swiper@11.1.11:
+    resolution: {integrity: sha512-077Aw3OrlZpkkBRf/6+44bGh/HZY/vsLEyate2db2KkJgYUIR5TvDgvvhcJtW/puXzw79w5KBc30DauEX6GZYQ==}
     engines: {node: '>= 4.7.0'}
 
   synckit@0.6.2:
@@ -7365,11 +7605,11 @@ packages:
     resolution: {integrity: sha512-q5nmENpTHgiPVd1cJDDc9cVoYN5x4vCvwT3FMilvKPKneCBZAxn2YWQjDF0UMcE9k0Cay1gBiDfTMU0g+mPMQA==}
     engines: {node: '>=14.0.0'}
 
-  tldts-core@6.1.40:
-    resolution: {integrity: sha512-csGlF+5GtK0qDvkqhZHbMflIvvMqs7JS3Y3KMrfBuhDAjI+oqH90p4KYMeiCPVF7akTeNoLgFaQ+aPZcGBc1kg==}
+  tldts-core@6.1.41:
+    resolution: {integrity: sha512-SkwZgo1ZzMp2ziMBwci5VBnLR9VywCi02jSgMX5TO5kf9fdaBsxZkblLff3NlJNTcH0vfvEsgw2B7jVR556Vgw==}
 
-  tldts@6.1.40:
-    resolution: {integrity: sha512-SAvDKQxzqoi2gaC14XdC1egLtBqcCnYTe/hKM07FMXSTKw4Tti3fRDcZopWJGAhXK0H6LfuM0QWwZhECUvLKTg==}
+  tldts@6.1.41:
+    resolution: {integrity: sha512-RNpUkL5fYD2DTQQCdr8QMDp6UL0ThtpXT3q3+qPE05dIT+RK2I3M0VByVbQN1dEhLUGzimivVwxK2By9epLk6w==}
     hasBin: true
 
   tmp-promise@3.0.3:
@@ -7666,8 +7906,8 @@ packages:
   vfile-message@4.0.2:
     resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
 
-  vfile@6.0.2:
-    resolution: {integrity: sha512-zND7NlS8rJYb/sPqkb13ZvbbUoExdbi4w3SfRrMq6R3FvnLQmmfpajJNITuuYm6AZ5uao9vy4BAos3EXBPf2rg==}
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
   vite-node@2.0.5:
     resolution: {integrity: sha512-LdsW4pxj0Ot69FAoXZ1yTnA9bjGohr2yNBU7QKRxpz8ITSkhuDl6h3zS/tvgz4qrNjeRnvrWeXQ8ZF7Um4W00Q==}
@@ -7680,8 +7920,8 @@ packages:
     peerDependencies:
       vite: '>=3'
 
-  vite-tsconfig-paths@4.3.2:
-    resolution: {integrity: sha512-0Vd/a6po6Q+86rPlntHye7F31zA2URZMbH8M3saAZ/xR9QoGN/L21bxEGfXdWmFdNkqPpRdxFT7nmNe12e9/uA==}
+  vite-tsconfig-paths@5.0.1:
+    resolution: {integrity: sha512-yqwv+LstU7NwPeNqajZzLEBVpUFU6Dugtb2P84FXuvaoYA+/70l9MHE+GYfYAycVyPSDYZ7mjOFuYBRqlEpTig==}
     peerDependencies:
       vite: '*'
     peerDependenciesMeta:
@@ -7929,7 +8169,7 @@ snapshots:
       '@panva/hkdf': 1.2.1
       '@types/cookie': 0.6.0
       cookie: 0.6.0
-      jose: 5.7.0
+      jose: 5.8.0
       oauth4webapi: 2.12.0
       preact: 10.11.3
       preact-render-to-string: 5.2.3(preact@10.11.3)
@@ -8776,7 +9016,7 @@ snapshots:
     dependencies:
       electron: 32.0.1
     optionalDependencies:
-      '@tanstack/react-query': 5.52.0(react@18.3.1)
+      '@tanstack/react-query': 5.53.1(react@18.3.1)
     transitivePeerDependencies:
       - react
 
@@ -9003,9 +9243,9 @@ snapshots:
     dependencies:
       electron: 32.0.1
 
-  '@electron-toolkit/tsconfig@1.0.1(@types/node@20.16.1)':
+  '@electron-toolkit/tsconfig@1.0.1(@types/node@22.5.1)':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@electron-toolkit/utils@3.0.0(electron@32.0.1)':
     dependencies:
@@ -9059,6 +9299,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@electron/notarize@2.3.2':
+    dependencies:
+      debug: 4.3.6
+      fs-extra: 9.1.0
+      promise-retry: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@electron/notarize@2.4.0':
     dependencies:
       debug: 4.3.6
@@ -9078,6 +9326,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@electron/osx-sign@1.3.0':
+    dependencies:
+      compare-version: 0.1.2
+      debug: 4.3.6
+      fs-extra: 10.1.0
+      isbinaryfile: 4.0.10
+      minimist: 1.2.8
+      plist: 3.1.0
+    transitivePeerDependencies:
+      - supports-color
+
   '@electron/osx-sign@1.3.1':
     dependencies:
       compare-version: 0.1.2
@@ -9167,12 +9426,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@emotion/is-prop-valid@0.8.8':
+  '@emotion/is-prop-valid@1.3.0':
     dependencies:
-      '@emotion/memoize': 0.7.4
+      '@emotion/memoize': 0.9.0
     optional: true
 
-  '@emotion/memoize@0.7.4':
+  '@emotion/memoize@0.9.0':
     optional: true
 
   '@es-joy/jsdoccomment@0.43.1':
@@ -9325,20 +9584,20 @@ snapshots:
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@9.9.0(jiti@1.21.6))':
+  '@eslint-community/eslint-utils@4.4.0(eslint@9.9.1(jiti@1.21.6))':
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.11.0': {}
 
-  '@eslint-react/ast@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/ast@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
       '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       birecord: 0.1.1
       string-ts: 2.2.0
       ts-pattern: 5.3.1
@@ -9347,18 +9606,18 @@ snapshots:
       - supports-color
       - typescript
 
-  '@eslint-react/core@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/core@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       birecord: 0.1.1
       short-unique-id: 5.2.0
       ts-pattern: 5.3.1
@@ -9367,46 +9626,46 @@ snapshots:
       - supports-color
       - typescript
 
-  '@eslint-react/eslint-plugin@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/eslint-plugin@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
-      eslint-plugin-react-debug: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-react-dom: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-react-hooks-extra: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-react-naming-convention: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-react-web-api: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-react-x: 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
+      eslint-plugin-react-debug: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-react-dom: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-react-hooks-extra: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-react-naming-convention: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-react-web-api: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-react-x: 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/jsx@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/jsx@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       ts-pattern: 5.3.1
     transitivePeerDependencies:
       - eslint
       - supports-color
       - typescript
 
-  '@eslint-react/shared@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/shared@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@eslint-react/tools': 1.12.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       picomatch: 4.0.2
     transitivePeerDependencies:
       - eslint
@@ -9415,31 +9674,31 @@ snapshots:
 
   '@eslint-react/tools@1.12.0': {}
 
-  '@eslint-react/types@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/types@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@eslint-react/tools': 1.12.0
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
     transitivePeerDependencies:
       - eslint
       - supports-color
       - typescript
 
-  '@eslint-react/var@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@eslint-react/var@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       ts-pattern: 5.3.1
     transitivePeerDependencies:
       - eslint
       - supports-color
       - typescript
 
-  '@eslint/config-array@0.17.1':
+  '@eslint/config-array@0.18.0':
     dependencies:
       '@eslint/object-schema': 2.1.4
       debug: 4.3.6
@@ -9463,6 +9722,8 @@ snapshots:
 
   '@eslint/js@9.9.0': {}
 
+  '@eslint/js@9.9.1': {}
+
   '@eslint/object-schema@2.1.4': {}
 
   '@floating-ui/core@0.6.2': {}
@@ -9480,23 +9741,23 @@ snapshots:
       '@floating-ui/core': 1.6.7
       '@floating-ui/utils': 0.2.7
 
-  '@floating-ui/react-dom-interactions@0.3.1(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@floating-ui/react-dom-interactions@0.3.1(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@floating-ui/react-dom': 0.6.3(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/react-dom': 0.6.3(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       aria-hidden: 1.2.4
       point-in-polygon: 1.1.0
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.4)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.5)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - react
       - react-dom
 
-  '@floating-ui/react-dom@0.6.3(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@floating-ui/react-dom@0.6.3(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/dom': 0.4.5
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.4)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.5)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
 
@@ -9512,17 +9773,19 @@ snapshots:
 
   '@gar/promisify@1.1.3': {}
 
-  '@hono/auth-js@1.0.10(@auth/core@0.34.2)(hono@4.5.7(patch_hash=iej2g43ojhll5opwbnvyorjq4e))(react@18.3.1)':
+  '@hono/auth-js@1.0.10(@auth/core@0.34.2)(hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e))(react@18.3.1)':
     dependencies:
       '@auth/core': 0.34.2
-      hono: 4.5.7(patch_hash=iej2g43ojhll5opwbnvyorjq4e)
+      hono: 4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e)
       react: 18.3.1
 
-  '@hono/node-server@1.12.1': {}
+  '@hono/node-server@1.12.2(hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e))':
+    dependencies:
+      hono: 4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e)
 
-  '@hookform/resolvers@3.9.0(react-hook-form@7.52.2(react@18.3.1))':
+  '@hookform/resolvers@3.9.0(react-hook-form@7.53.0(react@18.3.1))':
     dependencies:
-      react-hook-form: 7.52.2(react@18.3.1)
+      react-hook-form: 7.53.0(react@18.3.1)
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
@@ -9530,7 +9793,7 @@ snapshots:
 
   '@hutson/parse-repository-url@5.0.0': {}
 
-  '@iconify-json/mingcute@1.1.19':
+  '@iconify-json/mingcute@1.1.20':
     dependencies:
       '@iconify/types': 2.0.0
 
@@ -9801,7 +10064,7 @@ snapshots:
 
   '@opentelemetry/api@1.9.0': {}
 
-  '@opentelemetry/context-async-hooks@1.25.1(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/context-async-hooks@1.26.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
 
@@ -9810,31 +10073,44 @@ snapshots:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/semantic-conventions': 1.25.1
 
+  '@opentelemetry/core@1.26.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/semantic-conventions': 1.27.0
+
   '@opentelemetry/instrumentation-connect@0.38.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@types/connect': 3.4.36
     transitivePeerDependencies:
       - supports-color
 
-  '@opentelemetry/instrumentation-express@0.41.0(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/instrumentation-express@0.41.1(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
   '@opentelemetry/instrumentation-fastify@0.38.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@opentelemetry/instrumentation-fs@0.14.0(@opentelemetry/api@1.9.0)':
+    dependencies:
+      '@opentelemetry/api': 1.9.0
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
     transitivePeerDependencies:
       - supports-color
 
@@ -9848,9 +10124,9 @@ snapshots:
   '@opentelemetry/instrumentation-hapi@0.40.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9869,16 +10145,16 @@ snapshots:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
       '@opentelemetry/redis-common': 0.36.2
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
   '@opentelemetry/instrumentation-koa@0.42.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9886,17 +10162,17 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-metrics': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/sdk-metrics': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
   '@opentelemetry/instrumentation-mongoose@0.40.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9904,7 +10180,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@opentelemetry/sql-common': 0.40.1(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
@@ -9913,7 +10189,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@types/mysql': 2.15.22
     transitivePeerDependencies:
       - supports-color
@@ -9922,7 +10198,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9930,7 +10206,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@opentelemetry/sql-common': 0.40.1(@opentelemetry/api@1.9.0)
       '@types/pg': 8.6.1
       '@types/pg-pool': 2.0.4
@@ -9942,7 +10218,7 @@ snapshots:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
       '@opentelemetry/redis-common': 0.36.2
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
 
@@ -9972,40 +10248,41 @@ snapshots:
 
   '@opentelemetry/redis-common@0.36.2': {}
 
-  '@opentelemetry/resources@1.25.1(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/resources@1.26.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
 
-  '@opentelemetry/sdk-metrics@1.25.1(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/sdk-metrics@1.26.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 1.25.1(@opentelemetry/api@1.9.0)
-      lodash.merge: 4.6.2
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 1.26.0(@opentelemetry/api@1.9.0)
 
-  '@opentelemetry/sdk-trace-base@1.25.1(@opentelemetry/api@1.9.0)':
+  '@opentelemetry/sdk-trace-base@1.26.0(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/resources': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
 
   '@opentelemetry/semantic-conventions@1.25.1': {}
 
+  '@opentelemetry/semantic-conventions@1.27.0': {}
+
   '@opentelemetry/sql-common@0.40.1(@opentelemetry/api@1.9.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
 
   '@panva/hkdf@1.2.1': {}
 
-  '@pengx17/electron-forge-maker-appimage@1.2.1(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3))':
+  '@pengx17/electron-forge-maker-appimage@1.2.1(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))':
     dependencies:
       '@electron-forge/maker-base': 7.4.0
       '@electron-forge/shared-types': 7.4.0
-      app-builder-lib: 24.13.3(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3))
+      app-builder-lib: 24.13.3(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))
     transitivePeerDependencies:
       - bluebird
       - dmg-builder
@@ -10021,7 +10298,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 1.26.0(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -10033,675 +10310,675 @@ snapshots:
 
   '@radix-ui/primitive@1.1.0': {}
 
-  '@radix-ui/react-alert-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-alert-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dialog': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dialog': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-avatar@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-avatar@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-checkbox@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-checkbox@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-context-menu@2.2.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-context-menu@2.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-menu': 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-context@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-context@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-context@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-context@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll: 2.5.5(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dialog@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.7(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-direction@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-direction@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-dismissable-layer@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dismissable-layer@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-dropdown-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dropdown-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-menu': 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-focus-guards@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-focus-guards@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-focus-scope@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-focus-scope@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-hover-card@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-hover-card@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-id@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-id@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-id@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-id@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-label@2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-label@2.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-menu@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.7(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-popover@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-popover@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.7(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/react-dom': 2.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-arrow': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-rect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       '@radix-ui/rect': 1.1.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-portal@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-portal@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-presence@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-presence@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-radio-group@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-radio-group@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-scroll-area@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-scroll-area@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/number': 1.1.0
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-select@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-select@2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/number': 1.1.0
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.7(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll: 2.5.7(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-slider@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-slider@1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/number': 1.1.0
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-slot@1.0.2(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-slot@1.0.2(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-slot@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-slot@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-switch@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-switch@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-tabs@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-tabs@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-toast@1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toast@1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-tooltip@1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-tooltip@1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.4)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
-  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.4
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-previous@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-previous@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-rect@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-rect@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@radix-ui/rect': 1.1.0
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-use-size@1.1.0(@types/react@18.3.4)(react@18.3.1)':
+  '@radix-ui/react-use-size@1.1.0(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.4)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
   '@radix-ui/rect@1.1.0': {}
@@ -10711,56 +10988,98 @@ snapshots:
   '@rollup/rollup-android-arm-eabi@4.21.0':
     optional: true
 
+  '@rollup/rollup-android-arm-eabi@4.21.2':
+    optional: true
+
   '@rollup/rollup-android-arm64@4.21.0':
     optional: true
 
+  '@rollup/rollup-android-arm64@4.21.2':
+    optional: true
+
   '@rollup/rollup-darwin-arm64@4.21.0':
     optional: true
 
+  '@rollup/rollup-darwin-arm64@4.21.2':
+    optional: true
+
   '@rollup/rollup-darwin-x64@4.21.0':
     optional: true
 
+  '@rollup/rollup-darwin-x64@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-arm-gnueabihf@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-arm-musleabihf@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-arm64-gnu@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-arm64-gnu@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-arm64-musl@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-arm64-musl@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-powerpc64le-gnu@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-riscv64-gnu@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-s390x-gnu@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-s390x-gnu@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-x64-gnu@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-x64-gnu@4.21.2':
+    optional: true
+
   '@rollup/rollup-linux-x64-musl@4.21.0':
     optional: true
 
+  '@rollup/rollup-linux-x64-musl@4.21.2':
+    optional: true
+
   '@rollup/rollup-win32-arm64-msvc@4.21.0':
     optional: true
 
+  '@rollup/rollup-win32-arm64-msvc@4.21.2':
+    optional: true
+
   '@rollup/rollup-win32-ia32-msvc@4.21.0':
     optional: true
 
+  '@rollup/rollup-win32-ia32-msvc@4.21.2':
+    optional: true
+
   '@rollup/rollup-win32-x64-msvc@4.21.0':
     optional: true
 
-  '@sentry-internal/browser-utils@8.20.0':
-    dependencies:
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+  '@rollup/rollup-win32-x64-msvc@4.21.2':
+    optional: true
 
   '@sentry-internal/browser-utils@8.26.0':
     dependencies:
@@ -10768,11 +11087,11 @@ snapshots:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry-internal/feedback@8.20.0':
+  '@sentry-internal/browser-utils@8.27.0':
     dependencies:
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
 
   '@sentry-internal/feedback@8.26.0':
     dependencies:
@@ -10780,12 +11099,11 @@ snapshots:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry-internal/replay-canvas@8.20.0':
+  '@sentry-internal/feedback@8.27.0':
     dependencies:
-      '@sentry-internal/replay': 8.20.0
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
 
   '@sentry-internal/replay-canvas@8.26.0':
     dependencies:
@@ -10794,12 +11112,12 @@ snapshots:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry-internal/replay@8.20.0':
+  '@sentry-internal/replay-canvas@8.27.0':
     dependencies:
-      '@sentry-internal/browser-utils': 8.20.0
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry-internal/replay': 8.27.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
 
   '@sentry-internal/replay@8.26.0':
     dependencies:
@@ -10808,17 +11126,14 @@ snapshots:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry/babel-plugin-component-annotate@2.22.2': {}
-
-  '@sentry/browser@8.20.0':
+  '@sentry-internal/replay@8.27.0':
     dependencies:
-      '@sentry-internal/browser-utils': 8.20.0
-      '@sentry-internal/feedback': 8.20.0
-      '@sentry-internal/replay': 8.20.0
-      '@sentry-internal/replay-canvas': 8.20.0
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry-internal/browser-utils': 8.27.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
+
+  '@sentry/babel-plugin-component-annotate@2.22.3': {}
 
   '@sentry/browser@8.26.0':
     dependencies:
@@ -10830,11 +11145,21 @@ snapshots:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry/bundler-plugin-core@2.22.2(encoding@0.1.13)':
+  '@sentry/browser@8.27.0':
+    dependencies:
+      '@sentry-internal/browser-utils': 8.27.0
+      '@sentry-internal/feedback': 8.27.0
+      '@sentry-internal/replay': 8.27.0
+      '@sentry-internal/replay-canvas': 8.27.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
+
+  '@sentry/bundler-plugin-core@2.22.3(encoding@0.1.13)':
     dependencies:
       '@babel/core': 7.25.2
-      '@sentry/babel-plugin-component-annotate': 2.22.2
-      '@sentry/cli': 2.33.1(encoding@0.1.13)
+      '@sentry/babel-plugin-component-annotate': 2.22.3
+      '@sentry/cli': 2.34.1(encoding@0.1.13)
       dotenv: 16.4.5
       find-up: 5.0.0
       glob: 9.3.5
@@ -10844,28 +11169,28 @@ snapshots:
       - encoding
       - supports-color
 
-  '@sentry/cli-darwin@2.33.1':
+  '@sentry/cli-darwin@2.34.1':
     optional: true
 
-  '@sentry/cli-linux-arm64@2.33.1':
+  '@sentry/cli-linux-arm64@2.34.1':
     optional: true
 
-  '@sentry/cli-linux-arm@2.33.1':
+  '@sentry/cli-linux-arm@2.34.1':
     optional: true
 
-  '@sentry/cli-linux-i686@2.33.1':
+  '@sentry/cli-linux-i686@2.34.1':
     optional: true
 
-  '@sentry/cli-linux-x64@2.33.1':
+  '@sentry/cli-linux-x64@2.34.1':
     optional: true
 
-  '@sentry/cli-win32-i686@2.33.1':
+  '@sentry/cli-win32-i686@2.34.1':
     optional: true
 
-  '@sentry/cli-win32-x64@2.33.1':
+  '@sentry/cli-win32-x64@2.34.1':
     optional: true
 
-  '@sentry/cli@2.33.1(encoding@0.1.13)':
+  '@sentry/cli@2.34.1(encoding@0.1.13)':
     dependencies:
       https-proxy-agent: 5.0.1
       node-fetch: 2.7.0(encoding@0.1.13)
@@ -10873,47 +11198,48 @@ snapshots:
       proxy-from-env: 1.1.0
       which: 2.0.2
     optionalDependencies:
-      '@sentry/cli-darwin': 2.33.1
-      '@sentry/cli-linux-arm': 2.33.1
-      '@sentry/cli-linux-arm64': 2.33.1
-      '@sentry/cli-linux-i686': 2.33.1
-      '@sentry/cli-linux-x64': 2.33.1
-      '@sentry/cli-win32-i686': 2.33.1
-      '@sentry/cli-win32-x64': 2.33.1
+      '@sentry/cli-darwin': 2.34.1
+      '@sentry/cli-linux-arm': 2.34.1
+      '@sentry/cli-linux-arm64': 2.34.1
+      '@sentry/cli-linux-i686': 2.34.1
+      '@sentry/cli-linux-x64': 2.34.1
+      '@sentry/cli-win32-i686': 2.34.1
+      '@sentry/cli-win32-x64': 2.34.1
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sentry/core@8.20.0':
-    dependencies:
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
-
   '@sentry/core@8.26.0':
     dependencies:
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
 
-  '@sentry/electron@5.3.0':
+  '@sentry/core@8.27.0':
     dependencies:
-      '@sentry/browser': 8.20.0
-      '@sentry/core': 8.20.0
-      '@sentry/node': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
+
+  '@sentry/electron@5.4.0':
+    dependencies:
+      '@sentry/browser': 8.26.0
+      '@sentry/core': 8.26.0
+      '@sentry/node': 8.26.0
+      '@sentry/types': 8.26.0
+      '@sentry/utils': 8.26.0
       deepmerge: 4.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/node@8.20.0':
+  '@sentry/node@8.26.0':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/context-async-hooks': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/context-async-hooks': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-connect': 0.38.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/instrumentation-express': 0.41.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-express': 0.41.1(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-fastify': 0.38.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/instrumentation-fs': 0.14.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-graphql': 0.42.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-hapi': 0.40.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-http': 0.52.1(@opentelemetry/api@1.9.0)
@@ -10926,111 +11252,111 @@ snapshots:
       '@opentelemetry/instrumentation-nestjs-core': 0.39.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-pg': 0.43.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation-redis-4': 0.41.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/resources': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/resources': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/sdk-trace-base': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@prisma/instrumentation': 5.17.0
-      '@sentry/core': 8.20.0
-      '@sentry/opentelemetry': 8.20.0(@opentelemetry/api@1.9.0)(@opentelemetry/core@1.25.1(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.52.1(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@1.25.1(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.25.1)
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
+      '@sentry/core': 8.26.0
+      '@sentry/opentelemetry': 8.26.0(@opentelemetry/api@1.9.0)(@opentelemetry/core@1.26.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.52.1(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@1.26.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.27.0)
+      '@sentry/types': 8.26.0
+      '@sentry/utils': 8.26.0
       import-in-the-middle: 1.11.0
     optionalDependencies:
       opentelemetry-instrumentation-fetch-node: 1.2.3(@opentelemetry/api@1.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sentry/opentelemetry@8.20.0(@opentelemetry/api@1.9.0)(@opentelemetry/core@1.25.1(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.52.1(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@1.25.1(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.25.1)':
+  '@sentry/opentelemetry@8.26.0(@opentelemetry/api@1.9.0)(@opentelemetry/core@1.26.0(@opentelemetry/api@1.9.0))(@opentelemetry/instrumentation@0.52.1(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@1.26.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.27.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
-      '@opentelemetry/core': 1.25.1(@opentelemetry/api@1.9.0)
+      '@opentelemetry/core': 1.26.0(@opentelemetry/api@1.9.0)
       '@opentelemetry/instrumentation': 0.52.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/sdk-trace-base': 1.25.1(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
-      '@sentry/core': 8.20.0
-      '@sentry/types': 8.20.0
-      '@sentry/utils': 8.20.0
-
-  '@sentry/react@8.26.0(react@18.3.1)':
-    dependencies:
-      '@sentry/browser': 8.26.0
+      '@opentelemetry/sdk-trace-base': 1.26.0(@opentelemetry/api@1.9.0)
+      '@opentelemetry/semantic-conventions': 1.27.0
       '@sentry/core': 8.26.0
       '@sentry/types': 8.26.0
       '@sentry/utils': 8.26.0
+
+  '@sentry/react@8.27.0(react@18.3.1)':
+    dependencies:
+      '@sentry/browser': 8.27.0
+      '@sentry/core': 8.27.0
+      '@sentry/types': 8.27.0
+      '@sentry/utils': 8.27.0
       hoist-non-react-statics: 3.3.2
       react: 18.3.1
 
-  '@sentry/types@8.20.0': {}
-
   '@sentry/types@8.26.0': {}
 
-  '@sentry/utils@8.20.0':
-    dependencies:
-      '@sentry/types': 8.20.0
+  '@sentry/types@8.27.0': {}
 
   '@sentry/utils@8.26.0':
     dependencies:
       '@sentry/types': 8.26.0
 
-  '@sentry/vite-plugin@2.22.2(encoding@0.1.13)':
+  '@sentry/utils@8.27.0':
     dependencies:
-      '@sentry/bundler-plugin-core': 2.22.2(encoding@0.1.13)
+      '@sentry/types': 8.27.0
+
+  '@sentry/vite-plugin@2.22.3(encoding@0.1.13)':
+    dependencies:
+      '@sentry/bundler-plugin-core': 2.22.3(encoding@0.1.13)
       unplugin: 1.0.1
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@shikijs/core@1.14.1':
+  '@shikijs/core@1.15.1':
     dependencies:
       '@types/hast': 3.0.4
 
-  '@shikijs/transformers@1.14.1':
+  '@shikijs/transformers@1.15.1':
     dependencies:
-      shiki: 1.14.1
+      shiki: 1.15.1
 
   '@sindresorhus/is@4.6.0': {}
 
-  '@stylistic/eslint-plugin-js@2.6.4(eslint@9.9.0(jiti@1.21.6))':
+  '@stylistic/eslint-plugin-js@2.6.4(eslint@9.9.1(jiti@1.21.6))':
     dependencies:
       '@types/eslint': 9.6.0
       acorn: 8.12.1
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       eslint-visitor-keys: 4.0.0
       espree: 10.1.0
 
-  '@stylistic/eslint-plugin-jsx@2.6.4(eslint@9.9.0(jiti@1.21.6))':
+  '@stylistic/eslint-plugin-jsx@2.6.4(eslint@9.9.1(jiti@1.21.6))':
     dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.0(jiti@1.21.6))
+      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.1(jiti@1.21.6))
       '@types/eslint': 9.6.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       eslint-visitor-keys: 4.0.0
       espree: 10.1.0
       estraverse: 5.3.0
       picomatch: 4.0.2
 
-  '@stylistic/eslint-plugin-plus@2.6.4(eslint@9.9.0(jiti@1.21.6))':
+  '@stylistic/eslint-plugin-plus@2.6.4(eslint@9.9.1(jiti@1.21.6))':
     dependencies:
       '@types/eslint': 9.6.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  '@stylistic/eslint-plugin-ts@2.6.4(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@stylistic/eslint-plugin-ts@2.6.4(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.0(jiti@1.21.6))
+      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.1(jiti@1.21.6))
       '@types/eslint': 9.6.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@stylistic/eslint-plugin@2.6.4(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@stylistic/eslint-plugin@2.6.4(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.0(jiti@1.21.6))
-      '@stylistic/eslint-plugin-jsx': 2.6.4(eslint@9.9.0(jiti@1.21.6))
-      '@stylistic/eslint-plugin-plus': 2.6.4(eslint@9.9.0(jiti@1.21.6))
-      '@stylistic/eslint-plugin-ts': 2.6.4(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@stylistic/eslint-plugin-js': 2.6.4(eslint@9.9.1(jiti@1.21.6))
+      '@stylistic/eslint-plugin-jsx': 2.6.4(eslint@9.9.1(jiti@1.21.6))
+      '@stylistic/eslint-plugin-plus': 2.6.4(eslint@9.9.1(jiti@1.21.6))
+      '@stylistic/eslint-plugin-ts': 2.6.4(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@types/eslint': 9.6.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -11039,7 +11365,7 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@t3-oss/env-core@0.10.1(typescript@5.5.4)(zod@3.23.8)':
+  '@t3-oss/env-core@0.11.1(typescript@5.5.4)(zod@3.23.8)':
     dependencies:
       zod: 3.23.8
     optionalDependencies:
@@ -11049,7 +11375,7 @@ snapshots:
     dependencies:
       tailwindcss: 3.4.10
 
-  '@tailwindcss/typography@0.5.14(tailwindcss@3.4.10)':
+  '@tailwindcss/typography@0.5.15(tailwindcss@3.4.10)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
@@ -11057,34 +11383,34 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 3.4.10
 
-  '@tanstack/query-core@5.52.0': {}
+  '@tanstack/query-core@5.53.1': {}
 
-  '@tanstack/query-devtools@5.51.16': {}
+  '@tanstack/query-devtools@5.52.3': {}
 
-  '@tanstack/query-persist-client-core@5.52.0':
+  '@tanstack/query-persist-client-core@5.53.1':
     dependencies:
-      '@tanstack/query-core': 5.52.0
+      '@tanstack/query-core': 5.53.1
 
-  '@tanstack/query-sync-storage-persister@5.52.0':
+  '@tanstack/query-sync-storage-persister@5.53.1':
     dependencies:
-      '@tanstack/query-core': 5.52.0
-      '@tanstack/query-persist-client-core': 5.52.0
+      '@tanstack/query-core': 5.53.1
+      '@tanstack/query-persist-client-core': 5.53.1
 
-  '@tanstack/react-query-devtools@5.52.0(@tanstack/react-query@5.52.0(react@18.3.1))(react@18.3.1)':
+  '@tanstack/react-query-devtools@5.53.1(@tanstack/react-query@5.53.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@tanstack/query-devtools': 5.51.16
-      '@tanstack/react-query': 5.52.0(react@18.3.1)
+      '@tanstack/query-devtools': 5.52.3
+      '@tanstack/react-query': 5.53.1(react@18.3.1)
       react: 18.3.1
 
-  '@tanstack/react-query-persist-client@5.52.0(@tanstack/react-query@5.52.0(react@18.3.1))(react@18.3.1)':
+  '@tanstack/react-query-persist-client@5.53.1(@tanstack/react-query@5.53.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@tanstack/query-persist-client-core': 5.52.0
-      '@tanstack/react-query': 5.52.0(react@18.3.1)
+      '@tanstack/query-persist-client-core': 5.53.1
+      '@tanstack/react-query': 5.53.1(react@18.3.1)
       react: 18.3.1
 
-  '@tanstack/react-query@5.52.0(react@18.3.1)':
+  '@tanstack/react-query@5.53.1(react@18.3.1)':
     dependencies:
-      '@tanstack/query-core': 5.52.0
+      '@tanstack/query-core': 5.53.1
       react: 18.3.1
 
   '@tootallnate/once@2.0.0': {}
@@ -11116,12 +11442,12 @@ snapshots:
     dependencies:
       '@types/http-cache-semantics': 4.0.4
       '@types/keyv': 3.1.4
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
       '@types/responselike': 1.0.3
 
   '@types/connect@3.4.36':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@types/cookie@0.6.0': {}
 
@@ -11147,12 +11473,12 @@ snapshots:
 
   '@types/fs-extra@9.0.13':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@types/hast@3.0.4':
     dependencies:
@@ -11164,7 +11490,7 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@types/lodash-es@4.17.12':
     dependencies:
@@ -11182,9 +11508,13 @@ snapshots:
 
   '@types/mysql@2.15.22':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
-  '@types/node@20.16.1':
+  '@types/node@20.16.2':
+    dependencies:
+      undici-types: 6.19.8
+
+  '@types/node@22.5.1':
     dependencies:
       undici-types: 6.19.8
 
@@ -11194,15 +11524,22 @@ snapshots:
     dependencies:
       '@types/pg': 8.6.1
 
+  '@types/pg@8.11.8':
+    dependencies:
+      '@types/node': 20.16.2
+      pg-protocol: 1.6.1
+      pg-types: 4.0.2
+    optional: true
+
   '@types/pg@8.6.1':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
       pg-protocol: 1.6.1
       pg-types: 2.2.0
 
   '@types/plist@3.0.5':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 20.16.2
       xmlbuilder: 15.1.1
     optional: true
 
@@ -11210,16 +11547,16 @@ snapshots:
 
   '@types/react-dom@18.3.0':
     dependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  '@types/react@18.3.4':
+  '@types/react@18.3.5':
     dependencies:
       '@types/prop-types': 15.7.12
       csstype: 3.1.3
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
 
   '@types/semver@7.5.8': {}
 
@@ -11227,7 +11564,7 @@ snapshots:
 
   '@types/tar@6.1.13':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
       minipass: 4.2.8
 
   '@types/unist@2.0.11': {}
@@ -11239,18 +11576,18 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
     optional: true
 
-  '@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/parser': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/visitor-keys': 8.2.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -11260,14 +11597,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@typescript-eslint/eslint-plugin@8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
+    dependencies:
+      '@eslint-community/regexpp': 4.11.0
+      '@typescript-eslint/parser': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/scope-manager': 8.3.0
+      '@typescript-eslint/type-utils': 8.3.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.3.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/visitor-keys': 8.3.0
+      eslint: 9.9.1(jiti@1.21.6)
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.3.0(typescript@5.5.4)
+    optionalDependencies:
+      typescript: 5.5.4
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
       '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
       '@typescript-eslint/visitor-keys': 8.2.0
       debug: 4.3.6
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
@@ -11283,10 +11639,16 @@ snapshots:
       '@typescript-eslint/types': 8.2.0
       '@typescript-eslint/visitor-keys': 8.2.0
 
-  '@typescript-eslint/type-utils@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@typescript-eslint/scope-manager@8.3.0':
+    dependencies:
+      '@typescript-eslint/types': 8.3.0
+      '@typescript-eslint/visitor-keys': 8.3.0
+    optional: true
+
+  '@typescript-eslint/type-utils@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       debug: 4.3.6
       ts-api-utils: 1.3.0(typescript@5.5.4)
     optionalDependencies:
@@ -11295,10 +11657,26 @@ snapshots:
       - eslint
       - supports-color
 
+  '@typescript-eslint/type-utils@8.3.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.3.0(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.3.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      debug: 4.3.6
+      ts-api-utils: 1.3.0(typescript@5.5.4)
+    optionalDependencies:
+      typescript: 5.5.4
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+    optional: true
+
   '@typescript-eslint/types@7.18.0': {}
 
   '@typescript-eslint/types@8.2.0': {}
 
+  '@typescript-eslint/types@8.3.0':
+    optional: true
+
   '@typescript-eslint/typescript-estree@7.18.0(typescript@5.5.4)':
     dependencies:
       '@typescript-eslint/types': 7.18.0
@@ -11329,28 +11707,56 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@7.18.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@typescript-eslint/typescript-estree@8.3.0(typescript@5.5.4)':
+    dependencies:
+      '@typescript-eslint/types': 8.3.0
+      '@typescript-eslint/visitor-keys': 8.3.0
+      debug: 4.3.6
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.3.0(typescript@5.5.4)
+    optionalDependencies:
+      typescript: 5.5.4
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  '@typescript-eslint/utils@7.18.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
       '@typescript-eslint/scope-manager': 7.18.0
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@typescript-eslint/utils@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
       '@typescript-eslint/typescript-estree': 8.2.0(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
+  '@typescript-eslint/utils@8.3.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
+      '@typescript-eslint/scope-manager': 8.3.0
+      '@typescript-eslint/types': 8.3.0
+      '@typescript-eslint/typescript-estree': 8.3.0(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    optional: true
+
   '@typescript-eslint/visitor-keys@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
@@ -11361,6 +11767,12 @@ snapshots:
       '@typescript-eslint/types': 8.2.0
       eslint-visitor-keys: 3.4.3
 
+  '@typescript-eslint/visitor-keys@8.3.0':
+    dependencies:
+      '@typescript-eslint/types': 8.3.0
+      eslint-visitor-keys: 3.4.3
+    optional: true
+
   '@ungap/structured-clone@1.2.0': {}
 
   '@unocss/config@0.62.2':
@@ -11372,17 +11784,17 @@ snapshots:
 
   '@unocss/core@0.62.2': {}
 
-  '@unocss/eslint-config@0.62.2(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@unocss/eslint-config@0.62.2(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@unocss/eslint-plugin': 0.62.2(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@unocss/eslint-plugin': 0.62.2(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
     transitivePeerDependencies:
       - eslint
       - supports-color
       - typescript
 
-  '@unocss/eslint-plugin@0.62.2(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)':
+  '@unocss/eslint-plugin@0.62.2(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@unocss/config': 0.62.2
       '@unocss/core': 0.62.2
       magic-string: 0.30.11
@@ -11401,7 +11813,7 @@ snapshots:
 
   '@vercel/ncc@0.38.1': {}
 
-  '@vitejs/plugin-legacy@5.4.2(terser@5.31.6)(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))':
+  '@vitejs/plugin-legacy@5.4.2(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/preset-env': 7.25.4(@babel/core@7.25.2)
@@ -11412,18 +11824,18 @@ snapshots:
       regenerator-runtime: 0.14.1
       systemjs: 6.15.1
       terser: 5.31.6
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.3.1(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6))':
+  '@vitejs/plugin-react@4.3.1(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.25.2)
       '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.25.2)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
@@ -11546,7 +11958,9 @@ snapshots:
 
   app-builder-bin@4.0.0: {}
 
-  app-builder-lib@24.13.3(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3)):
+  app-builder-bin@5.0.0-alpha.4: {}
+
+  app-builder-lib@24.13.3(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10)):
     dependencies:
       '@develar/schema-utils': 2.6.5
       '@electron/notarize': 2.2.1
@@ -11560,9 +11974,9 @@ snapshots:
       builder-util-runtime: 9.2.4
       chromium-pickle-js: 0.2.0
       debug: 4.3.6
-      dmg-builder: 24.13.3(electron-builder-squirrel-windows@24.13.3)
+      dmg-builder: 25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10)
       ejs: 3.1.10
-      electron-builder-squirrel-windows: 24.13.3(dmg-builder@24.13.3)
+      electron-builder-squirrel-windows: 25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10)
       electron-publish: 24.13.1
       form-data: 4.0.0
       fs-extra: 10.1.0
@@ -11580,6 +11994,43 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  app-builder-lib@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10)):
+    dependencies:
+      '@develar/schema-utils': 2.6.5
+      '@electron/notarize': 2.3.2
+      '@electron/osx-sign': 1.3.0
+      '@electron/rebuild': 3.6.0
+      '@electron/universal': 2.0.1
+      '@malept/flatpak-bundler': 0.4.0
+      '@types/fs-extra': 9.0.13
+      async-exit-hook: 2.0.1
+      bluebird-lst: 1.0.9
+      builder-util: 25.0.0-alpha.10
+      builder-util-runtime: 9.2.5-alpha.3
+      chromium-pickle-js: 0.2.0
+      debug: 4.3.6
+      dmg-builder: 25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10)
+      ejs: 3.1.10
+      electron-builder-squirrel-windows: 25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10)
+      electron-publish: 25.0.0-alpha.10
+      form-data: 4.0.0
+      fs-extra: 10.1.0
+      hosted-git-info: 4.1.0
+      is-ci: 3.0.1
+      isbinaryfile: 5.0.2
+      js-yaml: 4.1.0
+      lazy-val: 1.0.5
+      minimatch: 5.1.6
+      read-config-file: 6.4.0
+      resedit: 1.7.1
+      sanitize-filename: 1.6.3
+      semver: 7.6.3
+      tar: 6.2.1
+      temp-file: 3.4.0
+    transitivePeerDependencies:
+      - bluebird
+      - supports-color
+
   appdmg@0.6.6:
     dependencies:
       async: 1.5.2
@@ -11685,6 +12136,14 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  axios@1.7.6:
+    dependencies:
+      follow-redirects: 1.15.6(debug@4.3.6)
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
   babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.25.2):
     dependencies:
       '@babel/compat-data': 7.25.4
@@ -11880,6 +12339,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  builder-util@25.0.0-alpha.10:
+    dependencies:
+      7zip-bin: 5.2.0
+      '@types/debug': 4.1.12
+      app-builder-bin: 5.0.0-alpha.4
+      bluebird-lst: 1.0.9
+      builder-util-runtime: 9.2.5-alpha.3
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.6
+      fs-extra: 10.1.0
+      http-proxy-agent: 5.0.0
+      https-proxy-agent: 5.0.1
+      is-ci: 3.0.1
+      js-yaml: 4.1.0
+      source-map-support: 0.5.21
+      stat-mode: 1.0.0
+      temp-file: 3.4.0
+    transitivePeerDependencies:
+      - supports-color
+
   builtin-modules@3.3.0: {}
 
   bundle-require@5.0.0(esbuild@0.23.1):
@@ -12032,7 +12512,7 @@ snapshots:
     dependencies:
       consola: 3.2.3
 
-  cjs-module-lexer@1.3.1: {}
+  cjs-module-lexer@1.4.0: {}
 
   class-variance-authority@0.7.0:
     dependencies:
@@ -12074,9 +12554,9 @@ snapshots:
       slice-ansi: 5.0.0
       string-width: 7.2.0
 
-  click-to-react-component@1.1.0(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  click-to-react-component@1.1.0(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@floating-ui/react-dom-interactions': 0.3.1(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/react-dom-interactions': 0.3.1(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       htm: 3.1.1
       react: 18.3.1
       react-merge-refs: 1.1.0
@@ -12102,10 +12582,10 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  cmdk@1.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     transitivePeerDependencies:
@@ -12176,6 +12656,11 @@ snapshots:
       glob: 10.4.5
       typescript: 5.5.4
 
+  config-file-ts@0.2.8-rc1:
+    dependencies:
+      glob: 10.4.5
+      typescript: 5.5.4
+
   consola@3.2.3: {}
 
   console-control-strings@1.1.0: {}
@@ -12474,17 +12959,18 @@ snapshots:
 
   dlv@1.1.3: {}
 
-  dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3):
+  dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10):
     dependencies:
-      app-builder-lib: 24.13.3(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3))
-      builder-util: 24.13.1
-      builder-util-runtime: 9.2.4
+      app-builder-lib: 25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))
+      builder-util: 25.0.0-alpha.10
+      builder-util-runtime: 9.2.5-alpha.3
       fs-extra: 10.1.0
       iconv-lite: 0.6.3
       js-yaml: 4.1.0
     optionalDependencies:
       dmg-license: 1.0.11
     transitivePeerDependencies:
+      - bluebird
       - electron-builder-squirrel-windows
       - supports-color
 
@@ -12530,17 +13016,21 @@ snapshots:
     dependencies:
       is-obj: 2.0.0
 
+  dotenv-expand@11.0.6:
+    dependencies:
+      dotenv: 16.4.5
+
   dotenv-expand@5.1.0: {}
 
   dotenv@16.4.5: {}
 
   dotenv@9.0.2: {}
 
-  drizzle-orm@0.32.2(@opentelemetry/api@1.9.0)(@types/pg@8.6.1)(@types/react@18.3.4)(react@18.3.1):
+  drizzle-orm@0.33.0(@opentelemetry/api@1.9.0)(@types/pg@8.11.8)(@types/react@18.3.5)(react@18.3.1):
     optionalDependencies:
       '@opentelemetry/api': 1.9.0
-      '@types/pg': 8.6.1
-      '@types/react': 18.3.4
+      '@types/pg': 8.11.8
+      '@types/react': 18.3.5
       react: 18.3.1
 
   ds-store@0.1.6:
@@ -12556,13 +13046,14 @@ snapshots:
     dependencies:
       jake: 10.9.2
 
-  electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3):
+  electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10):
     dependencies:
-      app-builder-lib: 24.13.3(dmg-builder@24.13.3(electron-builder-squirrel-windows@24.13.3))(electron-builder-squirrel-windows@24.13.3(dmg-builder@24.13.3))
+      app-builder-lib: 25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))
       archiver: 5.3.2
-      builder-util: 24.13.1
+      builder-util: 25.0.0-alpha.10
       fs-extra: 10.1.0
     transitivePeerDependencies:
+      - bluebird
       - dmg-builder
       - supports-color
 
@@ -12601,6 +13092,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  electron-publish@25.0.0-alpha.10:
+    dependencies:
+      '@types/fs-extra': 9.0.13
+      builder-util: 25.0.0-alpha.10
+      builder-util-runtime: 9.2.5-alpha.3
+      chalk: 4.1.2
+      fs-extra: 10.1.0
+      lazy-val: 1.0.5
+      mime: 2.6.0
+    transitivePeerDependencies:
+      - supports-color
+
   electron-squirrel-startup@1.0.1:
     dependencies:
       debug: 2.6.9
@@ -12622,7 +13125,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  electron-vite@2.3.0(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6)):
+  electron-vite@2.3.0(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6)):
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-transform-arrow-functions': 7.24.7(@babel/core@7.25.2)
@@ -12630,7 +13133,7 @@ snapshots:
       esbuild: 0.21.5
       magic-string: 0.30.11
       picocolors: 1.0.1
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
@@ -12650,7 +13153,7 @@ snapshots:
   electron@32.0.1:
     dependencies:
       '@electron/get': 2.0.3
-      '@types/node': 20.16.1
+      '@types/node': 20.16.2
       extract-zip: 2.0.1
     transitivePeerDependencies:
       - supports-color
@@ -12772,9 +13275,9 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-compat-utils@0.5.1(eslint@9.9.0(jiti@1.21.6)):
+  eslint-compat-utils@0.5.1(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       semver: 7.6.3
 
   eslint-config-flat-gitignore@0.1.8:
@@ -12782,35 +13285,35 @@ snapshots:
       find-up-simple: 1.0.0
       parse-gitignore: 2.0.0
 
-  eslint-config-hyoban@3.1.3(@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(tailwindcss@3.4.10)(typescript@5.5.4):
+  eslint-config-hyoban@3.1.3(@typescript-eslint/eslint-plugin@8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(tailwindcss@3.4.10)(typescript@5.5.4):
     dependencies:
-      '@eslint-react/eslint-plugin': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/eslint-plugin': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint/js': 9.9.0
-      '@stylistic/eslint-plugin': 2.6.4(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@stylistic/eslint-plugin': 2.6.4(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@types/eslint': 9.6.0
-      '@unocss/eslint-config': 0.62.2(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@unocss/eslint-config': 0.62.2(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       defu: 6.1.4
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       eslint-config-flat-gitignore: 0.1.8
-      eslint-plugin-antfu: 2.3.5(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-command: 0.2.3(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-hyoban: 0.6.1(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-import-x: 3.1.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint-plugin-jsonc: 2.16.0(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-package-json: 0.15.2(eslint@9.9.0(jiti@1.21.6))(jsonc-eslint-parser@2.4.0)
-      eslint-plugin-react-compiler: 0.0.0-experimental-d0e920e-20240815(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-react-hooks: 5.1.0-rc-fb9a90fa48-20240614(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-react-refresh: 0.4.10(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-regexp: 2.6.0(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.9.0(jiti@1.21.6))
+      eslint-plugin-antfu: 2.3.5(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-command: 0.2.3(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-hyoban: 0.6.1(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-import-x: 3.1.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint-plugin-jsonc: 2.16.0(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-package-json: 0.15.2(eslint@9.9.1(jiti@1.21.6))(jsonc-eslint-parser@2.4.0)
+      eslint-plugin-react-compiler: 0.0.0-experimental-d0e920e-20240815(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-react-hooks: 5.1.0-rc-fb9a90fa48-20240614(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-react-refresh: 0.4.10(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-regexp: 2.6.0(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-simple-import-sort: 12.1.1(eslint@9.9.1(jiti@1.21.6))
       eslint-plugin-tailwindcss: 3.17.4(tailwindcss@3.4.10)
-      eslint-plugin-unicorn: 55.0.0(eslint@9.9.0(jiti@1.21.6))
-      eslint-plugin-unused-imports: 4.1.3(@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))
+      eslint-plugin-unicorn: 55.0.0(eslint@9.9.1(jiti@1.21.6))
+      eslint-plugin-unused-imports: 4.1.3(@typescript-eslint/eslint-plugin@8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))
       globals: 15.9.0
       jsonc-eslint-parser: 2.4.0
       local-pkg: 0.5.0
       read-package-up: 11.0.0
-      typescript-eslint: 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      typescript-eslint: 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
@@ -12826,26 +13329,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-antfu@2.3.5(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-antfu@2.3.5(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
       '@antfu/utils': 0.7.10
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  eslint-plugin-command@0.2.3(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-command@0.2.3(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
       '@es-joy/jsdoccomment': 0.43.1
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  eslint-plugin-hyoban@0.6.1(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-hyoban@0.6.1(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  eslint-plugin-import-x@3.1.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-import-x@3.1.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/utils': 7.18.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 7.18.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       debug: 4.3.6
       doctrine: 3.0.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       eslint-import-resolver-node: 0.3.9
       get-tsconfig: 4.7.6
       is-glob: 4.0.3
@@ -12857,22 +13360,22 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-jsonc@2.16.0(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-jsonc@2.16.0(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
-      eslint: 9.9.0(jiti@1.21.6)
-      eslint-compat-utils: 0.5.1(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
+      eslint: 9.9.1(jiti@1.21.6)
+      eslint-compat-utils: 0.5.1(eslint@9.9.1(jiti@1.21.6))
       espree: 9.6.1
       graphemer: 1.4.0
       jsonc-eslint-parser: 2.4.0
       natural-compare: 1.4.0
       synckit: 0.6.2
 
-  eslint-plugin-package-json@0.15.2(eslint@9.9.0(jiti@1.21.6))(jsonc-eslint-parser@2.4.0):
+  eslint-plugin-package-json@0.15.2(eslint@9.9.1(jiti@1.21.6))(jsonc-eslint-parser@2.4.0):
     dependencies:
       detect-indent: 6.1.0
       detect-newline: 3.1.0
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       jsonc-eslint-parser: 2.4.0
       package-json-validator: 0.6.5
       semver: 7.6.3
@@ -12880,32 +13383,32 @@ snapshots:
       sort-package-json: 1.57.0
       validate-npm-package-name: 5.0.1
 
-  eslint-plugin-react-compiler@0.0.0-experimental-d0e920e-20240815(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-react-compiler@0.0.0-experimental-d0e920e-20240815(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
       '@babel/core': 7.25.2
       '@babel/parser': 7.25.4
       '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.25.2)
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       hermes-parser: 0.20.1
       zod: 3.23.8
       zod-validation-error: 3.3.1(zod@3.23.8)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-debug@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-debug@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
       string-ts: 2.2.0
       ts-pattern: 5.3.1
     optionalDependencies:
@@ -12913,127 +13416,127 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-dom@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-dom@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
       ts-pattern: 5.3.1
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks-extra@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-hooks-extra@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
       ts-pattern: 5.3.1
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks@5.1.0-rc-fb9a90fa48-20240614(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-react-hooks@5.1.0-rc-fb9a90fa48-20240614(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  eslint-plugin-react-naming-convention@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-naming-convention@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
       ts-pattern: 5.3.1
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-refresh@0.4.10(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-react-refresh@0.4.10(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
-  eslint-plugin-react-web-api@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-web-api@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       birecord: 0.1.1
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       ts-pattern: 5.3.1
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-x@1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  eslint-plugin-react-x@1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@eslint-react/ast': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/core': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/jsx': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/shared': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/ast': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/core': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/jsx': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/shared': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@eslint-react/tools': 1.12.0
-      '@eslint-react/types': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@eslint-react/var': 1.12.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/types': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@eslint-react/var': 1.12.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/scope-manager': 8.2.0
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       '@typescript-eslint/types': 8.2.0
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
-      is-immutable-type: 5.0.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
+      is-immutable-type: 5.0.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
       ts-pattern: 5.3.1
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-regexp@2.6.0(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-regexp@2.6.0(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
       '@eslint-community/regexpp': 4.11.0
       comment-parser: 1.4.1
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       jsdoc-type-pratt-parser: 4.1.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
 
-  eslint-plugin-simple-import-sort@12.1.1(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
 
   eslint-plugin-tailwindcss@3.17.4(tailwindcss@3.4.10):
     dependencies:
@@ -13041,14 +13544,14 @@ snapshots:
       postcss: 8.4.41
       tailwindcss: 3.4.10
 
-  eslint-plugin-unicorn@55.0.0(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-unicorn@55.0.0(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
       '@babel/helper-validator-identifier': 7.24.7
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
       ci-info: 4.0.0
       clean-regexp: 1.0.0
       core-js-compat: 3.38.1
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
       esquery: 1.6.0
       globals: 15.9.0
       indent-string: 4.0.0
@@ -13061,11 +13564,11 @@ snapshots:
       semver: 7.6.3
       strip-indent: 3.0.0
 
-  eslint-plugin-unused-imports@4.1.3(@typescript-eslint/eslint-plugin@8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6)):
+  eslint-plugin-unused-imports@4.1.3(@typescript-eslint/eslint-plugin@8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6)):
     dependencies:
-      eslint: 9.9.0(jiti@1.21.6)
+      eslint: 9.9.1(jiti@1.21.6)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/eslint-plugin': 8.3.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
 
   eslint-scope@8.0.2:
     dependencies:
@@ -13076,13 +13579,13 @@ snapshots:
 
   eslint-visitor-keys@4.0.0: {}
 
-  eslint@9.9.0(jiti@1.21.6):
+  eslint@9.9.1(jiti@1.21.6):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.4.0(eslint@9.9.1(jiti@1.21.6))
       '@eslint-community/regexpp': 4.11.0
-      '@eslint/config-array': 0.17.1
+      '@eslint/config-array': 0.18.0
       '@eslint/eslintrc': 3.1.0
-      '@eslint/js': 9.9.0
+      '@eslint/js': 9.9.1
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.3.0
       '@nodelib/fs.walk': 1.2.8
@@ -13295,18 +13798,18 @@ snapshots:
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
-  foxact@0.2.36(react@18.3.1):
+  foxact@0.2.37(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       server-only: 0.0.1
     optionalDependencies:
       react: 18.3.1
 
-  framer-motion@11.0.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  framer-motion@11.3.31(@emotion/is-prop-valid@1.3.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       tslib: 2.6.3
     optionalDependencies:
-      '@emotion/is-prop-valid': 0.8.8
+      '@emotion/is-prop-valid': 1.3.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -13665,7 +14168,7 @@ snapshots:
       devlop: 1.1.0
       hast-util-from-parse5: 8.0.1
       parse5: 7.1.2
-      vfile: 6.0.2
+      vfile: 6.0.3
       vfile-message: 4.0.2
 
   hast-util-from-parse5@8.0.1:
@@ -13675,7 +14178,7 @@ snapshots:
       devlop: 1.1.0
       hastscript: 8.0.0
       property-information: 6.5.0
-      vfile: 6.0.2
+      vfile: 6.0.3
       vfile-location: 5.0.3
       web-namespaces: 2.0.1
 
@@ -13703,7 +14206,7 @@ snapshots:
       parse5: 7.1.2
       unist-util-position: 5.0.0
       unist-util-visit: 5.0.0
-      vfile: 6.0.2
+      vfile: 6.0.3
       web-namespaces: 2.0.1
       zwitch: 2.0.4
 
@@ -13834,7 +14337,7 @@ snapshots:
     dependencies:
       parse-passwd: 1.0.0
 
-  hono@4.5.7(patch_hash=iej2g43ojhll5opwbnvyorjq4e): {}
+  hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e): {}
 
   hosted-git-info@2.8.9: {}
 
@@ -13921,14 +14424,14 @@ snapshots:
     dependencies:
       acorn: 8.12.1
       acorn-import-attributes: 1.9.5(acorn@8.12.1)
-      cjs-module-lexer: 1.3.1
+      cjs-module-lexer: 1.4.0
       module-details-from-path: 1.0.3
 
   import-in-the-middle@1.7.1:
     dependencies:
       acorn: 8.12.1
       acorn-import-assertions: 1.9.0(acorn@8.12.1)
-      cjs-module-lexer: 1.3.1
+      cjs-module-lexer: 1.4.0
       module-details-from-path: 1.0.3
     optional: true
 
@@ -14021,10 +14524,10 @@ snapshots:
 
   is-hexadecimal@2.0.1: {}
 
-  is-immutable-type@5.0.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  is-immutable-type@5.0.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      eslint: 9.9.0(jiti@1.21.6)
+      '@typescript-eslint/type-utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      eslint: 9.9.1(jiti@1.21.6)
       ts-api-utils: 1.3.0(typescript@5.5.4)
       ts-declaration-location: 1.0.4(typescript@5.5.4)
       typescript: 5.5.4
@@ -14107,11 +14610,11 @@ snapshots:
 
   jiti@2.0.0-beta.2: {}
 
-  jose@5.7.0: {}
+  jose@5.8.0: {}
 
-  jotai@2.9.3(@types/react@18.3.4)(react@18.3.1):
+  jotai@2.9.3(@types/react@18.3.5)(react@18.3.1):
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       react: 18.3.1
 
   js-tokens@4.0.0: {}
@@ -14549,7 +15052,7 @@ snapshots:
       trim-lines: 3.0.1
       unist-util-position: 5.0.0
       unist-util-visit: 5.0.0
-      vfile: 6.0.2
+      vfile: 6.0.3
 
   mdast-util-to-markdown@2.1.0:
     dependencies:
@@ -15054,6 +15557,9 @@ snapshots:
   object-keys@1.1.1:
     optional: true
 
+  obuf@1.1.2:
+    optional: true
+
   ofetch@1.3.4:
     dependencies:
       destr: 2.0.3
@@ -15088,7 +15594,7 @@ snapshots:
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/instrumentation': 0.46.0(@opentelemetry/api@1.9.0)
-      '@opentelemetry/semantic-conventions': 1.25.1
+      '@opentelemetry/semantic-conventions': 1.27.0
     transitivePeerDependencies:
       - supports-color
     optional: true
@@ -15280,6 +15786,8 @@ snapshots:
       safe-buffer: 5.2.1
       sha.js: 2.4.11
 
+  pe-library@0.4.1: {}
+
   pe-library@1.0.1: {}
 
   pend@1.2.0: {}
@@ -15288,6 +15796,9 @@ snapshots:
 
   pg-int8@1.0.1: {}
 
+  pg-numeric@1.0.2:
+    optional: true
+
   pg-protocol@1.6.1: {}
 
   pg-types@2.2.0:
@@ -15298,6 +15809,17 @@ snapshots:
       postgres-date: 1.0.7
       postgres-interval: 1.2.0
 
+  pg-types@4.0.2:
+    dependencies:
+      pg-int8: 1.0.1
+      pg-numeric: 1.0.2
+      postgres-array: 3.0.2
+      postgres-bytea: 3.0.0
+      postgres-date: 2.1.0
+      postgres-interval: 3.0.0
+      postgres-range: 1.1.4
+    optional: true
+
   picocolors@1.0.1: {}
 
   picomatch@2.3.1: {}
@@ -15374,23 +15896,40 @@ snapshots:
 
   postgres-array@2.0.0: {}
 
+  postgres-array@3.0.2:
+    optional: true
+
   postgres-bytea@1.0.0: {}
 
+  postgres-bytea@3.0.0:
+    dependencies:
+      obuf: 1.1.2
+    optional: true
+
   postgres-date@1.0.7: {}
 
+  postgres-date@2.1.0:
+    optional: true
+
   postgres-interval@1.2.0:
     dependencies:
       xtend: 4.0.2
 
-  posthog-js@1.157.2:
+  postgres-interval@3.0.0:
+    optional: true
+
+  postgres-range@1.1.4:
+    optional: true
+
+  posthog-js@1.160.0:
     dependencies:
       fflate: 0.4.8
       preact: 10.23.2
       web-vitals: 4.2.3
 
-  posthog-node@4.1.1:
+  posthog-node@4.2.0:
     dependencies:
-      axios: 1.7.4(debug@4.3.6)
+      axios: 1.7.6
       rusha: 0.8.14
     transitivePeerDependencies:
       - debug
@@ -15496,7 +16035,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-hook-form@7.52.2(react@18.3.1):
+  react-hook-form@7.53.0(react@18.3.1):
     dependencies:
       react: 18.3.1
 
@@ -15517,35 +16056,35 @@ snapshots:
 
   react-refresh@0.14.2: {}
 
-  react-remove-scroll-bar@2.3.6(@types/react@18.3.4)(react@18.3.1):
+  react-remove-scroll-bar@2.3.6(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-style-singleton: 2.2.1(@types/react@18.3.4)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.5)(react@18.3.1)
       tslib: 2.6.3
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  react-remove-scroll@2.5.5(@types/react@18.3.4)(react@18.3.1):
+  react-remove-scroll@2.5.5(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.4)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll-bar: 2.3.6(@types/react@18.3.5)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.5)(react@18.3.1)
       tslib: 2.6.3
-      use-callback-ref: 1.3.2(@types/react@18.3.4)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.4)(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.5)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  react-remove-scroll@2.5.7(@types/react@18.3.4)(react@18.3.1):
+  react-remove-scroll@2.5.7(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.4)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.4)(react@18.3.1)
+      react-remove-scroll-bar: 2.3.6(@types/react@18.3.5)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.5)(react@18.3.1)
       tslib: 2.6.3
-      use-callback-ref: 1.3.2(@types/react@18.3.4)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.4)(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.5)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.5)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   react-resizable-layout@0.7.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
@@ -15571,14 +16110,14 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-style-singleton@2.2.1(@types/react@18.3.4)(react@18.3.1):
+  react-style-singleton@2.2.1(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       get-nonce: 1.0.1
       invariant: 2.2.4
       react: 18.3.1
       tslib: 2.6.3
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   react-virtuoso@4.10.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
@@ -15608,6 +16147,15 @@ snapshots:
       json5: 2.2.3
       lazy-val: 1.0.5
 
+  read-config-file@6.4.0:
+    dependencies:
+      config-file-ts: 0.2.8-rc1
+      dotenv: 16.4.5
+      dotenv-expand: 11.0.6
+      js-yaml: 4.1.0
+      json5: 2.2.3
+      lazy-val: 1.0.5
+
   read-package-up@11.0.0:
     dependencies:
       find-up-simple: 1.0.0
@@ -15727,7 +16275,7 @@ snapshots:
       hast-util-truncate: 2.0.0
       unified: 11.0.5
       unist-util-remove-position: 5.0.0
-      vfile: 6.0.2
+      vfile: 6.0.3
 
   rehype-parse@9.0.0:
     dependencies:
@@ -15787,7 +16335,7 @@ snapshots:
       '@types/mdast': 4.0.4
       mdast-util-to-hast: 13.2.0
       unified: 11.0.5
-      vfile: 6.0.2
+      vfile: 6.0.3
 
   remark-stringify@11.0.0:
     dependencies:
@@ -15808,6 +16356,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  resedit@1.7.1:
+    dependencies:
+      pe-library: 0.4.1
+
   resedit@2.0.2:
     dependencies:
       pe-library: 1.0.1
@@ -15891,14 +16443,14 @@ snapshots:
       sprintf-js: 1.1.3
     optional: true
 
-  rollup-plugin-visualizer@5.12.0(rollup@4.21.0):
+  rollup-plugin-visualizer@5.12.0(rollup@4.21.2):
     dependencies:
       open: 8.4.2
       picomatch: 2.3.1
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.21.0
+      rollup: 4.21.2
 
   rollup@4.21.0:
     dependencies:
@@ -15922,6 +16474,29 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.21.0
       fsevents: 2.3.3
 
+  rollup@4.21.2:
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.21.2
+      '@rollup/rollup-android-arm64': 4.21.2
+      '@rollup/rollup-darwin-arm64': 4.21.2
+      '@rollup/rollup-darwin-x64': 4.21.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.21.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.21.2
+      '@rollup/rollup-linux-arm64-gnu': 4.21.2
+      '@rollup/rollup-linux-arm64-musl': 4.21.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.21.2
+      '@rollup/rollup-linux-s390x-gnu': 4.21.2
+      '@rollup/rollup-linux-x64-gnu': 4.21.2
+      '@rollup/rollup-linux-x64-musl': 4.21.2
+      '@rollup/rollup-win32-arm64-msvc': 4.21.2
+      '@rollup/rollup-win32-ia32-msvc': 4.21.2
+      '@rollup/rollup-win32-x64-msvc': 4.21.2
+      fsevents: 2.3.3
+    optional: true
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -15993,9 +16568,9 @@ snapshots:
       interpret: 1.4.0
       rechoir: 0.6.2
 
-  shiki@1.14.1:
+  shiki@1.15.1:
     dependencies:
-      '@shikijs/core': 1.14.1
+      '@shikijs/core': 1.15.1
       '@types/hast': 3.0.4
 
   shimmer@1.2.1: {}
@@ -16219,7 +16794,7 @@ snapshots:
       csso: 5.0.5
       picocolors: 1.0.1
 
-  swiper@11.1.10: {}
+  swiper@11.1.11: {}
 
   synckit@0.6.2:
     dependencies:
@@ -16322,11 +16897,11 @@ snapshots:
 
   tinyspy@3.0.0: {}
 
-  tldts-core@6.1.40: {}
+  tldts-core@6.1.41: {}
 
-  tldts@6.1.40:
+  tldts@6.1.41:
     dependencies:
-      tldts-core: 6.1.40
+      tldts-core: 6.1.41
 
   tmp-promise@3.0.3:
     dependencies:
@@ -16408,11 +16983,11 @@ snapshots:
 
   type-fest@4.25.0: {}
 
-  typescript-eslint@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4):
+  typescript-eslint@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@typescript-eslint/parser': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.2.0(eslint@9.9.0(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/eslint-plugin': 8.2.0(@typescript-eslint/parser@8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4))(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/parser': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.2.0(eslint@9.9.1(jiti@1.21.6))(typescript@5.5.4)
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
@@ -16461,7 +17036,7 @@ snapshots:
       extend: 3.0.2
       is-plain-obj: 4.1.0
       trough: 2.2.0
-      vfile: 6.0.2
+      vfile: 6.0.3
 
   unique-filename@2.0.1:
     dependencies:
@@ -16536,31 +17111,31 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  use-callback-ref@1.3.2(@types/react@18.3.4)(react@18.3.1):
+  use-callback-ref@1.3.2(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       react: 18.3.1
       tslib: 2.6.3
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   use-context-selector@2.0.0(react@18.3.1)(scheduler@0.23.2):
     dependencies:
       react: 18.3.1
       scheduler: 0.23.2
 
-  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.4)(react@18.3.1):
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
-  use-sidecar@1.1.2(@types/react@18.3.4)(react@18.3.1):
+  use-sidecar@1.1.2(@types/react@18.3.5)(react@18.3.1):
     dependencies:
       detect-node-es: 1.1.0
       react: 18.3.1
       tslib: 2.6.3
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   use-sync-external-store@1.2.2(react@18.3.1):
     dependencies:
@@ -16601,26 +17176,25 @@ snapshots:
   vfile-location@5.0.3:
     dependencies:
       '@types/unist': 3.0.3
-      vfile: 6.0.2
+      vfile: 6.0.3
 
   vfile-message@4.0.2:
     dependencies:
       '@types/unist': 3.0.3
       unist-util-stringify-position: 4.0.0
 
-  vfile@6.0.2:
+  vfile@6.0.3:
     dependencies:
       '@types/unist': 3.0.3
-      unist-util-stringify-position: 4.0.0
       vfile-message: 4.0.2
 
-  vite-node@2.0.5(@types/node@20.16.1)(terser@5.31.6):
+  vite-node@2.0.5(@types/node@22.5.1)(terser@5.31.6):
     dependencies:
       cac: 6.7.14
       debug: 4.3.6
       pathe: 1.1.2
       tinyrainbow: 1.2.0
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -16632,38 +17206,38 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-mkcert@1.17.6(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6)):
+  vite-plugin-mkcert@1.17.6(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6)):
     dependencies:
       '@octokit/rest': 20.1.1
       axios: 1.7.4(debug@4.3.6)
       debug: 4.3.6
       picocolors: 1.0.1
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
-  vite-tsconfig-paths@4.3.2(typescript@5.5.4)(vite@5.4.2(@types/node@20.16.1)(terser@5.31.6)):
+  vite-tsconfig-paths@5.0.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6)):
     dependencies:
       debug: 4.3.6
       globrex: 0.1.2
       tsconfck: 3.1.1(typescript@5.5.4)
     optionalDependencies:
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite@5.4.2(@types/node@20.16.1)(terser@5.31.6):
+  vite@5.4.2(@types/node@22.5.1)(terser@5.31.6):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.41
       rollup: 4.21.0
     optionalDependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
       fsevents: 2.3.3
       terser: 5.31.6
 
-  vitest@2.0.5(@types/node@20.16.1)(terser@5.31.6):
+  vitest@2.0.5(@types/node@22.5.1)(terser@5.31.6):
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@vitest/expect': 2.0.5
@@ -16681,11 +17255,11 @@ snapshots:
       tinybench: 2.9.0
       tinypool: 1.0.1
       tinyrainbow: 1.2.0
-      vite: 5.4.2(@types/node@20.16.1)(terser@5.31.6)
-      vite-node: 2.0.5(@types/node@20.16.1)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
+      vite-node: 2.0.5(@types/node@22.5.1)(terser@5.31.6)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 20.16.1
+      '@types/node': 22.5.1
     transitivePeerDependencies:
       - less
       - lightningcss
@@ -16819,11 +17393,11 @@ snapshots:
 
   zod@3.23.8: {}
 
-  zustand@4.5.5(@types/react@18.3.4)(immer@10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu))(react@18.3.1):
+  zustand@4.5.5(@types/react@18.3.5)(immer@10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu))(react@18.3.1):
     dependencies:
       use-sync-external-store: 1.2.2(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       immer: 10.1.1(patch_hash=og7mbnoo5vh43tjlw5rbmrdbvu)
       react: 18.3.1
 

From 7469458f29d66acc4a726baa16f08853e16b8540 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 16:17:42 +0800
Subject: [PATCH 06/60] chore: type ts error

Signed-off-by: Innei <i@innei.in>
---
 .../src/modules/settings/helper/withSettingEnable.tsx       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
index ae5c9a8a6d..17b8ef9b1a 100644
--- a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
+++ b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
@@ -2,13 +2,13 @@ import type { FC } from "react"
 import { createElement, forwardRef } from "react"
 
 type WithSelect<T> = T & {
-  select: (s: any) => any
+  select: (_s: any) => any
 }
 
 export const withSettingEnabled =
   <SE,>(
     useSettings: WithSelect<() => SE>,
-    condition: (setting: SE) => boolean,
+    condition: (_setting: SE) => boolean,
   ) =>
     <P extends JSX.IntrinsicAttributes>(
       IfComponent: FC<P> | keyof JSX.IntrinsicElements,
@@ -17,6 +17,8 @@ export const withSettingEnabled =
       forwardRef<any, P>((props, ref) => {
         const res = useSettings.select(condition)
         return res ?
+          // @ts-expect-error
           createElement(IfComponent, { ...props, ref }) :
+          // @ts-expect-error
           createElement(ElseComponent, { ...props, ref })
       })

From 8de7078d10b733456c480117ba8ed8d2166e20b9 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sat, 31 Aug 2024 16:28:21 +0800
Subject: [PATCH 07/60] fix: draggable panel dragging bg color

Signed-off-by: Innei <i@innei.in>
---
 .../components/ui/divider/PanelSpliter.tsx    | 30 ++++++++++++-------
 .../(main)/(layer)/feeds/[feedId]/layout.tsx  |  4 +--
 src/renderer/src/pages/(main)/layout.tsx      |  2 +-
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/renderer/src/components/ui/divider/PanelSpliter.tsx b/src/renderer/src/components/ui/divider/PanelSpliter.tsx
index ce42c74ea1..e6680e4201 100644
--- a/src/renderer/src/components/ui/divider/PanelSpliter.tsx
+++ b/src/renderer/src/components/ui/divider/PanelSpliter.tsx
@@ -1,16 +1,26 @@
+import { cn } from "@renderer/lib/utils"
 import * as React from "react"
 
 export const PanelSplitter = (
   props: React.DetailedHTMLProps<
     React.HTMLAttributes<HTMLDivElement>,
     HTMLDivElement
-  >,
-) => (
-  <div className="relative h-full w-0 shrink-0">
-    <div
-      tabIndex={-1}
-      {...props}
-      className="absolute inset-0 z-[11] w-[2px] -translate-x-1/2 cursor-ew-resize bg-transparent hover:bg-gray-400 active:!bg-accent hover:dark:bg-neutral-500"
-    />
-  </div>
-)
+  > & {
+    isDragging?: boolean
+  },
+) => {
+  const { isDragging, ...rest } = props
+
+  return (
+    <div className="relative h-full w-0 shrink-0">
+      <div
+        tabIndex={-1}
+        {...rest}
+        className={cn(
+          "absolute inset-0 z-[11] w-[2px] -translate-x-1/2 cursor-ew-resize bg-transparent hover:bg-gray-400 active:!bg-accent hover:dark:bg-neutral-500",
+          isDragging ? "bg-accent" : "",
+        )}
+      />
+    </div>
+  )
+}
diff --git a/src/renderer/src/pages/(main)/(layer)/feeds/[feedId]/layout.tsx b/src/renderer/src/pages/(main)/(layer)/feeds/[feedId]/layout.tsx
index fe20facdb2..355d619504 100644
--- a/src/renderer/src/pages/(main)/(layer)/feeds/[feedId]/layout.tsx
+++ b/src/renderer/src/pages/(main)/(layer)/feeds/[feedId]/layout.tsx
@@ -18,7 +18,7 @@ export function Component() {
   const entryColWidth = useMemo(() => getUISettings().entryColWidth, [])
   const { feedId, view } = useRouteParms()
   const inWideMode = view ? views[view].wideMode : false
-  const { position, separatorProps } = useResizable({
+  const { position, separatorProps, isDragging } = useResizable({
     axis: "x",
     // FIXME: Less than this width causes grid images to overflow on safari
     min: isSafari() ? 356 : 300,
@@ -44,7 +44,7 @@ export function Component() {
       >
         <EntryColumn key={`${feedId}-${view}`} />
       </div>
-      {!inWideMode && <PanelSplitter {...separatorProps} />}
+      {!inWideMode && <PanelSplitter {...separatorProps} isDragging={isDragging} />}
       <Outlet />
     </div>
   )
diff --git a/src/renderer/src/pages/(main)/layout.tsx b/src/renderer/src/pages/(main)/layout.tsx
index c85f19bb32..b5132cfd7f 100644
--- a/src/renderer/src/pages/(main)/layout.tsx
+++ b/src/renderer/src/pages/(main)/layout.tsx
@@ -219,7 +219,7 @@ const FeedResponsiveResizerContainer = ({
         }}
       />
 
-      {delayShowSplitter && <PanelSplitter {...separatorProps} />}
+      {delayShowSplitter && <PanelSplitter isDragging={isDragging} {...separatorProps} />}
     </>
   )
 }

From 7513130c17c501f3e2d7c29fc13e2315edb4dc8c Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 1 Sep 2024 17:24:43 +0800
Subject: [PATCH 08/60] feat: new platform icons

Signed-off-by: Innei <i@innei.in>
---
 package.json                                  |  1 +
 pnpm-lock.yaml                                | 41 +++++++++++--------
 src/renderer/src/components/feed-icon.tsx     | 32 ++++++++-------
 .../src/components/ui/platform-icon/index.tsx |  3 ++
 .../src/components/ui/platform-icon/utils.tsx | 12 ++++++
 src/renderer/src/lib/link-parser.ts           |  4 ++
 tailwind.config.ts                            |  2 +-
 7 files changed, 63 insertions(+), 32 deletions(-)

diff --git a/package.json b/package.json
index df457bb1e2..48ddb09053 100644
--- a/package.json
+++ b/package.json
@@ -150,6 +150,7 @@
     "@electron-toolkit/tsconfig": "^1.0.1",
     "@hono/node-server": "1.12.2",
     "@iconify-json/mingcute": "1.1.20",
+    "@iconify-json/simple-icons": "^1.2.1",
     "@pengx17/electron-forge-maker-appimage": "1.2.1",
     "@tailwindcss/container-queries": "0.1.1",
     "@tailwindcss/typography": "0.5.15",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 97bb1d5af0..e7a389c0b6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -193,7 +193,7 @@ importers:
         version: 0.2.37(react@18.3.1)
       framer-motion:
         specifier: 11.0.10
-        version: 11.3.31(@emotion/is-prop-valid@1.3.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 11.0.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       franc-min:
         specifier: 6.2.0
         version: 6.2.0
@@ -375,6 +375,9 @@ importers:
       '@iconify-json/mingcute':
         specifier: 1.1.20
         version: 1.1.20
+      '@iconify-json/simple-icons':
+        specifier: ^1.2.1
+        version: 1.2.1
       '@pengx17/electron-forge-maker-appimage':
         specifier: 1.2.1
         version: 1.2.1(dmg-builder@25.0.0-alpha.10(electron-builder-squirrel-windows@25.0.0-alpha.10))(electron-builder-squirrel-windows@25.0.0-alpha.10(dmg-builder@25.0.0-alpha.10))
@@ -1318,11 +1321,11 @@ packages:
     engines: {node: '>=14.14'}
     hasBin: true
 
-  '@emotion/is-prop-valid@1.3.0':
-    resolution: {integrity: sha512-SHetuSLvJDzuNbOdtPVbq6yMMMlLoW5Q94uDqJZqy50gcmAjxFkVqmzqSGEFq9gT2iMuIeKV1PXVWmvUhuZLlQ==}
+  '@emotion/is-prop-valid@0.8.8':
+    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
 
-  '@emotion/memoize@0.9.0':
-    resolution: {integrity: sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==}
+  '@emotion/memoize@0.7.4':
+    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
 
   '@es-joy/jsdoccomment@0.43.1':
     resolution: {integrity: sha512-I238eDtOolvCuvtxrnqtlBaw0BwdQuYqK7eA6XIonicMdOOOb75mqdIzkGDUbS04+1Di007rgm9snFRNeVrOog==}
@@ -1742,6 +1745,9 @@ packages:
   '@iconify-json/mingcute@1.1.20':
     resolution: {integrity: sha512-cLrKrnb9gsi+G6bRtqoFB0KcZnuD/f+p1mwmCTOJdfT8XUFOeZ/ObyBDcAsD2alwL1JmwvqRF08RDW0pfWZAnA==}
 
+  '@iconify-json/simple-icons@1.2.1':
+    resolution: {integrity: sha512-eBXREU+jazfOBTl944Uq/ZpOJnbx1/IBw1MpLw0VmmNk0HSvmnvhdcz+3obja7uAp25yNtVcKo3I04ppnuv3NQ==}
+
   '@iconify/tools@4.0.5':
     resolution: {integrity: sha512-l8KoA1lxlN/FFjlMd3vjfD7BtcX/QnFWtlBapILMlJSBgM5zhDYak/ldw/LkKG3258q/0YmXa48sO/QpxX7ptg==}
 
@@ -5034,15 +5040,12 @@ packages:
       react:
         optional: true
 
-  framer-motion@11.3.31:
-    resolution: {integrity: sha512-Xmxs08WBXnc2tNzNZbFSpquI33lvleJg4Y+hmZ+vFkn+laN9ZnR3gbZnNGKDtuz7c/x3u8dLg05OU3EhLobCsg==}
+  framer-motion@11.0.10:
+    resolution: {integrity: sha512-aaImib9FQlfno2yiZAdkvN6zLXLr8a9uGsGFlQO64hSm8NoCeiUng2//5ok7RHCW2ufzT74uuPsmWzUsrHPYDQ==}
     peerDependencies:
-      '@emotion/is-prop-valid': '*'
       react: ^18.0.0
       react-dom: ^18.0.0
     peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
       react:
         optional: true
       react-dom:
@@ -9426,12 +9429,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@emotion/is-prop-valid@1.3.0':
+  '@emotion/is-prop-valid@0.8.8':
     dependencies:
-      '@emotion/memoize': 0.9.0
+      '@emotion/memoize': 0.7.4
     optional: true
 
-  '@emotion/memoize@0.9.0':
+  '@emotion/memoize@0.7.4':
     optional: true
 
   '@es-joy/jsdoccomment@0.43.1':
@@ -9797,6 +9800,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/simple-icons@1.2.1':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/tools@4.0.5':
     dependencies:
       '@iconify/types': 2.0.0
@@ -11526,7 +11533,7 @@ snapshots:
 
   '@types/pg@8.11.8':
     dependencies:
-      '@types/node': 20.16.2
+      '@types/node': 22.5.1
       pg-protocol: 1.6.1
       pg-types: 4.0.2
     optional: true
@@ -11539,7 +11546,7 @@ snapshots:
 
   '@types/plist@3.0.5':
     dependencies:
-      '@types/node': 20.16.2
+      '@types/node': 22.5.1
       xmlbuilder: 15.1.1
     optional: true
 
@@ -13805,11 +13812,11 @@ snapshots:
     optionalDependencies:
       react: 18.3.1
 
-  framer-motion@11.3.31(@emotion/is-prop-valid@1.3.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  framer-motion@11.0.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       tslib: 2.6.3
     optionalDependencies:
-      '@emotion/is-prop-valid': 1.3.0
+      '@emotion/is-prop-valid': 0.8.8
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index 98e528d836..a024668c98 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -7,6 +7,8 @@ import type { CombinedEntryModel, FeedModel } from "@renderer/models"
 import type { ReactNode } from "react"
 import { useMemo } from "react"
 
+import { PlatformIcon } from "./ui/platform-icon"
+
 export function FeedIcon({
   feed,
   entry,
@@ -32,20 +34,22 @@ export function FeedIcon({
   switch (true) {
     case !!image: {
       ImageElement = (
-        <Media
-          src={image}
-          type="photo"
-          loading="lazy"
-          className={cn("mr-2 shrink-0 rounded-sm", className)}
-          style={{
-            width: size,
-            height: size,
-          }}
-          proxy={{
-            width: size * 2,
-            height: size * 2,
-          }}
-        />
+        <PlatformIcon className="mr-2 shrink-0 rounded-sm" url={image}>
+          <Media
+            src={feed.siteUrl || image}
+            type="photo"
+            loading="lazy"
+            className={cn("rounded-sm", className)}
+            style={{
+              width: size,
+              height: size,
+            }}
+            proxy={{
+              width: size * 2,
+              height: size * 2,
+            }}
+          />
+        </PlatformIcon>
       )
       break
     }
diff --git a/src/renderer/src/components/ui/platform-icon/index.tsx b/src/renderer/src/components/ui/platform-icon/index.tsx
index 5aa1150bf3..72867c551f 100644
--- a/src/renderer/src/components/ui/platform-icon/index.tsx
+++ b/src/renderer/src/components/ui/platform-icon/index.tsx
@@ -36,4 +36,7 @@ const IconMap = {
   twitter: tw`i-mgc-twitter-cute-fi text-[#55acee]`,
   x: tw`i-mgc-social-x-cute-li`,
   youtube: tw`i-mgc-youtube-cute-fi text-[#ff0000]`,
+  gcore: tw`i-simple-icons-gcore text-[#f83055]`,
+  v2ex: tw`i-simple-icons-v2ex text-foreground`,
+  pixiv: tw`i-simple-icons-pixiv text-[#0096fa]`,
 }
diff --git a/src/renderer/src/components/ui/platform-icon/utils.tsx b/src/renderer/src/components/ui/platform-icon/utils.tsx
index c5a7ccefc4..c6ec418f27 100644
--- a/src/renderer/src/components/ui/platform-icon/utils.tsx
+++ b/src/renderer/src/components/ui/platform-icon/utils.tsx
@@ -1,6 +1,9 @@
 import {
+  isGCoreUrl,
   isGithubUrl,
+  isPixivUrl,
   isTwitterUrl,
+  isV2exUrl,
   isXUrl,
   isYoutubeUrl,
 } from "@renderer/lib/link-parser"
@@ -24,6 +27,15 @@ export const getSupportedPlatformIconName = (url: string) => {
     case isYoutubeUrl(safeUrl): {
       return "youtube"
     }
+    case isGCoreUrl(safeUrl): {
+      return "gcore"
+    }
+    case isV2exUrl(safeUrl): {
+      return "v2ex"
+    }
+    case isPixivUrl(safeUrl): {
+      return "pixiv"
+    }
   }
 
   return false
diff --git a/src/renderer/src/lib/link-parser.ts b/src/renderer/src/lib/link-parser.ts
index d0c670fd9e..fc3986ae1e 100644
--- a/src/renderer/src/lib/link-parser.ts
+++ b/src/renderer/src/lib/link-parser.ts
@@ -7,3 +7,7 @@ export const isGithubUrl = (url: URL) => url.hostname === GITHUB_HOST
 
 export const isTwitterUrl = (url: URL) => url.hostname === "twitter.com"
 export const isXUrl = (url: URL) => url.hostname === "x.com"
+
+export const isGCoreUrl = (url: URL) => url.hostname.includes("gcores.com")
+export const isV2exUrl = (url: URL) => url.hostname.includes("v2ex.com")
+export const isPixivUrl = (url: URL) => url.hostname.includes("pixiv.net")
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 6f2bc5ad35..156baa21ee 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -125,7 +125,7 @@ export default resolveConfig({
   plugins: [
     iconsPlugin({
       collections: {
-        ...getIconCollections(["mingcute"]),
+        ...getIconCollections(["mingcute", "simple-icons"]),
         mgc: getCollections(path.resolve(__dirname, "./icons/mgc")),
       },
     }),

From 03c202eb568c684e9645003b65f48cad6099071b Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 1 Sep 2024 17:37:22 +0800
Subject: [PATCH 09/60] fix: feed icon style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index a024668c98..a57f73759d 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -94,7 +94,7 @@ export function FeedIcon({
 
   if (fallback && !!image) {
     return (
-      <Avatar>
+      <Avatar className="shrink-0">
         <AvatarImage
           className="duration-200 animate-in fade-in-0"
           src={image || ""}

From b6f78bbbf89b804fc4a0ad89b524f0a24673c19a Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 1 Sep 2024 21:38:55 +0800
Subject: [PATCH 10/60] fix(feed-icon): re-render loop

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/site-icon.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/site-icon.tsx b/src/renderer/src/components/site-icon.tsx
index 5a7e1112b7..dba163ca75 100644
--- a/src/renderer/src/components/site-icon.tsx
+++ b/src/renderer/src/components/site-icon.tsx
@@ -30,8 +30,8 @@ export function SiteIcon({
 
   const [showFallback, setShowFallback] = useState(false)
   useEffect(() => {
-    showFallback && fallback && setShowFallback(false)
-  }, [fallback, showFallback, url])
+    setShowFallback(false)
+  }, [url])
 
   if (!url) return null
 

From 81a35cf153f377239248aebcf9d360c12328c260 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 1 Sep 2024 23:01:54 +0800
Subject: [PATCH 11/60] chore: update issue template

Signed-off-by: Innei <i@innei.in>
---
 .github/ISSUE_TEMPLATE/bug_report.yml | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 246196b6fe..47f3a3c618 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -22,6 +22,13 @@ body:
       placeholder: Feed ID, Feed URL, etc.
     validations:
       required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction Video
+      description: If possible, please provide a video that demonstrates the bug.
+    validations:
+      required: false
 
   - type: checkboxes
     id: checkboxes

From 479490e14f22ff46e03ba82a983c409765a0b374 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 1 Sep 2024 23:10:20 +0800
Subject: [PATCH 12/60] chore: template

Signed-off-by: Innei <i@innei.in>
---
 .github/ISSUE_TEMPLATE/bug_report.yml | 35 +++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 47f3a3c618..673faeb35d 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -29,6 +29,41 @@ body:
       description: If possible, please provide a video that demonstrates the bug.
     validations:
       required: false
+  - type: dropdown
+    id: app-type
+    attributes:
+      label: App Type
+      options:
+        - Web
+        - Electron / App
+    validations:
+      required: true
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: The version of the app you are using.
+      placeholder: 1.0.0
+    validations:
+      required: true
+
+  - type: dropdown
+    id: os
+    attributes:
+      label: Operating System
+      options:
+        - Windows 11
+        - Windows 10
+        - macOS
+        - Linux
+    validations:
+      required: true
+  - type: input
+    id: browser-info
+    attributes:
+      label: Browser Info
+      description: If you are using the web version, please provide your browser info.
+      placeholder: Browser name and version
 
   - type: checkboxes
     id: checkboxes

From c9e65dcdde649963aafaad3c0b83165bf86df5dd Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Mon, 2 Sep 2024 16:44:13 +0800
Subject: [PATCH 13/60] feat: update hono.ts

---
 src/hono.ts                                   | 220 ++++++++++--------
 src/renderer/src/models/types.ts              |   7 +-
 .../settings/helper/withSettingEnable.tsx     |   2 -
 src/renderer/src/queries/entries.ts           |   9 +-
 4 files changed, 139 insertions(+), 99 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index e23d79c64d..5600f139a0 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -1,6 +1,4 @@
 import * as hono_hono_base from 'hono/hono-base';
-import * as hono_utils_http_status from 'hono/utils/http-status';
-import * as hono from 'hono';
 import { HttpBindings } from '@hono/node-server';
 import * as drizzle_orm from 'drizzle-orm';
 import { InferInsertModel } from 'drizzle-orm';
@@ -2443,7 +2441,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    type?: "completed" | "failed" | undefined;
+                    type?: string | string[] | undefined;
                 };
             };
             output: {
@@ -2458,7 +2456,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     };
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2467,7 +2465,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id: string;
+                    id: string | string[];
                 };
             };
             output: {
@@ -2482,7 +2480,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     createdAt: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2494,7 +2492,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 code: 0;
                 data: string;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2508,7 +2506,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2528,7 +2526,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     toUserId: string | null;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2548,7 +2546,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     transactionHash: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2556,13 +2554,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    type?: "tip" | "mint" | "burn" | "withdraw" | undefined;
-                    hash?: string | undefined;
-                    fromOrToUserId?: string | undefined;
-                    fromUserId?: string | undefined;
-                    toUserId?: string | undefined;
-                    toFeedId?: string | undefined;
-                    createdAfter?: string | undefined;
+                    type?: string | string[] | undefined;
+                    hash?: string | string[] | undefined;
+                    fromOrToUserId?: string | string[] | undefined;
+                    fromUserId?: string | string[] | undefined;
+                    toUserId?: string | string[] | undefined;
+                    toFeedId?: string | string[] | undefined;
+                    createdAfter?: string | string[] | undefined;
                 };
             };
             output: {
@@ -2611,7 +2609,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     } | null;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2624,7 +2622,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     transactionHash: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2637,7 +2635,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     ttl: number;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2645,7 +2643,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    feedId?: string | undefined;
+                    feedId?: string | string[] | undefined;
                 };
             };
             output: {
@@ -2656,7 +2654,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     powerToken: string;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2673,7 +2671,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     transactionHash: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2681,8 +2679,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    userId?: string | undefined;
-                    address?: string | undefined;
+                    userId?: string | string[] | undefined;
+                    address?: string | string[] | undefined;
                 };
             };
             output: {
@@ -2696,7 +2694,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     cashablePowerToken: string;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $post: {
@@ -2712,7 +2710,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     cashablePowerToken: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2721,9 +2719,9 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id: string;
-                    language: "en" | "ja" | "zh-CN" | "zh-TW";
-                    fields: string;
+                    id: string | string[];
+                    language: string | string[];
+                    fields: string | string[];
                 };
             };
             output: {
@@ -2733,7 +2731,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     title?: string | undefined;
                 } | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2741,15 +2739,15 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id: string;
-                    language?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
+                    id: string | string[];
+                    language?: string | string[] | undefined;
                 };
             };
             output: {
                 code: 0;
                 data?: string | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2757,15 +2755,15 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    view: "0" | "1";
-                    startDate: string;
+                    view: string | string[];
+                    startDate: string | string[];
                 };
             };
             output: {
                 code: 0;
                 data: string;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2800,7 +2798,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     }[] | null | undefined;
                 } | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $put: {
@@ -2832,7 +2830,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2847,7 +2845,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $delete: {
@@ -2859,13 +2857,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $get: {
             input: {
                 query: {
-                    view?: string | undefined;
+                    view?: string | string[] | undefined;
                 };
             };
             output: {
@@ -2874,7 +2872,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     [x: string]: number;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2892,7 +2890,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2905,7 +2903,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     count: number;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2914,14 +2912,14 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    entryId: string;
+                    entryId: string | string[];
                 };
             };
             output: {
                 code: 0;
                 data: boolean;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $post: {
@@ -2933,7 +2931,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $delete: {
@@ -2945,7 +2943,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2954,13 +2952,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    view?: string | undefined;
+                    view?: string | string[] | undefined;
                 };
             };
             output: {
                 data?: string[] | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $delete: {
@@ -2973,7 +2971,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $patch: {
@@ -2986,7 +2984,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -2995,7 +2993,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    feedId: string;
+                    feedId: string | string[];
                 };
             };
             output: {
@@ -3007,7 +3005,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     content: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3021,7 +3019,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3029,8 +3027,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id?: string | undefined;
-                    url?: string | undefined;
+                    id?: string | string[] | undefined;
+                    url?: string | string[] | undefined;
                 };
             };
             output: {
@@ -3063,7 +3061,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     } | undefined;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3071,13 +3069,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id: string;
+                    id: string | string[];
                 };
             };
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3140,7 +3138,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     subscriptionCount?: number | undefined;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3148,8 +3146,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    category?: string | undefined;
-                    namespace?: string | undefined;
+                    category?: string | string[] | undefined;
+                    namespace?: string | string[] | undefined;
                 };
             };
             output: {
@@ -3176,7 +3174,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     };
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3192,7 +3190,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     expires: string;
                 };
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3208,25 +3206,65 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
 } & {
-    [x: `/entries/read-histories/${string}`]: {
-        [x: `$${Lowercase<string>}`]: {
-            input: Partial<hono.ValidationTargets>;
-            output: any;
-            outputFormat: string;
-            status: hono_utils_http_status.StatusCode;
+    "/entries/read-histories/:id": {
+        $get: {
+            input: {
+                param: {
+                    id?: string | undefined;
+                };
+            } & {
+                query: {
+                    page?: string | string[] | undefined;
+                    size?: string | string[] | undefined;
+                };
+            };
+            output: {
+                code: 0;
+                data: {
+                    users: {
+                        [x: string]: {
+                            name: string | null;
+                            id: string;
+                            image: string | null;
+                            handle: string | null;
+                        };
+                    };
+                    entryReadHistories: {
+                        userIds: string[];
+                        readCount: number;
+                    } | null;
+                };
+            };
+            outputFormat: "json" | "text";
+            status: 200;
         };
     };
-    [x: `/entries/check-new/${string}`]: {
-        [x: `$${Lowercase<string>}`]: {
-            input: Partial<hono.ValidationTargets>;
-            output: any;
-            outputFormat: string;
-            status: hono_utils_http_status.StatusCode;
+    "/entries/check-new": {
+        $get: {
+            input: {
+                query: {
+                    insertedAfter: string | string[];
+                    view?: string | string[] | undefined;
+                    feedId?: string | string[] | undefined;
+                    feedIdList?: string | string[] | undefined;
+                    read?: string | string[] | undefined;
+                };
+            };
+            output: {
+                code: 0;
+                data: {
+                    has_new: boolean;
+                    lastest_at?: string | undefined;
+                    entry_id?: string | undefined;
+                };
+            };
+            outputFormat: "json" | "text";
+            status: 200;
         };
     };
     "/entries": {
@@ -3304,13 +3342,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 }[] | undefined;
                 total?: number | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $get: {
             input: {
                 query: {
-                    id: string;
+                    id: string | string[];
                 };
             };
             output: {
@@ -3385,7 +3423,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     } | undefined;
                 } | undefined;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3393,7 +3431,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    id: string;
+                    id: string | string[];
                 };
             };
             output: {
@@ -3428,7 +3466,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     }[] | null | undefined;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3437,8 +3475,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $get: {
             input: {
                 query: {
-                    view?: string | undefined;
-                    userId?: string | undefined;
+                    view?: string | string[] | undefined;
+                    userId?: string | string[] | undefined;
                 };
             };
             output: {
@@ -3467,7 +3505,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     isPrivate: boolean;
                 }[];
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $post: {
@@ -3482,7 +3520,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $delete: {
@@ -3495,7 +3533,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
         $patch: {
@@ -3510,7 +3548,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
@@ -3528,7 +3566,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
             };
-            outputFormat: "json";
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
diff --git a/src/renderer/src/models/types.ts b/src/renderer/src/models/types.ts
index 7cb09cf4b2..7fc64299dd 100644
--- a/src/renderer/src/models/types.ts
+++ b/src/renderer/src/models/types.ts
@@ -1,5 +1,6 @@
 import type { apiClient } from "@renderer/lib/api-fetch"
-import type { users } from "src/hono"
+import type { languageSchema, users } from "src/hono"
+import type { z } from "zod"
 
 export type UserModel = Omit<typeof users.$inferSelect, "emailVerified">
 
@@ -82,9 +83,7 @@ export type FeedListModel = {
   }[]
 }
 
-export type SupportedLanguages = Parameters<
-  typeof apiClient.ai.translation.$get
->[0]["query"]["language"]
+export type SupportedLanguages = z.infer<typeof languageSchema>
 
 export type RecommendationItem = ExtractBizResponse<typeof apiClient.discover.rsshub.$get>["data"][string]
 
diff --git a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
index 17b8ef9b1a..b10aa863c6 100644
--- a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
+++ b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
@@ -17,8 +17,6 @@ export const withSettingEnabled =
       forwardRef<any, P>((props, ref) => {
         const res = useSettings.select(condition)
         return res ?
-          // @ts-expect-error
           createElement(IfComponent, { ...props, ref }) :
-          // @ts-expect-error
           createElement(ElseComponent, { ...props, ref })
       })
diff --git a/src/renderer/src/queries/entries.ts b/src/renderer/src/queries/entries.ts
index 11f682f03b..c274e01e66 100644
--- a/src/renderer/src/queries/entries.ts
+++ b/src/renderer/src/queries/entries.ts
@@ -79,9 +79,14 @@ export const entries = {
           query.feedId = query.feedIdList[0]
           delete query.feedIdList
         }
-        // @ts-expect-error
         return apiClient.entries["check-new"].$get({
-          query,
+          query: {
+            insertedAfter: `${query.insertedAfter}`,
+            view: `${query.view}`,
+            feedId: query.feedId,
+            read: typeof query.read === "boolean" ? JSON.stringify(query.read) : undefined,
+            feedIdList: query.feedIdList,
+          },
         }) as Promise<{ data: { has_new: boolean, lastest_at?: string } }>
       },
 

From 7f5bb1e9343243f5259f9fde8ee3ac44bf993913 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Mon, 2 Sep 2024 16:46:08 +0800
Subject: [PATCH 14/60] fix: types

---
 src/renderer/src/modules/settings/helper/withSettingEnable.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
index b10aa863c6..17b8ef9b1a 100644
--- a/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
+++ b/src/renderer/src/modules/settings/helper/withSettingEnable.tsx
@@ -17,6 +17,8 @@ export const withSettingEnabled =
       forwardRef<any, P>((props, ref) => {
         const res = useSettings.select(condition)
         return res ?
+          // @ts-expect-error
           createElement(IfComponent, { ...props, ref }) :
+          // @ts-expect-error
           createElement(ElseComponent, { ...props, ref })
       })

From 93e2ccfd5831f8a7f43932acd2976785e3adfbff Mon Sep 17 00:00:00 2001
From: Magren <44224328+Magren0321@users.noreply.github.com>
Date: Mon, 2 Sep 2024 18:24:34 +0800
Subject: [PATCH 15/60] fix: subcription status & category empty, input value
 null (#263)

---
 src/renderer/src/modules/discover/feed-form.tsx         | 2 +-
 src/renderer/src/modules/profile/user-profile-modal.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/modules/discover/feed-form.tsx b/src/renderer/src/modules/discover/feed-form.tsx
index 1623eba475..e8b9cd4d7b 100644
--- a/src/renderer/src/modules/discover/feed-form.tsx
+++ b/src/renderer/src/modules/discover/feed-form.tsx
@@ -140,7 +140,7 @@ const FeedInnerForm = ({
   useEffect(() => {
     if (subscription) {
       form.setValue("view", `${subscription?.view}`)
-      form.setValue("category", subscription?.category)
+      subscription?.category && form.setValue("category", subscription.category)
       form.setValue("isPrivate", subscription?.isPrivate || false)
     }
   }, [subscription])
diff --git a/src/renderer/src/modules/profile/user-profile-modal.tsx b/src/renderer/src/modules/profile/user-profile-modal.tsx
index 2cfafc87cb..e4a3689a32 100644
--- a/src/renderer/src/modules/profile/user-profile-modal.tsx
+++ b/src/renderer/src/modules/profile/user-profile-modal.tsx
@@ -377,6 +377,7 @@ const SubscriptionItem: FC<{
                 content: ({ dismiss }) => (
                   <FeedForm
                     asWidget
+                    id={subscription.feedId}
                     url={subscription.feeds.url}
                     defaultValues={{
                       view: defaultView.toString(),

From b3c6ffd306b5cb2363ae391b56da2af588e11753 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Mon, 2 Sep 2024 23:48:08 +0800
Subject: [PATCH 16/60] refactor: drop `SiteIcon`

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx     | 198 +++++++++++++-----
 src/renderer/src/components/site-icon.tsx     |  62 ++++--
 src/renderer/src/lib/link-parser.ts           |   2 +-
 .../modules/discover/recommendations-card.tsx |   8 +-
 src/renderer/src/modules/panel/cmdk.tsx       |  22 +-
 5 files changed, 201 insertions(+), 91 deletions(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index a57f73759d..da4426a720 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -1,104 +1,177 @@
 import { Avatar, AvatarFallback, AvatarImage } from "@radix-ui/react-avatar"
-import { SiteIcon } from "@renderer/components/site-icon"
-import { Media } from "@renderer/components/ui/media"
 import { getColorScheme, stringToHue } from "@renderer/lib/color"
-import { cn } from "@renderer/lib/utils"
+import { getProxyUrl } from "@renderer/lib/img-proxy"
+import { cn, getUrlIcon } from "@renderer/lib/utils"
 import type { CombinedEntryModel, FeedModel } from "@renderer/models"
 import type { ReactNode } from "react"
-import { useMemo } from "react"
+import { forwardRef, useMemo } from "react"
 
 import { PlatformIcon } from "./ui/platform-icon"
 
+const getFeedIconSrc = ({
+  src,
+  siteUrl,
+  fallback,
+  proxy,
+}: {
+  src?: string
+  siteUrl?: string
+  fallback?: boolean
+  proxy?: { height: number, width: number }
+} = {}) => {
+  // src ? getProxyUrl(src) : "";
+  if (src) {
+    if (proxy) {
+      return [
+        getProxyUrl({
+          url: src,
+          width: proxy.width,
+          height: proxy.height,
+        }),
+        "",
+      ]
+    }
+
+    return [src, ""]
+  }
+  if (!siteUrl) return ["", ""]
+  const ret = getUrlIcon(siteUrl, fallback)
+
+  return [ret.src, ret.fallbackUrl]
+}
+
+const FallbackableImage = forwardRef<
+  HTMLImageElement,
+  {
+    fallbackUrl: string
+  } & React.ImgHTMLAttributes<HTMLImageElement>
+>(function FallbackableImage({ fallbackUrl, ...rest }, ref) {
+  return (
+    <img
+      onError={(e) => {
+        if (fallbackUrl && e.currentTarget.src !== fallbackUrl) {
+          e.currentTarget.src = fallbackUrl
+        } else {
+          rest.onError?.(e)
+          // Empty svg
+          e.currentTarget.src =
+            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3C/svg%3E"
+        }
+      }}
+      {...rest}
+      ref={ref}
+    />
+  )
+})
+
 export function FeedIcon({
   feed,
   entry,
   fallbackUrl,
   className,
   size = 20,
-  fallback = false,
+  fallback = true,
+  siteUrl,
 }: {
-  feed: FeedModel
+  feed?: FeedModel
   entry?: CombinedEntryModel["entries"]
   fallbackUrl?: string
   className?: string
   size?: number
+  siteUrl?: string
   /**
    * Image loading error fallback to site icon
    */
   fallback?: boolean
 }) {
-  const image = entry?.authorAvatar || feed.image
+  const image = entry?.authorAvatar || feed?.image
+
+  if (!feed && !siteUrl) {
+    throw new Error("You must provide either a feed or a siteUrl")
+  }
 
+  const colors = useMemo(
+    () =>
+      getColorScheme(stringToHue(feed?.title || feed?.url || siteUrl!), true),
+    [feed?.title, feed?.url, siteUrl],
+  )
   let ImageElement: ReactNode
+  let finalSrc = ""
+
+  const sizeStyle = {
+    width: size,
+    height: size,
+  }
 
   switch (true) {
+    case !feed && !!siteUrl: {
+      const [src] = getFeedIconSrc({
+        siteUrl,
+      })
+      finalSrc = src
+
+      ImageElement = (
+        <PlatformIcon url={siteUrl} style={sizeStyle} className="center">
+          <img className={className} style={sizeStyle} />
+        </PlatformIcon>
+      )
+      break
+    }
     case !!image: {
+      finalSrc = getProxyUrl({
+        url: image,
+        width: size * 2,
+        height: size * 2,
+      })
       ImageElement = (
-        <PlatformIcon className="mr-2 shrink-0 rounded-sm" url={image}>
-          <Media
-            src={feed.siteUrl || image}
-            type="photo"
-            loading="lazy"
-            className={cn("rounded-sm", className)}
-            style={{
-              width: size,
-              height: size,
-            }}
-            proxy={{
-              width: size * 2,
-              height: size * 2,
-            }}
-          />
+        <PlatformIcon url={image} style={sizeStyle} className="center">
+          <img className={className} style={sizeStyle} />
         </PlatformIcon>
       )
       break
     }
     case !!fallbackUrl:
-    case !!feed.siteUrl: {
+    case !!feed?.siteUrl: {
+      const [src, fallbackSrc] = getFeedIconSrc({
+        siteUrl: feed?.siteUrl || fallbackUrl,
+        fallback,
+        proxy: {
+          width: size * 2,
+          height: size * 2,
+        },
+      })
+      finalSrc = src
+
       ImageElement = (
-        <SiteIcon
-          fallbackText={feed.title!}
-          fallback={fallback}
-          url={feed.siteUrl || fallbackUrl}
-          className={className}
-          style={{
-            width: size,
-            height: size,
-          }}
-        />
+        <PlatformIcon url={feed?.siteUrl!} style={sizeStyle} className="center">
+          <FallbackableImage
+            className={className}
+            style={sizeStyle}
+            fallbackUrl={fallbackSrc}
+          />
+        </PlatformIcon>
       )
       break
     }
     default: {
       ImageElement = (
-        <i
-          className="i-mgc-link-cute-re mr-2 shrink-0"
-          style={{
-            width: size,
-            height: size,
-          }}
-        />
+        <i className="i-mgc-link-cute-re mr-2 shrink-0" style={sizeStyle} />
       )
       break
     }
   }
 
-  const colors = useMemo(
-    () => getColorScheme(stringToHue(feed.title || feed.url), true),
-    [feed.title, feed.url],
-  )
-
   if (!ImageElement) {
     return null
   }
 
-  if (fallback && !!image) {
+  if (fallback && !!finalSrc) {
     return (
-      <Avatar className="shrink-0">
+      <Avatar className="mr-2 shrink-0">
         <AvatarImage
-          className="duration-200 animate-in fade-in-0"
-          src={image || ""}
+          className="rounded-sm duration-200 animate-in fade-in-0"
           asChild
+          src={finalSrc}
         >
           {ImageElement}
         </AvatarImage>
@@ -106,28 +179,37 @@ export function FeedIcon({
           <span
             style={
               {
-                "width": size,
-                "height": size,
-
+                ...sizeStyle,
                 "--fo-light-background": colors.light.background,
                 "--fo-dark-background": colors.dark.background,
               } as any
             }
             className={cn(
-              "mr-2 flex shrink-0 items-center justify-center rounded-sm",
-              "bg-[var(--fo-light-background)] text-white dark:bg-[var(--fo-dark-background)] dark:text-black",
+              "flex shrink-0 items-center justify-center rounded-sm",
+              "bg-[var(--fo-light-background)] text-white dark:bg-[var(--fo-dark-background)]",
 
               className,
             )}
           >
-            <span className="text-xs font-medium">
-              {!!feed.title && feed.title[0]}
-            </span>
+            <span className="text-[9px]">{!!feed?.title && feed.title[0]}</span>
           </span>
         </AvatarFallback>
       </Avatar>
     )
   }
 
-  return ImageElement
+  // Is Icon
+  if (!finalSrc) return ImageElement
+  // Else
+  return (
+    <Avatar className="shrink-0">
+      <AvatarImage
+        className="duration-200 animate-in fade-in-0"
+        asChild
+        src={finalSrc}
+      >
+        {ImageElement}
+      </AvatarImage>
+    </Avatar>
+  )
 }
diff --git a/src/renderer/src/components/site-icon.tsx b/src/renderer/src/components/site-icon.tsx
index dba163ca75..5b7f4b4677 100644
--- a/src/renderer/src/components/site-icon.tsx
+++ b/src/renderer/src/components/site-icon.tsx
@@ -1,15 +1,22 @@
 import { getColorScheme, stringToHue } from "@renderer/lib/color"
+import { getProxyUrl } from "@renderer/lib/img-proxy"
 import { cn, getUrlIcon } from "@renderer/lib/utils"
 import { useEffect, useMemo, useState } from "react"
 
 import { PlatformIcon } from "./ui/platform-icon"
-
+/**
+ *
+ * @deprecated please use `FeedIcon` instead
+ * @returns
+ */
 export function SiteIcon({
   url,
   className,
   style,
   fallback,
   fallbackText,
+  proxy,
+  src,
 }: {
   url?: string
   className?: string
@@ -19,36 +26,59 @@ export function SiteIcon({
    */
   fallback?: boolean
   fallbackText?: string
-}) {
-  let src = ""
-  let fallbackUrl = ""
 
-  const colors = useMemo(
-    () => (url && fallback ? getColorScheme(stringToHue(url), true) : null),
-    [fallback, url],
-  )
+  src?: string
+  proxy?: {
+    width: number
+    height: number
+  }
+}) {
+  const colors = useMemo(() => {
+    const id = src || url
+    return id && fallback ? getColorScheme(stringToHue(id), true) : null
+  }, [fallback, src, url])
 
   const [showFallback, setShowFallback] = useState(false)
   useEffect(() => {
     setShowFallback(false)
   }, [url])
 
-  if (!url) return null
+  const stableProxy = useState(proxy)[0]
+
+  const [nextSrc, fallbackUrl] = useMemo((): [string, string] => {
+    // src ? getProxyUrl(src) : "";
+    if (src) {
+      if (stableProxy) {
+        return [
+          getProxyUrl({
+            url: src,
+            width: stableProxy.width,
+            height: stableProxy.height,
+          }),
+          "",
+        ]
+      }
+
+      return [src, ""]
+    }
+    if (!url) return ["", ""]
+    const ret = getUrlIcon(url, fallback)
+
+    return [ret.src, ret.fallbackUrl]
+  }, [fallback, stableProxy, src, url])
 
-  const ret = getUrlIcon(url, fallback)
-  src = ret.src
-  fallbackUrl = ret.fallbackUrl
+  if (!nextSrc) return null
 
   return (
     <PlatformIcon
-      url={url}
+      url={nextSrc}
       style={style}
       className={cn("relative mr-2 size-5 shrink-0 rounded-sm", className)}
     >
       {showFallback && fallback ? (
         <div
-          data-error-image={src || fallbackUrl}
-          className="center absolute inset-0 bg-[var(--fo-light-background)] text-[9px] text-white dark:bg-[var(--fo-dark-background)] dark:text-black"
+          data-error-image={nextSrc || fallbackUrl}
+          className="center absolute inset-0 bg-[var(--fo-light-background)] text-[9px] text-white dark:bg-[var(--fo-dark-background)]"
           style={
             {
               "--fo-light-background": colors.light.background,
@@ -60,7 +90,7 @@ export function SiteIcon({
         </div>
       ) : (
         <img
-          src={src}
+          src={nextSrc}
           loading="lazy"
           onError={(e) => {
             if (fallbackUrl && e.currentTarget.src !== fallbackUrl) {
diff --git a/src/renderer/src/lib/link-parser.ts b/src/renderer/src/lib/link-parser.ts
index fc3986ae1e..63f2076cd8 100644
--- a/src/renderer/src/lib/link-parser.ts
+++ b/src/renderer/src/lib/link-parser.ts
@@ -3,7 +3,7 @@ const GITHUB_HOST = "github.com"
 export const isYoutubeUrl = (url: URL) =>
   url.hostname === "www.youtube.com" && url.pathname.startsWith("/watch")
 
-export const isGithubUrl = (url: URL) => url.hostname === GITHUB_HOST
+export const isGithubUrl = (url: URL) => url.hostname === GITHUB_HOST || url.hostname === "github.blog"
 
 export const isTwitterUrl = (url: URL) => url.hostname === "twitter.com"
 export const isXUrl = (url: URL) => url.hostname === "x.com"
diff --git a/src/renderer/src/modules/discover/recommendations-card.tsx b/src/renderer/src/modules/discover/recommendations-card.tsx
index 613db7f57d..c316e10b96 100644
--- a/src/renderer/src/modules/discover/recommendations-card.tsx
+++ b/src/renderer/src/modules/discover/recommendations-card.tsx
@@ -1,4 +1,4 @@
-import { SiteIcon } from "@renderer/components/site-icon"
+import { FeedIcon } from "@renderer/components/feed-icon"
 import {
   Card,
   CardContent,
@@ -23,7 +23,7 @@ export const RecommendationCard: FC<RecommendationCardProps> = memo(({ data, rou
     <Card className="shadow-none">
       <CardHeader className="p-5 pb-3">
         <CardTitle className="flex items-center text-base">
-          <SiteIcon url={`https://${data.url}`} />
+          <FeedIcon siteUrl={`https://${data.url}`} />
           {data.name}
         </CardTitle>
       </CardHeader>
@@ -40,9 +40,9 @@ export const RecommendationCard: FC<RecommendationCardProps> = memo(({ data, rou
                       <RecommendationContent routePrefix={routePrefix} route={data.routes[route]} />
                     ),
                     icon: (
-                      <SiteIcon
+                      <FeedIcon
                         className="size-4"
-                        url={`https://${data.url}`}
+                        siteUrl={`https://${data.url}`}
                       />
                     ),
                     title: `${data.name} - ${data.routes[route].name}`,
diff --git a/src/renderer/src/modules/panel/cmdk.tsx b/src/renderer/src/modules/panel/cmdk.tsx
index 074522be73..0dd94ce01a 100644
--- a/src/renderer/src/modules/panel/cmdk.tsx
+++ b/src/renderer/src/modules/panel/cmdk.tsx
@@ -1,9 +1,9 @@
 import { setAppSearchOpen, useAppSearchOpen } from "@renderer/atoms/app"
 import { ExPromise } from "@renderer/components/common/ExPromise"
 import { LoadMoreIndicator } from "@renderer/components/common/LoadMoreIndicator"
+import { FeedIcon } from "@renderer/components/feed-icon"
 import { EmptyIcon } from "@renderer/components/icons/empty"
 import { Logo } from "@renderer/components/icons/logo"
-import { SiteIcon } from "@renderer/components/site-icon"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import {
   Select,
@@ -247,12 +247,14 @@ const SearchItem = memo(function Item({
   title,
   entryId,
   feedId,
-  icon,
+
   subtitle,
   view,
 }: {} & SearchListType) {
   const navigateEntry = useNavigateEntry()
 
+  const feed = getFeedById(feedId!)
+
   return (
     <Command.Item
       className={clsx(
@@ -273,7 +275,7 @@ const SearchItem = memo(function Item({
       }}
     >
       <div className="relative z-10 flex w-full items-center justify-between px-1 py-2">
-        {icon && <SiteIcon className="mr-2 size-5 shrink-0" url={icon} />}
+        {feed && <FeedIcon className="mr-2 size-5 shrink-0 rounded" feed={feed} />}
         <span className="block min-w-0 flex-1 shrink-0 truncate">{title}</span>
         <span className="block min-w-0 shrink-0 grow-0 text-xs font-medium text-zinc-800 opacity-60 dark:text-slate-200/80">
           {subtitle}
@@ -299,6 +301,7 @@ const SearchResultCount: FC<{
   const searchInstance = React.useContext(SearchCmdKContext)
   const hasKeyword = useSearchStore((s) => !!s.keyword)
   const searchType = useSearchStore((s) => s.searchType)
+  // eslint-disable-next-line react-compiler/react-compiler
   const recordCountPromise = useMemo(async () => {
     let count = 0
     const counts = await searchInstance?.then((s) => s.counts)
@@ -321,19 +324,13 @@ const SearchResultCount: FC<{
         <small className="center absolute bottom-3 right-3 shrink-0 gap-1 opacity-80">
           {hasKeyword ? (
             <span>
-              {count}
-              {" "}
-              {pluralize("result", count || 0)}
+              {count} {pluralize("result", count || 0)}
             </span>
           ) : (
             <ExPromise promise={recordCountPromise}>
               {(count) => (
                 <>
-                  {count}
-                  {" "}
-                  local
-                  {" "}
-                  {pluralize("record", count)}
+                  {count} local {pluralize("record", count)}
                 </>
               )}
             </ExPromise>
@@ -344,7 +341,8 @@ const SearchResultCount: FC<{
         </small>
       </TooltipTrigger>
       <TooltipContent>
-        This search covers locally available data. Try a Refetch to include the latest data.
+        This search covers locally available data. Try a Refetch to include the
+        latest data.
       </TooltipContent>
     </Tooltip>
   )

From fd81e9e0ff50b8f742a73ada0b5fcc1248d52c46 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 00:15:01 +0800
Subject: [PATCH 17/60] refactor: link parser and add more svg icon

Signed-off-by: Innei <i@innei.in>
---
 package.json                                  |   1 +
 pnpm-lock.yaml                                |  10 ++
 .../src/components/ui/platform-icon/index.tsx |  18 +--
 .../src/components/ui/platform-icon/utils.tsx |  44 ++-----
 src/renderer/src/lib/link-parser.ts           | 123 ++++++++++++++++--
 tailwind.config.ts                            |   3 +-
 6 files changed, 146 insertions(+), 53 deletions(-)

diff --git a/package.json b/package.json
index 48ddb09053..2384e0917e 100644
--- a/package.json
+++ b/package.json
@@ -149,6 +149,7 @@
     "@electron-forge/publisher-github": "7.4.0",
     "@electron-toolkit/tsconfig": "^1.0.1",
     "@hono/node-server": "1.12.2",
+    "@iconify-json/logos": "1.2.0",
     "@iconify-json/mingcute": "1.1.20",
     "@iconify-json/simple-icons": "^1.2.1",
     "@pengx17/electron-forge-maker-appimage": "1.2.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e7a389c0b6..ca9af737ea 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -372,6 +372,9 @@ importers:
       '@hono/node-server':
         specifier: 1.12.2
         version: 1.12.2(hono@4.5.10(patch_hash=iej2g43ojhll5opwbnvyorjq4e))
+      '@iconify-json/logos':
+        specifier: 1.2.0
+        version: 1.2.0
       '@iconify-json/mingcute':
         specifier: 1.1.20
         version: 1.1.20
@@ -1742,6 +1745,9 @@ packages:
     resolution: {integrity: sha512-e5+YUKENATs1JgYHMzTr2MW/NDcXGfYFAuOQU8gJgF/kEh4EqKgfGrfLI67bMD4tbhZVlkigz/9YYwWcbOFthg==}
     engines: {node: '>=10.13.0'}
 
+  '@iconify-json/logos@1.2.0':
+    resolution: {integrity: sha512-VkU9QSqeZR2guWbecdqkcoZEAJfgJJTUm6QAsypuZQ7Cve6zy39wOXDjp2H31I8QyQy4O3Cz96+pNji6UQFg4w==}
+
   '@iconify-json/mingcute@1.1.20':
     resolution: {integrity: sha512-cLrKrnb9gsi+G6bRtqoFB0KcZnuD/f+p1mwmCTOJdfT8XUFOeZ/ObyBDcAsD2alwL1JmwvqRF08RDW0pfWZAnA==}
 
@@ -9796,6 +9802,10 @@ snapshots:
 
   '@hutson/parse-repository-url@5.0.0': {}
 
+  '@iconify-json/logos@1.2.0':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/mingcute@1.1.20':
     dependencies:
       '@iconify/types': 2.0.0
diff --git a/src/renderer/src/components/ui/platform-icon/index.tsx b/src/renderer/src/components/ui/platform-icon/index.tsx
index 72867c551f..95f6afc4d2 100644
--- a/src/renderer/src/components/ui/platform-icon/index.tsx
+++ b/src/renderer/src/components/ui/platform-icon/index.tsx
@@ -1,9 +1,15 @@
 import { Slot } from "@radix-ui/react-slot"
+import * as LinkParsers from "@renderer/lib/link-parser"
 import { cn } from "@renderer/lib/utils"
 import type { FC } from "react"
 
 import { getSupportedPlatformIconName } from "./utils"
 
+const IconMap = Object.values(LinkParsers).reduce((acc, parser) => {
+  acc[parser.parserName] = parser.icon
+  return acc
+}, {} as Record<string, string>)
+
 export const PlatformIcon: FC<{
   url: string
   children: React.JSX.Element
@@ -12,7 +18,7 @@ export const PlatformIcon: FC<{
 }> = ({ className, url, children, style, ...rest }) => {
   const iconName = getSupportedPlatformIconName(url)
 
-  if (!iconName) {
+  if (!iconName || !IconMap[iconName]) {
     return (
       <Slot className={className} style={style} {...rest}>
         {children}
@@ -30,13 +36,3 @@ export const PlatformIcon: FC<{
     />
   )
 }
-
-const IconMap = {
-  github: tw`i-mgc-github-2-cute-fi text-black dark:text-white`,
-  twitter: tw`i-mgc-twitter-cute-fi text-[#55acee]`,
-  x: tw`i-mgc-social-x-cute-li`,
-  youtube: tw`i-mgc-youtube-cute-fi text-[#ff0000]`,
-  gcore: tw`i-simple-icons-gcore text-[#f83055]`,
-  v2ex: tw`i-simple-icons-v2ex text-foreground`,
-  pixiv: tw`i-simple-icons-pixiv text-[#0096fa]`,
-}
diff --git a/src/renderer/src/components/ui/platform-icon/utils.tsx b/src/renderer/src/components/ui/platform-icon/utils.tsx
index c6ec418f27..1e81756346 100644
--- a/src/renderer/src/components/ui/platform-icon/utils.tsx
+++ b/src/renderer/src/components/ui/platform-icon/utils.tsx
@@ -1,12 +1,4 @@
-import {
-  isGCoreUrl,
-  isGithubUrl,
-  isPixivUrl,
-  isTwitterUrl,
-  isV2exUrl,
-  isXUrl,
-  isYoutubeUrl,
-} from "@renderer/lib/link-parser"
+import * as validator from "@renderer/lib/link-parser"
 
 export const getSupportedPlatformIconName = (url: string) => {
   const safeUrl = parseSafeUrl(url)
@@ -14,31 +6,17 @@ export const getSupportedPlatformIconName = (url: string) => {
   if (!safeUrl) {
     return false
   }
-  switch (true) {
-    case isGithubUrl(safeUrl): {
-      return "github"
-    }
-    case isTwitterUrl(safeUrl): {
-      return "twitter"
-    }
-    case isXUrl(safeUrl): {
-      return "x"
-    }
-    case isYoutubeUrl(safeUrl): {
-      return "youtube"
-    }
-    case isGCoreUrl(safeUrl): {
-      return "gcore"
-    }
-    case isV2exUrl(safeUrl): {
-      return "v2ex"
-    }
-    case isPixivUrl(safeUrl): {
-      return "pixiv"
-    }
-  }
 
-  return false
+  return (
+    Object.values(validator).find((parser) => {
+      const res = parser(safeUrl)
+
+      if (res.validate) {
+        return true
+      }
+      return false
+    })?.parserName || false
+  )
 }
 
 const parseSafeUrl = (url: string) => {
diff --git a/src/renderer/src/lib/link-parser.ts b/src/renderer/src/lib/link-parser.ts
index 63f2076cd8..89d13fdb4b 100644
--- a/src/renderer/src/lib/link-parser.ts
+++ b/src/renderer/src/lib/link-parser.ts
@@ -1,13 +1,120 @@
 const GITHUB_HOST = "github.com"
 
-export const isYoutubeUrl = (url: URL) =>
-  url.hostname === "www.youtube.com" && url.pathname.startsWith("/watch")
+export type LinkParserOptions = {
+  name: string
+  validator: (url: URL) => boolean
+  icon: string
+}
 
-export const isGithubUrl = (url: URL) => url.hostname === GITHUB_HOST || url.hostname === "github.blog"
+const parseSafeUrl = (url: string) => {
+  try {
+    return new URL(url)
+  } catch {
+    return null
+  }
+}
+const defineLinkParser = (options: LinkParserOptions) => {
+  const define = (url: URL | string) => {
+    const safeUrl = typeof url === "string" ? parseSafeUrl(url) : url
+    const validate = safeUrl ? options.validator(safeUrl) : false
 
-export const isTwitterUrl = (url: URL) => url.hostname === "twitter.com"
-export const isXUrl = (url: URL) => url.hostname === "x.com"
+    return {
+      validate,
+    }
+  }
 
-export const isGCoreUrl = (url: URL) => url.hostname.includes("gcores.com")
-export const isV2exUrl = (url: URL) => url.hostname.includes("v2ex.com")
-export const isPixivUrl = (url: URL) => url.hostname.includes("pixiv.net")
+  define.parserName = options.name
+  define.icon = options.icon
+  return define
+}
+export const isYoutubeUrl = defineLinkParser({
+  name: "youtube",
+  validator: (url) =>
+    url.hostname.includes("youtube.com"),
+  icon: "i-logos-youtube-icon",
+})
+
+export const isGithubUrl = defineLinkParser({
+  name: "github",
+  validator: (url) =>
+    url.hostname === GITHUB_HOST || url.hostname === "github.blog",
+  icon: "i-mgc-github-2-cute-fi text-black dark:text-white",
+})
+
+export const isTwitterUrl = defineLinkParser({
+  name: "twitter",
+  validator: (url) => url.hostname === "twitter.com",
+  icon: "i-mgc-twitter-cute-fi text-[#55acee]",
+})
+
+export const isXUrl = defineLinkParser({
+  name: "x",
+  validator: (url) => url.hostname === "x.com",
+  icon: "i-mgc-social-x-cute-li",
+})
+
+export const isGCoreUrl = defineLinkParser({
+  name: "gcore",
+  validator: (url) => url.hostname.includes("gcores.com"),
+  icon: "i-simple-icons-gcore text-[#f83055]",
+})
+
+export const isV2exUrl = defineLinkParser({
+  name: "v2ex",
+  validator: (url) => url.hostname.includes("v2ex.com"),
+  icon: "i-simple-icons-v2ex text-foreground",
+})
+
+export const isPixivUrl = defineLinkParser({
+  name: "pixiv",
+  validator: (url) => url.hostname.includes("pixiv.net"),
+  icon: "i-simple-icons-pixiv text-[#0096fa]",
+})
+
+export const isDockerHubUrl = defineLinkParser({
+  name: "dockerhub",
+  validator: (url) => url.hostname.includes("hub.docker.com"),
+  icon: "i-simple-icons-docker text-[#0db7ed]",
+})
+
+export const isAppleSiteUrl = defineLinkParser({
+  name: "apple",
+  validator: (url) => url.hostname.includes("apple.com"),
+  icon: "i-simple-icons-apple text-[#000] dark:text-[#fff] scale-75",
+})
+
+export const isGoogleSiteUrl = defineLinkParser({
+  name: "google",
+  validator: (url) => url.hostname.includes("google.com"),
+  icon: "i-logos-google-icon",
+})
+
+export const isTelegramUrl = defineLinkParser({
+  name: "telegram",
+  validator: (url) => url.hostname.includes("t.me"),
+  icon: "i-logos-telegram",
+})
+
+export const isSpotifyUrl = defineLinkParser({
+  name: "spotify",
+  validator: (url) => url.hostname.includes("open.spotify.com"),
+  icon: "i-logos-spotify-icon",
+})
+
+export const isWeiboUrl = defineLinkParser({
+  name: "weibo",
+  validator: (url) => url.hostname.includes("weibo.com"),
+  icon: "i-simple-icons-sinaweibo text-[#e6162d]",
+})
+
+export const isBilibiliUrl = defineLinkParser({
+  name: "bilibili",
+  validator: (url) => url.hostname.includes("bilibili.com"),
+  icon: "i-simple-icons-bilibili text-[#00a1d6]",
+})
+
+export const isDoubanUrl = defineLinkParser({
+  name: "douban",
+  validator: (url) => url.hostname.includes("douban.com"),
+  icon: "i-simple-icons-douban text-[#007722]",
+})
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 156baa21ee..c55f0738b0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -125,8 +125,9 @@ export default resolveConfig({
   plugins: [
     iconsPlugin({
       collections: {
-        ...getIconCollections(["mingcute", "simple-icons"]),
+        ...getIconCollections(["mingcute", "simple-icons", "logos"]),
         mgc: getCollections(path.resolve(__dirname, "./icons/mgc")),
+
       },
     }),
     require("tailwindcss-animate"),

From 0b31c1e998212900dda0044acda8a3d4d5df1189 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 13:00:46 +0800
Subject: [PATCH 18/60] fix: try to fix some sentry error

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/configs.ts                   |  8 ++-
 .../src/hooks/biz/useEntryActions.tsx         | 65 +++++++++++++++----
 .../common/factory/createHTMLMediaHook.ts     |  3 +-
 3 files changed, 60 insertions(+), 16 deletions(-)

diff --git a/src/renderer/src/configs.ts b/src/renderer/src/configs.ts
index 8c11b05245..dc59298b4d 100644
--- a/src/renderer/src/configs.ts
+++ b/src/renderer/src/configs.ts
@@ -24,7 +24,10 @@ export const SentryConfig: BrowserOptions = {
         /adsbygoogle/i.test(error.message) ||
         /Failed to fetch/i.test(error.message) ||
         error.message.includes("fetch failed") ||
-        error.message.includes("Unable to open cursor"))
+        error.message.includes("Unable to open cursor") ||
+        error.message.includes(
+          "Document is not focused.",
+        ))
     ) {
       return null
     }
@@ -37,8 +40,9 @@ export const SentryConfig: BrowserOptions = {
         return false
       },
     )
+    const isAbortError = error instanceof Error && error.name === "AbortError"
 
-    if (isPassthroughError) {
+    if (isPassthroughError || isAbortError) {
       return null
     }
     return event
diff --git a/src/renderer/src/hooks/biz/useEntryActions.tsx b/src/renderer/src/hooks/biz/useEntryActions.tsx
index 9943e6bbfa..c838ba809a 100644
--- a/src/renderer/src/hooks/biz/useEntryActions.tsx
+++ b/src/renderer/src/hooks/biz/useEntryActions.tsx
@@ -6,7 +6,11 @@ import {
 } from "@renderer/atoms/readability"
 import { useIntegrationSettingKey } from "@renderer/atoms/settings/integration"
 import { whoami } from "@renderer/atoms/user"
-import { SimpleIconsEagle, SimpleIconsInstapaper, SimpleIconsReadwise } from "@renderer/components/ui/platform-icon/icons"
+import {
+  SimpleIconsEagle,
+  SimpleIconsInstapaper,
+  SimpleIconsReadwise,
+} from "@renderer/components/ui/platform-icon/icons"
 import { COPY_MAP } from "@renderer/constants"
 import { shortcuts } from "@renderer/constants/shortcuts"
 import { tipcClient } from "@renderer/lib/client"
@@ -39,9 +43,15 @@ export const useEntryReadabilityToggle = ({
       setReadabilityStatus({
         [id]: ReadabilityStatus.WAITING,
       })
-      const result = await tipcClient?.readability({
-        url,
-      })
+      const result = await tipcClient
+        ?.readability({
+          url,
+        })
+        .catch(() => {
+          setReadabilityStatus({
+            [id]: ReadabilityStatus.FAILURE,
+          })
+        })
 
       if (result) {
         const status = getReadabilityStatus()[id]
@@ -162,7 +172,8 @@ export const useEntryActions = ({
         icon: <SimpleIconsEagle />,
         key: "saveToEagle",
         hide:
-          !enableEagle || (checkEagle.isLoading ? true : !checkEagle.data) ||
+          !enableEagle ||
+          (checkEagle.isLoading ? true : !checkEagle.data) ||
           !populatedEntry.entries.media?.length,
         onClick: async () => {
           if (
@@ -209,9 +220,18 @@ export const useEntryActions = ({
                 saved_using: "Follow",
               },
             })
-            toast.success(<>Saved to Readwise, <a target="_blank" className="underline" href={data.url}>view</a></>, {
-              duration: 3000,
-            })
+            toast.success(
+              <>
+                Saved to Readwise,
+                {" "}
+                <a target="_blank" className="underline" href={data.url}>
+                  view
+                </a>
+              </>,
+              {
+                duration: 3000,
+              },
+            )
           } catch {
             toast.error("Failed to save to Readwise.", {
               duration: 3000,
@@ -223,7 +243,11 @@ export const useEntryActions = ({
         name: "Save to Instapaper",
         icon: <SimpleIconsInstapaper />,
         key: "saveToInstapaper",
-        hide: !enableInstapaper || !instapaperPassword || !instapaperUsername || !populatedEntry.entries.url,
+        hide:
+          !enableInstapaper ||
+          !instapaperPassword ||
+          !instapaperUsername ||
+          !populatedEntry.entries.url,
         onClick: async () => {
           try {
             const data = await ofetch("https://www.instapaper.com/api/add", {
@@ -233,13 +257,28 @@ export const useEntryActions = ({
               },
               method: "POST",
               headers: {
-                Authorization: `Basic ${btoa(`${instapaperUsername}:${instapaperPassword}`)}`,
+                Authorization: `Basic ${btoa(
+                  `${instapaperUsername}:${instapaperPassword}`,
+                )}`,
               },
               parseResponse: JSON.parse,
             })
-            toast.success(<>Saved to Instapaper, <a target="_blank" className="underline" href={`https://www.instapaper.com/read/${data.bookmark_id}`}>view</a></>, {
-              duration: 3000,
-            })
+            toast.success(
+              <>
+                Saved to Instapaper,
+                {" "}
+                <a
+                  target="_blank"
+                  className="underline"
+                  href={`https://www.instapaper.com/read/${data.bookmark_id}`}
+                >
+                  view
+                </a>
+              </>,
+              {
+                duration: 3000,
+              },
+            )
           } catch {
             toast.error("Failed to save to Instapaper.", {
               duration: 3000,
diff --git a/src/renderer/src/hooks/common/factory/createHTMLMediaHook.ts b/src/renderer/src/hooks/common/factory/createHTMLMediaHook.ts
index 740f4bfd9b..ee78377f1d 100644
--- a/src/renderer/src/hooks/common/factory/createHTMLMediaHook.ts
+++ b/src/renderer/src/hooks/common/factory/createHTMLMediaHook.ts
@@ -1,6 +1,7 @@
 /**
  * @see https://github.com/streamich/react-use/blob/master/src/factory/createHTMLMediaHook.ts
  */
+import { noop } from "foxact/noop"
 import * as React from "react"
 import { useEffect, useRef } from "react"
 import { useEventCallback } from "usehooks-ts"
@@ -183,7 +184,7 @@ export default function createHTMLMediaHook<
         }
 
         if (!lockPlay) {
-          const promise = el.play()
+          const promise = el.play().catch(noop)
           const isPromise = typeof promise === "object"
 
           if (isPromise) {

From 3f04f148f5a34d47da8dab1a4fc4b00f9a2fadba Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 14:26:56 +0800
Subject: [PATCH 19/60] fix: feed icon style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index da4426a720..da3f90ab5b 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -167,7 +167,7 @@ export function FeedIcon({
 
   if (fallback && !!finalSrc) {
     return (
-      <Avatar className="mr-2 shrink-0">
+      <Avatar className={cn("mr-2 shrink-0", className)}>
         <AvatarImage
           className="rounded-sm duration-200 animate-in fade-in-0"
           asChild

From bb43da981894d4bf611218bd4b2001a39636df64 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 15:31:16 +0800
Subject: [PATCH 20/60] fix: windows locale lead to app crash, fixed #255

Signed-off-by: Innei <i@innei.in>
---
 forge.config.ts                               |  2 +-
 src/main/index.ts                             |  2 ++
 src/main/lib/dock.ts                          |  4 +++
 src/renderer/src/App.tsx                      | 25 +++++++++++--------
 .../src/components/ui/modal/stacked/modal.tsx |  9 +++----
 src/renderer/src/modules/app/Titlebar.tsx     |  6 ++++-
 6 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/forge.config.ts b/forge.config.ts
index 851d63e14b..d8e0ae1da5 100644
--- a/forge.config.ts
+++ b/forge.config.ts
@@ -26,7 +26,7 @@ const ymlMapsMap = {
 }
 
 const keepModules = new Set(["font-list", "vscode-languagedetection"])
-const keepLanguages = new Set(["en", "en_GB", "zh_CN"])
+const keepLanguages = new Set(["en", "en_GB", "zh_CN", "zh-CN", "en-GB"])
 // remove folders & files not to be included in the app
 async function cleanSources(
   buildPath,
diff --git a/src/main/index.ts b/src/main/index.ts
index 8bee957187..6773752e92 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -106,6 +106,8 @@ function bootsharp() {
   })
 
   const handleOpen = (url: string) => {
+    const isValid = URL.canParse(url)
+    if (!isValid) return
     const urlObj = new URL(url)
 
     if (urlObj.hostname === "auth" || urlObj.pathname === "//auth") {
diff --git a/src/main/lib/dock.ts b/src/main/lib/dock.ts
index 509fbb0187..2359f7540b 100644
--- a/src/main/lib/dock.ts
+++ b/src/main/lib/dock.ts
@@ -1,8 +1,12 @@
 import { app } from "electron"
 
+import { isWindows } from "../env"
+
 export const setDockCount = (
   input: number,
 ) => {
+  // TODO use Electron Overlay API
+  if (isWindows) return
   if (app.dock) {
     if (input === 0) {
       app.dock.setBadge("")
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 5715e70ed5..5abdbf6b99 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -5,6 +5,7 @@ import { Outlet } from "react-router-dom"
 import { env } from "../../env.js"
 import { useAppIsReady } from "./atoms/app"
 import { useUISettingKey } from "./atoms/settings/ui"
+import { RootPortal } from "./components/ui/portal/index.js"
 import { applyAfterReadyCallbacks } from "./initialize/queue.js"
 import { appLog } from "./lib/log"
 import { cn, getOS } from "./lib/utils"
@@ -45,17 +46,19 @@ function App() {
   const windowsElectron = window.electron && getOS() === "Windows"
   return (
     <RootProviders>
-      {window.electron && (
-        <div
-          className={cn(
-            "drag-region absolute inset-x-0 top-0 h-12 shrink-0",
-            windowsElectron && "pointer-events-none z-[9999]",
-          )}
-          aria-hidden
-        >
-          {windowsElectron && <Titlebar />}
-        </div>
-      )}
+      <RootPortal>
+        {window.electron && (
+          <div
+            className={cn(
+              "fixed inset-x-0 top-0 h-12 shrink-0",
+              windowsElectron && "pointer-events-none z-[9999]",
+            )}
+            aria-hidden
+          >
+            {windowsElectron && <Titlebar />}
+          </div>
+        )}
+      </RootPortal>
       <AppLayer />
     </RootProviders>
   )
diff --git a/src/renderer/src/components/ui/modal/stacked/modal.tsx b/src/renderer/src/components/ui/modal/stacked/modal.tsx
index 579088929d..61448f3adf 100644
--- a/src/renderer/src/components/ui/modal/stacked/modal.tsx
+++ b/src/renderer/src/components/ui/modal/stacked/modal.tsx
@@ -40,6 +40,7 @@ import { CurrentModalContext } from "./context"
 import { useResizeableModal } from "./hooks"
 import type { ModalProps } from "./types"
 
+const DragBar = isElectronBuild ? <span className="drag-region fixed left-0 right-36 top-0 h-8" /> : null
 export const ModalInternal = memo(
   forwardRef<
     HTMLDivElement,
@@ -259,9 +260,7 @@ export const ModalInternal = memo(
                         }
                         style={zIndexStyle}
                       >
-                        {isElectronBuild && (
-                          <div className="drag-region fixed inset-x-0 top-0 h-8" />
-                        )}
+                        {DragBar}
                         <div
                           className={cn("contents", modalClassName)}
                           onClick={stopPropagation}
@@ -302,9 +301,7 @@ export const ModalInternal = memo(
                           undefined
                       }
                     >
-                      {isElectronBuild && (
-                        <div className="drag-region fixed inset-x-0 top-0 h-8" />
-                      )}
+                      {DragBar}
 
                       <m.div
                         ref={modalElementRef}
diff --git a/src/renderer/src/modules/app/Titlebar.tsx b/src/renderer/src/modules/app/Titlebar.tsx
index 6ec989c3e2..855e639aec 100644
--- a/src/renderer/src/modules/app/Titlebar.tsx
+++ b/src/renderer/src/modules/app/Titlebar.tsx
@@ -1,3 +1,4 @@
+import { useUISettingKey } from "@renderer/atoms/settings/ui"
 import { ElECTRON_CUSTOM_TITLEBAR_HEIGHT } from "@renderer/constants"
 import { tipcClient } from "@renderer/lib/client"
 import { useQuery } from "@tanstack/react-query"
@@ -8,11 +9,14 @@ export const Titlebar = () => {
     queryKey: ["windowIsMaximized"],
   })
 
+  const feedColWidth = useUISettingKey("feedColWidth")
+
   return (
     <div
-      className="drag-region flex w-full items-center justify-end overflow-hidden"
+      className="drag-region absolute right-0 flex items-center justify-end overflow-hidden"
       style={{
         height: `${ElECTRON_CUSTOM_TITLEBAR_HEIGHT}px`,
+        left: `${feedColWidth}px`,
       }}
     >
       <button

From 7490cd12d0e42a7f41931acd9d77bf64be39a26d Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 15:44:50 +0800
Subject: [PATCH 21/60] fix: windows multi-display

Signed-off-by: Innei <i@innei.in>
---
 src/main/tipc/app.ts | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/main/tipc/app.ts b/src/main/tipc/app.ts
index dc1a854a4a..fbae1cce4f 100644
--- a/src/main/tipc/app.ts
+++ b/src/main/tipc/app.ts
@@ -71,9 +71,8 @@ export const appRoute = {
             // FIXME: this is a electron bug, see https://github.com/RSSNext/Follow/issues/231
             // So in this way we use a workaround to fix it, that is manually resize the window
             if (isWindows11) {
-              const size = screen.getDisplayMatching(
-                window.getBounds(),
-              ).workAreaSize
+              const display = screen.getDisplayMatching(window.getBounds())
+              const size = display.workAreaSize
 
               const isMaximized = size.height === window.getSize()[1]
 
@@ -85,8 +84,12 @@ export const appRoute = {
                 window.setResizable(true)
                 window.setMovable(true)
 
-                window.setSize(stored.size[0], stored.size[1])
-                window.setPosition(stored.position[0], stored.position[1])
+                window.setBounds({
+                  width: stored.size[0],
+                  height: stored.size[1],
+                  x: stored.position[0],
+                  y: stored.position[1],
+                }, true)
 
                 delete window[storeKey]
               } else {
@@ -98,8 +101,14 @@ export const appRoute = {
                 }
 
                 // Maually Resize
-                window.setSize(size.width, size.height)
-                window.setPosition(0, 0)
+                const { workArea } = display
+
+                window.setBounds({
+                  x: workArea.x,
+                  y: workArea.y,
+                  width: workArea.width,
+                  height: workArea.height,
+                }, true)
 
                 window.setResizable(false)
                 window.setMovable(false)

From 29ab32344fafda613b0c9d49b587786eaa40b00a Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 17:17:58 +0800
Subject: [PATCH 22/60] fix: electron title bar drag-region

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/App.tsx | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 5abdbf6b99..f556e1095e 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -5,7 +5,6 @@ import { Outlet } from "react-router-dom"
 import { env } from "../../env.js"
 import { useAppIsReady } from "./atoms/app"
 import { useUISettingKey } from "./atoms/settings/ui"
-import { RootPortal } from "./components/ui/portal/index.js"
 import { applyAfterReadyCallbacks } from "./initialize/queue.js"
 import { appLog } from "./lib/log"
 import { cn, getOS } from "./lib/utils"
@@ -46,19 +45,19 @@ function App() {
   const windowsElectron = window.electron && getOS() === "Windows"
   return (
     <RootProviders>
-      <RootPortal>
-        {window.electron && (
-          <div
-            className={cn(
-              "fixed inset-x-0 top-0 h-12 shrink-0",
-              windowsElectron && "pointer-events-none z-[9999]",
-            )}
-            aria-hidden
-          >
-            {windowsElectron && <Titlebar />}
-          </div>
-        )}
-      </RootPortal>
+
+      {window.electron && (
+        <div
+          className={cn(
+            "drag-region fixed inset-x-0 top-0 h-12 shrink-0",
+            windowsElectron && "pointer-events-none z-[9999]",
+          )}
+          aria-hidden
+        >
+          {windowsElectron && <Titlebar />}
+        </div>
+      )}
+
       <AppLayer />
     </RootProviders>
   )

From 06cafb50d8490a29856c27d9344b76090e9f81af Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 17:47:56 +0800
Subject: [PATCH 23/60] fix: stable shadow dom key

Signed-off-by: Innei <i@innei.in>
---
 .../src/components/common/ShadowDOM.tsx       | 58 +++++++++++++++----
 .../src/components/ui/markdown/Markdown.tsx   | 12 ++--
 .../src/modules/app/EnvironmentIndicator.tsx  |  2 +-
 src/renderer/src/pages/(main)/layout.tsx      |  7 ++-
 4 files changed, 62 insertions(+), 17 deletions(-)

diff --git a/src/renderer/src/components/common/ShadowDOM.tsx b/src/renderer/src/components/common/ShadowDOM.tsx
index 3fc07b62c7..c729a419e5 100644
--- a/src/renderer/src/components/common/ShadowDOM.tsx
+++ b/src/renderer/src/components/common/ShadowDOM.tsx
@@ -1,32 +1,68 @@
 import { useIsDark } from "@renderer/hooks/common"
+import { nanoid } from "nanoid"
 import type { FC, PropsWithChildren, ReactNode } from "react"
 import {
   createContext,
   createElement,
+  memo,
   useContext,
   useLayoutEffect,
+  useMemo,
   useState,
 } from "react"
 import root from "react-shadow"
 
 const ShadowDOMContext = createContext(false)
 
-const cloneStylesElement = () => {
+const MemoedDangerousHTMLStyle: FC<{ children: string }> = memo(
+  ({ children }) => (
+    <style
+      dangerouslySetInnerHTML={useMemo(
+        () => ({
+          __html: children,
+        }),
+        [children],
+      )}
+    />
+  ),
+)
+
+const weakMapElementKey = new WeakMap<
+  HTMLStyleElement | HTMLLinkElement,
+  string
+>()
+const cloneStylesElement = (_mutationRecord?: MutationRecord) => {
   const $styles = document.head.querySelectorAll("style").values()
   const reactNodes = [] as ReactNode[]
-  let i = 0
-  for (const style of $styles) {
-    const key = `style-${i++}`
+
+  for (const $style of $styles) {
+    let key = weakMapElementKey.get($style)
+
+    if (!key) {
+      key = nanoid(8)
+
+      weakMapElementKey.set($style, key)
+    }
+
     reactNodes.push(
-      createElement("style", {
+      createElement(MemoedDangerousHTMLStyle, {
         key,
-        dangerouslySetInnerHTML: { __html: style.innerHTML },
+        children: $style.innerHTML,
       }),
     )
   }
 
-  document.head.querySelectorAll("link[rel=stylesheet]").forEach((link) => {
-    const key = `link-${i++}`
+  const $links = document.head.querySelectorAll(
+    "link[rel=stylesheet]",
+  ) as unknown as HTMLLinkElement[]
+
+  $links.forEach((link) => {
+    let key = weakMapElementKey.get(link)
+    if (!key) {
+      key = nanoid(8)
+      weakMapElementKey.set(link, key)
+    }
+
     reactNodes.push(
       createElement("link", {
         key,
@@ -48,8 +84,10 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
     useState<ReactNode[]>(cloneStylesElement)
 
   useLayoutEffect(() => {
-    const mutationObserver = new MutationObserver(() => {
-      setStylesElements(cloneStylesElement())
+    const mutationObserver = new MutationObserver((e) => {
+      const event = e[0]
+
+      setStylesElements(cloneStylesElement(event))
     })
     mutationObserver.observe(document.head, {
       childList: true,
diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
index 54b7989a62..c3cdb57947 100644
--- a/src/renderer/src/components/ui/markdown/Markdown.tsx
+++ b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -2,7 +2,7 @@ import { parseHtml } from "@renderer/lib/parse-html"
 import type { RemarkOptions } from "@renderer/lib/parse-markdown"
 import { parseMarkdown } from "@renderer/lib/parse-markdown"
 import { cn } from "@renderer/lib/utils"
-import { createElement, Fragment, useMemo, useState } from "react"
+import { createElement, Fragment, useEffect, useMemo, useState } from "react"
 
 import { MarkdownRenderContainerRefContext } from "./context"
 
@@ -46,7 +46,11 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
   }>,
 ) => {
   const { children, renderInlineStyle, as = "div", accessory, ...rest } = props
-  const stableRemarkOptions = useState({ renderInlineStyle })[0]
+  const [remarkOptions, setRemarkOptions] = useState({ renderInlineStyle })
+
+  useEffect(() => {
+    setRemarkOptions({ renderInlineStyle })
+  }, [renderInlineStyle])
 
   const [refElement, setRefElement] = useState<HTMLElement | null>(null)
 
@@ -54,9 +58,9 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
     () =>
       children &&
       parseHtml(children, {
-        ...stableRemarkOptions,
+        ...remarkOptions,
       }).toContent(),
-    [children, stableRemarkOptions],
+    [children, remarkOptions],
   )
 
   if (!markdownElement) return null
diff --git a/src/renderer/src/modules/app/EnvironmentIndicator.tsx b/src/renderer/src/modules/app/EnvironmentIndicator.tsx
index 1f2b7eb011..964823d61e 100644
--- a/src/renderer/src/modules/app/EnvironmentIndicator.tsx
+++ b/src/renderer/src/modules/app/EnvironmentIndicator.tsx
@@ -9,7 +9,7 @@ import {
 export const EnvironmentIndicator = () => (
   <Tooltip>
     <TooltipTrigger asChild>
-      <div className="fixed bottom-0 left-0 rounded-tr bg-accent px-1 py-0.5 text-xs text-white">
+      <div className="fixed bottom-0 right-0 rounded-tl bg-accent px-1 py-0.5 text-xs text-white">
         {import.meta.env.MODE}
       </div>
     </TooltipTrigger>
diff --git a/src/renderer/src/pages/(main)/layout.tsx b/src/renderer/src/pages/(main)/layout.tsx
index b5132cfd7f..ff26293f05 100644
--- a/src/renderer/src/pages/(main)/layout.tsx
+++ b/src/renderer/src/pages/(main)/layout.tsx
@@ -73,6 +73,8 @@ export function Component() {
       ref={containerRef}
       onContextMenu={preventDefault}
     >
+      {!import.meta.env.PROD && <EnvironmentIndicator />}
+
       <FeedResponsiveResizerContainer containerRef={containerRef}>
         <FeedColumn>
           <CornerPlayer />
@@ -82,7 +84,6 @@ export function Component() {
           {ELECTRON && <AutoUpdater />}
 
           <NetworkStatusIndicator />
-          {!import.meta.env.PROD && <EnvironmentIndicator />}
         </FeedColumn>
       </FeedResponsiveResizerContainer>
       <main
@@ -219,7 +220,9 @@ const FeedResponsiveResizerContainer = ({
         }}
       />
 
-      {delayShowSplitter && <PanelSplitter isDragging={isDragging} {...separatorProps} />}
+      {delayShowSplitter && (
+        <PanelSplitter isDragging={isDragging} {...separatorProps} />
+      )}
     </>
   )
 }

From 841f445403aef7acc01e30345be963257eea5e14 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 18:13:58 +0800
Subject: [PATCH 24/60] fix: social media feed icon style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index da3f90ab5b..c74488710e 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -112,7 +112,7 @@ export function FeedIcon({
 
       ImageElement = (
         <PlatformIcon url={siteUrl} style={sizeStyle} className="center">
-          <img className={className} style={sizeStyle} />
+          <img className={cn("mr-2", className)} style={sizeStyle} />
         </PlatformIcon>
       )
       break
@@ -124,8 +124,12 @@ export function FeedIcon({
         height: size * 2,
       })
       ImageElement = (
-        <PlatformIcon url={image} style={sizeStyle} className="center">
-          <img className={className} style={sizeStyle} />
+        <PlatformIcon
+          url={image}
+          style={sizeStyle}
+          className={cn("center mr-2", className)}
+        >
+          <img className={cn("mr-2", className)} style={sizeStyle} />
         </PlatformIcon>
       )
       break
@@ -143,9 +147,13 @@ export function FeedIcon({
       finalSrc = src
 
       ImageElement = (
-        <PlatformIcon url={feed?.siteUrl!} style={sizeStyle} className="center">
+        <PlatformIcon
+          url={feed?.siteUrl!}
+          style={sizeStyle}
+          className={cn("center mr-2", className)}
+        >
           <FallbackableImage
-            className={className}
+            className={cn("mr-2", className)}
             style={sizeStyle}
             fallbackUrl={fallbackSrc}
           />
@@ -167,7 +175,7 @@ export function FeedIcon({
 
   if (fallback && !!finalSrc) {
     return (
-      <Avatar className={cn("mr-2 shrink-0", className)}>
+      <Avatar className="shrink-0">
         <AvatarImage
           className="rounded-sm duration-200 animate-in fade-in-0"
           asChild
@@ -187,7 +195,7 @@ export function FeedIcon({
             className={cn(
               "flex shrink-0 items-center justify-center rounded-sm",
               "bg-[var(--fo-light-background)] text-white dark:bg-[var(--fo-dark-background)]",
-
+              "mr-2",
               className,
             )}
           >

From b71926ec286b77dd1b9fc25df459176063b194da Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 3 Sep 2024 20:45:54 +0800
Subject: [PATCH 25/60] feat: ignore feed errors within 9 hours

---
 src/renderer/src/store/feed/store.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/renderer/src/store/feed/store.ts b/src/renderer/src/store/feed/store.ts
index 50a33c353a..4dc04fb451 100644
--- a/src/renderer/src/store/feed/store.ts
+++ b/src/renderer/src/store/feed/store.ts
@@ -27,6 +27,9 @@ class FeedActions {
     set((state) =>
       produce(state, (state) => {
         for (const feed of feeds) {
+          if (feed.errorAt && new Date(feed.errorAt).getTime() > Date.now() - 1000 * 60 * 60 * 9) {
+            feed.errorAt = null
+          }
           if (feed.id) {
             state.feeds[feed.id] = feed
           } else {

From 85785f6ea71631f0e3dc1b7332dc1dd9b155e4ae Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 20:53:58 +0800
Subject: [PATCH 26/60] chore: native menu on windows style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/lib/native-menu.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/lib/native-menu.ts b/src/renderer/src/lib/native-menu.ts
index d05b08b2b4..3bf7153a44 100644
--- a/src/renderer/src/lib/native-menu.ts
+++ b/src/renderer/src/lib/native-menu.ts
@@ -1,6 +1,7 @@
 import { get } from "lodash-es"
 
 import { tipcClient } from "./client"
+import { getOS } from "./utils"
 
 export type NativeMenuItem =
   | {
@@ -51,7 +52,9 @@ export const showNativeMenu = async (
     el.dataset.contextMenuOpen = "true"
   }
 
-  if (!window.electron) {
+  // only show native menu on macOS electron, because in other platform, the native ui is not good
+
+  if (!window.electron || getOS() !== "macOS") {
     document.dispatchEvent(
       new CustomEvent(CONTEXT_MENU_SHOW_EVENT_KEY, {
         detail: {

From 0355d4fb6bf5e57a1b22bb25d51f7e2c0fbe483a Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 22:30:57 +0800
Subject: [PATCH 27/60] fix: shadow dom font and colors variants

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/__debug_proxy.html               | 32 ++++++-
 src/renderer/index.html                       |  4 +
 .../src/components/common/ShadowDOM.tsx       |  8 +-
 .../components/ui/markdown/components/Toc.tsx | 92 ++++++++++---------
 src/renderer/src/components/user-button.tsx   |  2 +-
 .../src/modules/entry-content/index.tsx       | 13 ++-
 src/renderer/src/styles/base.css              |  3 +-
 src/renderer/src/styles/colors.css            | 20 ++--
 src/renderer/src/styles/tailwind.css          | 13 ++-
 9 files changed, 121 insertions(+), 66 deletions(-)

diff --git a/src/renderer/__debug_proxy.html b/src/renderer/__debug_proxy.html
index 7ba988c734..19344741a0 100644
--- a/src/renderer/__debug_proxy.html
+++ b/src/renderer/__debug_proxy.html
@@ -43,7 +43,37 @@
     <!-- favicon -->
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
     <title>Follow</title>
-
+    <script>
+      function setTheme() {
+        let e = "follow:color-mode",
+          t = document.documentElement,
+          a = localStorage.getItem(e);
+        function h() {
+          return window.matchMedia
+            ? window.matchMedia("(prefers-color-scheme: dark)").matches
+              ? "dark"
+              : window.matchMedia("(prefers-color-scheme: light)").matches
+              ? "light"
+              : void 0
+            : void 0;
+        }
+        if (!a) {
+          t.dataset.theme = h() || "light";
+          return;
+        }
+        switch ((a = JSON.parse(a))) {
+          case "dark":
+            t.dataset.theme = "dark";
+            break;
+          case "light":
+            t.dataset.theme = "light";
+            break;
+          case "system":
+            t.dataset.theme = h() || "light";
+        }
+      }
+      setTheme();
+    </script>
     <script>
       (function () {
         var e =
diff --git a/src/renderer/index.html b/src/renderer/index.html
index 4a22650a3a..2406a16c2a 100644
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -29,6 +29,10 @@
       name="twitter:image"
       content="https://app.follow.is/opengraph-image.png"
     />
+
+    <script>
+    function setTheme(){let e="follow:color-mode",t=document.documentElement,a=localStorage.getItem(e);function h(){return window.matchMedia?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":window.matchMedia("(prefers-color-scheme: light)").matches?"light":void 0:void 0}if(!a){t.dataset.theme=h()||"light";return}switch(a=JSON.parse(a)){case"dark":t.dataset.theme="dark";break;case"light":t.dataset.theme="light";break;case"system":t.dataset.theme=h()||"light"}}setTheme();
+    </script>
   </head>
   <body>
     <div id="root">
diff --git a/src/renderer/src/components/common/ShadowDOM.tsx b/src/renderer/src/components/common/ShadowDOM.tsx
index c729a419e5..dbbb3c9c7d 100644
--- a/src/renderer/src/components/common/ShadowDOM.tsx
+++ b/src/renderer/src/components/common/ShadowDOM.tsx
@@ -103,8 +103,12 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
   return (
     <root.div {...rest}>
       <ShadowDOMContext.Provider value={true}>
-        <div data-theme={dark ? "dark" : "light"}>
-          <head>{stylesElements}</head>
+        <div
+          id="shadow-html"
+          data-theme={dark ? "dark" : "light"}
+          className="font-theme"
+        >
+          {stylesElements}
           {props.children}
         </div>
       </ShadowDOMContext.Provider>
diff --git a/src/renderer/src/components/ui/markdown/components/Toc.tsx b/src/renderer/src/components/ui/markdown/components/Toc.tsx
index 77652311c7..ca4161c02f 100644
--- a/src/renderer/src/components/ui/markdown/components/Toc.tsx
+++ b/src/renderer/src/components/ui/markdown/components/Toc.tsx
@@ -230,52 +230,54 @@ export const Toc: Component = ({ className }) => {
           </ul>
         </HoverCard.Trigger>
         <HoverCard.Portal forceMount>
-          <AnimatePresence>
-            {hoverShow && (
-              <HoverCard.Content side="left" align="start" asChild>
-                <m.ul
-                  initial={{ opacity: 0, x: 110 }}
-                  animate={{ opacity: 1, x: 100 }}
-                  exit={{ opacity: 0, x: 110, transition: { duration: 0.1 } }}
-                  transition={{ duration: 0.5, type: "spring" }}
-                  className={cn(
-                    "relative z-10 -mt-1 rounded-xl border bg-white px-3 py-1 text-xs drop-shadow-xl dark:bg-neutral-950",
-                    "max-h-[calc(100svh-4rem)] overflow-auto scrollbar-none",
-                  )}
-                >
-                  {toc.map((heading, index) => (
-                    <li
-                      key={heading.title}
-                      className="flex h-[24px] w-full items-center"
-                    >
-                      <button
-                        className={cn(
-                          "group flex w-full cursor-pointer justify-between",
-                          index === currentScrollRange[0] ? "text-accent" : "",
-                        )}
-                        type="button"
-                        onClick={() => {
-                          handleScrollTo(
-                            index,
-                            heading.$heading,
-                            heading.anchorId,
-                          )
-                        }}
+          <div>
+            <AnimatePresence>
+              {hoverShow && (
+                <HoverCard.Content side="left" align="start" asChild>
+                  <m.ul
+                    initial={{ opacity: 0, x: 110 }}
+                    animate={{ opacity: 1, x: 100 }}
+                    exit={{ opacity: 0, x: 110, transition: { duration: 0.1 } }}
+                    transition={{ duration: 0.5, type: "spring" }}
+                    className={cn(
+                      "relative z-10 -mt-1 rounded-xl border bg-white px-3 py-1 text-xs drop-shadow-xl dark:bg-neutral-950",
+                      "max-h-[calc(100svh-4rem)] overflow-auto scrollbar-none",
+                    )}
+                  >
+                    {toc.map((heading, index) => (
+                      <li
+                        key={heading.title}
+                        className="flex h-[24px] w-full items-center"
                       >
-                        <span className="duration-200 group-hover:text-accent/80">
-                          {heading.title}
-                        </span>
-
-                        <span className="ml-4 text-[8px] opacity-50">
-                          H{heading.depth}
-                        </span>
-                      </button>
-                    </li>
-                  ))}
-                </m.ul>
-              </HoverCard.Content>
-            )}
-          </AnimatePresence>
+                        <button
+                          className={cn(
+                            "group flex w-full cursor-pointer justify-between",
+                            index === currentScrollRange[0] ? "text-accent" : "",
+                          )}
+                          type="button"
+                          onClick={() => {
+                            handleScrollTo(
+                              index,
+                              heading.$heading,
+                              heading.anchorId,
+                            )
+                          }}
+                        >
+                          <span className="duration-200 group-hover:text-accent/80">
+                            {heading.title}
+                          </span>
+
+                          <span className="ml-4 text-[8px] opacity-50">
+                            H{heading.depth}
+                          </span>
+                        </button>
+                      </li>
+                    ))}
+                  </m.ul>
+                </HoverCard.Content>
+              )}
+            </AnimatePresence>
+          </div>
         </HoverCard.Portal>
       </HoverCard.Root>
     </div>
diff --git a/src/renderer/src/components/user-button.tsx b/src/renderer/src/components/user-button.tsx
index 1976c87b99..6a20c824b8 100644
--- a/src/renderer/src/components/user-button.tsx
+++ b/src/renderer/src/components/user-button.tsx
@@ -76,7 +76,7 @@ export const ProfileButton: FC<LoginProps> = memo((props) => {
 
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger className="!outline-none focus-visible:bg-theme-item-hover">
+      <DropdownMenuTrigger asChild className="!outline-none focus-visible:bg-theme-item-hover">
         <ActionButton tooltip="Profile">
           <UserAvatar className="h-5 p-0 [&_*]:border-0" hideName />
         </ActionButton>
diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
index 16436afa9f..7d4865b2dd 100644
--- a/src/renderer/src/modules/entry-content/index.tsx
+++ b/src/renderer/src/modules/entry-content/index.tsx
@@ -236,9 +236,20 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
                   {!isInReadabilityMode ? (
                     <ShadowDOM>
                       <HTML
-                        accessory={isPeekModal ? undefined : <ContainerToc key={entryId} />}
+                        accessory={
+                          isPeekModal ? undefined : (
+                            <ContainerToc key={entryId} />
+                          )
+                        }
                         as="article"
                         className="prose dark:prose-invert prose-h1:text-[1.6em]"
+                        style={
+                          readerFontFamily ?
+                              {
+                                fontFamily: readerFontFamily,
+                              } :
+                            undefined
+                        }
                         renderInlineStyle={readerRenderInlineStyle}
                       >
                         {content}
diff --git a/src/renderer/src/styles/base.css b/src/renderer/src/styles/base.css
index 5fa8fdb75c..00db7ae554 100644
--- a/src/renderer/src/styles/base.css
+++ b/src/renderer/src/styles/base.css
@@ -1,4 +1,5 @@
-html {
+html,
+#shadow-html {
   --fo-font-family: "SN Pro", system-ui, sans-serif;
 }
 
diff --git a/src/renderer/src/styles/colors.css b/src/renderer/src/styles/colors.css
index b67a1b1976..c6129b9b8b 100644
--- a/src/renderer/src/styles/colors.css
+++ b/src/renderer/src/styles/colors.css
@@ -1,16 +1,16 @@
-:root {
+[data-theme="light"] {
   --fo-vibrancy-background: theme(colors.native.active);
   --fo-vibrancy-foreground: 0, 0%, 45%;
+
   --fo-text-primary: 0, 0%, 10%;
 
-  /* TODO replace with own color */
-  --fo-background: theme(colors.background);
+  --fo-item-active: theme(colors.zinc.400/0.3);
+  --fo-item-hover: theme(colors.zinc.400/0.2);
 
   --fo-inactive: 0, 0%, 80%;
   --fo-disabled: 0, 0%, 70%;
 
-  --fo-item-active: theme(colors.zinc.400/0.3);
-  --fo-item-hover: theme(colors.zinc.400/0.2);
+  --fo-background: theme(colors.background);
 
   --fo-modal-background: theme(colors.zinc.50/0.8);
   --fo-modal-background-opaque: theme(colors.zinc.50);
@@ -22,16 +22,16 @@
 
 [data-theme="dark"] {
   --fo-vibrancy-foreground: 0, 0%, 83%;
-
   --fo-vibrancy-background: theme(colors.native.active);
 
+  --fo-text-primary: 0, 0%, 80%;
+
   --fo-item-active: theme(colors.neutral.600/0.4);
   --fo-item-hover: theme(colors.neutral.700/0.3);
 
   --fo-inactive: 0, 0%, 50%;
   --fo-disabled: 0, 0%, 35%;
 
-  --fo-text-primary: 0, 0%, 80%;
   --fo-background: theme(colors.background);
 
   --fo-modal-background: theme(colors.neutral.900/0.8);
@@ -42,7 +42,7 @@
   --fo-button-hover: theme(colors.neutral.400/0.15);
 }
 
-:root {
+[data-theme="light"] {
   --fo-native: 240 1.6% 87.6%;
   --fo-native-active: 240 0.9% 78.2%;
 }
@@ -51,12 +51,12 @@
   --fo-native-active: 20 2.1% 28.4%;
 }
 
-:root[data-build-type="web"] {
+[data-build-type="web"] {
   --fo-native: 240 4.8% 95.9%;
   --fo-native-active: 240 4.9% 83.9%;
 }
 
-:root[data-build-type="web"][data-theme="dark"] {
+[data-build-type="web"][data-theme="dark"] {
   --fo-native: 240 5.9% 10%;
   --fo-native-active: 240 3.7% 15.9%;
 }
diff --git a/src/renderer/src/styles/tailwind.css b/src/renderer/src/styles/tailwind.css
index 8fd3b7c580..445c09dc78 100644
--- a/src/renderer/src/styles/tailwind.css
+++ b/src/renderer/src/styles/tailwind.css
@@ -4,7 +4,14 @@
 
 @layer base {
   /* shadcn colors */
-  :root {
+
+  :root,
+  #shadow-html {
+    --radius: 0.5rem;
+    --a: theme("colors.theme.accent.DEFAULT");
+  }
+
+  [data-theme="light"] {
     --background: 0 0% 100%;
     --foreground: 20 14.3% 4.1%;
     --card: 0 0% 100%;
@@ -38,10 +45,6 @@
   }
 }
 
-:root {
-  --a: theme("colors.theme.accent.DEFAULT");
-}
-
 @layer base {
   * {
     @apply border-border;

From 860562d1a422fba50fe9fca4e5a33bc32a756181 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 22:38:38 +0800
Subject: [PATCH 28/60] pref: reduce main bundle size (#267)

* perf: reduce bundle size

Signed-off-by: Innei <i@innei.in>

* chore: fix shiki deps

Signed-off-by: Innei <i@innei.in>

---------

Signed-off-by: Innei <i@innei.in>
---
 electron.vite.config.ts                       |   5 +
 package.json                                  |   8 +-
 pnpm-lock.yaml                                | 683 ++++++++++++------
 postcss.config.cjs                            |   2 +
 src/renderer/src/App.tsx                      |   1 -
 .../src/components/common/ErrorElement.tsx    |  22 +-
 .../ui/code-highlighter/shiki/Shiki.tsx       |  29 +-
 src/renderer/src/constants/app.tsx            |   8 +-
 src/renderer/src/env.d.ts                     |   1 +
 src/renderer/src/initialize/sentry.ts         |   3 +-
 src/renderer/src/queries/ai.ts                |   2 +-
 vite.config.ts                                |   9 +-
 12 files changed, 498 insertions(+), 275 deletions(-)

diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index 5c772e3851..b35c7cf75c 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -4,6 +4,7 @@ import { resolve } from "node:path"
 import { sentryVitePlugin } from "@sentry/vite-plugin"
 import react from "@vitejs/plugin-react"
 import { defineConfig } from "electron-vite"
+import { prerelease } from "semver"
 
 import { getGitHash } from "./scripts/lib"
 
@@ -72,6 +73,10 @@ export default defineConfig({
 
       DEBUG: process.env.DEBUG === "true",
       ELECTRON: "true",
+
+      RELEASE_CHANNEL: JSON.stringify(
+        (prerelease(pkg.version)?.[0] as string) || "stable",
+      ),
     },
   },
 })
diff --git a/package.json b/package.json
index 2384e0917e..441fe99faf 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   },
   "main": "./dist/main/index.js",
   "scripts": {
+    "analyze:web": "rm -rf out/web && ANALYZER=1 vite build",
     "build": "npm run typecheck && electron-vite build --outDir=dist && electron-forge make",
     "build:macos": "npm run typecheck && electron-vite build --outDir=dist && electron-forge make --arch=universal --platform=darwin",
     "build:web": "rm -rf out/web && vite build",
@@ -64,7 +65,7 @@
     "@sentry/electron": "5.4.0",
     "@sentry/react": "8.27.0",
     "@sentry/vite-plugin": "2.22.3",
-    "@shikijs/transformers": "1.15.1",
+    "@shikijs/transformers": "1.16.1",
     "@t3-oss/env-core": "^0.11.1",
     "@tanstack/query-sync-storage-persister": "5.53.1",
     "@tanstack/react-query": "5.53.1",
@@ -125,7 +126,7 @@
     "remark-parse": "11.0.0",
     "remark-rehype": "11.1.0",
     "semver": "7.6.3",
-    "shiki": "1.15.1",
+    "shiki": "1.16.1",
     "sonner": "^1.5.0",
     "swiper": "11.1.11",
     "tailwind-merge": "2.5.2",
@@ -162,6 +163,7 @@
     "@vercel/ncc": "0.38.1",
     "@vitejs/plugin-legacy": "5.4.2",
     "@vitejs/plugin-react": "^4.3.1",
+    "cssnano": "7.0.5",
     "drizzle-orm": "0.33.0",
     "electron": "32.0.1",
     "electron-devtools-installer": "3.2.0",
@@ -178,13 +180,13 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "6.0.1",
-    "rollup-plugin-visualizer": "5.12.0",
     "shx": "^0.3.4",
     "simple-git-hooks": "2.11.1",
     "tailwindcss": "3.4.10",
     "tailwindcss-animate": "1.0.7",
     "typescript": "^5.5.4",
     "vite": "^5.4.2",
+    "vite-bundle-analyzer": "0.10.6",
     "vite-plugin-mkcert": "1.17.6",
     "vite-tsconfig-paths": "5.0.1",
     "vitest": "2.0.5"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ca9af737ea..ee082f6682 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -123,8 +123,8 @@ importers:
         specifier: 2.22.3
         version: 2.22.3(encoding@0.1.13)
       '@shikijs/transformers':
-        specifier: 1.15.1
-        version: 1.15.1
+        specifier: 1.16.1
+        version: 1.16.1
       '@t3-oss/env-core':
         specifier: ^0.11.1
         version: 0.11.1(typescript@5.5.4)(zod@3.23.8)
@@ -306,8 +306,8 @@ importers:
         specifier: 7.6.3
         version: 7.6.3
       shiki:
-        specifier: 1.15.1
-        version: 1.15.1
+        specifier: 1.16.1
+        version: 1.16.1
       sonner:
         specifier: ^1.5.0
         version: 1.5.0(patch_hash=6s3tquyt5wnkqaogymn3mkivuq)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -411,6 +411,9 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^4.3.1
         version: 4.3.1(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
+      cssnano:
+        specifier: 7.0.5
+        version: 7.0.5(postcss@8.4.41)
       drizzle-orm:
         specifier: 0.33.0
         version: 0.33.0(@opentelemetry/api@1.9.0)(@types/pg@8.11.8)(@types/react@18.3.5)(react@18.3.1)
@@ -459,9 +462,6 @@ importers:
       rimraf:
         specifier: 6.0.1
         version: 6.0.1
-      rollup-plugin-visualizer:
-        specifier: 5.12.0
-        version: 5.12.0(rollup@4.21.2)
       shx:
         specifier: ^0.3.4
         version: 0.3.4
@@ -480,6 +480,9 @@ importers:
       vite:
         specifier: ^5.4.2
         version: 5.4.2(@types/node@22.5.1)(terser@5.31.6)
+      vite-bundle-analyzer:
+        specifier: 0.10.6
+        version: 0.10.6
       vite-plugin-mkcert:
         specifier: 1.17.6
         version: 1.17.6(vite@5.4.2(@types/node@22.5.1)(terser@5.31.6))
@@ -2781,161 +2784,81 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm-eabi@4.21.2':
-    resolution: {integrity: sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==}
-    cpu: [arm]
-    os: [android]
-
   '@rollup/rollup-android-arm64@4.21.0':
     resolution: {integrity: sha512-a1sR2zSK1B4eYkiZu17ZUZhmUQcKjk2/j9Me2IDjk1GHW7LB5Z35LEzj9iJch6gtUfsnvZs1ZNyDW2oZSThrkA==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.21.2':
-    resolution: {integrity: sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==}
-    cpu: [arm64]
-    os: [android]
-
   '@rollup/rollup-darwin-arm64@4.21.0':
     resolution: {integrity: sha512-zOnKWLgDld/svhKO5PD9ozmL6roy5OQ5T4ThvdYZLpiOhEGY+dp2NwUmxK0Ld91LrbjrvtNAE0ERBwjqhZTRAA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-arm64@4.21.2':
-    resolution: {integrity: sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==}
-    cpu: [arm64]
-    os: [darwin]
-
   '@rollup/rollup-darwin-x64@4.21.0':
     resolution: {integrity: sha512-7doS8br0xAkg48SKE2QNtMSFPFUlRdw9+votl27MvT46vo44ATBmdZdGysOevNELmZlfd+NEa0UYOA8f01WSrg==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.21.2':
-    resolution: {integrity: sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==}
-    cpu: [x64]
-    os: [darwin]
-
   '@rollup/rollup-linux-arm-gnueabihf@4.21.0':
     resolution: {integrity: sha512-pWJsfQjNWNGsoCq53KjMtwdJDmh/6NubwQcz52aEwLEuvx08bzcy6tOUuawAOncPnxz/3siRtd8hiQ32G1y8VA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
-    resolution: {integrity: sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm-musleabihf@4.21.0':
     resolution: {integrity: sha512-efRIANsz3UHZrnZXuEvxS9LoCOWMGD1rweciD6uJQIx2myN3a8Im1FafZBzh7zk1RJ6oKcR16dU3UPldaKd83w==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
-    resolution: {integrity: sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-gnu@4.21.0':
     resolution: {integrity: sha512-ZrPhydkTVhyeGTW94WJ8pnl1uroqVHM3j3hjdquwAcWnmivjAwOYjTEAuEDeJvGX7xv3Z9GAvrBkEzCgHq9U1w==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.21.2':
-    resolution: {integrity: sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-musl@4.21.0':
     resolution: {integrity: sha512-cfaupqd+UEFeURmqNP2eEvXqgbSox/LHOyN9/d2pSdV8xTrjdg3NgOFJCtc1vQ/jEke1qD0IejbBfxleBPHnPw==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.21.2':
-    resolution: {integrity: sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-powerpc64le-gnu@4.21.0':
     resolution: {integrity: sha512-ZKPan1/RvAhrUylwBXC9t7B2hXdpb/ufeu22pG2psV7RN8roOfGurEghw1ySmX/CmDDHNTDDjY3lo9hRlgtaHg==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
-    resolution: {integrity: sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==}
-    cpu: [ppc64]
-    os: [linux]
-
   '@rollup/rollup-linux-riscv64-gnu@4.21.0':
     resolution: {integrity: sha512-H1eRaCwd5E8eS8leiS+o/NqMdljkcb1d6r2h4fKSsCXQilLKArq6WS7XBLDu80Yz+nMqHVFDquwcVrQmGr28rg==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
-    resolution: {integrity: sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==}
-    cpu: [riscv64]
-    os: [linux]
-
   '@rollup/rollup-linux-s390x-gnu@4.21.0':
     resolution: {integrity: sha512-zJ4hA+3b5tu8u7L58CCSI0A9N1vkfwPhWd/puGXwtZlsB5bTkwDNW/+JCU84+3QYmKpLi+XvHdmrlwUwDA6kqw==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.21.2':
-    resolution: {integrity: sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==}
-    cpu: [s390x]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-gnu@4.21.0':
     resolution: {integrity: sha512-e2hrvElFIh6kW/UNBQK/kzqMNY5mO+67YtEh9OA65RM5IJXYTWiXjX6fjIiPaqOkBthYF1EqgiZ6OXKcQsM0hg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.21.2':
-    resolution: {integrity: sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-musl@4.21.0':
     resolution: {integrity: sha512-1vvmgDdUSebVGXWX2lIcgRebqfQSff0hMEkLJyakQ9JQUbLDkEaMsPTLOmyccyC6IJ/l3FZuJbmrBw/u0A0uCQ==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.21.2':
-    resolution: {integrity: sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-win32-arm64-msvc@4.21.0':
     resolution: {integrity: sha512-s5oFkZ/hFcrlAyBTONFY1TWndfyre1wOMwU+6KCpm/iatybvrRgmZVM+vCFwxmC5ZhdlgfE0N4XorsDpi7/4XQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-arm64-msvc@4.21.2':
-    resolution: {integrity: sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==}
-    cpu: [arm64]
-    os: [win32]
-
   '@rollup/rollup-win32-ia32-msvc@4.21.0':
     resolution: {integrity: sha512-G9+TEqRnAA6nbpqyUqgTiopmnfgnMkR3kMukFBDsiyy23LZvUCpiUwjTRx6ezYCjJODXrh52rBR9oXvm+Fp5wg==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.21.2':
-    resolution: {integrity: sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==}
-    cpu: [ia32]
-    os: [win32]
-
   '@rollup/rollup-win32-x64-msvc@4.21.0':
     resolution: {integrity: sha512-2jsCDZwtQvRhejHLfZ1JY6w6kEuEtfF9nzYsZxzSlNVKDX+DpsDJ+Rbjkm74nvg2rdx0gwBS+IMdvwJuq3S9pQ==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.21.2':
-    resolution: {integrity: sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==}
-    cpu: [x64]
-    os: [win32]
-
   '@sentry-internal/browser-utils@8.26.0':
     resolution: {integrity: sha512-O2Tj+WK33/ZVp5STnz6ZL0OO+/Idk2KqsH0ITQkQmyZ2z0kdzWOeqK7s7q3/My6rB1GfPcyqPcBBv4dVv92FYQ==}
     engines: {node: '>=14.18'}
@@ -3081,11 +3004,14 @@ packages:
     resolution: {integrity: sha512-+5bsLFRKOZzBp68XigoNE1pJ3tJ4gt2jXluApu54ui0N/yjfqGQ7LQTD7nL4tmJvB5Agwi0e7M7+fcxe9gSgBA==}
     engines: {node: '>= 14'}
 
-  '@shikijs/core@1.15.1':
-    resolution: {integrity: sha512-DwkQTDNlhr7PwZMJswdvWIKts+2mqjIn8txByr88fhBRBtUSsIQR43RRoATjRrbeu4hyNTSTMBdxgp/vlxnxvA==}
+  '@shikijs/core@1.16.1':
+    resolution: {integrity: sha512-aI0hBtw+a6KsJp2jcD4YuQqKpeCbURMZbhHVozDknJpm+KJqeMRkEnfBC8BaKE/5XC+uofPgCLsa/TkTk0Ba0w==}
+
+  '@shikijs/transformers@1.16.1':
+    resolution: {integrity: sha512-mfbe4YMov+1eyIBU3F6BtaPmLgDkRQaVse8xsBlKTVAcNF3cbZMRCyUz2N6gJOMKLJiv9T5gapBPbRxrDMuoxA==}
 
-  '@shikijs/transformers@1.15.1':
-    resolution: {integrity: sha512-PPWwXJTO8Zd04Y9Xy3zfBUN4K+kZ8fkpAnMXOJWBt4FjhyMQruVEOGuUDWtVO9TbMM26pFCXlpnXeJabkxGC5g==}
+  '@shikijs/vscode-textmate@9.2.0':
+    resolution: {integrity: sha512-5FinaOp6Vdh/dl4/yaOTh0ZeKch+rYS8DUb38V3GMKYVkdqzxw53lViRKUYkVILRiVQT7dcPC7VvAKOR73zVtQ==}
 
   '@sindresorhus/is@4.6.0':
     resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
@@ -3885,6 +3811,9 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
+  caniuse-api@3.0.0:
+    resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
+
   caniuse-lite@1.0.30001651:
     resolution: {integrity: sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==}
 
@@ -4057,6 +3986,9 @@ packages:
     resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
     hasBin: true
 
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
@@ -4244,6 +4176,12 @@ packages:
   crypto-browserify@3.12.0:
     resolution: {integrity: sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==}
 
+  css-declaration-sorter@7.2.0:
+    resolution: {integrity: sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
   css-select@5.1.0:
     resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
 
@@ -4267,6 +4205,24 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  cssnano-preset-default@7.0.5:
+    resolution: {integrity: sha512-Jbzja0xaKwc5JzxPQoc+fotKpYtWEu4wQLMQe29CM0FjjdRjA4omvbGHl2DTGgARKxSTpPssBsok+ixv8uTBqw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano-utils@5.0.0:
+    resolution: {integrity: sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  cssnano@7.0.5:
+    resolution: {integrity: sha512-Aq0vqBLtpTT5Yxj+hLlLfNPFuRQCDIjx5JQAhhaedQKLNDvDGeVziF24PS+S1f0Z5KCxWvw0QVI3VNHNBITxVQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   csso@5.0.5:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
@@ -4334,10 +4290,6 @@ packages:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
 
-  define-lazy-prop@2.0.0:
-    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
-    engines: {node: '>=8'}
-
   define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
@@ -5550,11 +5502,6 @@ packages:
   is-decimal@2.0.1:
     resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
 
-  is-docker@2.2.1:
-    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -5640,10 +5587,6 @@ packages:
     resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
     engines: {node: '>=0.10.0'}
 
-  is-wsl@2.2.0:
-    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
-    engines: {node: '>=8'}
-
   isbinaryfile@4.0.10:
     resolution: {integrity: sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==}
     engines: {node: '>= 8.0.0'}
@@ -5872,12 +5815,18 @@ packages:
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
+  lodash.memoize@4.1.2:
+    resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
+
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
   lodash.union@4.6.0:
     resolution: {integrity: sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==}
 
+  lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -6413,10 +6362,6 @@ packages:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
 
-  open@8.4.2:
-    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
-    engines: {node: '>=12'}
-
   opentelemetry-instrumentation-fetch-node@1.2.3:
     resolution: {integrity: sha512-Qb11T7KvoCevMaSeuamcLsAD+pZnavkhDnlVL0kRozfhl42dKG5Q3anUklAFKJZjY3twLR+BnRa6DlwwkIE/+A==}
     engines: {node: '>18.0.0'}
@@ -6679,6 +6624,48 @@ packages:
   point-in-polygon@1.1.0:
     resolution: {integrity: sha512-3ojrFwjnnw8Q9242TzgXuTD+eKiutbzyslcq1ydfu82Db2y+Ogbmyrkpv0Hgj31qwT3lbS9+QAAO/pIQM35XRw==}
 
+  postcss-calc@10.0.2:
+    resolution: {integrity: sha512-DT/Wwm6fCKgpYVI7ZEWuPJ4az8hiEHtCUeYjZXqU7Ou4QqYh1Df2yCQ7Ca6N7xqKPFkxN3fhf+u9KSoOCJNAjg==}
+    engines: {node: ^18.12 || ^20.9 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.38
+
+  postcss-colormin@7.0.2:
+    resolution: {integrity: sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-convert-values@7.0.3:
+    resolution: {integrity: sha512-yJhocjCs2SQer0uZ9lXTMOwDowbxvhwFVrZeS6NPEij/XXthl73ggUmfwVvJM+Vaj5gtCKJV1jiUu4IhAUkX/Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-comments@7.0.2:
+    resolution: {integrity: sha512-/Hje9Ls1IYcB9duELO/AyDUJI6aQVY3h5Rj1ziXgaLYCTi1iVBLnjg/TS0D6NszR/kDG6I86OwLmAYe+bvJjiQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-duplicates@7.0.1:
+    resolution: {integrity: sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-empty@7.0.0:
+    resolution: {integrity: sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-discard-overridden@7.0.0:
+    resolution: {integrity: sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   postcss-import@15.1.0:
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -6703,12 +6690,120 @@ packages:
       ts-node:
         optional: true
 
+  postcss-merge-longhand@7.0.3:
+    resolution: {integrity: sha512-8waYomFxshdv6M9Em3QRM9MettRLDRcH2JQi2l0Z1KlYD/vhal3gbkeSES0NuACXOlZBB0V/B0AseHZaklzWOA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-merge-rules@7.0.3:
+    resolution: {integrity: sha512-2eSas2p3voPxNfdI5sQrvIkMaeUHpVc3EezgVs18hz/wRTQAC9U99tp9j3W5Jx9/L3qHkEDvizEx/LdnmumIvQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-font-values@7.0.0:
+    resolution: {integrity: sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-gradients@7.0.0:
+    resolution: {integrity: sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-params@7.0.2:
+    resolution: {integrity: sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-minify-selectors@7.0.3:
+    resolution: {integrity: sha512-SxTgUQSgBk6wEqzQZKEv1xQYIp9UBju6no9q+npohzSdhuSICQdkqmD1UMKkZWItS3olJSJMDDEY9WOJ5oGJew==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   postcss-nested@6.2.0:
     resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
 
+  postcss-normalize-charset@7.0.0:
+    resolution: {integrity: sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-display-values@7.0.0:
+    resolution: {integrity: sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-positions@7.0.0:
+    resolution: {integrity: sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-repeat-style@7.0.0:
+    resolution: {integrity: sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-string@7.0.0:
+    resolution: {integrity: sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-timing-functions@7.0.0:
+    resolution: {integrity: sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-unicode@7.0.2:
+    resolution: {integrity: sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-url@7.0.0:
+    resolution: {integrity: sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-normalize-whitespace@7.0.0:
+    resolution: {integrity: sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-ordered-values@7.0.1:
+    resolution: {integrity: sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-initial@7.0.2:
+    resolution: {integrity: sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-reduce-transforms@7.0.0:
+    resolution: {integrity: sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   postcss-selector-parser@6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
@@ -6717,6 +6812,18 @@ packages:
     resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
     engines: {node: '>=4'}
 
+  postcss-svgo@7.0.1:
+    resolution: {integrity: sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >= 18}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-unique-selectors@7.0.2:
+    resolution: {integrity: sha512-CjSam+7Vf8cflJQsHrMS0P2hmy9u0+n/P001kb5eAszLmhjMqrt/i5AqQuNFihhViwDvEAezqTmXqaYXL2ugMw==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
@@ -7206,26 +7313,11 @@ packages:
     resolution: {integrity: sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==}
     engines: {node: '>=8.0'}
 
-  rollup-plugin-visualizer@5.12.0:
-    resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
-    engines: {node: '>=14'}
-    hasBin: true
-    peerDependencies:
-      rollup: 2.x || 3.x || 4.x
-    peerDependenciesMeta:
-      rollup:
-        optional: true
-
   rollup@4.21.0:
     resolution: {integrity: sha512-vo+S/lfA2lMS7rZ2Qoubi6I5hwZwzXeUIctILZLbHI+laNtvhhOIon2S1JksA5UEDQ7l3vberd0fxK44lTYjbQ==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rollup@4.21.2:
-    resolution: {integrity: sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -7308,8 +7400,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  shiki@1.15.1:
-    resolution: {integrity: sha512-QPtVwbafyHmH9Z90iEZgZL4BhqFh5RMnRq2Bic0Cqp5lgbpbkn4nNmed0zzXbh/yPFs2PpkCviM9qcrbN+9zAA==}
+  shiki@1.16.1:
+    resolution: {integrity: sha512-tCJIMaxDVB1mEIJ5TvfZU7kCPB5eo9fli5+21Olc/bmyv+w8kye3JOp+LZRmGkAyT71hrkefQhTiY+o9mBikRQ==}
 
   shimmer@1.2.1:
     resolution: {integrity: sha512-sQTKC1Re/rM6XyFM6fIAGHRPVGvyXfgzIDvzoq608vM+jeyVD0Tu1E6Np0Kc2zAIFWIj963V2800iF/9LPieQw==}
@@ -7393,10 +7485,6 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
-  source-map@0.7.4:
-    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
-    engines: {node: '>= 8'}
-
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
@@ -7506,6 +7594,12 @@ packages:
   style-to-object@1.0.6:
     resolution: {integrity: sha512-khxq+Qm3xEyZfKd/y9L3oIWQimxuc4STrQKtQn8aSDRHb8mFgpukgX1hdzfrMEW6JCjyJ8p89x+IUMVnCBI1PA==}
 
+  stylehacks@7.0.3:
+    resolution: {integrity: sha512-4DqtecvI/Nd+2BCvW9YEF6lhBN5UM50IJ1R3rnEAhBwbCKf4VehRf+uqvnVArnBayjYD/WtT3g0G/HSRxWfTRg==}
+    engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
+    peerDependencies:
+      postcss: ^8.4.31
+
   sucrase@3.35.0:
     resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -7918,6 +8012,9 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  vite-bundle-analyzer@0.10.6:
+    resolution: {integrity: sha512-w/5wvRZeZo2lKdJzRGCTn4YW/mT++fKeii2PQPK3odblfFqsODYHF72V+QTg1Xznbxy543N0WfT5vPiSosVWxA==}
+
   vite-node@2.0.5:
     resolution: {integrity: sha512-LdsW4pxj0Ot69FAoXZ1yTnA9bjGohr2yNBU7QKRxpz8ITSkhuDl6h3zS/tvgz4qrNjeRnvrWeXQ8ZF7Um4W00Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -11005,99 +11102,51 @@ snapshots:
   '@rollup/rollup-android-arm-eabi@4.21.0':
     optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.21.2':
-    optional: true
-
   '@rollup/rollup-android-arm64@4.21.0':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.21.2':
-    optional: true
-
   '@rollup/rollup-darwin-arm64@4.21.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.21.2':
-    optional: true
-
   '@rollup/rollup-darwin-x64@4.21.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-arm-gnueabihf@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-arm-musleabihf@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-arm64-gnu@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-arm64-musl@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-powerpc64le-gnu@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-riscv64-gnu@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-s390x-gnu@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-x64-gnu@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.21.2':
-    optional: true
-
   '@rollup/rollup-linux-x64-musl@4.21.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.21.2':
-    optional: true
-
   '@rollup/rollup-win32-arm64-msvc@4.21.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.21.2':
-    optional: true
-
   '@rollup/rollup-win32-ia32-msvc@4.21.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.21.2':
-    optional: true
-
   '@rollup/rollup-win32-x64-msvc@4.21.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.21.2':
-    optional: true
-
   '@sentry-internal/browser-utils@8.26.0':
     dependencies:
       '@sentry/core': 8.26.0
@@ -11323,13 +11372,16 @@ snapshots:
       - encoding
       - supports-color
 
-  '@shikijs/core@1.15.1':
+  '@shikijs/core@1.16.1':
     dependencies:
+      '@shikijs/vscode-textmate': 9.2.0
       '@types/hast': 3.0.4
 
-  '@shikijs/transformers@1.15.1':
+  '@shikijs/transformers@1.16.1':
     dependencies:
-      shiki: 1.15.1
+      shiki: 1.16.1
+
+  '@shikijs/vscode-textmate@9.2.0': {}
 
   '@sindresorhus/is@4.6.0': {}
 
@@ -12440,6 +12492,13 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
+  caniuse-api@3.0.0:
+    dependencies:
+      browserslist: 4.23.3
+      caniuse-lite: 1.0.30001651
+      lodash.memoize: 4.1.2
+      lodash.uniq: 4.5.0
+
   caniuse-lite@1.0.30001651: {}
 
   ccount@2.0.1: {}
@@ -12628,6 +12687,8 @@ snapshots:
 
   color-support@1.1.3: {}
 
+  colord@2.9.3: {}
+
   colorette@2.0.20: {}
 
   combined-stream@1.0.8:
@@ -12834,6 +12895,10 @@ snapshots:
       randombytes: 2.1.0
       randomfill: 1.0.4
 
+  css-declaration-sorter@7.2.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
   css-select@5.1.0:
     dependencies:
       boolbase: 1.0.0
@@ -12858,6 +12923,50 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  cssnano-preset-default@7.0.5(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      css-declaration-sorter: 7.2.0(postcss@8.4.41)
+      cssnano-utils: 5.0.0(postcss@8.4.41)
+      postcss: 8.4.41
+      postcss-calc: 10.0.2(postcss@8.4.41)
+      postcss-colormin: 7.0.2(postcss@8.4.41)
+      postcss-convert-values: 7.0.3(postcss@8.4.41)
+      postcss-discard-comments: 7.0.2(postcss@8.4.41)
+      postcss-discard-duplicates: 7.0.1(postcss@8.4.41)
+      postcss-discard-empty: 7.0.0(postcss@8.4.41)
+      postcss-discard-overridden: 7.0.0(postcss@8.4.41)
+      postcss-merge-longhand: 7.0.3(postcss@8.4.41)
+      postcss-merge-rules: 7.0.3(postcss@8.4.41)
+      postcss-minify-font-values: 7.0.0(postcss@8.4.41)
+      postcss-minify-gradients: 7.0.0(postcss@8.4.41)
+      postcss-minify-params: 7.0.2(postcss@8.4.41)
+      postcss-minify-selectors: 7.0.3(postcss@8.4.41)
+      postcss-normalize-charset: 7.0.0(postcss@8.4.41)
+      postcss-normalize-display-values: 7.0.0(postcss@8.4.41)
+      postcss-normalize-positions: 7.0.0(postcss@8.4.41)
+      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.41)
+      postcss-normalize-string: 7.0.0(postcss@8.4.41)
+      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.41)
+      postcss-normalize-unicode: 7.0.2(postcss@8.4.41)
+      postcss-normalize-url: 7.0.0(postcss@8.4.41)
+      postcss-normalize-whitespace: 7.0.0(postcss@8.4.41)
+      postcss-ordered-values: 7.0.1(postcss@8.4.41)
+      postcss-reduce-initial: 7.0.2(postcss@8.4.41)
+      postcss-reduce-transforms: 7.0.0(postcss@8.4.41)
+      postcss-svgo: 7.0.1(postcss@8.4.41)
+      postcss-unique-selectors: 7.0.2(postcss@8.4.41)
+
+  cssnano-utils@5.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
+  cssnano@7.0.5(postcss@8.4.41):
+    dependencies:
+      cssnano-preset-default: 7.0.5(postcss@8.4.41)
+      lilconfig: 3.1.2
+      postcss: 8.4.41
+
   csso@5.0.5:
     dependencies:
       css-tree: 2.2.1
@@ -12907,8 +13016,6 @@ snapshots:
       gopd: 1.0.1
     optional: true
 
-  define-lazy-prop@2.0.0: {}
-
   define-properties@1.2.1:
     dependencies:
       define-data-property: 1.1.4
@@ -14523,8 +14630,6 @@ snapshots:
 
   is-decimal@2.0.1: {}
 
-  is-docker@2.2.1: {}
-
   is-extglob@2.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
@@ -14590,10 +14695,6 @@ snapshots:
 
   is-windows@1.0.2: {}
 
-  is-wsl@2.2.0:
-    dependencies:
-      is-docker: 2.2.1
-
   isbinaryfile@4.0.10: {}
 
   isbinaryfile@5.0.2: {}
@@ -14811,10 +14912,14 @@ snapshots:
 
   lodash.isplainobject@4.0.6: {}
 
+  lodash.memoize@4.1.2: {}
+
   lodash.merge@4.6.2: {}
 
   lodash.union@4.6.0: {}
 
+  lodash.uniq@4.5.0: {}
+
   lodash@4.17.21: {}
 
   log-symbols@4.1.0:
@@ -15601,12 +15706,6 @@ snapshots:
     dependencies:
       mimic-function: 5.0.1
 
-  open@8.4.2:
-    dependencies:
-      define-lazy-prop: 2.0.0
-      is-docker: 2.2.1
-      is-wsl: 2.2.0
-
   opentelemetry-instrumentation-fetch-node@1.2.3(@opentelemetry/api@1.9.0):
     dependencies:
       '@opentelemetry/api': 1.9.0
@@ -15869,6 +15968,43 @@ snapshots:
 
   point-in-polygon@1.1.0: {}
 
+  postcss-calc@10.0.2(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+      postcss-value-parser: 4.2.0
+
+  postcss-colormin@7.0.2(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      caniuse-api: 3.0.0
+      colord: 2.9.3
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-convert-values@7.0.3(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-discard-comments@7.0.2(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+
+  postcss-discard-duplicates@7.0.1(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
+  postcss-discard-empty@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
+  postcss-discard-overridden@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
   postcss-import@15.1.0(postcss@8.4.41):
     dependencies:
       postcss: 8.4.41
@@ -15888,11 +16024,112 @@ snapshots:
     optionalDependencies:
       postcss: 8.4.41
 
+  postcss-merge-longhand@7.0.3(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+      stylehacks: 7.0.3(postcss@8.4.41)
+
+  postcss-merge-rules@7.0.3(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      caniuse-api: 3.0.0
+      cssnano-utils: 5.0.0(postcss@8.4.41)
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+
+  postcss-minify-font-values@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-gradients@7.0.0(postcss@8.4.41):
+    dependencies:
+      colord: 2.9.3
+      cssnano-utils: 5.0.0(postcss@8.4.41)
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-params@7.0.2(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      cssnano-utils: 5.0.0(postcss@8.4.41)
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-minify-selectors@7.0.3(postcss@8.4.41):
+    dependencies:
+      cssesc: 3.0.0
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+
   postcss-nested@6.2.0(postcss@8.4.41):
     dependencies:
       postcss: 8.4.41
       postcss-selector-parser: 6.1.2
 
+  postcss-normalize-charset@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+
+  postcss-normalize-display-values@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-positions@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-repeat-style@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-string@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-timing-functions@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-unicode@7.0.2(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-url@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-normalize-whitespace@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-ordered-values@7.0.1(postcss@8.4.41):
+    dependencies:
+      cssnano-utils: 5.0.0(postcss@8.4.41)
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
+  postcss-reduce-initial@7.0.2(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      caniuse-api: 3.0.0
+      postcss: 8.4.41
+
+  postcss-reduce-transforms@7.0.0(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+
   postcss-selector-parser@6.0.10:
     dependencies:
       cssesc: 3.0.0
@@ -15903,6 +16140,17 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  postcss-svgo@7.0.1(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-value-parser: 4.2.0
+      svgo: 3.3.2
+
+  postcss-unique-selectors@7.0.2(postcss@8.4.41):
+    dependencies:
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+
   postcss-value-parser@4.2.0: {}
 
   postcss@8.4.41:
@@ -16460,15 +16708,6 @@ snapshots:
       sprintf-js: 1.1.3
     optional: true
 
-  rollup-plugin-visualizer@5.12.0(rollup@4.21.2):
-    dependencies:
-      open: 8.4.2
-      picomatch: 2.3.1
-      source-map: 0.7.4
-      yargs: 17.7.2
-    optionalDependencies:
-      rollup: 4.21.2
-
   rollup@4.21.0:
     dependencies:
       '@types/estree': 1.0.5
@@ -16491,29 +16730,6 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.21.0
       fsevents: 2.3.3
 
-  rollup@4.21.2:
-    dependencies:
-      '@types/estree': 1.0.5
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.21.2
-      '@rollup/rollup-android-arm64': 4.21.2
-      '@rollup/rollup-darwin-arm64': 4.21.2
-      '@rollup/rollup-darwin-x64': 4.21.2
-      '@rollup/rollup-linux-arm-gnueabihf': 4.21.2
-      '@rollup/rollup-linux-arm-musleabihf': 4.21.2
-      '@rollup/rollup-linux-arm64-gnu': 4.21.2
-      '@rollup/rollup-linux-arm64-musl': 4.21.2
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.2
-      '@rollup/rollup-linux-riscv64-gnu': 4.21.2
-      '@rollup/rollup-linux-s390x-gnu': 4.21.2
-      '@rollup/rollup-linux-x64-gnu': 4.21.2
-      '@rollup/rollup-linux-x64-musl': 4.21.2
-      '@rollup/rollup-win32-arm64-msvc': 4.21.2
-      '@rollup/rollup-win32-ia32-msvc': 4.21.2
-      '@rollup/rollup-win32-x64-msvc': 4.21.2
-      fsevents: 2.3.3
-    optional: true
-
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -16585,9 +16801,10 @@ snapshots:
       interpret: 1.4.0
       rechoir: 0.6.2
 
-  shiki@1.15.1:
+  shiki@1.16.1:
     dependencies:
-      '@shikijs/core': 1.15.1
+      '@shikijs/core': 1.16.1
+      '@shikijs/vscode-textmate': 9.2.0
       '@types/hast': 3.0.4
 
   shimmer@1.2.1: {}
@@ -16668,8 +16885,6 @@ snapshots:
 
   source-map@0.6.1: {}
 
-  source-map@0.7.4: {}
-
   space-separated-tokens@2.0.2: {}
 
   spdx-correct@3.2.0:
@@ -16773,6 +16988,12 @@ snapshots:
     dependencies:
       inline-style-parser: 0.2.3
 
+  stylehacks@7.0.3(postcss@8.4.41):
+    dependencies:
+      browserslist: 4.23.3
+      postcss: 8.4.41
+      postcss-selector-parser: 6.1.2
+
   sucrase@3.35.0:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
@@ -17205,6 +17426,8 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
+  vite-bundle-analyzer@0.10.6: {}
+
   vite-node@2.0.5(@types/node@22.5.1)(terser@5.31.6):
     dependencies:
       cac: 6.7.14
diff --git a/postcss.config.cjs b/postcss.config.cjs
index fe5e4a5c71..49e8a4c34f 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -2,5 +2,7 @@ module.exports = {
   plugins: {
     "tailwindcss": {},
     "tailwindcss/nesting": {},
+
+    ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {}),
   },
 }
diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index f556e1095e..2e5bec3f41 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -45,7 +45,6 @@ function App() {
   const windowsElectron = window.electron && getOS() === "Windows"
   return (
     <RootProviders>
-
       {window.electron && (
         <div
           className={cn(
diff --git a/src/renderer/src/components/common/ErrorElement.tsx b/src/renderer/src/components/common/ErrorElement.tsx
index 2497326727..b9d3c1dff1 100644
--- a/src/renderer/src/components/common/ErrorElement.tsx
+++ b/src/renderer/src/components/common/ErrorElement.tsx
@@ -1,8 +1,13 @@
 import { attachOpenInEditor } from "@renderer/lib/dev"
 import { getNewIssueUrl } from "@renderer/lib/issues"
 import { clearLocalPersistStoreData } from "@renderer/store/utils/clear"
+import { captureException } from "@sentry/react"
 import { useEffect, useRef } from "react"
-import { isRouteErrorResponse, useNavigate, useRouteError } from "react-router-dom"
+import {
+  isRouteErrorResponse,
+  useNavigate,
+  useRouteError,
+} from "react-router-dom"
 import { toast } from "sonner"
 
 import { Button } from "../ui/button"
@@ -23,9 +28,8 @@ export function ErrorElement() {
       "Error handled by React Router default ErrorBoundary:",
       error,
     )
-    import("@sentry/react").then(({ captureException }) => {
-      captureException(error)
-    })
+
+    captureException(error)
   }, [error])
 
   const reloadRef = useRef(false)
@@ -74,10 +78,11 @@ export function ErrorElement() {
         >
           Reset Local Database
         </Button>
-        <Button onClick={() => {
-          navigate("/")
-          window.location.reload()
-        }}
+        <Button
+          onClick={() => {
+            navigate("/")
+            window.location.reload()
+          }}
         >
           Reload
         </Button>
@@ -114,7 +119,6 @@ export const FallbackIssue = ({
           "```",
           stack,
           "```",
-
         ].join("\n"),
         label: "bug",
       })}
diff --git a/src/renderer/src/components/ui/code-highlighter/shiki/Shiki.tsx b/src/renderer/src/components/ui/code-highlighter/shiki/Shiki.tsx
index bcad838ef9..9544fb4766 100644
--- a/src/renderer/src/components/ui/code-highlighter/shiki/Shiki.tsx
+++ b/src/renderer/src/components/ui/code-highlighter/shiki/Shiki.tsx
@@ -9,7 +9,6 @@ import { useIsomorphicLayoutEffect } from "foxact/use-isomorphic-layout-effect"
 import type { FC } from "react"
 import {
   useInsertionEffect,
-  useLayoutEffect,
   useMemo,
   useRef,
   useState,
@@ -21,17 +20,20 @@ import type {
   DynamicImportThemeRegistration,
   HighlighterCore,
 } from "shiki"
-import { createHighlighterCore } from "shiki/core"
-import { default as getWasm } from "shiki/wasm"
+import {
+  createHighlighterCoreSync,
+  createJavaScriptRegexEngine,
+} from "shiki/core"
 
 import { CopyButton } from "../copy-button"
 import { shikiTransformers } from "./shared"
 import styles from "./shiki.module.css"
 
-const shikiPromise = createHighlighterCore({
-  themes: [import("shiki/themes/github-dark.mjs")],
+const js = createJavaScriptRegexEngine()
+const shiki = createHighlighterCoreSync({
+  themes: [],
   langs: [],
-  loadWasm: getWasm,
+  engine: js,
 })
 
 export interface ShikiProps {
@@ -53,21 +55,8 @@ let langModule: Record<
 let themeModule: Record<BundledTheme, DynamicImportThemeRegistration> | null =
   null
 let bundledLanguagesKeysSet: Set<string> | null = null
-let resolvedShiki: HighlighterCore | null = null
 
-shikiPromise.then((shiki) => {
-  resolvedShiki = shiki
-})
 export const ShikiHighLighter: FC<ShikiProps> = (props) => {
-  const [shiki, setShiki] = useState(resolvedShiki)
-
-  useLayoutEffect(() => {
-    shikiPromise.then((shiki) => {
-      resolvedShiki = shiki
-      setShiki(shiki)
-    })
-  }, [])
-
   if (!shiki) {
     const { code, className } = props
     return (
@@ -230,7 +219,7 @@ const ShikiCode: FC<
       // console.error(err)
       return null
     }
-  }, [code, language, codeTheme])
+  }, [shiki, code, language, codeTheme])
 
   if (!rendered) {
     return (
diff --git a/src/renderer/src/constants/app.tsx b/src/renderer/src/constants/app.tsx
index 0716b00fa4..55886bf090 100644
--- a/src/renderer/src/constants/app.tsx
+++ b/src/renderer/src/constants/app.tsx
@@ -1,6 +1,4 @@
-import * as semver from "semver"
-
-import { getStorageNS } from "../lib/ns"
+import { getStorageNS } from "@renderer/lib/ns"
 
 /// Feed
 export const FEED_COLLECTION_LIST = "collections"
@@ -11,7 +9,3 @@ export const QUERY_PERSIST_KEY = getStorageNS("REACT_QUERY_OFFLINE_CACHE")
 export const ROUTE_FEED_PENDING = "all"
 export const ROUTE_ENTRY_PENDING = "pending"
 export const ROUTE_FEED_IN_FOLDER = "folder-"
-
-export const channel = import.meta.env.DEV ?
-  "development" :
-    (semver.prerelease(APP_VERSION)?.[0] as string) || "stable"
diff --git a/src/renderer/src/env.d.ts b/src/renderer/src/env.d.ts
index 3b80f9e76a..6db251e835 100644
--- a/src/renderer/src/env.d.ts
+++ b/src/renderer/src/env.d.ts
@@ -1,3 +1,4 @@
 /// <reference types="vite/client" />
 declare const APP_VERSION: string
 declare const APP_NAME: string
+declare const RELEASE_CHANNEL: string
diff --git a/src/renderer/src/initialize/sentry.ts b/src/renderer/src/initialize/sentry.ts
index 2a39e13695..8eec22685f 100644
--- a/src/renderer/src/initialize/sentry.ts
+++ b/src/renderer/src/initialize/sentry.ts
@@ -1,7 +1,6 @@
 import { env } from "@env"
 import { version } from "@pkg"
 import { whoami } from "@renderer/atoms/user"
-import { channel } from "@renderer/constants"
 import { useEffect } from "react"
 import {
   createRoutesFromChildren,
@@ -21,7 +20,7 @@ export const initSentry = async () => {
   ])
   Sentry.init({
     dsn: env.VITE_SENTRY_DSN,
-    environment: channel,
+    environment: RELEASE_CHANNEL,
     integrations: [
       Sentry.moduleMetadataIntegration(),
       Sentry.httpClientIntegration(),
diff --git a/src/renderer/src/queries/ai.ts b/src/renderer/src/queries/ai.ts
index 355c9abdf6..b0dfb0d8d6 100644
--- a/src/renderer/src/queries/ai.ts
+++ b/src/renderer/src/queries/ai.ts
@@ -3,7 +3,6 @@ import { apiClient } from "@renderer/lib/api-fetch"
 import { defineQuery } from "@renderer/lib/defineQuery"
 import type { SupportedLanguages } from "@renderer/models"
 import type { FlatEntryModel } from "@renderer/store/entry"
-import { franc } from "franc-min"
 
 const LanguageMap: Record<
   SupportedLanguages,
@@ -48,6 +47,7 @@ export const ai = {
       if (extraFields) {
         fields = [...fields, ...extraFields]
       }
+      const { franc } = await import("franc-min")
 
       fields = fields.filter((field) => {
         if (entry.settings?.translation && entry.entries[field]) {
diff --git a/vite.config.ts b/vite.config.ts
index 8a4b6b18e5..27b3d5e7a7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,9 +6,10 @@ import { sentryVitePlugin } from "@sentry/vite-plugin"
 import legacy from "@vitejs/plugin-legacy"
 import react from "@vitejs/plugin-react"
 import { cyan, dim, green } from "kolorist"
-import { visualizer } from "rollup-plugin-visualizer"
+import { prerelease } from "semver"
 import type { PluginOption, ViteDevServer } from "vite"
 import { defineConfig, loadEnv } from "vite"
+import { analyzer } from "vite-bundle-analyzer"
 import mkcert from "vite-plugin-mkcert"
 
 import { getGitHash } from "./scripts/lib"
@@ -84,7 +85,7 @@ const vite = ({ mode }) => {
       }),
 
       devPrint(),
-      process.env.ANALYZER && visualizer({ open: true }),
+      process.env.ANALYZER && analyzer(),
     ],
     define: {
       APP_VERSION: JSON.stringify(pkg.version),
@@ -95,6 +96,10 @@ const vite = ({ mode }) => {
         process.env.VERCEL_GIT_COMMIT_SHA || getGitHash(),
       ),
 
+      RELEASE_CHANNEL: JSON.stringify(
+        (prerelease(pkg.version)?.[0] as string) || "stable",
+      ),
+
       DEBUG: process.env.DEBUG === "true",
       ELECTRON: "false",
     },

From c6a8613b29cec24bb61eec2196f1827ae9a759fa Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 23:15:33 +0800
Subject: [PATCH 29/60] fix: feed icon in player cover

Signed-off-by: Innei <i@innei.in>
---
 .../errors/FeedFoundCanBeFollowErrorFallback.tsx           | 2 +-
 src/renderer/src/components/feed-icon.tsx                  | 7 +++++++
 .../modules/entry-column/templates/list-item-template.tsx  | 3 ++-
 src/renderer/src/modules/feed-column/corner-player.tsx     | 1 +
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/errors/FeedFoundCanBeFollowErrorFallback.tsx b/src/renderer/src/components/errors/FeedFoundCanBeFollowErrorFallback.tsx
index 9f10fec3e0..4a02d76103 100644
--- a/src/renderer/src/components/errors/FeedFoundCanBeFollowErrorFallback.tsx
+++ b/src/renderer/src/components/errors/FeedFoundCanBeFollowErrorFallback.tsx
@@ -28,7 +28,7 @@ export const FeedFoundCanBeFollowErrorFallback: FC<AppErrorFallbackProps> = ({
   return (
     <div className="flex w-full flex-col items-center justify-center rounded-md bg-theme-modal-background-opaque p-2">
       <div className="center m-auto flex max-w-prose flex-col gap-4 text-center">
-        <FeedIcon feed={feed} size={60} />
+        <FeedIcon feed={feed} size={60} className="rounded" />
 
         <div className="text-lg font-bold">{feed.title}</div>
 
diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index c74488710e..70742ed15c 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -218,6 +218,13 @@ export function FeedIcon({
       >
         {ImageElement}
       </AvatarImage>
+      <AvatarFallback>
+        <div
+          className={cn("mr-2", className)}
+          style={sizeStyle}
+          data-placeholder={finalSrc}
+        />
+      </AvatarFallback>
     </Avatar>
   )
 }
diff --git a/src/renderer/src/modules/entry-column/templates/list-item-template.tsx b/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
index 170f503d21..6c5bc56e1f 100644
--- a/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
@@ -139,10 +139,11 @@ export function ListItem({
           )}
           feedIcon={(
             <FeedIcon
+              fallback={false}
               feed={feed}
               entry={entry.entries}
               size={80}
-              className="m-0"
+              className="m-0 rounded"
             />
           )}
         />
diff --git a/src/renderer/src/modules/feed-column/corner-player.tsx b/src/renderer/src/modules/feed-column/corner-player.tsx
index ac6dfad234..f92598d61f 100644
--- a/src/renderer/src/modules/feed-column/corner-player.tsx
+++ b/src/renderer/src/modules/feed-column/corner-player.tsx
@@ -116,6 +116,7 @@ const CornerPlayerImpl = () => {
             feed={feed}
             entry={entry.entries}
             size={58}
+            fallback={false}
             className="m-0 size-[3.625rem] rounded-none"
           />
           <div className="center absolute inset-0 w-full opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100">

From 1dcffc60d26596065bc024653d69a109a1941578 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Tue, 3 Sep 2024 23:17:14 +0800
Subject: [PATCH 30/60] fix(external-page): feed list overlay style

Signed-off-by: Innei <i@innei.in>
---
 .../src/pages/(external)/(with-layout)/feed/[id]/index.tsx     | 2 +-
 src/renderer/src/pages/(external)/layout.tsx                   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/(external)/(with-layout)/feed/[id]/index.tsx b/src/renderer/src/pages/(external)/(with-layout)/feed/[id]/index.tsx
index 1029568889..0d72e44e8b 100644
--- a/src/renderer/src/pages/(external)/(with-layout)/feed/[id]/index.tsx
+++ b/src/renderer/src/pages/(external)/(with-layout)/feed/[id]/index.tsx
@@ -117,7 +117,7 @@ export function Component() {
                 target="_blank"
                 key={entry.id}
               >
-                <ListItemHoverOverlay>
+                <ListItemHoverOverlay className="rounded">
                   <Item
                     entryPreview={{
                       entries: entry,
diff --git a/src/renderer/src/pages/(external)/layout.tsx b/src/renderer/src/pages/(external)/layout.tsx
index dea97753f4..8ee4df231b 100644
--- a/src/renderer/src/pages/(external)/layout.tsx
+++ b/src/renderer/src/pages/(external)/layout.tsx
@@ -1,3 +1,4 @@
+import { EnvironmentIndicator } from "@renderer/modules/app/EnvironmentIndicator"
 import { UserProvider } from "@renderer/providers/user-provider"
 import { Outlet } from "react-router-dom"
 
@@ -6,6 +7,8 @@ export function Component() {
     <>
       <UserProvider />
       <Outlet />
+
+      {!import.meta.env.PROD && <EnvironmentIndicator />}
     </>
   )
 }

From d7f4bb6b9f388849565a7d8fc21d2eafc0610d08 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Tue, 3 Sep 2024 23:58:21 +0800
Subject: [PATCH 31/60] feat: load archived entries

---
 src/hono.ts                                   |  2 +
 .../src/components/ui/button/variants.tsx     |  2 +-
 .../src/modules/entry-column/hooks.ts         |  9 +++-
 .../src/modules/entry-column/index.tsx        | 49 ++++++++++++++++---
 src/renderer/src/queries/entries.ts           | 14 +++---
 src/renderer/src/store/entry/store.ts         |  3 ++
 6 files changed, 63 insertions(+), 16 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index 5600f139a0..759be7ff95 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -3279,6 +3279,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     publishedAfter?: string | undefined;
                     publishedBefore?: string | undefined;
                     collected?: boolean | undefined;
+                    isCollection?: boolean | undefined;
+                    isArchived?: boolean | undefined;
                 };
             };
             output: {
diff --git a/src/renderer/src/components/ui/button/variants.tsx b/src/renderer/src/components/ui/button/variants.tsx
index b794d99ea4..98adc7218f 100644
--- a/src/renderer/src/components/ui/button/variants.tsx
+++ b/src/renderer/src/components/ui/button/variants.tsx
@@ -49,7 +49,7 @@ export const styledButtonVariant = cva(
 
         outline: cn(
           "bg-theme-background font-semibold transition-colors duration-200",
-          "border border-border hover:bg-zinc-50/20 dark:bg-neutral-900/30",
+          "border border-border hover:bg-zinc-50 dark:bg-neutral-900/30 dark:hover:bg-neutral-900/80",
           "focus:border-accent/80",
         ),
         text: cn(
diff --git a/src/renderer/src/modules/entry-column/hooks.ts b/src/renderer/src/modules/entry-column/hooks.ts
index 7c26cefd97..23fc39a951 100644
--- a/src/renderer/src/modules/entry-column/hooks.ts
+++ b/src/renderer/src/modules/entry-column/hooks.ts
@@ -56,7 +56,13 @@ export const useEntryMarkReadHandler = (entriesIds: string[]) => {
     scrollMarkUnread,
   ])
 }
-export const useEntriesByView = ({ onReset }: { onReset?: () => void }) => {
+export const useEntriesByView = ({
+  onReset,
+  isArchived,
+}: {
+  onReset?: () => void
+  isArchived?: boolean
+}) => {
   const routeParams = useRouteParms()
   const unreadOnly = useGeneralSettingKey("unreadOnly")
 
@@ -71,6 +77,7 @@ export const useEntriesByView = ({ onReset }: { onReset?: () => void }) => {
     id: folderIds?.join(",") || feedId,
     view,
     ...(unreadOnly === true && { read: false }),
+    isArchived,
   }
   const query = useEntries(entriesOptions)
 
diff --git a/src/renderer/src/modules/entry-column/index.tsx b/src/renderer/src/modules/entry-column/index.tsx
index 31a68e97a6..fdc7544b42 100644
--- a/src/renderer/src/modules/entry-column/index.tsx
+++ b/src/renderer/src/modules/entry-column/index.tsx
@@ -1,8 +1,10 @@
+import { useGeneralSettingKey } from "@renderer/atoms/settings/general"
 import { useUISettingKey } from "@renderer/atoms/settings/ui"
 import { m } from "@renderer/components/common/Motion"
 import { FeedFoundCanBeFollowError } from "@renderer/components/errors/FeedFoundCanBeFollowErrorFallback"
 import { FeedNotFound } from "@renderer/components/errors/FeedNotFound"
 import { AutoResizeHeight } from "@renderer/components/ui/auto-resize-height"
+import { Button } from "@renderer/components/ui/button"
 import { LoadingCircle } from "@renderer/components/ui/loading"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import {
@@ -22,7 +24,7 @@ import { useFeed } from "@renderer/queries/feed"
 import { entryActions, useEntry } from "@renderer/store/entry"
 import { useFeedByIdSelector } from "@renderer/store/feed"
 import { useSubscriptionByFeedId } from "@renderer/store/subscription"
-import { useCallback, useEffect, useRef } from "react"
+import { useCallback, useEffect, useRef, useState } from "react"
 import type {
   ScrollSeekConfiguration,
   VirtuosoGridProps,
@@ -44,12 +46,15 @@ const scrollSeekConfiguration: ScrollSeekConfiguration = {
 }
 export function EntryColumn() {
   const virtuosoRef = useRef<VirtuosoHandle>(null)
+  const [isArchived, setIsArchived] = useState(false)
+  const unreadOnly = useGeneralSettingKey("unreadOnly")
   const entries = useEntriesByView({
     onReset: useCallback(() => {
       virtuosoRef.current?.scrollTo({
         top: 0,
       })
     }, []),
+    isArchived,
   })
   const { entriesIds, isFetchingNextPage, groupedCounts } = entries
 
@@ -79,14 +84,41 @@ export function EntryColumn() {
 
   const handleMarkReadInRange = useEntryMarkReadHandler(entriesIds)
 
+  useEffect(() => {
+    if (isArchived) {
+      if (entries.hasNextPage) {
+        entries.fetchNextPage()
+      } else {
+        entries.refetch()
+      }
+    }
+  }, [isArchived])
+
+  const showArchivedButton = !isArchived && !unreadOnly && !isCollection && routeFeedId !== ROUTE_FEED_PENDING && entries.totalCount < 40
   const scrollRef = useRef<HTMLDivElement>(null)
   const virtuosoOptions = {
     components: {
       List: EntryListContent,
       Footer: useCallback(() => {
-        if (!isFetchingNextPage) return null
-        return <EntryItemSkeleton view={view} count={Math.min(entries.data?.pages?.[0].data?.length || 20, entries.data?.pages.at(-1)?.remaining || 20)} />
-      }, [isFetchingNextPage, view]),
+        if (!isFetchingNextPage) {
+          if (showArchivedButton) {
+            return (
+              <div className="flex justify-center py-4">
+                <Button
+                  variant="outline"
+                  onClick={() => setIsArchived(true)}
+                >
+                  Load archived entries
+                </Button>
+              </div>
+            )
+          } else {
+            return null
+          }
+        } else {
+          return <EntryItemSkeleton view={view} count={Math.min(entries.data?.pages?.[0].data?.length || 20, entries.data?.pages.at(-1)?.remaining || 20)} />
+        }
+      }, [isFetchingNextPage, view, unreadOnly, isArchived, entries]),
       ScrollSeekPlaceholder: useCallback(
         () => <EntryItemSkeleton view={view} count={1} />,
         [view],
@@ -102,8 +134,11 @@ export function EntryColumn() {
 
     totalCount: entries.totalCount,
     endReached: useCallback(async () => {
-      if (!entries.isFetchingNextPage && entries.hasNextPage) {
-        await entries.fetchNextPage()
+      if (!entries.isFetchingNextPage) {
+        const remaining = entries.data?.pages.at(-1)?.remaining
+        if (entries.hasNextPage && remaining) {
+          await entries.fetchNextPage()
+        }
       }
     }, [entries]),
     data: entriesIds,
@@ -169,7 +204,7 @@ export function EntryColumn() {
           rootClassName="h-full"
           viewportClassName="[&>div]:grow flex"
         >
-          {virtuosoOptions.totalCount === 0 ? (
+          {virtuosoOptions.totalCount === 0 && !showArchivedButton ? (
             entries.isLoading ?
               null :
                 (
diff --git a/src/renderer/src/queries/entries.ts b/src/renderer/src/queries/entries.ts
index c274e01e66..7a1c2a1eed 100644
--- a/src/renderer/src/queries/entries.ts
+++ b/src/renderer/src/queries/entries.ts
@@ -11,11 +11,13 @@ export const entries = {
     view,
     read,
     limit,
+    isArchived,
   }: {
     id?: number | string
     view?: number
     read?: boolean
     limit?: number
+    isArchived?: boolean
   }) =>
     defineQuery(
       ["entries", id, view, read, limit],
@@ -26,6 +28,7 @@ export const entries = {
           read,
           limit,
           pageParam: pageParam as string,
+          isArchived,
         }),
       {
         rootKey: ["entries", id],
@@ -109,19 +112,16 @@ export const useEntries = ({
   id,
   view,
   read,
+  isArchived,
 }: {
   id?: number | string
   view?: number
   read?: boolean
+  isArchived?: boolean
 }) =>
-  useAuthInfiniteQuery(entries.entries({ id, view, read }), {
+  useAuthInfiniteQuery(entries.entries({ id, view, read, isArchived }), {
     enabled: id !== undefined,
-    getNextPageParam: (lastPage) => {
-      if (!lastPage.data?.length || lastPage.remaining === 0) {
-        return null
-      }
-      return lastPage.data.at(-1)!.entries.publishedAt
-    },
+    getNextPageParam: (lastPage) => lastPage.data?.at(-1)?.entries.publishedAt,
     initialPageParam: undefined,
     refetchOnWindowFocus: false,
     refetchOnReconnect: false,
diff --git a/src/renderer/src/store/entry/store.ts b/src/renderer/src/store/entry/store.ts
index 3c40c150d8..54e81fe9ab 100644
--- a/src/renderer/src/store/entry/store.ts
+++ b/src/renderer/src/store/entry/store.ts
@@ -85,18 +85,21 @@ class EntryActions {
     read,
     limit,
     pageParam,
+    isArchived,
   }: {
     id?: number | string
     view?: number
     read?: boolean
     limit?: number
     pageParam?: string
+    isArchived?: boolean
   }) {
     const data = await apiClient.entries.$post({
       json: {
         publishedAfter: pageParam,
         read,
         limit,
+        isArchived,
         // withContent: true,
         ...getEntriesParams({
           id,

From c05d95d495393f1957de609c1ba4de5e707b5a81 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 00:35:41 +0800
Subject: [PATCH 32/60] fix: shadow dom style injection in prod (#270)

* update

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* test

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* fix: update

Signed-off-by: Innei <i@innei.in>

---------

Signed-off-by: Innei <i@innei.in>
---
 .../src/components/common/ShadowDOM.tsx       | 43 ++++++++++---------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/src/renderer/src/components/common/ShadowDOM.tsx b/src/renderer/src/components/common/ShadowDOM.tsx
index dbbb3c9c7d..e85967997e 100644
--- a/src/renderer/src/components/common/ShadowDOM.tsx
+++ b/src/renderer/src/components/common/ShadowDOM.tsx
@@ -1,3 +1,4 @@
+import { useUISettingKey } from "@renderer/atoms/settings/ui"
 import { useIsDark } from "@renderer/hooks/common"
 import { nanoid } from "nanoid"
 import type { FC, PropsWithChildren, ReactNode } from "react"
@@ -52,27 +53,6 @@ const cloneStylesElement = (_mutationRecord?: MutationRecord) => {
     )
   }
 
-  const $links = document.head.querySelectorAll(
-    "link[rel=stylesheet]",
-  ) as unknown as HTMLLinkElement[]
-
-  $links.forEach((link) => {
-    let key = weakMapElementKey.get(link)
-    if (!key) {
-      key = nanoid(8)
-      weakMapElementKey.set(link, key)
-    }
-
-    reactNodes.push(
-      createElement("link", {
-        key,
-        rel: "stylesheet",
-        href: link.getAttribute("href"),
-        crossOrigin: link.getAttribute("crossorigin"),
-      }),
-    )
-  })
-
   return reactNodes
 }
 export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
@@ -100,14 +80,22 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
   }, [])
 
   const dark = useIsDark()
+
+  const uiFont = useUISettingKey("uiFontFamily")
+  const staticStyleSheet = useState(getLinkedStaticStyleSheet)[0]
+
   return (
     <root.div {...rest}>
       <ShadowDOMContext.Provider value={true}>
         <div
+          style={useMemo(() => ({
+            fontFamily: uiFont,
+          }), [uiFont])}
           id="shadow-html"
           data-theme={dark ? "dark" : "light"}
           className="font-theme"
         >
+          <MemoedDangerousHTMLStyle>{staticStyleSheet}</MemoedDangerousHTMLStyle>
           {stylesElements}
           {props.children}
         </div>
@@ -117,3 +105,16 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
 }
 
 ShadowDOM.useIsShadowDOM = () => useContext(ShadowDOMContext)
+
+function getLinkedStaticStyleSheet() {
+  let cssText = ""
+
+  for (const sheet of document.styleSheets) {
+    if (!sheet.href) continue
+    const rules = sheet.cssRules || sheet.rules
+    for (const rule of rules) {
+      cssText += `${rule.cssText}\n`
+    }
+  }
+  return cssText
+}

From c1e3a025f7ef8ff570399a44a95797c2c8261e42 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 15:04:50 +0800
Subject: [PATCH 33/60] perf: shadow dom css cache

Signed-off-by: Innei <i@innei.in>
---
 .../src/components/common/ShadowDOM.tsx       | 104 ++++++++++++++----
 1 file changed, 81 insertions(+), 23 deletions(-)

diff --git a/src/renderer/src/components/common/ShadowDOM.tsx b/src/renderer/src/components/common/ShadowDOM.tsx
index e85967997e..9118c76473 100644
--- a/src/renderer/src/components/common/ShadowDOM.tsx
+++ b/src/renderer/src/components/common/ShadowDOM.tsx
@@ -15,18 +15,25 @@ import root from "react-shadow"
 
 const ShadowDOMContext = createContext(false)
 
-const MemoedDangerousHTMLStyle: FC<{ children: string }> = memo(
-  ({ children }) => (
-    <style
-      dangerouslySetInnerHTML={useMemo(
-        () => ({
-          __html: children,
-        }),
-        [children],
-      )}
-    />
-  ),
-)
+const MemoedDangerousHTMLStyle: FC<
+  {
+    children: string
+  } & React.DetailedHTMLProps<
+    React.StyleHTMLAttributes<HTMLStyleElement>,
+    HTMLStyleElement
+  > &
+  Record<string, unknown>
+> = memo(({ children, ...rest }) => (
+  <style
+    {...rest}
+    dangerouslySetInnerHTML={useMemo(
+      () => ({
+        __html: children,
+      }),
+      [children],
+    )}
+  />
+))
 
 const weakMapElementKey = new WeakMap<
   HTMLStyleElement | HTMLLinkElement,
@@ -51,6 +58,24 @@ const cloneStylesElement = (_mutationRecord?: MutationRecord) => {
         children: $style.innerHTML,
       }),
     )
+
+    const styles = getLinkedStaticStyleSheets()
+
+    for (const style of styles) {
+      let key = weakMapElementKey.get(style.ref)
+      if (!key) {
+        key = nanoid(8)
+        weakMapElementKey.set(style.ref, key)
+      }
+
+      reactNodes.push(
+        createElement(MemoedDangerousHTMLStyle, {
+          key,
+          children: style.cssText,
+          ["data-href"]: style.ref.href,
+        }),
+      )
+    }
   }
 
   return reactNodes
@@ -82,20 +107,21 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
   const dark = useIsDark()
 
   const uiFont = useUISettingKey("uiFontFamily")
-  const staticStyleSheet = useState(getLinkedStaticStyleSheet)[0]
 
   return (
     <root.div {...rest}>
       <ShadowDOMContext.Provider value={true}>
         <div
-          style={useMemo(() => ({
-            fontFamily: uiFont,
-          }), [uiFont])}
+          style={useMemo(
+            () => ({
+              fontFamily: uiFont,
+            }),
+            [uiFont],
+          )}
           id="shadow-html"
           data-theme={dark ? "dark" : "light"}
           className="font-theme"
         >
-          <MemoedDangerousHTMLStyle>{staticStyleSheet}</MemoedDangerousHTMLStyle>
           {stylesElements}
           {props.children}
         </div>
@@ -106,15 +132,47 @@ export const ShadowDOM: FC<PropsWithChildren<React.HTMLProps<HTMLElement>>> & {
 
 ShadowDOM.useIsShadowDOM = () => useContext(ShadowDOMContext)
 
-function getLinkedStaticStyleSheet() {
-  let cssText = ""
+const cacheCssTextMap = {} as Record<string, string>
+
+function getLinkedStaticStyleSheets() {
+  const $links = document.head
+    .querySelectorAll("link[rel=stylesheet]")
+    .values() as unknown as HTMLLinkElement[]
+
+  const styleSheetMap = new WeakMap<
+    Element | ProcessingInstruction,
+    CSSStyleSheet
+  >()
+
+  const cssArray = [] as { cssText: string, ref: HTMLLinkElement }[]
 
   for (const sheet of document.styleSheets) {
     if (!sheet.href) continue
-    const rules = sheet.cssRules || sheet.rules
-    for (const rule of rules) {
-      cssText += `${rule.cssText}\n`
+    if (!sheet.ownerNode) continue
+    styleSheetMap.set(sheet.ownerNode, sheet)
+  }
+
+  for (const $link of $links) {
+    const sheet = styleSheetMap.get($link)
+    if (!sheet) continue
+    if (!sheet.href) continue
+    const hasCache = cacheCssTextMap[sheet.href]
+    if (!hasCache) {
+      if (!sheet.href) continue
+      const rules = sheet.cssRules || sheet.rules
+      let cssText = ""
+      for (const rule of rules) {
+        cssText += rule.cssText
+      }
+
+      cacheCssTextMap[sheet.href] = cssText
     }
+
+    cssArray.push({
+      cssText: cacheCssTextMap[sheet.href],
+      ref: $link,
+    })
   }
-  return cssText
+
+  return cssArray
 }

From ca381cebf81cc745e56fe35811004d89b55609ba Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 16:26:30 +0800
Subject: [PATCH 34/60] feat: auto claim daily `POWER`, and update table style

Signed-off-by: Innei <i@innei.in>
---
 eslint.config.mjs                             |  1 +
 .../src/components/ui/datetime/index.tsx      | 20 +++++++++----
 src/renderer/src/hooks/biz/useDailyTask.ts    | 17 +++++++++++
 .../tabs/wallet/transaction-section/index.tsx | 29 +++++++++++++------
 src/renderer/src/pages/(main)/layout.tsx      |  4 ++-
 5 files changed, 56 insertions(+), 15 deletions(-)
 create mode 100644 src/renderer/src/hooks/biz/useDailyTask.ts

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 2dd995663f..06577cf1a9 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -24,6 +24,7 @@ export default defineConfig(
     rules: {
       "unicorn/prefer-math-trunc": "off",
       "@eslint-react/no-clone-element": 0,
+      "@eslint-react/hooks-extra/no-direct-set-state-in-use-effect": 0,
       "no-restricted-syntax": 0,
       "no-restricted-globals": [
         "error",
diff --git a/src/renderer/src/components/ui/datetime/index.tsx b/src/renderer/src/components/ui/datetime/index.tsx
index 2f8d9d587b..625cd5c93f 100644
--- a/src/renderer/src/components/ui/datetime/index.tsx
+++ b/src/renderer/src/components/ui/datetime/index.tsx
@@ -10,12 +10,13 @@ import {
   TooltipTrigger,
 } from "../tooltip"
 
+const formatTemplateString = "lll"
 const formatTime = (date: string | Date, relativeBeforeDay?: number) => {
   if (
     relativeBeforeDay &&
     Math.abs(dayjs(date).diff(new Date(), "d")) > relativeBeforeDay
   ) {
-    return dayjs(date).format("lll")
+    return dayjs(date).format(formatTemplateString)
   }
   return dayjs
     .duration(dayjs(date).diff(dayjs(), "minute"), "minute")
@@ -73,17 +74,20 @@ export const RelativeTime: FC<{
       clearTimeout(timerRef.current)
     }
   }, [props.date, displayAbsoluteTimeAfterDay])
+  const formated = dayjs(props.date).format(formatTemplateString)
 
+  if (formated === relative) {
+    return <>{relative}</>
+  }
   return (
     <Tooltip>
-
       {/* https://github.com/radix-ui/primitives/issues/2248#issuecomment-2147056904 */}
       <TooltipTrigger onFocusCapture={stopPropagation}>
         {relative}
       </TooltipTrigger>
 
       <TooltipPortal>
-        <TooltipContent>{dayjs(props.date).format("llll")}</TooltipContent>
+        <TooltipContent>{formated}</TooltipContent>
       </TooltipPortal>
     </Tooltip>
   )
@@ -135,11 +139,17 @@ export const RelativeDay = ({ date }: { date: Date }) => {
     }
   }, [date])
 
+  const formated = dayjs(date).format(formatTemplateString)
+  if (formated === dateString) {
+    return <>{dateString}</>
+  }
   return (
     <Tooltip>
-      <TooltipTrigger onFocusCapture={stopPropagation}>{dateString}</TooltipTrigger>
+      <TooltipTrigger onFocusCapture={stopPropagation}>
+        {dateString}
+      </TooltipTrigger>
       <TooltipPortal>
-        <TooltipContent>{dayjs(date).format("llll")}</TooltipContent>
+        <TooltipContent>{formated}</TooltipContent>
       </TooltipPortal>
     </Tooltip>
   )
diff --git a/src/renderer/src/hooks/biz/useDailyTask.ts b/src/renderer/src/hooks/biz/useDailyTask.ts
new file mode 100644
index 0000000000..1229359cf2
--- /dev/null
+++ b/src/renderer/src/hooks/biz/useDailyTask.ts
@@ -0,0 +1,17 @@
+import { getStorageNS } from "@renderer/lib/ns"
+import { useClaimWalletDailyRewardMutation } from "@renderer/queries/wallet"
+import { useEffect } from "react"
+
+const CLAIM_DAILY_KEY = getStorageNS("claimDaily")
+export const useDailyTask = () => {
+  const { mutateAsync: claimDaily } = useClaimWalletDailyRewardMutation()
+
+  useEffect(() => {
+    const today = new Date().toDateString()
+
+    if (localStorage.getItem(CLAIM_DAILY_KEY) === today) return
+    claimDaily().finally(() => {
+      localStorage.setItem(CLAIM_DAILY_KEY, today)
+    })
+  }, [claimDaily])
+}
diff --git a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
index 13837aea72..64be436cf8 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
@@ -5,6 +5,7 @@ import {
   AvatarFallback,
   AvatarImage,
 } from "@renderer/components/ui/avatar"
+import { MotionButtonBase } from "@renderer/components/ui/button"
 import { RelativeTime } from "@renderer/components/ui/datetime"
 import { LoadingCircle } from "@renderer/components/ui/loading"
 import {
@@ -16,6 +17,7 @@ import {
   TableRow,
 } from "@renderer/components/ui/table"
 import { cn } from "@renderer/lib/utils"
+import { usePresentUserProfileModal } from "@renderer/modules/profile/hooks"
 import { SettingSectionTitle } from "@renderer/modules/settings/section"
 import { Balance } from "@renderer/modules/wallet/balance"
 import { useWallet, useWalletTransactions } from "@renderer/queries/wallet"
@@ -53,13 +55,13 @@ export const TransactionsSection = () => {
               <TableHead className="text-center" size="sm">
                 Amount
               </TableHead>
-              <TableHead className="pl-5" size="sm">
+              <TableHead className="pl-8" size="sm">
                 From
               </TableHead>
-              <TableHead className="pl-5" size="sm">
+              <TableHead className="pl-8" size="sm">
                 To
               </TableHead>
-              <TableHead className="text-center" size="sm">
+              <TableHead className="pl-6" size="sm">
                 Date
               </TableHead>
             </TableRow>
@@ -76,14 +78,14 @@ export const TransactionsSection = () => {
                     amount={row.powerToken}
                   />
                 </TableCell>
-                <TableCell align="center" size="sm">
+                <TableCell align="left" className="px-3" size="sm">
                   <UserRenderer user={row.fromUser} />
                 </TableCell>
-                <TableCell align="center" size="sm">
+                <TableCell align="left" className="px-3" size="sm">
                   <UserRenderer user={row.toUser} />
                 </TableCell>
-                {/* <TableCell align="center" size="sm"><FeedRenderer feed={row.toFeed} /></TableCell> */}
-                <TableCell align="center" size="sm">
+
+                <TableCell align="left" size="sm" className="pl-6">
                   <RelativeTime date={row.createdAt} />
                 </TableCell>
               </TableRow>
@@ -151,8 +153,17 @@ const UserRenderer = ({
 
   const name = isMe ? "You" : user?.name || APP_NAME
 
+  const presentUserModal = usePresentUserProfileModal()
   return (
-    <div className="flex">
+    <MotionButtonBase
+      onClick={() => {
+        if (user?.id) presentUserModal(user.id)
+      }}
+      className={cn(
+        "flex items-center",
+        user?.id ? "cursor-pointer" : "cursor-default",
+      )}
+    >
       {name === APP_NAME ? (
         <Logo className="aspect-square size-4" />
       ) : (
@@ -165,6 +176,6 @@ const UserRenderer = ({
       <div className="ml-1">
         {isMe ? <span className="font-bold">You</span> : name}
       </div>
-    </div>
+    </MotionButtonBase>
   )
 }
diff --git a/src/renderer/src/pages/(main)/layout.tsx b/src/renderer/src/pages/(main)/layout.tsx
index ff26293f05..a2e3c9e82c 100644
--- a/src/renderer/src/pages/(main)/layout.tsx
+++ b/src/renderer/src/pages/(main)/layout.tsx
@@ -11,6 +11,7 @@ import { NoopChildren } from "@renderer/components/ui/modal/stacked/utils"
 import { RootPortal } from "@renderer/components/ui/portal"
 import { HotKeyScopeMap } from "@renderer/constants"
 import { shortcuts } from "@renderer/constants/shortcuts"
+import { useDailyTask } from "@renderer/hooks/biz/useDailyTask"
 import { preventDefault } from "@renderer/lib/dom"
 import { cn } from "@renderer/lib/utils"
 import { EnvironmentIndicator } from "@renderer/modules/app/EnvironmentIndicator"
@@ -67,6 +68,8 @@ export function Component() {
 
   const containerRef = useRef<HTMLDivElement>(null)
 
+  useDailyTask()
+
   return (
     <div
       className="flex h-screen overflow-hidden"
@@ -181,7 +184,6 @@ const FeedResponsiveResizerContainer = ({
         setDelayShowSplitter(true)
       }, 200)
     } else {
-      // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
       setDelayShowSplitter(false)
     }
 

From 64f40ee614a3d820b555c76b957287f289d01bb9 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 16:40:59 +0800
Subject: [PATCH 35/60] fix: stored user profile item style

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/hooks/biz/useDailyTask.ts          |  2 +-
 .../src/modules/profile/user-profile-modal.tsx      | 13 ++++++++++++-
 .../tabs/wallet/transaction-section/index.tsx       |  2 +-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/hooks/biz/useDailyTask.ts b/src/renderer/src/hooks/biz/useDailyTask.ts
index 1229359cf2..30538c4e83 100644
--- a/src/renderer/src/hooks/biz/useDailyTask.ts
+++ b/src/renderer/src/hooks/biz/useDailyTask.ts
@@ -10,7 +10,7 @@ export const useDailyTask = () => {
     const today = new Date().toDateString()
 
     if (localStorage.getItem(CLAIM_DAILY_KEY) === today) return
-    claimDaily().finally(() => {
+    claimDaily().then(() => {
       localStorage.setItem(CLAIM_DAILY_KEY, today)
     })
   }, [claimDaily])
diff --git a/src/renderer/src/modules/profile/user-profile-modal.tsx b/src/renderer/src/modules/profile/user-profile-modal.tsx
index e4a3689a32..f88985f076 100644
--- a/src/renderer/src/modules/profile/user-profile-modal.tsx
+++ b/src/renderer/src/modules/profile/user-profile-modal.tsx
@@ -18,18 +18,29 @@ import { useAuthQuery } from "@renderer/hooks/common"
 import { apiClient } from "@renderer/lib/api-fetch"
 import { defineQuery } from "@renderer/lib/defineQuery"
 import { nextFrame, stopPropagation } from "@renderer/lib/dom"
+import { getStorageNS } from "@renderer/lib/ns"
 import { cn } from "@renderer/lib/utils"
 import type { SubscriptionModel } from "@renderer/models"
 import { useUserSubscriptionsQuery } from "@renderer/modules/profile/hooks"
 import { useSubscriptionStore } from "@renderer/store/subscription"
 import { useUserById } from "@renderer/store/user"
 import { useAnimationControls } from "framer-motion"
+import { useAtom } from "jotai"
+import { atomWithStorage } from "jotai/utils"
 import { throttle } from "lodash-es"
 import type { FC } from "react"
 import { Fragment, useEffect, useMemo, useRef, useState } from "react"
 
 import { FeedForm } from "../discover/feed-form"
 
+const itemVariantAtom = atomWithStorage(
+  getStorageNS("item-variant"),
+  "loose",
+  undefined,
+  {
+    getOnInit: true,
+  },
+)
 type ItemVariant = "loose" | "compact"
 export const UserProfileModalContent: FC<{
   userId: string
@@ -155,7 +166,7 @@ export const UserProfileModalContent: FC<{
     }
   }, [variant, winHeight])
 
-  const [itemStyle, setItemStyle] = useState("loose" as ItemVariant)
+  const [itemStyle, setItemStyle] = useAtom(itemVariantAtom)
 
   return (
     <div
diff --git a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
index 64be436cf8..7a0e69812b 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
@@ -153,7 +153,7 @@ const UserRenderer = ({
 
   const name = isMe ? "You" : user?.name || APP_NAME
 
-  const presentUserModal = usePresentUserProfileModal()
+  const presentUserModal = usePresentUserProfileModal("drawer")
   return (
     <MotionButtonBase
       onClick={() => {

From 3ff11dce35061de2b784621519eee79f87a93993 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 17:39:16 +0800
Subject: [PATCH 36/60] feat: hoverable translation design, fixes #268

Signed-off-by: Innei <i@innei.in>
---
 icons/mgc/translate_2_cute_re.svg             |   1 +
 .../components/ui/scroll-area/ScrollArea.tsx  |   2 +-
 .../ui/scroll-area/index.module.css           |  31 +--
 src/renderer/src/components/ui/tooltip.tsx    |  22 +-
 src/renderer/src/hooks/common/index.ts        |   1 +
 src/renderer/src/hooks/common/useMeasure.ts   | 232 ++++++++++++++++++
 .../templates/list-item-template.tsx          |   6 +
 .../src/modules/entry-column/translation.tsx  |  72 ++++--
 .../modules/profile/user-profile-modal.tsx    |   2 +-
 9 files changed, 310 insertions(+), 59 deletions(-)
 create mode 100644 icons/mgc/translate_2_cute_re.svg
 create mode 100644 src/renderer/src/hooks/common/useMeasure.ts

diff --git a/icons/mgc/translate_2_cute_re.svg b/icons/mgc/translate_2_cute_re.svg
new file mode 100644
index 0000000000..364240100e
--- /dev/null
+++ b/icons/mgc/translate_2_cute_re.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" fill-opacity=".01" d="M24 0v24H0V0z"/><path stroke="#10161F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 20c.9-3.068 2.116-6.272 3.689-9.118a.92.92 0 0 1 1.622 0C17.884 13.728 19.1 16.932 20 20m-7.65-3h6.3M4 6h5m0 0h3M9 6V4m3 2h2m-2 0c0 2.39-1.071 4.78-3 6.744m0 0C7.7 14.066 6.012 15.195 4 16m5-3.256C7.887 11.61 7.06 10.335 6.559 9M9 12.744c1 1.018 2.23 1.92 3.662 2.65"/></svg>
\ No newline at end of file
diff --git a/src/renderer/src/components/ui/scroll-area/ScrollArea.tsx b/src/renderer/src/components/ui/scroll-area/ScrollArea.tsx
index b1320e42b4..8e1c5f9395 100644
--- a/src/renderer/src/components/ui/scroll-area/ScrollArea.tsx
+++ b/src/renderer/src/components/ui/scroll-area/ScrollArea.tsx
@@ -103,7 +103,7 @@ const Viewport = React.forwardRef<
       ref={ref}
       className={cn(
         "block size-full",
-        shouldAddMask && styles["scroller"],
+        shouldAddMask && styles["mask-scroller"],
         className,
       )}
     />
diff --git a/src/renderer/src/components/ui/scroll-area/index.module.css b/src/renderer/src/components/ui/scroll-area/index.module.css
index 644e1f850c..26a1e4df11 100644
--- a/src/renderer/src/components/ui/scroll-area/index.module.css
+++ b/src/renderer/src/components/ui/scroll-area/index.module.css
@@ -1,45 +1,30 @@
-.scroller {
-  animation: mask-up;
-  animation-timeline: scroll(self);
-  animation-range: 0 1rem;
-  mask-composite: exclude;
-}
-@​keyframes mask-up {
-  to {
-    mask-size: 100% 120px, 100% 100%;
-  }
-}
-
-.scroller {
-  --mask-size: 48px;
-  padding: 0;
-  background: transparent;
+.mask-scroller {
   mask: linear-gradient(white, transparent) 50% 0 / 100% 0 no-repeat,
     linear-gradient(white, white) 50% 50% / 100% 100% no-repeat,
-    linear-gradient(transparent, white) 50% 100% / 100% 100px no-repeat;
+    linear-gradient(transparent, white) 50% 100% / 100% 30px no-repeat;
   mask-composite: exclude;
-  mask-size: 100% calc((var(--scroll-progress-top) / 100) * 100px), 100% 100%,
+  mask-size: 100% calc((var(--scroll-progress-top) / 100) * 30px), 100% 100%,
     100% calc((100 - (100 * (var(--scroll-progress-bottom) / 100))) * 1px);
 }
 
 @supports (animation-timeline: scroll()) {
-  .scroller {
+  .mask-scroller {
     mask: linear-gradient(white, transparent) 50% 0 / 100% 0 no-repeat,
       linear-gradient(white, white) 50% 50% / 100% 100% no-repeat,
-      linear-gradient(transparent, white) 50% 100% / 100% 100px no-repeat;
+      linear-gradient(transparent, white) 50% 100% / 100% 30px no-repeat;
     mask-composite: exclude;
     animation: mask-up both linear, mask-down both linear;
     animation-timeline: scroll(self);
-    animation-range: 0 2rem, calc(100% - 2rem) 100%;
+    animation-range: 0 50px, calc(100% - 50px) 100%;
   }
 }
 @keyframes mask-up {
   100% {
-    mask-size: 100% 100px, 100% 100%, 100% 100px;
+    mask-size: 100% 30px, 100% 100%, 100% 30px;
   }
 }
 @keyframes mask-down {
   100% {
-    mask-size: 100% 100px, 100% 100%, 100% 0;
+    mask-size: 100% 30px, 100% 100%, 100% 0;
   }
 }
diff --git a/src/renderer/src/components/ui/tooltip.tsx b/src/renderer/src/components/ui/tooltip.tsx
index 08e92de647..51356604f5 100644
--- a/src/renderer/src/components/ui/tooltip.tsx
+++ b/src/renderer/src/components/ui/tooltip.tsx
@@ -13,6 +13,16 @@ const Tooltip: typeof TooltipProvider = ({ children, ...props }) => (
 
 const TooltipTrigger = TooltipPrimitive.Trigger
 
+export const tooltipStyle = {
+  content: [
+    "relative z-[101] border border-accent/10 bg-white px-2 py-1 text-foreground dark:bg-neutral-950",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+    "rounded-lg text-sm",
+    "max-w-[75ch] select-text",
+    "drop-shadow data-[side=top]:shadow-tooltip-bottom data-[side=bottom]:shadow-tooltip-top dark:border-border",
+  ],
+}
+
 const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
@@ -21,17 +31,7 @@ const TooltipContent = React.forwardRef<
     ref={ref}
     asChild
     sideOffset={sideOffset}
-    className={cn(
-      "relative z-[101] border border-accent/10 bg-white px-2 py-1 text-foreground dark:bg-neutral-950",
-      // "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out  data-[state=closed]:zoom-out-95 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-      "rounded-lg text-sm",
-      "max-w-[75ch] select-text",
-
-      "drop-shadow data-[side=top]:shadow-tooltip-bottom data-[side=bottom]:shadow-tooltip-top dark:border-border",
-
-      className,
-    )}
+    className={cn(tooltipStyle, className)}
     {...props}
   >
     <m.div
diff --git a/src/renderer/src/hooks/common/index.ts b/src/renderer/src/hooks/common/index.ts
index 5fb676c267..d52717dfbb 100644
--- a/src/renderer/src/hooks/common/index.ts
+++ b/src/renderer/src/hooks/common/index.ts
@@ -2,6 +2,7 @@ export * from "./useBizQuery"
 export * from "./useDark"
 export * from "./useInputComposition"
 export * from "./useIsOnline"
+export * from "./useMeasure"
 export * from "./usePageVisibility"
 export * from "./usePrevious"
 export * from "./useRefValue"
diff --git a/src/renderer/src/hooks/common/useMeasure.ts b/src/renderer/src/hooks/common/useMeasure.ts
new file mode 100644
index 0000000000..ba0bb84613
--- /dev/null
+++ b/src/renderer/src/hooks/common/useMeasure.ts
@@ -0,0 +1,232 @@
+// @copy https://github.com/pmndrs/react-use-measure/blob/master/src/web/index.ts
+
+import { debounce } from "lodash-es"
+import { useEffect, useMemo, useRef, useState } from "react"
+
+const createDebounce = debounce
+declare type ResizeObserverCallback = (
+  entries: any[],
+  observer: ResizeObserver
+) => void
+declare class ResizeObserver {
+  constructor(callback: ResizeObserverCallback)
+  observe(target: Element, options?: any): void
+  unobserve(target: Element): void
+  disconnect(): void
+  static toString(): string
+}
+
+export interface RectReadOnly {
+  readonly x: number
+  readonly y: number
+  readonly width: number
+  readonly height: number
+  readonly top: number
+  readonly right: number
+  readonly bottom: number
+  readonly left: number
+  [key: string]: number
+}
+
+type HTMLOrSVGElement = HTMLElement | SVGElement
+
+type Result = [
+  (element: HTMLOrSVGElement | null) => void,
+  RectReadOnly,
+  () => void,
+]
+
+type State = {
+  element: HTMLOrSVGElement | null
+  scrollContainers: HTMLOrSVGElement[] | null
+  resizeObserver: ResizeObserver | null
+  lastBounds: RectReadOnly
+}
+
+export type Options = {
+  debounce?: number | { scroll: number, resize: number }
+  scroll?: boolean
+  offsetSize?: boolean
+}
+
+const defaultOptions: Options = {
+  debounce: 0,
+  scroll: false,
+  offsetSize: false,
+}
+export function useMeasure({
+  debounce,
+  scroll,
+  offsetSize,
+}: Options = defaultOptions): Result {
+  const [bounds, set] = useState<RectReadOnly>({
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0,
+    bottom: 0,
+    right: 0,
+    x: 0,
+    y: 0,
+  })
+
+  // keep all state in a ref
+  const state = useRef<State>({
+    element: null,
+    scrollContainers: null,
+    resizeObserver: null,
+    lastBounds: bounds,
+  })
+
+  // set actual debounce values early, so effects know if they should react accordingly
+  const scrollDebounce = debounce ?
+    typeof debounce === "number" ?
+      debounce :
+      debounce.scroll :
+    null
+  const resizeDebounce = debounce ?
+    typeof debounce === "number" ?
+      debounce :
+      debounce.resize :
+    null
+
+  // make sure to update state only as long as the component is truly mounted
+  const mounted = useRef(false)
+  useEffect(() => {
+    mounted.current = true
+    return () => void (mounted.current = false)
+  })
+
+  // memoize handlers, so event-listeners know when they should update
+  const [forceRefresh, resizeChange, scrollChange] = useMemo(() => {
+    const callback = () => {
+      if (!state.current.element) return
+      const { left, top, width, height, bottom, right, x, y } =
+        state.current.element.getBoundingClientRect() as unknown as RectReadOnly
+
+      const size = {
+        left,
+        top,
+        width,
+        height,
+        bottom,
+        right,
+        x,
+        y,
+      }
+
+      if (state.current.element instanceof HTMLElement && offsetSize) {
+        size.height = state.current.element.offsetHeight
+        size.width = state.current.element.offsetWidth
+      }
+
+      Object.freeze(size)
+      if (mounted.current && !areBoundsEqual(state.current.lastBounds, size)) { set((state.current.lastBounds = size)) }
+    }
+    return [
+      callback,
+      resizeDebounce ? createDebounce(callback, resizeDebounce) : callback,
+      scrollDebounce ? createDebounce(callback, scrollDebounce) : callback,
+    ]
+  }, [set, offsetSize, scrollDebounce, resizeDebounce])
+
+  // cleanup current scroll-listeners / observers
+  function removeListeners() {
+    if (state.current.scrollContainers) {
+      state.current.scrollContainers.forEach((element) =>
+        element.removeEventListener("scroll", scrollChange, true),
+      )
+      state.current.scrollContainers = null
+    }
+
+    if (state.current.resizeObserver) {
+      state.current.resizeObserver.disconnect()
+      state.current.resizeObserver = null
+    }
+  }
+
+  // add scroll-listeners / observers
+  function addListeners() {
+    if (!state.current.element) return
+    state.current.resizeObserver = new ResizeObserver(scrollChange)
+    state.current.resizeObserver!.observe(state.current.element)
+    if (scroll && state.current.scrollContainers) {
+      state.current.scrollContainers.forEach((scrollContainer) =>
+        scrollContainer.addEventListener("scroll", scrollChange, {
+          capture: true,
+          passive: true,
+        }),
+      )
+    }
+  }
+
+  // the ref we expose to the user
+  const ref = (node: HTMLOrSVGElement | null) => {
+    if (!node || node === state.current.element) return
+    removeListeners()
+    state.current.element = node
+    state.current.scrollContainers = findScrollContainers(node)
+    addListeners()
+  }
+
+  // add general event listeners
+  useOnWindowScroll(scrollChange, Boolean(scroll))
+  useOnWindowResize(resizeChange)
+
+  // respond to changes that are relevant for the listeners
+  useEffect(() => {
+    removeListeners()
+    addListeners()
+  }, [scroll, scrollChange, resizeChange])
+
+  // remove all listeners when the components unmounts
+  useEffect(() => removeListeners, [])
+  return [ref, bounds, forceRefresh]
+}
+
+// Adds native resize listener to window
+function useOnWindowResize(onWindowResize: (event: Event) => void) {
+  useEffect(() => {
+    const cb = onWindowResize
+    window.addEventListener("resize", cb)
+    return () => void window.removeEventListener("resize", cb)
+  }, [onWindowResize])
+}
+function useOnWindowScroll(onScroll: () => void, enabled: boolean) {
+  useEffect(() => {
+    if (enabled) {
+      const cb = onScroll
+      window.addEventListener("scroll", cb, { capture: true, passive: true })
+      return () => void window.removeEventListener("scroll", cb, true)
+    }
+  }, [onScroll, enabled])
+}
+
+// Returns a list of scroll offsets
+function findScrollContainers(
+  element: HTMLOrSVGElement | null,
+): HTMLOrSVGElement[] {
+  const result: HTMLOrSVGElement[] = []
+  if (!element || element === document.body) return result
+  const { overflow, overflowX, overflowY } = window.getComputedStyle(element)
+  if (
+    [overflow, overflowX, overflowY].some(
+      (prop) => prop === "auto" || prop === "scroll",
+    )
+  ) { result.push(element) }
+  return [...result, ...findScrollContainers(element.parentElement)]
+}
+
+// Checks if element boundaries are equal
+const keys: (keyof RectReadOnly)[] = [
+  "x",
+  "y",
+  "top",
+  "bottom",
+  "left",
+  "right",
+  "width",
+  "height",
+]
+const areBoundsEqual = (a: RectReadOnly, b: RectReadOnly): boolean =>
+  keys.every((key) => a[key] === b[key])
diff --git a/src/renderer/src/modules/entry-column/templates/list-item-template.tsx b/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
index 6c5bc56e1f..d8e732ff49 100644
--- a/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
+++ b/src/renderer/src/modules/entry-column/templates/list-item-template.tsx
@@ -99,12 +99,16 @@ export function ListItem({
         >
           {entry.entries.title ? (
             <EntryTranslation
+              useOverlay
+              side="top"
               className={envIsSafari ? "line-clamp-2 break-all" : undefined}
               source={entry.entries.title}
               target={translation?.title}
             />
           ) : (
             <EntryTranslation
+              useOverlay
+              side="top"
               source={entry.entries.description}
               target={translation?.description}
             />
@@ -121,6 +125,8 @@ export function ListItem({
             )}
           >
             <EntryTranslation
+              useOverlay
+              side="top"
               className={envIsSafari ? "line-clamp-2 break-all" : undefined}
               source={entry.entries.description}
               target={translation?.description}
diff --git a/src/renderer/src/modules/entry-column/translation.tsx b/src/renderer/src/modules/entry-column/translation.tsx
index 040ebadab0..92fb046748 100644
--- a/src/renderer/src/modules/entry-column/translation.tsx
+++ b/src/renderer/src/modules/entry-column/translation.tsx
@@ -1,36 +1,62 @@
-import { useHover } from "@use-gesture/react"
-import { useRef, useState } from "react"
+import * as HoverCard from "@radix-ui/react-hover-card"
+import { ScrollArea } from "@renderer/components/ui/scroll-area"
+import { tooltipStyle } from "@renderer/components/ui/tooltip"
+import { useMeasure } from "@renderer/hooks/common"
+import { cn } from "@renderer/lib/utils"
 
 export const EntryTranslation: Component<{
   source?: string | null
   target?: string
-}> = ({ source, target, className }) => {
+
+  side?: "top" | "bottom"
+
+  useOverlay?: boolean
+}> = ({ source, target, className, side, useOverlay }) => {
   let nextTarget = target
   if (source === target) {
     nextTarget = undefined
   }
 
-  const ref = useRef<HTMLDivElement>(null)
-  const [hovered, setHovered] = useState(false)
-  useHover(
-    (event) => {
-      setHovered(event.active)
-    },
-    {
-      target: ref,
-    },
-  )
+  const [ref, bounds] = useMeasure({ debounce: 60 })
 
+  if (!nextTarget && source) {
+    return <div className={className}>{source}</div>
+  }
   return (
-    <div ref={ref} className={className}>
-      {nextTarget && !hovered ? (
-        <>
-          <i className="i-mgc-magic-2-cute-re mr-1 align-middle" />
-          <span className="align-middle">{nextTarget}</span>
-        </>
-      ) : (
-        <span className="align-middle">{source}</span>
-      )}
-    </div>
+    <HoverCard.Root>
+      <HoverCard.Trigger className={className} ref={ref}>
+        <i className="i-mgc-translate-2-cute-re mr-1 align-middle" />
+        <span className="align-middle">{nextTarget}</span>
+      </HoverCard.Trigger>
+      <HoverCard.Portal>
+        <HoverCard.Content
+          className={cn(
+            "group relative text-sm",
+            "animate-in fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 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",
+          )}
+          style={useOverlay ? { width: bounds.width } : undefined}
+          side={side}
+          sideOffset={useOverlay ? 0 : 12}
+        >
+          {useOverlay ? (
+            <div className="absolute inset-x-0">
+              <ScrollArea.ScrollArea
+                mask
+                rootClassName={cn(
+                  "shadow-modal rounded-xl border bg-background p-2",
+                  "group-data-[side=top]:top-0",
+                  "group-data-[side=bottom]:top-full",
+                )}
+                viewportClassName="max-h-[12ch]"
+              >
+                <span className="align-middle">{source}</span>
+              </ScrollArea.ScrollArea>
+            </div>
+          ) : (
+            <span className={cn(tooltipStyle.content)}>{source}</span>
+          )}
+        </HoverCard.Content>
+      </HoverCard.Portal>
+    </HoverCard.Root>
   )
 }
diff --git a/src/renderer/src/modules/profile/user-profile-modal.tsx b/src/renderer/src/modules/profile/user-profile-modal.tsx
index f88985f076..0bd7b1c8be 100644
--- a/src/renderer/src/modules/profile/user-profile-modal.tsx
+++ b/src/renderer/src/modules/profile/user-profile-modal.tsx
@@ -35,7 +35,7 @@ import { FeedForm } from "../discover/feed-form"
 
 const itemVariantAtom = atomWithStorage(
   getStorageNS("item-variant"),
-  "loose",
+  "loose" as ItemVariant,
   undefined,
   {
     getOnInit: true,

From c3630f85bd221ecf875b20337e5c6a452c613362 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 4 Sep 2024 18:09:12 +0800
Subject: [PATCH 37/60] feat: new power page

---
 .../tabs/wallet/my-wallet-section/index.tsx   | 24 +++++++++++++++----
 .../wallet/my-wallet-section/withdraw.tsx     | 19 +++++++++++++++
 2 files changed, 38 insertions(+), 5 deletions(-)
 create mode 100644 src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx

diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
index 4d0f03a149..cd0a01c7b1 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
@@ -1,5 +1,5 @@
 import { useWhoami } from "@renderer/atoms/user"
-import { Divider } from "@renderer/components/ui/divider"
+import { CopyButton } from "@renderer/components/ui/code-highlighter"
 import { LoadingWithIcon } from "@renderer/components/ui/loading"
 import {
   Tooltip,
@@ -13,6 +13,7 @@ import { useWallet } from "@renderer/queries/wallet"
 
 import { ClaimDailyReward } from "./claim-daily-reward"
 import { CreateWallet } from "./create-wallet"
+import { WithdrawButton } from "./withdraw"
 
 export const MyWalletSection = () => {
   const user = useWhoami()
@@ -37,15 +38,28 @@ export const MyWalletSection = () => {
   return (
     <div className="space-y-8">
       <div>
-        <SettingSectionTitle title="Balance" />
-        <div className="flex items-end justify-between">
+        <div className="text-sm">
+          <p>Power is an ERC-20 token on the <a className="underline" target="_blank" href="https://scan.rss3.io/token/0xE06Af68F0c9e819513a6CD083EF6848E76C28CD8">VSL blockchain</a>.</p>
+          <p>You can claim 2 free Power daily, which can be used to tip RSS entries on Follow.</p>
+        </div>
+        <SettingSectionTitle title="Your Address" />
+        <div className="flex items-center gap-2 text-sm">
+          <a href={`https://scan.rss3.io/address/${myWallet.address}`} target="_blank" className="underline">
+            {myWallet.address}
+          </a>
+          <CopyButton value={myWallet.address!} className="p-1 [&_i]:size-2.5" />
+        </div>
+        <SettingSectionTitle title="Your Balance" />
+        <div className="mb-2 flex items-end justify-between">
           <Balance className="text-xl font-bold text-accent">
             {BigInt(myWallet.dailyPowerToken || 0n) +
             BigInt(myWallet.cashablePowerToken || 0n)}
           </Balance>
-          <ClaimDailyReward />
+          <div className="flex gap-2">
+            <WithdrawButton />
+            <ClaimDailyReward />
+          </div>
         </div>
-        <Divider className="my-4" />
         <Tooltip>
           <TooltipTrigger className="block">
             <div className="flex flex-row items-center gap-x-2 text-xs text-zinc-600 dark:text-neutral-400">
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
new file mode 100644
index 0000000000..aad57ed080
--- /dev/null
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
@@ -0,0 +1,19 @@
+import { TooltipTrigger } from "@radix-ui/react-tooltip"
+import { Button } from "@renderer/components/ui/button"
+import { Tooltip, TooltipContent } from "@renderer/components/ui/tooltip"
+
+export const WithdrawButton = () => (
+  <Tooltip>
+    <TooltipTrigger>
+      <Button
+        variant="primary"
+        disabled={true}
+      >
+        Withdraw
+      </Button>
+    </TooltipTrigger>
+    <TooltipContent>
+      Comming soon
+    </TooltipContent>
+  </Tooltip>
+)

From 03764dac0ec500068376372ce4d85b1bc412bcd4 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 4 Sep 2024 18:22:05 +0800
Subject: [PATCH 38/60] feat: use claim check api

---
 src/hono.ts                                   | 11 +++++
 .../my-wallet-section/claim-daily-reward.tsx  | 41 ++++---------------
 .../tabs/wallet/my-wallet-section/index.tsx   |  2 +-
 .../wallet/my-wallet-section/withdraw.tsx     |  2 +-
 src/renderer/src/queries/wallet.ts            | 12 +++---
 5 files changed, 26 insertions(+), 42 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index 759be7ff95..612f5a22c3 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -2675,6 +2675,17 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             status: 200;
         };
     };
+    "/wallets/transactions/claim-check": {
+        $get: {
+            input: {};
+            output: {
+                code: 0;
+                data: boolean;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
     "/wallets": {
         $get: {
             input: {
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/claim-daily-reward.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/claim-daily-reward.tsx
index 3a45287695..ff773b1ce0 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/claim-daily-reward.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/claim-daily-reward.tsx
@@ -2,42 +2,15 @@ import { TooltipTrigger } from "@radix-ui/react-tooltip"
 import { Button } from "@renderer/components/ui/button"
 import { Tooltip, TooltipContent } from "@renderer/components/ui/tooltip"
 import {
+  useClaimCheck,
   useClaimWalletDailyRewardMutation,
-  useClaimWalletDailyRewardTtl,
 } from "@renderer/queries/wallet"
-import { useEffect, useState } from "react"
 
 export const ClaimDailyReward = () => {
   const mutation = useClaimWalletDailyRewardMutation()
 
-  const ttl = useClaimWalletDailyRewardTtl()
-
-  const [ttlState, setTtlState] = useState(ttl.data?.data.ttl ?? 0)
-
-  const hour = Math.floor(ttlState / 3600)
-    .toString()
-    .padStart(2, "0")
-  const minute = Math.floor((ttlState % 3600) / 60)
-    .toString()
-    .padStart(2, "0")
-
-  const canClaim = ttlState <= 0
-
-  // refresh ttl every second
-  useEffect(() => {
-    const timer = setInterval(() => {
-      setTtlState((prev) => (prev > 0 ? prev - 1 : 0))
-    }, 1000)
-
-    return () => clearInterval(timer)
-  }, [])
-
-  // update ttl when ttl changes
-  useEffect(() => {
-    if (ttl.data?.data.ttl) {
-      setTtlState(ttl.data.data.ttl)
-    }
-  }, [ttl.data?.data.ttl])
+  const check = useClaimCheck()
+  const canClaim = check.data?.data
 
   return (
     <Tooltip>
@@ -49,14 +22,14 @@ export const ClaimDailyReward = () => {
           disabled={!canClaim}
         >
           {canClaim ?
-            "Mint Daily Power" :
-            `Mint in ${hour}:${minute}`}
+            "Claim Daily Power" :
+            "Claimed today"}
         </Button>
       </TooltipTrigger>
       <TooltipContent>
         {canClaim ?
-          "Mint your 2 Daily Power now!" :
-          `You can mint your Daily Power in ${hour}:${minute}.`}
+          "Claim your 2 Daily Power now!" :
+          `You have already claimed today.`}
       </TooltipContent>
     </Tooltip>
   )
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
index cd0a01c7b1..4b718a234a 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
@@ -73,7 +73,7 @@ export const MyWalletSection = () => {
           <TooltipPortal>
             <TooltipContent align="start" className="z-[999]">
               <p>1. Daily Power can only be used for tipping others.</p>
-              <p>2. You mint Daily Power for free once every 24 hours.</p>
+              <p>2. You can claim 2 free Daily Power daily.</p>
             </TooltipContent>
           </TooltipPortal>
         </Tooltip>
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
index aad57ed080..f6779cd7d5 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
@@ -13,7 +13,7 @@ export const WithdrawButton = () => (
       </Button>
     </TooltipTrigger>
     <TooltipContent>
-      Comming soon
+      Comming soon...
     </TooltipContent>
   </Tooltip>
 )
diff --git a/src/renderer/src/queries/wallet.ts b/src/renderer/src/queries/wallet.ts
index 9793ab9555..fac8360e82 100644
--- a/src/renderer/src/queries/wallet.ts
+++ b/src/renderer/src/queries/wallet.ts
@@ -20,9 +20,9 @@ export const wallet = {
       },
     ),
 
-  claimDailyRewardTtl: () =>
-    defineQuery(["wallet", "claimDailyRewardTtl"], async () =>
-      apiClient.wallets.transactions.claim_daily_ttl.$get()),
+  claimCheck: () =>
+    defineQuery(["wallet", "claimCheck"], async () =>
+      apiClient.wallets.transactions["claim-check"].$get()),
 
   transactions: {
     get: (
@@ -64,8 +64,8 @@ export const useCreateWalletMutation = () =>
     },
   })
 
-export const useClaimWalletDailyRewardTtl = () =>
-  useAuthQuery(wallet.claimDailyRewardTtl(), { refetchInterval: 5000 })
+export const useClaimCheck = () =>
+  useAuthQuery(wallet.claimCheck())
 
 export const useClaimWalletDailyRewardMutation = () =>
   useMutation({
@@ -76,7 +76,7 @@ export const useClaimWalletDailyRewardMutation = () =>
     },
     onSuccess() {
       wallet.get().invalidate()
-      wallet.claimDailyRewardTtl().invalidate()
+      wallet.claimCheck().invalidate()
       window.posthog?.capture("daily_reward_claimed")
       toast("🎉 Daily reward claimed.")
     },

From 6c8d1ab20f85a5df5b2d315f3d128e3ec7be40a5 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 18:46:50 +0800
Subject: [PATCH 39/60] chore: disable `NoImplicitReturns`, lint use eslint

Signed-off-by: Innei <i@innei.in>
---
 tsconfig.web.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tsconfig.web.json b/tsconfig.web.json
index 48d086407a..8b978cdd72 100644
--- a/tsconfig.web.json
+++ b/tsconfig.web.json
@@ -20,6 +20,7 @@
     "noUnusedParameters": false,
     "strict": true,
     "baseUrl": ".",
+    "noImplicitReturns": false,
     "paths": {
       "@renderer/*": [
         "src/renderer/src/*"

From 826ebd041a9a143d7785a52d95dc81388b0ea2b4 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 18:54:23 +0800
Subject: [PATCH 40/60] fix: reduce wallet setting margin size

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/modules/settings/section.tsx | 15 +++++++--
 .../tabs/wallet/my-wallet-section/index.tsx   | 33 +++++++++++++++----
 .../wallet/my-wallet-section/withdraw.tsx     |  2 +-
 3 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/modules/settings/section.tsx b/src/renderer/src/modules/settings/section.tsx
index 9134c98e95..999c2f276f 100644
--- a/src/renderer/src/modules/settings/section.tsx
+++ b/src/renderer/src/modules/settings/section.tsx
@@ -1,7 +1,7 @@
-/* eslint-disable @eslint-react/no-clone-element */
 /* eslint-disable @eslint-react/no-children-to-array */
 /* eslint-disable @eslint-react/no-children-map */
 
+import { cn } from "@renderer/lib/utils"
 import type { FC, PropsWithChildren, ReactNode } from "react"
 import { cloneElement } from "react"
 import * as React from "react"
@@ -14,8 +14,17 @@ import {
 
 export const SettingSectionTitle: FC<{
   title: string
-}> = ({ title }) => (
-  <div className="mb-4 mt-8 text-sm font-medium capitalize text-gray-400 first:mt-0 dark:text-neutral-500">
+
+  margin?: "compact" | "normal"
+}> = ({ title, margin }) => (
+  <div
+    className={cn(
+      "text-sm font-medium capitalize text-gray-400 first:mt-0 dark:text-neutral-500",
+      margin === "compact" ?
+        "mb-2 mt-4" :
+        "mb-4 mt-8",
+    )}
+  >
     {title}
   </div>
 )
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
index 4b718a234a..7d3e0c5f8f 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/index.tsx
@@ -39,17 +39,38 @@ export const MyWalletSection = () => {
     <div className="space-y-8">
       <div>
         <div className="text-sm">
-          <p>Power is an ERC-20 token on the <a className="underline" target="_blank" href="https://scan.rss3.io/token/0xE06Af68F0c9e819513a6CD083EF6848E76C28CD8">VSL blockchain</a>.</p>
-          <p>You can claim 2 free Power daily, which can be used to tip RSS entries on Follow.</p>
+          <p>
+            Power is an ERC-20 token on the
+            <a
+              className="underline"
+              target="_blank"
+              href="https://scan.rss3.io/token/0xE06Af68F0c9e819513a6CD083EF6848E76C28CD8"
+              rel="noreferrer noopener"
+            >
+              VSL blockchain
+            </a>
+            .
+          </p>
+          <p>
+            You can claim 2 free Power daily, which can be used to tip RSS
+            entries on Follow.
+          </p>
         </div>
-        <SettingSectionTitle title="Your Address" />
+        <SettingSectionTitle margin="compact" title="Your Address" />
         <div className="flex items-center gap-2 text-sm">
-          <a href={`https://scan.rss3.io/address/${myWallet.address}`} target="_blank" className="underline">
+          <a
+            href={`https://scan.rss3.io/address/${myWallet.address}`}
+            target="_blank"
+            className="underline"
+          >
             {myWallet.address}
           </a>
-          <CopyButton value={myWallet.address!} className="p-1 [&_i]:size-2.5" />
+          <CopyButton
+            value={myWallet.address!}
+            className="p-1 [&_i]:size-2.5"
+          />
         </div>
-        <SettingSectionTitle title="Your Balance" />
+        <SettingSectionTitle title="Your Balance" margin="compact" />
         <div className="mb-2 flex items-end justify-between">
           <Balance className="text-xl font-bold text-accent">
             {BigInt(myWallet.dailyPowerToken || 0n) +
diff --git a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
index f6779cd7d5..6d8c112eb5 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/my-wallet-section/withdraw.tsx
@@ -6,7 +6,7 @@ export const WithdrawButton = () => (
   <Tooltip>
     <TooltipTrigger>
       <Button
-        variant="primary"
+        variant="outline"
         disabled={true}
       >
         Withdraw

From 35da26684d23f9b31ab8114588a380a3cf76174f Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 19:36:46 +0800
Subject: [PATCH 41/60] chore: split tooltip style file

Signed-off-by: Innei <i@innei.in>
---
 .../ui/{tooltip.tsx => tooltip/index.tsx}          | 14 +++-----------
 src/renderer/src/components/ui/tooltip/styles.ts   |  9 +++++++++
 .../src/modules/entry-column/translation.tsx       |  2 +-
 3 files changed, 13 insertions(+), 12 deletions(-)
 rename src/renderer/src/components/ui/{tooltip.tsx => tooltip/index.tsx} (77%)
 create mode 100644 src/renderer/src/components/ui/tooltip/styles.ts

diff --git a/src/renderer/src/components/ui/tooltip.tsx b/src/renderer/src/components/ui/tooltip/index.tsx
similarity index 77%
rename from src/renderer/src/components/ui/tooltip.tsx
rename to src/renderer/src/components/ui/tooltip/index.tsx
index 51356604f5..e275cea74d 100644
--- a/src/renderer/src/components/ui/tooltip.tsx
+++ b/src/renderer/src/components/ui/tooltip/index.tsx
@@ -3,6 +3,8 @@ import { cn } from "@renderer/lib/utils"
 import { m } from "framer-motion"
 import * as React from "react"
 
+import { tooltipStyle } from "./styles"
+
 const TooltipProvider = TooltipPrimitive.Provider
 
 const Tooltip: typeof TooltipProvider = ({ children, ...props }) => (
@@ -13,16 +15,6 @@ const Tooltip: typeof TooltipProvider = ({ children, ...props }) => (
 
 const TooltipTrigger = TooltipPrimitive.Trigger
 
-export const tooltipStyle = {
-  content: [
-    "relative z-[101] border border-accent/10 bg-white px-2 py-1 text-foreground dark:bg-neutral-950",
-    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-    "rounded-lg text-sm",
-    "max-w-[75ch] select-text",
-    "drop-shadow data-[side=top]:shadow-tooltip-bottom data-[side=bottom]:shadow-tooltip-top dark:border-border",
-  ],
-}
-
 const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
@@ -31,7 +23,7 @@ const TooltipContent = React.forwardRef<
     ref={ref}
     asChild
     sideOffset={sideOffset}
-    className={cn(tooltipStyle, className)}
+    className={cn(tooltipStyle.content, className)}
     {...props}
   >
     <m.div
diff --git a/src/renderer/src/components/ui/tooltip/styles.ts b/src/renderer/src/components/ui/tooltip/styles.ts
new file mode 100644
index 0000000000..887e46a1aa
--- /dev/null
+++ b/src/renderer/src/components/ui/tooltip/styles.ts
@@ -0,0 +1,9 @@
+export const tooltipStyle = {
+  content: [
+    "relative z-[101] border border-accent/10 bg-white px-2 py-1 text-foreground dark:bg-neutral-950",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+    "rounded-lg text-sm",
+    "max-w-[75ch] select-text",
+    "drop-shadow data-[side=top]:shadow-tooltip-bottom data-[side=bottom]:shadow-tooltip-top dark:border-border",
+  ],
+}
diff --git a/src/renderer/src/modules/entry-column/translation.tsx b/src/renderer/src/modules/entry-column/translation.tsx
index 92fb046748..082d3190fc 100644
--- a/src/renderer/src/modules/entry-column/translation.tsx
+++ b/src/renderer/src/modules/entry-column/translation.tsx
@@ -1,6 +1,6 @@
 import * as HoverCard from "@radix-ui/react-hover-card"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
-import { tooltipStyle } from "@renderer/components/ui/tooltip"
+import { tooltipStyle } from "@renderer/components/ui/tooltip/styles"
 import { useMeasure } from "@renderer/hooks/common"
 import { cn } from "@renderer/lib/utils"
 

From ee1894c2d0c420ecf0e63a6dd6bafda57a25a6e3 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 20:00:56 +0800
Subject: [PATCH 42/60] fix: toc not responsive in dev mode

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/ui/markdown/Markdown.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
index c3cdb57947..afd3d52cab 100644
--- a/src/renderer/src/components/ui/markdown/Markdown.tsx
+++ b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -47,9 +47,15 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
 ) => {
   const { children, renderInlineStyle, as = "div", accessory, ...rest } = props
   const [remarkOptions, setRemarkOptions] = useState({ renderInlineStyle })
+  const [shouldForceReMountKey, setShouldForceReMountKey] = useState(0)
 
   useEffect(() => {
-    setRemarkOptions({ renderInlineStyle })
+    setRemarkOptions((options) => {
+      if (renderInlineStyle === options.renderInlineStyle) return options
+
+      setShouldForceReMountKey((key) => key + 1)
+      return { ...options, renderInlineStyle }
+    })
   }, [renderInlineStyle])
 
   const [refElement, setRefElement] = useState<HTMLElement | null>(null)
@@ -67,7 +73,7 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
   return (
     <MarkdownRenderContainerRefContext.Provider value={refElement}>
       {createElement(as, { ...rest, ref: setRefElement }, markdownElement)}
-      {accessory && <Fragment key={children}>{accessory}</Fragment>}
+      {accessory && <Fragment key={shouldForceReMountKey}>{accessory}</Fragment>}
     </MarkdownRenderContainerRefContext.Provider>
   )
 }

From feec0b0f0fb717725bf34208715d89c73968e885 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Wed, 4 Sep 2024 20:17:22 +0800
Subject: [PATCH 43/60] feat: use check api for dailytask; claim toast

---
 src/hono.ts                                   |  6 +---
 src/renderer/src/hooks/biz/useDailyTask.ts    | 16 ++++------
 .../src/queries/{wallet.ts => wallet.tsx}     | 29 ++++++++++++++++---
 3 files changed, 32 insertions(+), 19 deletions(-)
 rename src/renderer/src/queries/{wallet.ts => wallet.tsx} (80%)

diff --git a/src/hono.ts b/src/hono.ts
index 612f5a22c3..7f057c5b0b 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -2713,12 +2713,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
                 data: {
-                    userId: string;
-                    createdAt: string;
-                    address: string | null;
+                    address: string;
                     addressIndex: number;
-                    dailyPowerToken: string;
-                    cashablePowerToken: string;
                 };
             };
             outputFormat: "json" | "text";
diff --git a/src/renderer/src/hooks/biz/useDailyTask.ts b/src/renderer/src/hooks/biz/useDailyTask.ts
index 30538c4e83..b40cb31584 100644
--- a/src/renderer/src/hooks/biz/useDailyTask.ts
+++ b/src/renderer/src/hooks/biz/useDailyTask.ts
@@ -1,17 +1,13 @@
-import { getStorageNS } from "@renderer/lib/ns"
-import { useClaimWalletDailyRewardMutation } from "@renderer/queries/wallet"
+import { useClaimCheck, useClaimWalletDailyRewardMutation } from "@renderer/queries/wallet"
 import { useEffect } from "react"
 
-const CLAIM_DAILY_KEY = getStorageNS("claimDaily")
 export const useDailyTask = () => {
   const { mutateAsync: claimDaily } = useClaimWalletDailyRewardMutation()
+  const check = useClaimCheck()
 
   useEffect(() => {
-    const today = new Date().toDateString()
-
-    if (localStorage.getItem(CLAIM_DAILY_KEY) === today) return
-    claimDaily().then(() => {
-      localStorage.setItem(CLAIM_DAILY_KEY, today)
-    })
-  }, [claimDaily])
+    if (check.data?.data) {
+      claimDaily()
+    }
+  }, [claimDaily, check.data?.data])
 }
diff --git a/src/renderer/src/queries/wallet.ts b/src/renderer/src/queries/wallet.tsx
similarity index 80%
rename from src/renderer/src/queries/wallet.ts
rename to src/renderer/src/queries/wallet.tsx
index fac8360e82..d43f0af2e6 100644
--- a/src/renderer/src/queries/wallet.ts
+++ b/src/renderer/src/queries/wallet.tsx
@@ -1,6 +1,7 @@
 import { useAuthQuery } from "@renderer/hooks/common"
 import { apiClient, getFetchErrorMessage } from "@renderer/lib/api-fetch"
 import { defineQuery } from "@renderer/lib/defineQuery"
+import { useSettingModal } from "@renderer/modules/settings/modal/hooks"
 import { useMutation } from "@tanstack/react-query"
 import { toast } from "sonner"
 
@@ -65,10 +66,14 @@ export const useCreateWalletMutation = () =>
   })
 
 export const useClaimCheck = () =>
-  useAuthQuery(wallet.claimCheck())
+  useAuthQuery(wallet.claimCheck(), {
+    refetchInterval: 1 * 60 * 60 * 1000,
+  })
 
-export const useClaimWalletDailyRewardMutation = () =>
-  useMutation({
+export const useClaimWalletDailyRewardMutation = () => {
+  const settingModalPresent = useSettingModal()
+
+  return useMutation({
     mutationKey: ["claimWalletDailyReward"],
     mutationFn: () => apiClient.wallets.transactions.claim_daily.$post(),
     async onError(err) {
@@ -78,9 +83,25 @@ export const useClaimWalletDailyRewardMutation = () =>
       wallet.get().invalidate()
       wallet.claimCheck().invalidate()
       window.posthog?.capture("daily_reward_claimed")
-      toast("🎉 Daily reward claimed.")
+
+      toast(
+        <div
+          className="flex items-center gap-1 text-lg"
+          onClick={() => settingModalPresent("wallet")}
+        >
+          <i className="i-mgc-power" />
+        </div>,
+        {
+          unstyled: true,
+          position: "bottom-left",
+          classNames: {
+            toast: "w-full flex justify-start !shadow-none !bg-transparent",
+          },
+        },
+      )
     },
   })
+}
 
 export const useWalletTipMutation = () =>
   useMutation({

From 7a5000f20503ade15033822d9ad1c11303424728 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Wed, 4 Sep 2024 20:20:54 +0800
Subject: [PATCH 44/60] fix: modal overlay zindex, fixed #271

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/feed-icon.tsx                 | 8 ++++++--
 src/renderer/src/components/ui/modal/stacked/provider.tsx | 6 +++---
 src/renderer/src/modules/ai/ai-daily/daily.tsx            | 2 +-
 .../src/modules/discover/recommendations-card.tsx         | 1 +
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/feed-icon.tsx b/src/renderer/src/components/feed-icon.tsx
index 70742ed15c..36f70a6ccc 100644
--- a/src/renderer/src/components/feed-icon.tsx
+++ b/src/renderer/src/components/feed-icon.tsx
@@ -111,8 +111,12 @@ export function FeedIcon({
       finalSrc = src
 
       ImageElement = (
-        <PlatformIcon url={siteUrl} style={sizeStyle} className="center">
-          <img className={cn("mr-2", className)} style={sizeStyle} />
+        <PlatformIcon
+          url={siteUrl}
+          style={sizeStyle}
+          className={cn("center mr-2", className)}
+        >
+          <img style={sizeStyle} />
         </PlatformIcon>
       )
       break
diff --git a/src/renderer/src/components/ui/modal/stacked/provider.tsx b/src/renderer/src/components/ui/modal/stacked/provider.tsx
index ab6d95fb80..994a324e50 100644
--- a/src/renderer/src/components/ui/modal/stacked/provider.tsx
+++ b/src/renderer/src/components/ui/modal/stacked/provider.tsx
@@ -34,15 +34,15 @@ const ModalStack = () => {
         <ModalInternal
           key={item.id}
           item={item}
-          index={index}
-          isTop={index === topModalIndex}
+          index={index * 2}
+          isTop={index === topModalIndex * 2}
         />
       ))}
       {stack.length > 0 &&
         (modalSettingOverlay || forceOverlay) &&
         !allForceHideOverlay && (
         <ModalOverlay
-          zIndex={MODAL_STACK_Z_INDEX + overlayIndex + 1}
+          zIndex={MODAL_STACK_Z_INDEX + overlayIndex * 2}
           blur={overlayOptions?.blur}
           className={overlayOptions?.className}
         />
diff --git a/src/renderer/src/modules/ai/ai-daily/daily.tsx b/src/renderer/src/modules/ai/ai-daily/daily.tsx
index adb51278ad..3a2460b33e 100644
--- a/src/renderer/src/modules/ai/ai-daily/daily.tsx
+++ b/src/renderer/src/modules/ai/ai-daily/daily.tsx
@@ -77,7 +77,7 @@ export const DailyReportTitle = ({
     </div>
     <Tooltip>
       <TooltipTrigger asChild>
-        <i className="i-mgc-question-cute-re translate-y-px" />
+        <i className="i-mgc-question-cute-re translate-y-px text-sm" />
       </TooltipTrigger>
       <TooltipPortal>
         <TooltipContent>
diff --git a/src/renderer/src/modules/discover/recommendations-card.tsx b/src/renderer/src/modules/discover/recommendations-card.tsx
index c316e10b96..7ba6365ddb 100644
--- a/src/renderer/src/modules/discover/recommendations-card.tsx
+++ b/src/renderer/src/modules/discover/recommendations-card.tsx
@@ -42,6 +42,7 @@ export const RecommendationCard: FC<RecommendationCardProps> = memo(({ data, rou
                     icon: (
                       <FeedIcon
                         className="size-4"
+                        size={16}
                         siteUrl={`https://${data.url}`}
                       />
                     ),

From c919e5907bae4303b667d6cff39c19ebbf6a4dc6 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 01:20:33 +0800
Subject: [PATCH 45/60] feat: invitations tips and confirm modal

---
 .../src/modules/settings/tabs/invitations.tsx | 243 ++++++++++--------
 .../modules/settings/tabs/wallet/index.tsx    |   4 +
 .../tabs/wallet/transaction-section/index.tsx |   5 +-
 3 files changed, 142 insertions(+), 110 deletions(-)

diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index de4445f0d4..559cafd550 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -3,9 +3,11 @@ import {
   AvatarFallback,
   AvatarImage,
 } from "@renderer/components/ui/avatar"
-import { Button, MotionButtonBase } from "@renderer/components/ui/button"
+import { Button } from "@renderer/components/ui/button"
 import { CopyButton } from "@renderer/components/ui/code-highlighter"
+import { Divider } from "@renderer/components/ui/divider"
 import { LoadingCircle } from "@renderer/components/ui/loading"
+import { useModalStack } from "@renderer/components/ui/modal"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import {
   Table,
@@ -46,121 +48,146 @@ export const SettingInvitations = () => {
     },
   })
   const presentUserProfile = usePresentUserProfileModal("drawer")
+  const { present } = useModalStack()
 
   return (
     <>
       <SettingsTitle />
-      <div className="absolute inset-x-0 bottom-10 top-4 flex flex-col">
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <MotionButtonBase
-              type="button"
-              onClick={() => {
-                newInvitation.mutate()
-              }}
-              className="center absolute bottom-0 right-2 z-10 size-10 rounded-full bg-accent text-white drop-shadow"
-            >
-              <i className="i-mingcute-user-add-2-line size-4" />
-            </MotionButtonBase>
-          </TooltipTrigger>
-
-          <TooltipContent>New invitation</TooltipContent>
-        </Tooltip>
-        <ScrollArea.ScrollArea
-          scrollbarClassName="w-1"
-          rootClassName="flex grow"
-        >
-          {invitations.data?.length ? (
-            <Table className="mt-4">
-              <TableHeader className="border-b">
-                <TableRow className="[&_*]:!font-semibold">
-                  <TableHead className="w-16 text-center" size="sm">
-                    Code
-                  </TableHead>
-                  <TableHead className="text-center" size="sm">
-                    Creation Time
-                  </TableHead>
-                  <TableHead className="text-center" size="sm">
-                    Used by
-                  </TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody className="border-t-[12px] border-transparent">
-                {invitations.data?.map((row) => (
-                  <TableRow key={row.code}>
-                    <TableCell align="center" size="sm">
-                      <div className="group relative flex items-center justify-center gap-2 font-mono">
-                        <span>{row.code}</span>
-                        <CopyButton
-                          value={row.code}
-                          className="absolute -right-6 p-1 opacity-0 group-hover:opacity-100 [&_i]:size-3"
-                        />
-                      </div>
-                    </TableCell>
-                    <TableCell
-                      align="center"
-                      className="tabular-nums"
-                      size="sm"
-                    >
-                      {row.createdAt &&
-                        new Date(row.createdAt).toLocaleString()}
-                    </TableCell>
-                    <TableCell align="center" size="sm">
-                      {row.users ? (
-                        <Tooltip>
-                          <TooltipTrigger>
-                            <button
-                              type="button"
-                              className="cursor-pointer"
-                              onClick={() => {
-                                presentUserProfile(row.users?.id)
-                              }}
-                            >
-                              <Avatar className="aspect-square size-5 border border-border ring-1 ring-background">
-                                <AvatarImage
-                                  src={row.users?.image || undefined}
-                                />
-                                <AvatarFallback>
-                                  {row.users?.name?.slice(0, 2)}
-                                </AvatarFallback>
-                              </Avatar>
-                            </button>
-                          </TooltipTrigger>
-                          {row.users?.name && (
-                            <TooltipPortal>
-                              <TooltipContent>{row.users?.name}</TooltipContent>
-                            </TooltipPortal>
-                          )}
-                        </Tooltip>
-                      ) : (
-                        "Not used"
-                      )}
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          ) : invitations.isLoading ?
-              (
-                <LoadingCircle size="large" className="center absolute inset-0" />
-              ) :
-              (
-                <div className="mt-36 w-full text-center text-sm text-zinc-400">
-                  <p>No invitations</p>
-
-                  <div className="mt-6">
+      <section className="mt-4">
+        <div className="mb-4 space-y-2 text-sm">
+          <p>
+            Follow is currently in
+            {" "}
+            <strong>early access</strong>
+            {" "}
+            and
+            requires an invitation code to use.
+          </p>
+          <p className="flex items-center"><span>You can spend 10 </span><i className="i-mgc-power ml-1 mr-0.5 text-base" /><span> Power to generate an invitation code for your friends.</span></p>
+        </div>
+        <Button
+          onClick={() => {
+            present({
+              title: "Confirm",
+              content: ({ dismiss }) => (
+                <>
+                  <div className="flex items-center">
+                    <span>Generating an invitation code will cost you 10 </span><i className="i-mgc-power mx-1 text-base" /><span>Power. Are you sure you want to continue?</span>
+                  </div>
+                  <div className="mt-4 flex items-center justify-end gap-3">
+                    <Button variant="outline" onClick={dismiss}>
+                      Cancel
+                    </Button>
                     <Button
-                      onClick={() => {
-                        newInvitation.mutate()
-                      }}
+                      isLoading={newInvitation.isPending}
+                      onClick={() => newInvitation.mutateAsync().then(() => dismiss())}
                     >
-                      Create Invitation
+                      Continue
                     </Button>
                   </div>
-                </div>
-              )}
-        </ScrollArea.ScrollArea>
-      </div>
+                </>
+              ),
+            })
+          }}
+        >
+          <i className="i-mgc-heart-hand-cute-re mr-1" />
+          Generate new code
+        </Button>
+        <Divider className="mb-6 mt-8" />
+        <div className="flex flex-1 flex-col">
+          <ScrollArea.ScrollArea viewportClassName="max-h-[380px]">
+            {invitations.data?.length ? (
+              <Table className="mt-4">
+                <TableHeader className="border-b">
+                  <TableRow className="[&_*]:!font-semibold">
+                    <TableHead className="w-16 text-center" size="sm">
+                      Code
+                    </TableHead>
+                    <TableHead className="text-center" size="sm">
+                      Creation Time
+                    </TableHead>
+                    <TableHead className="text-center" size="sm">
+                      Used by
+                    </TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody className="border-t-[12px] border-transparent">
+                  {invitations.data?.map((row) => (
+                    <TableRow key={row.code}>
+                      <TableCell align="center" size="sm">
+                        <div className="group relative flex items-center justify-center gap-2 font-mono">
+                          <span>{row.code}</span>
+                          <CopyButton
+                            value={row.code}
+                            className="absolute -right-6 p-1 opacity-0 group-hover:opacity-100 [&_i]:size-3"
+                          />
+                        </div>
+                      </TableCell>
+                      <TableCell
+                        align="center"
+                        className="tabular-nums"
+                        size="sm"
+                      >
+                        {row.createdAt &&
+                          new Date(row.createdAt).toLocaleString()}
+                      </TableCell>
+                      <TableCell align="center" size="sm">
+                        {row.users ? (
+                          <Tooltip>
+                            <TooltipTrigger>
+                              <button
+                                type="button"
+                                className="cursor-pointer"
+                                onClick={() => {
+                                  presentUserProfile(row.users?.id)
+                                }}
+                              >
+                                <Avatar className="aspect-square size-5 border border-border ring-1 ring-background">
+                                  <AvatarImage
+                                    src={row.users?.image || undefined}
+                                  />
+                                  <AvatarFallback>
+                                    {row.users?.name?.slice(0, 2)}
+                                  </AvatarFallback>
+                                </Avatar>
+                              </button>
+                            </TooltipTrigger>
+                            {row.users?.name && (
+                              <TooltipPortal>
+                                <TooltipContent>{row.users?.name}</TooltipContent>
+                              </TooltipPortal>
+                            )}
+                          </Tooltip>
+                        ) : (
+                          "Not used"
+                        )}
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            ) : invitations.isLoading ?
+                (
+                  <LoadingCircle size="large" className="center absolute inset-0" />
+                ) :
+                (
+                  <div className="mt-36 w-full text-center text-sm text-zinc-400">
+                    <p>No invitations</p>
+
+                    <div className="mt-6">
+                      <Button
+                        onClick={() => {
+                          newInvitation.mutate()
+                        }}
+                      >
+                        Create Invitation
+                      </Button>
+                    </div>
+                  </div>
+                )}
+          </ScrollArea.ScrollArea>
+        </div>
+      </section>
     </>
   )
 }
diff --git a/src/renderer/src/modules/settings/tabs/wallet/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/index.tsx
index 8c79b92255..6f31f62be4 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/index.tsx
@@ -1,3 +1,5 @@
+import { Divider } from "@renderer/components/ui/divider"
+
 import { SettingsTitle } from "../../title"
 import { MyWalletSection } from "./my-wallet-section"
 import { TransactionsSection } from "./transaction-section"
@@ -8,6 +10,8 @@ export const SettingWallet = () => (
 
     <MyWalletSection />
 
+    <Divider className="my-8" />
+
     <TransactionsSection />
   </div>
 )
diff --git a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
index 7a0e69812b..8ddefdd758 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
@@ -8,6 +8,7 @@ import {
 import { MotionButtonBase } from "@renderer/components/ui/button"
 import { RelativeTime } from "@renderer/components/ui/datetime"
 import { LoadingCircle } from "@renderer/components/ui/loading"
+import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import {
   Table,
   TableBody,
@@ -45,7 +46,7 @@ export const TransactionsSection = () => {
     <div className="mt-8">
       <SettingSectionTitle title="Transactions" />
 
-      <div className="overflow-x-auto">
+      <ScrollArea.ScrollArea viewportClassName="max-h-[210px]">
         <Table>
           <TableHeader>
             <TableRow className="[&_*]:!font-semibold">
@@ -97,7 +98,7 @@ export const TransactionsSection = () => {
             No transactions
           </div>
         )}
-      </div>
+      </ScrollArea.ScrollArea>
     </div>
   )
 }

From b062ea2353093ec67e1309652bc0d996b87b177a Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 01:36:45 +0800
Subject: [PATCH 46/60] feat: update invitation dialog text

---
 src/renderer/src/modules/settings/tabs/invitations.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index 559cafd550..35edf1d424 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -72,7 +72,7 @@ export const SettingInvitations = () => {
               content: ({ dismiss }) => (
                 <>
                   <div className="flex items-center">
-                    <span>Generating an invitation code will cost you 10 </span><i className="i-mgc-power mx-1 text-base" /><span>Power. Are you sure you want to continue?</span>
+                    <span>Generating an invitation code will cost you 10 </span><i className="i-mgc-power mx-1 text-base" /><span>Power. Do you want to continue?</span>
                   </div>
                   <div className="mt-4 flex items-center justify-end gap-3">
                     <Button variant="outline" onClick={dismiss}>

From de22411dab3a5a0ddac886de93cd3da4f31e5494 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 15:45:35 +0800
Subject: [PATCH 47/60] feat: tip to entries

---
 src/hono.ts                                   | 25 +++++++++++--
 .../src/hooks/biz/useEntryActions.tsx         |  1 +
 src/renderer/src/modules/wallet/hooks.ts      | 10 +++---
 src/renderer/src/modules/wallet/tip-modal.tsx | 35 ++++++-------------
 4 files changed, 40 insertions(+), 31 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index 7f057c5b0b..cf7d1d8fcf 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -2297,6 +2297,22 @@ declare const transactions: drizzle_orm_pg_core.PgTableWithColumns<{
             baseColumn: never;
             generated: undefined;
         }, {}, {}>;
+        toEntryId: drizzle_orm_pg_core.PgColumn<{
+            name: "to_entry_id";
+            tableName: "transactions";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
         powerToken: drizzle_orm_pg_core.PgColumn<{
             name: "power_token";
             tableName: "transactions";
@@ -2354,6 +2370,7 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
     fromUserId: zod.ZodNullable<zod.ZodString>;
     toUserId: zod.ZodNullable<zod.ZodString>;
     toFeedId: zod.ZodNullable<zod.ZodString>;
+    toEntryId: zod.ZodNullable<zod.ZodString>;
     powerToken: zod.ZodString;
     createdAt: zod.ZodString;
     comment: zod.ZodNullable<zod.ZodString>;
@@ -2364,6 +2381,7 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
     fromUserId: string | null;
     toUserId: string | null;
     toFeedId: string | null;
+    toEntryId: string | null;
     powerToken: string;
     comment: string | null;
 }, {
@@ -2373,6 +2391,7 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
     fromUserId: string | null;
     toUserId: string | null;
     toFeedId: string | null;
+    toEntryId: string | null;
     powerToken: string;
     comment: string | null;
 }>;
@@ -2535,9 +2554,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $post: {
             input: {
                 json: {
-                    amount: string;
-                    userId?: string | undefined;
-                    feedId?: string | undefined;
+                    entryId: string;
+                    amount: "1000000000000000000" | "2000000000000000000";
                 };
             };
             output: {
@@ -2572,6 +2590,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     fromUserId: string | null;
                     toUserId: string | null;
                     toFeedId: string | null;
+                    toEntryId: string | null;
                     powerToken: string;
                     comment: string | null;
                     fromUser: {
diff --git a/src/renderer/src/hooks/biz/useEntryActions.tsx b/src/renderer/src/hooks/biz/useEntryActions.tsx
index c838ba809a..59c57d24d8 100644
--- a/src/renderer/src/hooks/biz/useEntryActions.tsx
+++ b/src/renderer/src/hooks/biz/useEntryActions.tsx
@@ -141,6 +141,7 @@ export const useEntryActions = ({
   const openTipModal = useTipModal({
     userId: populatedEntry?.feeds.ownerUserId ?? undefined,
     feedId: populatedEntry?.feeds.id ?? undefined,
+    entryId: populatedEntry?.entries.id ?? undefined,
   })
 
   const collect = useCollect(populatedEntry)
diff --git a/src/renderer/src/modules/wallet/hooks.ts b/src/renderer/src/modules/wallet/hooks.ts
index 34b82d5e21..01ea7d8cda 100644
--- a/src/renderer/src/modules/wallet/hooks.ts
+++ b/src/renderer/src/modules/wallet/hooks.ts
@@ -7,22 +7,24 @@ import { TipModalContent } from "./tip-modal"
 export const useTipModal = ({
   userId,
   feedId,
+  entryId,
 }: {
   userId?: string
   feedId?: string
+  entryId?: string
 }) => {
   const { present } = useModalStack()
 
   return useCallback(() => {
-    if (!userId && !feedId) {
+    if (!feedId || !entryId) {
       // this should not happen unless there is a bug in the code
-      toast.error("Invalid user id or feed id")
+      toast.error("Invalid feed id or entry id")
       return
     }
     window.posthog?.capture("tip_modal_opened", { feedId })
     present({
       title: "Tip Power",
-      content: () => createElement(TipModalContent, { userId, feedId }),
+      content: () => createElement(TipModalContent, { userId, feedId, entryId }),
     })
-  }, [present, userId, feedId])
+  }, [present, userId, feedId, entryId])
 }
diff --git a/src/renderer/src/modules/wallet/tip-modal.tsx b/src/renderer/src/modules/wallet/tip-modal.tsx
index 1dd25f58a3..f5faf04e0a 100644
--- a/src/renderer/src/modules/wallet/tip-modal.tsx
+++ b/src/renderer/src/modules/wallet/tip-modal.tsx
@@ -10,9 +10,8 @@ import { nextFrame } from "@renderer/lib/dom"
 import {
   useWallet,
   useWalletTipMutation,
-  useWalletTransactions,
 } from "@renderer/queries/wallet"
-import { from, toNumber } from "dnum"
+import { from } from "dnum"
 import type { FC } from "react"
 import { useState } from "react"
 
@@ -36,7 +35,8 @@ const Loading = () => (
 
 export const TipModalContent: FC<{
   userId?: string
-  feedId?: string
+  feedId: string
+  entryId: string
 }> = (props) => {
   const myWallet = useMyWallet()
 
@@ -47,31 +47,19 @@ export const TipModalContent: FC<{
 }
 const TipModalContent_: FC<{
   userId?: string
-  feedId?: string
-}> = ({ userId, feedId }) => {
+  feedId: string
+  entryId: string
+}> = ({ userId, feedId, entryId }) => {
   const myWallet = useMyWallet()
   const myWalletData = myWallet.data?.[0]
 
   const dPowerBigInt = BigInt(myWalletData?.dailyPowerToken ?? 0)
   const cPowerBigInt = BigInt(myWalletData?.cashablePowerToken ?? 0)
   const balanceBigInt = cPowerBigInt + dPowerBigInt
-  const balanceNumber = toNumber(from(balanceBigInt, 18), {
-    digits: 2,
-    trailingZeros: true,
-  })
-
-  const transactionsQuery = useWalletTransactions({
-    toUserId: userId,
-    toFeedId: feedId,
-  })
 
   const tipMutation = useWalletTipMutation()
 
-  const [amount, setAmount] = useState(
-    DEFAULT_RECOMMENDED_TIP > balanceNumber ?
-      balanceNumber :
-      DEFAULT_RECOMMENDED_TIP,
-  )
+  const [amount, setAmount] = useState<1 | 2>(DEFAULT_RECOMMENDED_TIP)
 
   const amountBigInt = from(amount, 18)[0]
 
@@ -86,7 +74,7 @@ const TipModalContent_: FC<{
     feedId,
   })
 
-  if (transactionsQuery.isPending || myWallet.isPending) {
+  if (myWallet.isPending) {
     return <Loading />
   }
 
@@ -176,7 +164,7 @@ const TipModalContent_: FC<{
 
         <RadioGroup
           value={amount.toString()}
-          onValueChange={(value) => setAmount(Number(value))}
+          onValueChange={(value) => setAmount(Number(value) as 1 | 2)}
         >
           <div className="grid grid-cols-2 gap-2">
             <RadioCard
@@ -213,9 +201,8 @@ const TipModalContent_: FC<{
           onClick={() => {
             if (tipMutation.isPending) return
             tipMutation.mutate({
-              userId,
-              feedId,
-              amount: amountBigInt.toString(),
+              entryId,
+              amount: amountBigInt.toString() as "1000000000000000000" | "2000000000000000000",
             })
           }}
           variant={tipMutation.isSuccess ? "outline" : "primary"}

From 3c5b224904e8db1c8ba6b78cfb87d09cd81de98c Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 15:49:15 +0800
Subject: [PATCH 48/60] fix: types

---
 src/renderer/src/modules/wallet/hooks.ts | 2 +-
 src/renderer/src/queries/wallet.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/modules/wallet/hooks.ts b/src/renderer/src/modules/wallet/hooks.ts
index 01ea7d8cda..1e6f4080ca 100644
--- a/src/renderer/src/modules/wallet/hooks.ts
+++ b/src/renderer/src/modules/wallet/hooks.ts
@@ -21,7 +21,7 @@ export const useTipModal = ({
       toast.error("Invalid feed id or entry id")
       return
     }
-    window.posthog?.capture("tip_modal_opened", { feedId })
+    window.posthog?.capture("tip_modal_opened", { entryId })
     present({
       title: "Tip Power",
       content: () => createElement(TipModalContent, { userId, feedId, entryId }),
diff --git a/src/renderer/src/queries/wallet.tsx b/src/renderer/src/queries/wallet.tsx
index d43f0af2e6..8d2ca0ae42 100644
--- a/src/renderer/src/queries/wallet.tsx
+++ b/src/renderer/src/queries/wallet.tsx
@@ -119,7 +119,7 @@ export const useWalletTipMutation = () =>
       wallet.transactions.get().invalidate()
       window.posthog?.capture("tip_sent", {
         amount: variables.amount,
-        feedId: variables.feedId,
+        entryId: variables.entryId,
       })
       toast("🎉 Tipped.")
     },

From dbe7aee9151ee04147edbce7d34e1275edfc1254 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 18:17:19 +0800
Subject: [PATCH 49/60] feat: display power purchase and tx

---
 src/hono.ts                                   | 19 ++---
 .../src/modules/settings/tabs/invitations.tsx | 82 +++++++++----------
 .../tabs/wallet/transaction-section/index.tsx |  9 +-
 3 files changed, 57 insertions(+), 53 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index cf7d1d8fcf..4b9218c39d 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -2212,7 +2212,7 @@ declare const walletsRelations: drizzle_orm.Relations<"wallets", {
     transactionsFrom: drizzle_orm.Many<"transactions">;
     transactionTo: drizzle_orm.Many<"transactions">;
 }>;
-declare const transactionType: drizzle_orm_pg_core.PgEnum<["tip", "mint", "burn", "withdraw"]>;
+declare const transactionType: drizzle_orm_pg_core.PgEnum<["tip", "mint", "burn", "withdraw", "purchase"]>;
 declare const transactions: drizzle_orm_pg_core.PgTableWithColumns<{
     name: "transactions";
     schema: undefined;
@@ -2238,14 +2238,14 @@ declare const transactions: drizzle_orm_pg_core.PgTableWithColumns<{
             tableName: "transactions";
             dataType: "string";
             columnType: "PgEnumColumn";
-            data: "tip" | "mint" | "burn" | "withdraw";
+            data: "tip" | "mint" | "burn" | "withdraw" | "purchase";
             driverParam: string;
             notNull: true;
             hasDefault: false;
             isPrimaryKey: false;
             isAutoincrement: false;
             hasRuntimeDefault: false;
-            enumValues: ["tip", "mint", "burn", "withdraw"];
+            enumValues: ["tip", "mint", "burn", "withdraw", "purchase"];
             baseColumn: never;
             generated: undefined;
         }, {}, {}>;
@@ -2366,7 +2366,7 @@ declare const transactions: drizzle_orm_pg_core.PgTableWithColumns<{
 }>;
 declare const transactionsOpenAPISchema: zod.ZodObject<{
     hash: zod.ZodString;
-    type: zod.ZodEnum<["tip", "mint", "burn", "withdraw"]>;
+    type: zod.ZodEnum<["tip", "mint", "burn", "withdraw", "purchase"]>;
     fromUserId: zod.ZodNullable<zod.ZodString>;
     toUserId: zod.ZodNullable<zod.ZodString>;
     toFeedId: zod.ZodNullable<zod.ZodString>;
@@ -2375,7 +2375,7 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
     createdAt: zod.ZodString;
     comment: zod.ZodNullable<zod.ZodString>;
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
-    type: "tip" | "mint" | "burn" | "withdraw";
+    type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
     createdAt: string;
     hash: string;
     fromUserId: string | null;
@@ -2385,7 +2385,7 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
     powerToken: string;
     comment: string | null;
 }, {
-    type: "tip" | "mint" | "burn" | "withdraw";
+    type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
     createdAt: string;
     hash: string;
     fromUserId: string | null;
@@ -2584,7 +2584,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
                 data: {
-                    type: "tip" | "mint" | "burn" | "withdraw";
+                    type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
                     createdAt: string;
                     hash: string;
                     fromUserId: string | null;
@@ -2731,10 +2731,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             input: {};
             output: {
                 code: 0;
-                data: {
-                    address: string;
-                    addressIndex: number;
-                };
+                data: string;
             };
             outputFormat: "json" | "text";
             status: 200;
diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index 35edf1d424..4771ee39f7 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -35,20 +35,8 @@ import { SettingsTitle } from "../title"
 export const SettingInvitations = () => {
   const invitations = useAuthQuery(Queries.invitations.list())
 
-  const newInvitation = useMutation({
-    mutationKey: ["newInvitation"],
-    mutationFn: () => apiClient.invitations.new.$post(),
-    async onError(err) {
-      toast.error(getFetchErrorMessage(err))
-    },
-    onSuccess(data) {
-      Queries.invitations.list().invalidate()
-      toast("🎉 New invitation generated, invite code is copied")
-      navigator.clipboard.writeText(data.data)
-    },
-  })
-  const presentUserProfile = usePresentUserProfileModal("drawer")
   const { present } = useModalStack()
+  const presentUserProfile = usePresentUserProfileModal("drawer")
 
   return (
     <>
@@ -69,24 +57,7 @@ export const SettingInvitations = () => {
           onClick={() => {
             present({
               title: "Confirm",
-              content: ({ dismiss }) => (
-                <>
-                  <div className="flex items-center">
-                    <span>Generating an invitation code will cost you 10 </span><i className="i-mgc-power mx-1 text-base" /><span>Power. Do you want to continue?</span>
-                  </div>
-                  <div className="mt-4 flex items-center justify-end gap-3">
-                    <Button variant="outline" onClick={dismiss}>
-                      Cancel
-                    </Button>
-                    <Button
-                      isLoading={newInvitation.isPending}
-                      onClick={() => newInvitation.mutateAsync().then(() => dismiss())}
-                    >
-                      Continue
-                    </Button>
-                  </div>
-                </>
-              ),
+              content: ({ dismiss }) => <ConfirmModalContent dismiss={dismiss} />,
             })
           }}
         >
@@ -173,16 +144,6 @@ export const SettingInvitations = () => {
                 (
                   <div className="mt-36 w-full text-center text-sm text-zinc-400">
                     <p>No invitations</p>
-
-                    <div className="mt-6">
-                      <Button
-                        onClick={() => {
-                          newInvitation.mutate()
-                        }}
-                      >
-                        Create Invitation
-                      </Button>
-                    </div>
                   </div>
                 )}
           </ScrollArea.ScrollArea>
@@ -191,3 +152,42 @@ export const SettingInvitations = () => {
     </>
   )
 }
+
+const ConfirmModalContent = ({
+  dismiss,
+}: {
+  dismiss: () => void
+}) => {
+  const newInvitation = useMutation({
+    mutationKey: ["newInvitation"],
+    mutationFn: () => apiClient.invitations.new.$post(),
+    async onError(err) {
+      toast.error(getFetchErrorMessage(err))
+    },
+    onSuccess(data) {
+      Queries.invitations.list().invalidate()
+      toast("🎉 New invitation generated, invite code is copied")
+      navigator.clipboard.writeText(data.data)
+      dismiss()
+    },
+  })
+
+  return (
+    <>
+      <div className="flex items-center">
+        <span>Generating an invitation code will cost you 10 </span><i className="i-mgc-power mx-1 text-base" /><span>Power. Do you want to continue?</span>
+      </div>
+      <div className="mt-4 flex items-center justify-end gap-3">
+        <Button variant="outline" onClick={dismiss}>
+          Cancel
+        </Button>
+        <Button
+          isLoading={newInvitation.isPending}
+          onClick={() => newInvitation.mutate()}
+        >
+          Continue
+        </Button>
+      </div>
+    </>
+  )
+}
diff --git a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
index 8ddefdd758..299b4c6203 100644
--- a/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
+++ b/src/renderer/src/modules/settings/tabs/wallet/transaction-section/index.tsx
@@ -65,6 +65,9 @@ export const TransactionsSection = () => {
               <TableHead className="pl-6" size="sm">
                 Date
               </TableHead>
+              <TableHead className="pl-6" size="sm">
+                Tx
+              </TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -89,6 +92,9 @@ export const TransactionsSection = () => {
                 <TableCell align="left" size="sm" className="pl-6">
                   <RelativeTime date={row.createdAt} />
                 </TableCell>
+                <TableCell align="left" size="sm" className="pl-6">
+                  <a target="_blank" href={`https://scan.rss3.io/tx/${row.hash}`}>{row.hash.slice(0, 6)}...</a>
+                </TableCell>
               </TableRow>
             ))}
           </TableBody>
@@ -111,11 +117,12 @@ const TypeRenderer = ({
   >[number]["type"]
 }) => (
   <div
-    className={cn("center rounded-full p-px text-xs uppercase", {
+    className={cn("center rounded-full px-1.5 py-px text-xs", {
       "bg-theme-accent-700 text-white": type === "tip",
       "bg-green-700 text-white": type === "mint",
       "bg-red-700 text-white": type === "burn",
       "bg-yellow-700 text-white": type === "withdraw",
+      "bg-blue-700 text-white": type === "purchase",
     })}
   >
     {type}

From 18de381343d58f19a36fa6e681711fe06c07b1c1 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 18:38:04 +0800
Subject: [PATCH 50/60] feat: invitations page tips

---
 .../src/modules/settings/tabs/about.tsx       |  1 -
 .../src/pages/(external)/invitation.tsx       | 44 +++++++++++++++----
 2 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/modules/settings/tabs/about.tsx b/src/renderer/src/modules/settings/tabs/about.tsx
index d8836a3647..9bae955ae2 100644
--- a/src/renderer/src/modules/settings/tabs/about.tsx
+++ b/src/renderer/src/modules/settings/tabs/about.tsx
@@ -89,7 +89,6 @@ export const SettingAbout = () => (
       <Divider className="scale-x-50" />
 
       <h2 className="text-base font-semibold">
-        {/* 社区与资讯 */}
         Social Media
       </h2>
       <div className="mt-2 flex flex-wrap gap-2">
diff --git a/src/renderer/src/pages/(external)/invitation.tsx b/src/renderer/src/pages/(external)/invitation.tsx
index 1ccd2f198d..da9d0950c8 100644
--- a/src/renderer/src/pages/(external)/invitation.tsx
+++ b/src/renderer/src/pages/(external)/invitation.tsx
@@ -1,6 +1,7 @@
 import { zodResolver } from "@hookform/resolvers/zod"
 import { Logo } from "@renderer/components/icons/logo"
 import { Button } from "@renderer/components/ui/button"
+import { styledButtonVariant } from "@renderer/components/ui/button/variants"
 import {
   Form,
   FormControl,
@@ -10,6 +11,7 @@ import {
   FormMessage,
 } from "@renderer/components/ui/form"
 import { Input } from "@renderer/components/ui/input"
+import { SocialMediaLinks } from "@renderer/constants/social"
 import { getFetchErrorMessage } from "@renderer/lib/api-fetch"
 import { useInvitationMutation } from "@renderer/queries/invitations"
 import { useEffect } from "react"
@@ -44,12 +46,12 @@ export function Component() {
   }, [invitationMutation.isSuccess, navigate])
 
   return (
-    <div className="container flex h-screen w-full flex-col items-center justify-center gap-10">
+    <div className="container flex h-screen w-full flex-col items-center justify-center gap-14">
       <Logo className="size-20" />
       <Form {...form}>
         <form
           onSubmit={form.handleSubmit(onSubmit)}
-          className="w-[512px] max-w-full space-y-8"
+          className="w-[512px] max-w-full"
         >
           <FormField
             control={form.control}
@@ -77,13 +79,37 @@ export function Component() {
           </div>
         </form>
       </Form>
-      <div className="text-balance text-center text-sm text-zinc-500 md:text-left">
-        😰 Sorry, Follow is currently in
-        {" "}
-        <strong>early access</strong>
-        {" "}
-        and
-        requires an invitation to use.
+      <div className="space-y-2 text-balance text-center text-sm text-zinc-600 md:text-left">
+        <p>
+          😰 Sorry, Follow is currently in
+          {" "}
+          <strong>early access</strong>
+          {" "}
+          and
+          requires an invitation code to use.
+        </p>
+        <p>You can get an invitation code in the following ways:</p>
+        <p>
+          <p>1. Looking for any beta user to invite you.</p>
+          <p>2. Join our Discord server for occasional giveaways.</p>
+          <p>3. Follow our X account for occasional giveaways.</p>
+        </p>
+      </div>
+      <div className="mt-2 flex flex-wrap gap-2">
+        {SocialMediaLinks.map((link) => (
+          <span
+            key={link.url}
+            className={styledButtonVariant({
+              variant: "outline",
+              className: "flex-1",
+            })}
+          >
+            <a href={link.url} className="center flex w-full gap-1" target="_blank" rel="noreferrer">
+              <i className={link.icon} />
+              {link.label}
+            </a>
+          </span>
+        ))}
       </div>
     </div>
   )

From 1531d2b70916b3aff7293db411f472cb013cc4e7 Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 5 Sep 2024 22:34:31 +0800
Subject: [PATCH 51/60] feat: render social media with full text

---
 src/hono.ts                                   |  2 +
 .../src/components/ui/markdown/Markdown.tsx   |  9 ++--
 src/renderer/src/constants/tabs.tsx           |  2 +-
 src/renderer/src/lib/parse-html.ts            | 34 +++++++------
 src/renderer/src/lib/utils.ts                 |  8 +++-
 .../entry-column/Items/social-media-item.tsx  |  9 ++--
 .../src/modules/entry-column/translation.tsx  | 48 +++++++++++++++++--
 .../src/modules/entry-column/types.ts         |  1 +
 8 files changed, 84 insertions(+), 29 deletions(-)

diff --git a/src/hono.ts b/src/hono.ts
index 4b9218c39d..e392ef7dce 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -2752,6 +2752,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 data?: {
                     description?: string | undefined;
                     title?: string | undefined;
+                    content?: string | undefined;
                 } | undefined;
             };
             outputFormat: "json" | "text";
@@ -3304,6 +3305,7 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     collected?: boolean | undefined;
                     isCollection?: boolean | undefined;
                     isArchived?: boolean | undefined;
+                    withContent?: boolean | undefined;
                 };
             };
             output: {
diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
index afd3d52cab..6aebc7c8a3 100644
--- a/src/renderer/src/components/ui/markdown/Markdown.tsx
+++ b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -40,13 +40,14 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
     as: A
 
     accessory?: React.ReactNode
+    noMedia?: boolean
   } & JSX.IntrinsicElements[A] &
   Partial<{
     renderInlineStyle: boolean
   }>,
 ) => {
-  const { children, renderInlineStyle, as = "div", accessory, ...rest } = props
-  const [remarkOptions, setRemarkOptions] = useState({ renderInlineStyle })
+  const { children, renderInlineStyle, as = "div", accessory, noMedia, ...rest } = props
+  const [remarkOptions, setRemarkOptions] = useState({ renderInlineStyle, noMedia })
   const [shouldForceReMountKey, setShouldForceReMountKey] = useState(0)
 
   useEffect(() => {
@@ -54,9 +55,9 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
       if (renderInlineStyle === options.renderInlineStyle) return options
 
       setShouldForceReMountKey((key) => key + 1)
-      return { ...options, renderInlineStyle }
+      return { ...options, renderInlineStyle, noMedia }
     })
-  }, [renderInlineStyle])
+  }, [renderInlineStyle, noMedia])
 
   const [refElement, setRefElement] = useState<HTMLElement | null>(null)
 
diff --git a/src/renderer/src/constants/tabs.tsx b/src/renderer/src/constants/tabs.tsx
index c0b319bef4..1ff26995b3 100644
--- a/src/renderer/src/constants/tabs.tsx
+++ b/src/renderer/src/constants/tabs.tsx
@@ -15,7 +15,7 @@ export const views = [
     className: "text-sky-600 dark:text-sky-500",
     peerClassName: "peer-checked:text-sky-600 peer-checked:dark:text-sky-500",
     wideMode: true,
-    translation: "description",
+    translation: "content",
     view: FeedViewType.SocialMedia,
   },
   {
diff --git a/src/renderer/src/lib/parse-html.ts b/src/renderer/src/lib/parse-html.ts
index 727ac294cf..5007238eb3 100644
--- a/src/renderer/src/lib/parse-html.ts
+++ b/src/renderer/src/lib/parse-html.ts
@@ -27,26 +27,32 @@ export const parseHtml = (
   content: string,
   options?: Partial<{
     renderInlineStyle: boolean
+    noMedia?: boolean
   }>,
 ) => {
   const file = new VFile(content)
-  const { renderInlineStyle = false } = options || {}
+  const { renderInlineStyle = false, noMedia = false } = options || {}
 
   const pipeline = unified()
     .use(rehypeParse, { fragment: true })
-    .use(rehypeSanitize, {
-      ...defaultSchema,
-      tagNames: [...defaultSchema.tagNames!, "video", "style"],
-      attributes: {
-        ...defaultSchema.attributes,
-
-        "*": renderInlineStyle ?
-            [...defaultSchema.attributes!["*"], "style", "class"] :
-          defaultSchema.attributes!["*"],
-
-        "video": ["src", "poster"],
-      },
-    })
+    .use(rehypeSanitize, noMedia ?
+        {
+          ...defaultSchema,
+          tagNames: defaultSchema.tagNames?.filter((tag) => tag !== "img" && tag !== "picture"),
+        } :
+        {
+          ...defaultSchema,
+          tagNames: [...defaultSchema.tagNames!, "video", "style"],
+          attributes: {
+            ...defaultSchema.attributes,
+
+            "*": renderInlineStyle ?
+                [...defaultSchema.attributes!["*"], "style", "class"] :
+              defaultSchema.attributes!["*"],
+
+            "video": ["src", "poster"],
+          },
+        })
 
     .use(rehypeInferDescriptionMeta)
     .use(rehypeStringify)
diff --git a/src/renderer/src/lib/utils.ts b/src/renderer/src/lib/utils.ts
index 387b2adb58..abf224c1c2 100644
--- a/src/renderer/src/lib/utils.ts
+++ b/src/renderer/src/lib/utils.ts
@@ -26,13 +26,17 @@ export function getEntriesParams({
   const params: {
     feedId?: string
     feedIdList?: string[]
-    collected?: boolean
+    isCollection?: boolean
+    withContent?: boolean
   } = {}
   if (id === FEED_COLLECTION_LIST) {
-    params.collected = true
+    params.isCollection = true
   } else if (id && id !== ROUTE_FEED_PENDING) {
     params.feedIdList = `${id}`.split(",")
   }
+  if (view === FeedViewType.SocialMedia) {
+    params.withContent = true
+  }
   return {
     view,
     ...params,
diff --git a/src/renderer/src/modules/entry-column/Items/social-media-item.tsx b/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
index ed5dfe834d..b124ada539 100644
--- a/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
+++ b/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
@@ -31,6 +31,8 @@ export const SocialMediaItem: EntryListItemFC = ({
   // NOTE: prevent 0 height element, react virtuoso will not stop render any more
   if (!entry || !feed) return <ReactVirtuosoItemPlaceholder />
 
+  const content = entry.entries.content || entry.entries.description
+
   return (
     <div
 
@@ -52,7 +54,7 @@ export const SocialMediaItem: EntryListItemFC = ({
         <div
           className={cn(
             "-mt-0.5 flex-1 text-sm",
-            entry.entries.description && "line-clamp-5",
+            content && "line-clamp-[10]",
           )}
         >
           <div className="w-[calc(100%-10rem)] space-x-1">
@@ -69,8 +71,9 @@ export const SocialMediaItem: EntryListItemFC = ({
             )}
           >
             <EntryTranslation
-              source={entry.entries.description}
-              target={translation?.description}
+              source={content}
+              target={translation?.content}
+              isHTML
             />
             {!!entry.collections && <StarIcon />}
           </div>
diff --git a/src/renderer/src/modules/entry-column/translation.tsx b/src/renderer/src/modules/entry-column/translation.tsx
index 082d3190fc..a807fe2af6 100644
--- a/src/renderer/src/modules/entry-column/translation.tsx
+++ b/src/renderer/src/modules/entry-column/translation.tsx
@@ -1,4 +1,5 @@
 import * as HoverCard from "@radix-ui/react-hover-card"
+import { HTML } from "@renderer/components/ui/markdown"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import { tooltipStyle } from "@renderer/components/ui/tooltip/styles"
 import { useMeasure } from "@renderer/hooks/common"
@@ -11,7 +12,8 @@ export const EntryTranslation: Component<{
   side?: "top" | "bottom"
 
   useOverlay?: boolean
-}> = ({ source, target, className, side, useOverlay }) => {
+  isHTML?: boolean
+}> = ({ source, target, className, side, useOverlay, isHTML }) => {
   let nextTarget = target
   if (source === target) {
     nextTarget = undefined
@@ -20,13 +22,31 @@ export const EntryTranslation: Component<{
   const [ref, bounds] = useMeasure({ debounce: 60 })
 
   if (!nextTarget && source) {
-    return <div className={className}>{source}</div>
+    return isHTML ?
+        (
+          <HTML
+            as="div"
+            className={cn("prose dark:prose-invert", className)}
+            noMedia
+          >
+            {source}
+          </HTML>
+        ) :
+        <div className={className}>{source}</div>
   }
   return (
     <HoverCard.Root>
       <HoverCard.Trigger className={className} ref={ref}>
         <i className="i-mgc-translate-2-cute-re mr-1 align-middle" />
-        <span className="align-middle">{nextTarget}</span>
+        {isHTML ? (
+          <HTML
+            as="span"
+            className="align-middle"
+            noMedia
+          >
+            {nextTarget}
+          </HTML>
+        ) : <span className="align-middle">{nextTarget}</span>}
       </HoverCard.Trigger>
       <HoverCard.Portal>
         <HoverCard.Content
@@ -49,11 +69,29 @@ export const EntryTranslation: Component<{
                 )}
                 viewportClassName="max-h-[12ch]"
               >
-                <span className="align-middle">{source}</span>
+                {isHTML ? (
+                  <HTML
+                    as="span"
+                    className="align-middle"
+                    noMedia
+                  >
+                    {source}
+                  </HTML>
+                ) : <span className="align-middle">{source}</span>}
               </ScrollArea.ScrollArea>
             </div>
           ) : (
-            <span className={cn(tooltipStyle.content)}>{source}</span>
+            isHTML ?
+                (
+                  <HTML
+                    as="span"
+                    className={cn(tooltipStyle.content)}
+                    noMedia
+                  >
+                    {source}
+                  </HTML>
+                ) :
+                <span className={cn(tooltipStyle.content)}>{source}</span>
           )}
         </HoverCard.Content>
       </HoverCard.Portal>
diff --git a/src/renderer/src/modules/entry-column/types.ts b/src/renderer/src/modules/entry-column/types.ts
index 659d4c6dac..403b39bbee 100644
--- a/src/renderer/src/modules/entry-column/types.ts
+++ b/src/renderer/src/modules/entry-column/types.ts
@@ -10,6 +10,7 @@ export type UniversalItemProps = {
   translation?: {
     title?: string
     description?: string
+    content?: string
   } | null
 }
 

From f1a34812fbb7ef0a503fc4e1c8ebdc46e376e391 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 00:46:30 +0800
Subject: [PATCH 52/60] feat: setting sync (#273)

* init

Signed-off-by: Innei <i@innei.in>

* feat: offline

Signed-off-by: Innei <i@innei.in>

* fix: update

Signed-off-by: Innei <i@innei.in>

* fix: chain

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* update

Signed-off-by: Innei <i@innei.in>

* feat: render social media with full text

---------

Signed-off-by: Innei <i@innei.in>
Co-authored-by: DIYgod <i@diygod.me>
---
 src/hono.ts                                   | 1029 ++++++++++-------
 src/renderer/src/atoms/settings/general.ts    |    6 +
 src/renderer/src/atoms/settings/helper.ts     |   27 +-
 src/renderer/src/atoms/settings/ui.ts         |    8 +
 .../src/components/icons/PhCloudCheck.tsx     |   18 +
 .../src/components/icons/PhCloudX.tsx         |    7 +
 src/renderer/src/initialize/index.ts          |   48 +-
 src/renderer/src/initialize/migrates/index.ts |   43 +
 src/renderer/src/initialize/queue.ts          |    4 +-
 src/renderer/src/lib/defineQuery.ts           |    3 +-
 src/renderer/src/lib/event-bus.ts             |   35 +
 src/renderer/src/lib/utils.ts                 |    4 +-
 .../src/modules/feed-column/corner-player.tsx |    2 +-
 .../modules/settings/helper/SyncIndicator.tsx |   49 +
 .../src/modules/settings/helper/sync-queue.ts |  283 +++++
 .../src/modules/settings/modal/layout.tsx     |   43 +-
 .../settings/{modules => sections}/fonts.tsx  |    0
 .../src/modules/settings/tabs/apperance.tsx   |    2 +-
 src/renderer/src/queries/settings.ts          |    7 +
 19 files changed, 1111 insertions(+), 507 deletions(-)
 create mode 100644 src/renderer/src/components/icons/PhCloudCheck.tsx
 create mode 100644 src/renderer/src/components/icons/PhCloudX.tsx
 create mode 100644 src/renderer/src/initialize/migrates/index.ts
 create mode 100644 src/renderer/src/lib/event-bus.ts
 create mode 100644 src/renderer/src/modules/settings/helper/SyncIndicator.tsx
 create mode 100644 src/renderer/src/modules/settings/helper/sync-queue.ts
 rename src/renderer/src/modules/settings/{modules => sections}/fonts.tsx (100%)
 create mode 100644 src/renderer/src/queries/settings.ts

diff --git a/src/hono.ts b/src/hono.ts
index e392ef7dce..5f6bcf4948 100644
--- a/src/hono.ts
+++ b/src/hono.ts
@@ -82,11 +82,11 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
         value: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         value: string;
-        field: "title" | "view" | "site_url" | "category" | "feed_url";
+        field: "title" | "view" | "site_url" | "feed_url" | "category";
         operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
     }, {
         value: string;
-        field: "title" | "view" | "site_url" | "category" | "feed_url";
+        field: "title" | "view" | "site_url" | "feed_url" | "category";
         operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
     }>, "many">;
     result: z.ZodObject<{
@@ -108,11 +108,11 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
             value: z.ZodUnion<[z.ZodString, z.ZodNumber]>;
         }, "strip", z.ZodTypeAny, {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }, {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }>, "many">>;
     }, "strip", z.ZodTypeAny, {
@@ -124,7 +124,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
         }[] | undefined;
         blockRules?: {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[] | undefined;
     }, {
@@ -136,7 +136,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
         }[] | undefined;
         blockRules?: {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[] | undefined;
     }>;
@@ -144,7 +144,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
     name: string;
     condition: {
         value: string;
-        field: "title" | "view" | "site_url" | "category" | "feed_url";
+        field: "title" | "view" | "site_url" | "feed_url" | "category";
         operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
     }[];
     result: {
@@ -156,7 +156,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
         }[] | undefined;
         blockRules?: {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[] | undefined;
     };
@@ -164,7 +164,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
     name: string;
     condition: {
         value: string;
-        field: "title" | "view" | "site_url" | "category" | "feed_url";
+        field: "title" | "view" | "site_url" | "feed_url" | "category";
         operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
     }[];
     result: {
@@ -176,7 +176,7 @@ declare const actionsItemOpenAPISchema: z.ZodObject<{
         }[] | undefined;
         blockRules?: {
             value: string | number;
-            field: "title" | "content" | "url" | "all" | "author" | "order";
+            field: "title" | "content" | "all" | "author" | "url" | "order";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[] | undefined;
     };
@@ -197,11 +197,11 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             value: z.ZodString;
         }, "strip", z.ZodTypeAny, {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }, {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }>, "many">;
         result: z.ZodObject<{
@@ -223,11 +223,11 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
                 value: z.ZodUnion<[z.ZodString, z.ZodNumber]>;
             }, "strip", z.ZodTypeAny, {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }, {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }>, "many">>;
         }, "strip", z.ZodTypeAny, {
@@ -239,7 +239,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         }, {
@@ -251,7 +251,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         }>;
@@ -259,7 +259,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
         name: string;
         condition: {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[];
         result: {
@@ -271,7 +271,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         };
@@ -279,7 +279,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
         name: string;
         condition: {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[];
         result: {
@@ -291,7 +291,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         };
@@ -302,7 +302,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
         name: string;
         condition: {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[];
         result: {
@@ -314,7 +314,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         };
@@ -325,7 +325,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
         name: string;
         condition: {
             value: string;
-            field: "title" | "view" | "site_url" | "category" | "feed_url";
+            field: "title" | "view" | "site_url" | "feed_url" | "category";
             operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
         }[];
         result: {
@@ -337,7 +337,7 @@ declare const actionsOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
             }[] | undefined;
             blockRules?: {
                 value: string | number;
-                field: "title" | "content" | "url" | "all" | "author" | "order";
+                field: "title" | "content" | "all" | "author" | "url" | "order";
                 operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
             }[] | undefined;
         };
@@ -443,15 +443,15 @@ declare const collectionsOpenAPISchema: zod.ZodObject<{
     createdAt: zod.ZodString;
     view: zod.ZodNumber;
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
-    view: number;
-    userId: string;
     createdAt: string;
+    userId: string;
+    view: number;
     feedId: string;
     entryId: string;
 }, {
-    view: number;
-    userId: string;
     createdAt: string;
+    userId: string;
+    view: number;
     feedId: string;
     entryId: string;
 }>;
@@ -805,10 +805,10 @@ declare const entriesOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
     title: string | null;
     content: string | null;
     id: string;
+    author: string | null;
     url: string | null;
     feedId: string;
     guid: string;
-    author: string | null;
     authorUrl: string | null;
     authorAvatar: string | null;
     insertedAt: string;
@@ -833,10 +833,10 @@ declare const entriesOpenAPISchema: z.ZodObject<z.objectUtil.extendShape<Omit<{
     title: string | null;
     content: string | null;
     id: string;
+    author: string | null;
     url: string | null;
     feedId: string;
     guid: string;
-    author: string | null;
     authorUrl: string | null;
     authorAvatar: string | null;
     insertedAt: string;
@@ -1354,6 +1354,110 @@ declare const invitationsRelations: drizzle_orm.Relations<"invitations", {
     users: drizzle_orm.One<"user", false>;
 }>;
 
+declare const settings: drizzle_orm_pg_core.PgTableWithColumns<{
+    name: "settings";
+    schema: undefined;
+    columns: {
+        id: drizzle_orm_pg_core.PgColumn<{
+            name: "id";
+            tableName: "settings";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: true;
+            isAutoincrement: false;
+            hasRuntimeDefault: true;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        userId: drizzle_orm_pg_core.PgColumn<{
+            name: "user_id";
+            tableName: "settings";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        tab: drizzle_orm_pg_core.PgColumn<{
+            name: "tab";
+            tableName: "settings";
+            dataType: "string";
+            columnType: "PgText";
+            data: "general" | "appearance" | "integration";
+            driverParam: string;
+            notNull: true;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: ["general", "appearance", "integration"];
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        payload: drizzle_orm_pg_core.PgColumn<{
+            name: "payload";
+            tableName: "settings";
+            dataType: "json";
+            columnType: "PgJsonb";
+            data: Record<string, any>;
+            driverParam: unknown;
+            notNull: false;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        updateAt: drizzle_orm_pg_core.PgColumn<{
+            name: "update_at";
+            tableName: "settings";
+            dataType: "date";
+            columnType: "PgTimestamp";
+            data: Date;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+        version: drizzle_orm_pg_core.PgColumn<{
+            name: "version";
+            tableName: "settings";
+            dataType: "number";
+            columnType: "PgInteger";
+            data: number;
+            driverParam: string | number;
+            notNull: true;
+            hasDefault: true;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            generated: undefined;
+        }, {}, {}>;
+    };
+    dialect: "pg";
+}>;
+
 declare const subscriptions: drizzle_orm_pg_core.PgTableWithColumns<{
     name: "subscriptions";
     schema: undefined;
@@ -1466,17 +1570,17 @@ declare const subscriptionsOpenAPISchema: zod.ZodObject<{
     isPrivate: zod.ZodBoolean;
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
     title: string | null;
-    view: number;
     userId: string;
-    feedId: string;
+    view: number;
     category: string | null;
+    feedId: string;
     isPrivate: boolean;
 }, {
     title: string | null;
-    view: number;
     userId: string;
-    feedId: string;
+    view: number;
     category: string | null;
+    feedId: string;
     isPrivate: boolean;
 }>;
 declare const subscriptionsRelations: drizzle_orm.Relations<"subscriptions", {
@@ -1612,21 +1716,21 @@ declare const timelineOpenAPISchema: zod.ZodObject<{
     view: zod.ZodNumber;
     read: zod.ZodNullable<zod.ZodBoolean>;
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
-    view: number;
     userId: string;
+    view: number;
     feedId: string;
-    read: boolean | null;
     insertedAt: string;
     publishedAt: string;
     entryId: string;
+    read: boolean | null;
 }, {
-    view: number;
     userId: string;
+    view: number;
     feedId: string;
-    read: boolean | null;
     insertedAt: string;
     publishedAt: string;
     entryId: string;
+    read: boolean | null;
 }>;
 declare const timelineRelations: drizzle_orm.Relations<"timeline", {
     entries: drizzle_orm.One<"entries", true>;
@@ -2193,15 +2297,15 @@ declare const walletsOpenAPISchema: zod.ZodObject<{
     dailyPowerToken: zod.ZodString;
     cashablePowerToken: zod.ZodString;
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
-    userId: string;
     createdAt: string;
+    userId: string;
     address: string | null;
     addressIndex: number;
     dailyPowerToken: string;
     cashablePowerToken: string;
 }, {
-    userId: string;
     createdAt: string;
+    userId: string;
     address: string | null;
     addressIndex: number;
     dailyPowerToken: string;
@@ -2377,9 +2481,9 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
 }, zod.UnknownKeysParam, zod.ZodTypeAny, {
     type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
     createdAt: string;
-    hash: string;
     fromUserId: string | null;
     toUserId: string | null;
+    hash: string;
     toFeedId: string | null;
     toEntryId: string | null;
     powerToken: string;
@@ -2387,9 +2491,9 @@ declare const transactionsOpenAPISchema: zod.ZodObject<{
 }, {
     type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
     createdAt: string;
-    hash: string;
     fromUserId: string | null;
     toUserId: string | null;
+    hash: string;
     toFeedId: string | null;
     toEntryId: string | null;
     powerToken: string;
@@ -2456,100 +2560,6 @@ declare const feedPowerTokensRelations: drizzle_orm.Relations<"feedPowerTokens",
 }>;
 
 declare const _routes: hono_hono_base.HonoBase<Env, {
-    "/metrics": {
-        $get: {
-            input: {
-                query: {
-                    type?: string | string[] | undefined;
-                };
-            };
-            output: {
-                code: 0;
-                data: {
-                    data: number[];
-                    count: number;
-                    meta: {
-                        count: number;
-                        prevTS: number;
-                        prevCount: number;
-                    };
-                };
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-} & {
-    "/profiles": {
-        $get: {
-            input: {
-                query: {
-                    id: string | string[];
-                };
-            };
-            output: {
-                code: 0;
-                data: {
-                    name: string | null;
-                    id: string;
-                    email: string;
-                    emailVerified: string | null;
-                    image: string | null;
-                    handle: string | null;
-                    createdAt: string;
-                };
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-} & {
-    "/invitations/new": {
-        $post: {
-            input: {};
-            output: {
-                code: 0;
-                data: string;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/invitations/use": {
-        $post: {
-            input: {
-                json: {
-                    code: string;
-                };
-            };
-            output: {
-                code: 0;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/invitations": {
-        $get: {
-            input: {};
-            output: {
-                code: 0;
-                data: {
-                    code: string;
-                    createdAt: string | null;
-                    users: {
-                        name: string | null;
-                        id: string;
-                        image: string | null;
-                    } | null;
-                    toUserId: string | null;
-                }[];
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-} & {
     "/wallets/transactions/tip": {
         $post: {
             input: {
@@ -2573,10 +2583,10 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             input: {
                 query: {
                     type?: string | string[] | undefined;
-                    hash?: string | string[] | undefined;
-                    fromOrToUserId?: string | string[] | undefined;
                     fromUserId?: string | string[] | undefined;
                     toUserId?: string | string[] | undefined;
+                    hash?: string | string[] | undefined;
+                    fromOrToUserId?: string | string[] | undefined;
                     toFeedId?: string | string[] | undefined;
                     createdAfter?: string | string[] | undefined;
                 };
@@ -2586,9 +2596,9 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 data: {
                     type: "tip" | "mint" | "burn" | "withdraw" | "purchase";
                     createdAt: string;
-                    hash: string;
                     fromUserId: string | null;
                     toUserId: string | null;
+                    hash: string;
                     toFeedId: string | null;
                     toEntryId: string | null;
                     powerToken: string;
@@ -2716,8 +2726,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
                 data: {
-                    userId: string;
                     createdAt: string;
+                    userId: string;
                     address: string | null;
                     addressIndex: number;
                     dailyPowerToken: string;
@@ -2738,118 +2748,134 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         };
     };
 } & {
-    "/ai/translation": {
-        $get: {
-            input: {
-                query: {
-                    id: string | string[];
-                    language: string | string[];
-                    fields: string | string[];
-                };
-            };
-            output: {
-                code: 0;
-                data?: {
-                    description?: string | undefined;
-                    title?: string | undefined;
-                    content?: string | undefined;
-                } | undefined;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/ai/summary": {
+    "/subscriptions": {
         $get: {
             input: {
                 query: {
-                    id: string | string[];
-                    language?: string | string[] | undefined;
+                    userId?: string | string[] | undefined;
+                    view?: string | string[] | undefined;
                 };
             };
             output: {
                 code: 0;
-                data?: string | undefined;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/ai/daily": {
-        $get: {
+                data: {
+                    title: string | null;
+                    userId: string;
+                    view: number;
+                    category: string | null;
+                    feedId: string;
+                    feeds: {
+                        description: string | null;
+                        title: string | null;
+                        id: string;
+                        image: string | null;
+                        url: string;
+                        siteUrl: string | null;
+                        checkedAt: string;
+                        lastModifiedHeader: string | null;
+                        etagHeader: string | null;
+                        ttl: number | null;
+                        errorMessage: string | null;
+                        errorAt: string | null;
+                        ownerUserId: string | null;
+                    };
+                    isPrivate: boolean;
+                }[];
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+        $post: {
             input: {
-                query: {
-                    view: string | string[];
-                    startDate: string | string[];
+                json: {
+                    view: number;
+                    url: string;
+                    category?: string | null | undefined;
+                    isPrivate?: boolean | undefined;
+                };
+            };
+            output: {
+                code: 0;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+        $delete: {
+            input: {
+                json: {
+                    url?: string | undefined;
+                    feedId?: string | undefined;
+                };
+            };
+            output: {
+                code: 0;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+        $patch: {
+            input: {
+                json: {
+                    view: number;
+                    feedId: string;
+                    category?: string | null | undefined;
+                    isPrivate?: boolean | undefined;
                 };
             };
             output: {
                 code: 0;
-                data: string;
             };
             outputFormat: "json" | "text";
             status: 200;
         };
     };
-} & {
-    "/actions": {
+    "/subscriptions/export": {
         $get: {
+            input: {};
+            output: {};
+            outputFormat: string;
+            status: 200;
+        };
+    };
+    "/subscriptions/import": {
+        $post: {
             input: {};
             output: {
                 code: 0;
-                data?: {
-                    userId: string;
-                    rules?: {
-                        name: string;
-                        condition: {
-                            value: string;
-                            field: "title" | "view" | "site_url" | "category" | "feed_url";
-                            operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
-                        }[];
-                        result: {
-                            summary?: boolean | undefined;
-                            translation?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
-                            rewriteRules?: {
-                                from: string;
-                                to: string;
-                            }[] | undefined;
-                            blockRules?: {
-                                value: string | number;
-                                field: "title" | "content" | "url" | "all" | "author" | "order";
-                                operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
-                            }[] | undefined;
-                        };
-                    }[] | null | undefined;
-                } | undefined;
             };
             outputFormat: "json" | "text";
             status: 200;
         };
-        $put: {
+    };
+} & {
+    "/settings": {
+        $get: {
             input: {
-                json: {
-                    rules?: {
-                        name: string;
-                        condition: {
-                            value: string;
-                            field: "title" | "view" | "site_url" | "category" | "feed_url";
-                            operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
-                        }[];
-                        result: {
-                            summary?: boolean | undefined;
-                            translation?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
-                            rewriteRules?: {
-                                from: string;
-                                to: string;
-                            }[] | undefined;
-                            blockRules?: {
-                                value: string | number;
-                                field: "title" | "content" | "url" | "all" | "author" | "order";
-                                operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
-                            }[] | undefined;
-                        };
-                    }[] | null | undefined;
+                query: {
+                    tab?: string | string[] | undefined;
+                };
+            };
+            output: {
+                code: 0;
+                settings: {
+                    [x: string]: any;
+                };
+                updated: {
+                    [x: string]: string;
+                };
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+    "/settings/:tab": {
+        $patch: {
+            input: {
+                param: {
+                    tab: string;
                 };
+            } & {
+                json: Record<string, any>;
             };
             output: {
                 code: 0;
@@ -2905,8 +2931,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             input: {
                 json: {
                     view?: number | undefined;
-                    feedId?: string | undefined;
                     feedIdList?: string[] | undefined;
+                    feedId?: string | undefined;
                     startTime?: number | undefined;
                     endTime?: number | undefined;
                 };
@@ -2932,64 +2958,70 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         };
     };
 } & {
-    "/collections": {
+    "/profiles": {
         $get: {
             input: {
                 query: {
-                    entryId: string | string[];
+                    id: string | string[];
                 };
             };
             output: {
                 code: 0;
-                data: boolean;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-        $post: {
-            input: {
-                json: {
-                    entryId: string;
+                data: {
+                    name: string | null;
+                    id: string;
+                    email: string;
+                    emailVerified: string | null;
+                    image: string | null;
+                    handle: string | null;
+                    createdAt: string;
                 };
             };
-            output: {
-                code: 0;
-            };
             outputFormat: "json" | "text";
             status: 200;
         };
-        $delete: {
+    };
+} & {
+    "/metrics": {
+        $get: {
             input: {
-                json: {
-                    entryId: string;
+                query: {
+                    type?: string | string[] | undefined;
                 };
             };
             output: {
                 code: 0;
+                data: {
+                    data: number[];
+                    meta: {
+                        count: number;
+                        prevTS: number;
+                        prevCount: number;
+                    };
+                    count: number;
+                };
             };
             outputFormat: "json" | "text";
             status: 200;
         };
     };
 } & {
-    "/categories": {
-        $get: {
-            input: {
-                query: {
-                    view?: string | string[] | undefined;
-                };
-            };
+    "/invitations/new": {
+        $post: {
+            input: {};
             output: {
-                data?: string[] | undefined;
+                code: 0;
+                data: string;
             };
             outputFormat: "json" | "text";
             status: 200;
         };
-        $delete: {
+    };
+    "/invitations/use": {
+        $post: {
             input: {
                 json: {
-                    feedIdList: string[];
-                    deleteSubscriptions: boolean;
+                    code: string;
                 };
             };
             output: {
@@ -2998,15 +3030,22 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             outputFormat: "json" | "text";
             status: 200;
         };
-        $patch: {
-            input: {
-                json: {
-                    category: string;
-                    feedIdList: string[];
-                };
-            };
+    };
+    "/invitations": {
+        $get: {
+            input: {};
             output: {
                 code: 0;
+                data: {
+                    code: string;
+                    createdAt: string | null;
+                    users: {
+                        name: string | null;
+                        id: string;
+                        image: string | null;
+                    } | null;
+                    toUserId: string | null;
+                }[];
             };
             outputFormat: "json" | "text";
             status: 200;
@@ -3058,7 +3097,6 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             output: {
                 code: 0;
                 data: {
-                    readCount: number;
                     feed: {
                         url: string;
                         checkedAt: string;
@@ -3075,12 +3113,13 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                         ownerUserId?: string | null | undefined;
                     };
                     subscriptionCount: number;
+                    readCount: number;
                     subscription?: {
                         title: string | null;
-                        view: number;
                         userId: string;
-                        feedId: string;
+                        view: number;
                         category: string | null;
+                        feedId: string;
                         isPrivate: boolean;
                     } | undefined;
                 };
@@ -3104,151 +3143,20 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         };
     };
 } & {
-    "/discover": {
-        $post: {
+    "/entries/read-histories/:id": {
+        $get: {
             input: {
-                json: {
-                    keyword: string;
+                param: {
+                    id?: string | undefined;
+                };
+            } & {
+                query: {
+                    page?: string | string[] | undefined;
+                    size?: string | string[] | undefined;
                 };
             };
             output: {
-                data: {
-                    feed: {
-                        description: string | null;
-                        title: string | null;
-                        id: string;
-                        image: string | null;
-                        url: string;
-                        siteUrl: string | null;
-                        checkedAt: string;
-                        lastModifiedHeader: string | null;
-                        etagHeader: string | null;
-                        ttl: number | null;
-                        errorMessage: string | null;
-                        errorAt: string | null;
-                        ownerUserId: string | null;
-                    };
-                    entries?: {
-                        description: string | null;
-                        title: string | null;
-                        content: string | null;
-                        id: string;
-                        url: string | null;
-                        feedId: string;
-                        guid: string;
-                        author: string | null;
-                        authorUrl: string | null;
-                        authorAvatar: string | null;
-                        insertedAt: string;
-                        publishedAt: string;
-                        categories: string[] | null;
-                        media?: {
-                            type: "photo" | "video";
-                            url: string;
-                            width?: number | undefined;
-                            height?: number | undefined;
-                            preview_image_url?: string | undefined;
-                        }[] | null | undefined;
-                        attachments?: {
-                            url: string;
-                            title?: string | undefined;
-                            duration_in_seconds?: number | undefined;
-                            mime_type?: string | undefined;
-                            size_in_bytes?: number | undefined;
-                        }[] | null | undefined;
-                    }[] | undefined;
-                    docs?: string | undefined;
-                    isSubscribed?: boolean | undefined;
-                    subscriptionCount?: number | undefined;
-                }[];
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/discover/rsshub": {
-        $get: {
-            input: {
-                query: {
-                    category?: string | string[] | undefined;
-                    namespace?: string | string[] | undefined;
-                };
-            };
-            output: {
-                data: {
-                    [x: string]: {
-                        description: string;
-                        name: string;
-                        url: string;
-                        routes: {
-                            [x: string]: {
-                                description: string;
-                                parameters: {
-                                    [x: string]: string;
-                                };
-                                path: string;
-                                example: string;
-                                name: string;
-                                categories: string[];
-                                maintainers: string[];
-                                location: string;
-                                view?: number | undefined;
-                            };
-                        };
-                    };
-                };
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-} & {
-    "/auth-app/new-session": {
-        $post: {
-            input: {};
-            output: {
-                code: 0;
-                data: {
-                    userId: string;
-                    sessionToken: string;
-                    expires: string;
-                };
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-    "/auth-app/update-account": {
-        $patch: {
-            input: {
-                json: {
-                    name?: string | null | undefined;
-                    image?: string | null | undefined;
-                    handle?: string | null | undefined;
-                };
-            };
-            output: {
-                code: 0;
-            };
-            outputFormat: "json" | "text";
-            status: 200;
-        };
-    };
-} & {
-    "/entries/read-histories/:id": {
-        $get: {
-            input: {
-                param: {
-                    id?: string | undefined;
-                };
-            } & {
-                query: {
-                    page?: string | string[] | undefined;
-                    size?: string | string[] | undefined;
-                };
-            };
-            output: {
-                code: 0;
+                code: 0;
                 data: {
                     users: {
                         [x: string]: {
@@ -3274,8 +3182,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 query: {
                     insertedAfter: string | string[];
                     view?: string | string[] | undefined;
-                    feedId?: string | string[] | undefined;
                     feedIdList?: string | string[] | undefined;
+                    feedId?: string | string[] | undefined;
                     read?: string | string[] | undefined;
                 };
             };
@@ -3283,8 +3191,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                 code: 0;
                 data: {
                     has_new: boolean;
-                    lastest_at?: string | undefined;
                     entry_id?: string | undefined;
+                    lastest_at?: string | undefined;
                 };
             };
             outputFormat: "json" | "text";
@@ -3296,8 +3204,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             input: {
                 json: {
                     view?: number | undefined;
-                    feedId?: string | undefined;
                     feedIdList?: string[] | undefined;
+                    feedId?: string | undefined;
                     read?: boolean | undefined;
                     limit?: number | undefined;
                     publishedAfter?: string | undefined;
@@ -3316,9 +3224,9 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                         description: string | null;
                         title: string | null;
                         id: string;
+                        author: string | null;
                         url: string | null;
                         guid: string;
-                        author: string | null;
                         authorUrl: string | null;
                         authorAvatar: string | null;
                         insertedAt: string;
@@ -3386,9 +3294,9 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                         title: string | null;
                         content: string | null;
                         id: string;
+                        author: string | null;
                         url: string | null;
                         guid: string;
-                        author: string | null;
                         authorUrl: string | null;
                         authorAvatar: string | null;
                         insertedAt: string;
@@ -3409,6 +3317,9 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                             size_in_bytes?: number | undefined;
                         }[] | null | undefined;
                     };
+                    collections: {
+                        createdAt: string;
+                    };
                     feeds: {
                         description: string | null;
                         title: string | null;
@@ -3437,9 +3348,6 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                         userIds: string[];
                         readCount: number;
                     } | null;
-                    collections: {
-                        createdAt: string;
-                    };
                     settings?: {
                         summary?: boolean | undefined;
                         translation?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
@@ -3468,10 +3376,10 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                     title: string | null;
                     content: string | null;
                     id: string;
+                    author: string | null;
                     url: string | null;
                     feedId: string;
                     guid: string;
-                    author: string | null;
                     authorUrl: string | null;
                     authorAvatar: string | null;
                     insertedAt: string;
@@ -3498,21 +3406,16 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         };
     };
 } & {
-    "/subscriptions": {
-        $get: {
+    "/discover": {
+        $post: {
             input: {
-                query: {
-                    view?: string | string[] | undefined;
-                    userId?: string | string[] | undefined;
+                json: {
+                    keyword: string;
                 };
             };
             output: {
-                code: 0;
                 data: {
-                    title: string | null;
-                    view: number;
-                    userId: string;
-                    feeds: {
+                    feed: {
                         description: string | null;
                         title: string | null;
                         id: string;
@@ -3527,21 +3430,99 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
                         errorAt: string | null;
                         ownerUserId: string | null;
                     };
-                    feedId: string;
-                    category: string | null;
-                    isPrivate: boolean;
+                    entries?: {
+                        description: string | null;
+                        title: string | null;
+                        content: string | null;
+                        id: string;
+                        author: string | null;
+                        url: string | null;
+                        feedId: string;
+                        guid: string;
+                        authorUrl: string | null;
+                        authorAvatar: string | null;
+                        insertedAt: string;
+                        publishedAt: string;
+                        categories: string[] | null;
+                        media?: {
+                            type: "photo" | "video";
+                            url: string;
+                            width?: number | undefined;
+                            height?: number | undefined;
+                            preview_image_url?: string | undefined;
+                        }[] | null | undefined;
+                        attachments?: {
+                            url: string;
+                            title?: string | undefined;
+                            duration_in_seconds?: number | undefined;
+                            mime_type?: string | undefined;
+                            size_in_bytes?: number | undefined;
+                        }[] | null | undefined;
+                    }[] | undefined;
+                    docs?: string | undefined;
+                    isSubscribed?: boolean | undefined;
+                    subscriptionCount?: number | undefined;
                 }[];
             };
             outputFormat: "json" | "text";
             status: 200;
         };
+    };
+    "/discover/rsshub": {
+        $get: {
+            input: {
+                query: {
+                    category?: string | string[] | undefined;
+                    namespace?: string | string[] | undefined;
+                };
+            };
+            output: {
+                data: {
+                    [x: string]: {
+                        description: string;
+                        name: string;
+                        url: string;
+                        routes: {
+                            [x: string]: {
+                                description: string;
+                                parameters: {
+                                    [x: string]: string;
+                                };
+                                path: string;
+                                example: string;
+                                name: string;
+                                categories: string[];
+                                maintainers: string[];
+                                location: string;
+                                view?: number | undefined;
+                            };
+                        };
+                    };
+                };
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+} & {
+    "/collections": {
+        $get: {
+            input: {
+                query: {
+                    entryId: string | string[];
+                };
+            };
+            output: {
+                code: 0;
+                data: boolean;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
         $post: {
             input: {
                 json: {
-                    view: number;
-                    url: string;
-                    category?: string | null | undefined;
-                    isPrivate?: boolean | undefined;
+                    entryId: string;
                 };
             };
             output: {
@@ -3553,8 +3534,35 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $delete: {
             input: {
                 json: {
-                    url?: string | undefined;
-                    feedId?: string | undefined;
+                    entryId: string;
+                };
+            };
+            output: {
+                code: 0;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+} & {
+    "/categories": {
+        $get: {
+            input: {
+                query: {
+                    view?: string | string[] | undefined;
+                };
+            };
+            output: {
+                data?: string[] | undefined;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+        $delete: {
+            input: {
+                json: {
+                    feedIdList: string[];
+                    deleteSubscriptions: boolean;
                 };
             };
             output: {
@@ -3566,10 +3574,8 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
         $patch: {
             input: {
                 json: {
-                    view: number;
-                    feedId: string;
-                    category?: string | null | undefined;
-                    isPrivate?: boolean | undefined;
+                    category: string;
+                    feedIdList: string[];
                 };
             };
             output: {
@@ -3579,17 +3585,152 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
             status: 200;
         };
     };
-    "/subscriptions/export": {
-        $get: {
+} & {
+    "/auth-app/new-session": {
+        $post: {
             input: {};
-            output: {};
-            outputFormat: string;
+            output: {
+                code: 0;
+                data: {
+                    userId: string;
+                    sessionToken: string;
+                    expires: string;
+                };
+            };
+            outputFormat: "json" | "text";
             status: 200;
         };
     };
-    "/subscriptions/import": {
-        $post: {
+    "/auth-app/update-account": {
+        $patch: {
+            input: {
+                json: {
+                    name?: string | null | undefined;
+                    image?: string | null | undefined;
+                    handle?: string | null | undefined;
+                };
+            };
+            output: {
+                code: 0;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+} & {
+    "/ai/translation": {
+        $get: {
+            input: {
+                query: {
+                    id: string | string[];
+                    language: string | string[];
+                    fields: string | string[];
+                };
+            };
+            output: {
+                code: 0;
+                data?: {
+                    description?: string | undefined;
+                    title?: string | undefined;
+                    content?: string | undefined;
+                } | undefined;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+    "/ai/summary": {
+        $get: {
+            input: {
+                query: {
+                    id: string | string[];
+                    language?: string | string[] | undefined;
+                };
+            };
+            output: {
+                code: 0;
+                data?: string | undefined;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+    "/ai/daily": {
+        $get: {
+            input: {
+                query: {
+                    view: string | string[];
+                    startDate: string | string[];
+                };
+            };
+            output: {
+                code: 0;
+                data: string;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+    };
+} & {
+    "/actions": {
+        $get: {
             input: {};
+            output: {
+                code: 0;
+                data?: {
+                    userId: string;
+                    rules?: {
+                        name: string;
+                        condition: {
+                            value: string;
+                            field: "title" | "view" | "site_url" | "feed_url" | "category";
+                            operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
+                        }[];
+                        result: {
+                            summary?: boolean | undefined;
+                            translation?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
+                            rewriteRules?: {
+                                from: string;
+                                to: string;
+                            }[] | undefined;
+                            blockRules?: {
+                                value: string | number;
+                                field: "title" | "content" | "all" | "author" | "url" | "order";
+                                operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
+                            }[] | undefined;
+                        };
+                    }[] | null | undefined;
+                } | undefined;
+            };
+            outputFormat: "json" | "text";
+            status: 200;
+        };
+        $put: {
+            input: {
+                json: {
+                    rules?: {
+                        name: string;
+                        condition: {
+                            value: string;
+                            field: "title" | "view" | "site_url" | "feed_url" | "category";
+                            operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
+                        }[];
+                        result: {
+                            summary?: boolean | undefined;
+                            translation?: "en" | "ja" | "zh-CN" | "zh-TW" | undefined;
+                            rewriteRules?: {
+                                from: string;
+                                to: string;
+                            }[] | undefined;
+                            blockRules?: {
+                                value: string | number;
+                                field: "title" | "content" | "all" | "author" | "url" | "order";
+                                operator: "contains" | "not_contains" | "eq" | "not_eq" | "gt" | "lt" | "regex";
+                            }[] | undefined;
+                        };
+                    }[] | null | undefined;
+                };
+            };
             output: {
                 code: 0;
             };
@@ -3600,4 +3741,4 @@ declare const _routes: hono_hono_base.HonoBase<Env, {
 }, "/">;
 type AppType = typeof _routes;
 
-export { type ActionsModel, type AppType, type AttachmentsModel, type EntriesModel, type EntryReadHistoriesModel, type FeedModel, type MediaModel, type SettingsModel, accounts, actions, actionsItemOpenAPISchema, actionsOpenAPISchema, actionsRelations, collections, collectionsOpenAPISchema, collectionsRelations, entries, entriesOpenAPISchema, entriesRelations, entryReadHistories, entryReadHistoriesOpenAPISchema, entryReadHistoriesRelations, feedPowerTokens, feedPowerTokensOpenAPISchema, feedPowerTokensRelations, feeds, feedsInputSchema, feedsOpenAPISchema, feedsRelations, invitations, invitationsOpenAPISchema, invitationsRelations, languageSchema, sessions, subscriptions, subscriptionsOpenAPISchema, subscriptionsRelations, timeline, timelineOpenAPISchema, timelineRelations, transactionType, transactions, transactionsOpenAPISchema, transactionsRelations, users, usersOpenApiSchema, usersRelations, verificationTokens, wallets, walletsOpenAPISchema, walletsRelations };
+export { type ActionsModel, type AppType, type AttachmentsModel, type EntriesModel, type EntryReadHistoriesModel, type FeedModel, type MediaModel, type SettingsModel, accounts, actions, actionsItemOpenAPISchema, actionsOpenAPISchema, actionsRelations, collections, collectionsOpenAPISchema, collectionsRelations, entries, entriesOpenAPISchema, entriesRelations, entryReadHistories, entryReadHistoriesOpenAPISchema, entryReadHistoriesRelations, feedPowerTokens, feedPowerTokensOpenAPISchema, feedPowerTokensRelations, feeds, feedsInputSchema, feedsOpenAPISchema, feedsRelations, invitations, invitationsOpenAPISchema, invitationsRelations, languageSchema, sessions, settings, subscriptions, subscriptionsOpenAPISchema, subscriptionsRelations, timeline, timelineOpenAPISchema, timelineRelations, transactionType, transactions, transactionsOpenAPISchema, transactionsRelations, users, usersOpenApiSchema, usersRelations, verificationTokens, wallets, walletsOpenAPISchema, walletsRelations };
diff --git a/src/renderer/src/atoms/settings/general.ts b/src/renderer/src/atoms/settings/general.ts
index e41737bc54..0095a8708d 100644
--- a/src/renderer/src/atoms/settings/general.ts
+++ b/src/renderer/src/atoms/settings/general.ts
@@ -40,3 +40,9 @@ export const subscribeShouldUseIndexedDB = (
 ) =>
   jotaiStore.sub(__generalSettingAtom, () =>
     callback(getGeneralSettings().dataPersist))
+
+export const generalServerSyncWhiteListKeys: (keyof GeneralSettings)[] = [
+  "appLaunchOnStartup",
+  "dataPersist",
+  "sendAnonymousData",
+]
diff --git a/src/renderer/src/atoms/settings/helper.ts b/src/renderer/src/atoms/settings/helper.ts
index 067810e821..491b3cb9de 100644
--- a/src/renderer/src/atoms/settings/helper.ts
+++ b/src/renderer/src/atoms/settings/helper.ts
@@ -1,4 +1,5 @@
 import { useRefValue } from "@renderer/hooks/common"
+import { EventBus } from "@renderer/lib/event-bus"
 import { createAtomHooks } from "@renderer/lib/jotai"
 import { getStorageNS } from "@renderer/lib/ns"
 import type { SettingItem } from "@renderer/modules/settings/setting-builder"
@@ -7,6 +8,16 @@ import { useAtomValue } from "jotai"
 import { atomWithStorage, selectAtom } from "jotai/utils"
 import { useMemo } from "react"
 
+declare module "@renderer/lib/event-bus" {
+  interface CustomEvent {
+    SETTING_CHANGE_EVENT: {
+      updated: number
+      payload: Record<string, any>
+      key: string
+    }
+  }
+}
+
 export const createSettingAtom = <T extends object>(
   settingKey: string,
   createDefaultSettings: () => T,
@@ -19,6 +30,7 @@ export const createSettingAtom = <T extends object>(
       getOnInit: true,
     },
   )
+
   const [, , useSettingValue, , getSettings, setSettings] =
     createAtomHooks(atom)
 
@@ -53,9 +65,18 @@ export const createSettingAtom = <T extends object>(
     key: K,
     value: ReturnType<typeof getSettings>[K],
   ) => {
+    const updated = Date.now()
     setSettings({
       ...getSettings(),
       [key]: value,
+
+      updated,
+    })
+
+    EventBus.dispatch("SETTING_CHANGE_EVENT", {
+      payload: { [key]: value },
+      updated,
+      key: settingKey,
     })
   }
 
@@ -104,8 +125,10 @@ export const createDefineSettingItem =
         description?: string | JSX.Element
         onChange?: (value: T[K]) => void
         hide?: boolean
-
-      } & Omit<SettingItem<any>, "onChange" | "description" | "label" | "hide" | "key">,
+      } & Omit<
+      SettingItem<any>,
+      "onChange" | "description" | "label" | "hide" | "key"
+    >,
     ): any => {
     const { label, description, onChange, hide, ...rest } = options
 
diff --git a/src/renderer/src/atoms/settings/ui.ts b/src/renderer/src/atoms/settings/ui.ts
index 0b7df7beca..8a14b5d1e7 100644
--- a/src/renderer/src/atoms/settings/ui.ts
+++ b/src/renderer/src/atoms/settings/ui.ts
@@ -43,4 +43,12 @@ export const {
   initializeDefaultSettings: initializeDefaultUISettings,
   getSettings: getUISettings,
   useSettingValue: useUISettingValue,
+  settingAtom: __uiSettingAtom,
 } = createSettingAtom("ui", createDefaultSettings)
+
+export const uiServerSyncWhiteListKeys: (keyof UISettings)[] = [
+  "uiFontFamily",
+  "readerFontFamily",
+  "opaqueSidebar",
+  "voice",
+]
diff --git a/src/renderer/src/components/icons/PhCloudCheck.tsx b/src/renderer/src/components/icons/PhCloudCheck.tsx
new file mode 100644
index 0000000000..39640f1f45
--- /dev/null
+++ b/src/renderer/src/components/icons/PhCloudCheck.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from "react"
+
+export function PhCloudCheck(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="1em"
+      height="1em"
+      viewBox="0 0 256 256"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M160 40a88.09 88.09 0 0 0-78.71 48.67A64 64 0 1 0 72 216h88a88 88 0 0 0 0-176m0 160H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.29.11A88 88 0 0 0 72 128a8 8 0 0 0 16 0a72 72 0 1 1 72 72m37.66-93.66a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L144 148.69l42.34-42.35a8 8 0 0 1 11.32 0"
+      />
+    </svg>
+  )
+}
diff --git a/src/renderer/src/components/icons/PhCloudX.tsx b/src/renderer/src/components/icons/PhCloudX.tsx
new file mode 100644
index 0000000000..f82bdb8de6
--- /dev/null
+++ b/src/renderer/src/components/icons/PhCloudX.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from "react"
+
+export function PhCloudX(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256" {...props}><path fill="currentColor" d="M160 40a88.09 88.09 0 0 0-78.71 48.67A64 64 0 1 0 72 216h88a88 88 0 0 0 0-176m0 160H72a48 48 0 0 1 0-96c1.1 0 2.2 0 3.29.11A88 88 0 0 0 72 128a8 8 0 0 0 16 0a72 72 0 1 1 72 72m29.66-82.34L171.31 136l18.35 18.34a8 8 0 0 1-11.32 11.32L160 147.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L148.69 136l-18.35-18.34a8 8 0 0 1 11.32-11.32L160 124.69l18.34-18.35a8 8 0 0 1 11.32 11.32" /></svg>
+  )
+}
diff --git a/src/renderer/src/initialize/index.ts b/src/renderer/src/initialize/index.ts
index a1c92d7215..b805533829 100644
--- a/src/renderer/src/initialize/index.ts
+++ b/src/renderer/src/initialize/index.ts
@@ -4,8 +4,11 @@ import { repository } from "@pkg"
 import { getUISettings } from "@renderer/atoms/settings/ui"
 import { isElectronBuild } from "@renderer/constants"
 import { browserDB } from "@renderer/database"
-import { getStorageNS } from "@renderer/lib/ns"
-import { ElectronCloseEvent, ElectronShowEvent } from "@renderer/providers/invalidate-query-provider"
+import { settingSyncQueue } from "@renderer/modules/settings/helper/sync-queue"
+import {
+  ElectronCloseEvent,
+  ElectronShowEvent,
+} from "@renderer/providers/invalidate-query-provider"
 import { CleanerService } from "@renderer/services/cleaner"
 import { registerGlobalContext } from "@shared/bridge"
 import dayjs from "dayjs"
@@ -13,7 +16,6 @@ import duration from "dayjs/plugin/duration"
 import localizedFormat from "dayjs/plugin/localizedFormat"
 import relativeTime from "dayjs/plugin/relativeTime"
 import { enableMapSet } from "immer"
-import { createElement } from "react"
 import { toast } from "sonner"
 
 import { subscribeNetworkStatus } from "../atoms/network"
@@ -27,8 +29,8 @@ import {
   hydrateSettings,
   setHydrated,
 } from "./hydrate"
+import { doMigration } from "./migrates"
 import { initPostHog } from "./posthog"
-import { pushAfterReadyCallback } from "./queue"
 import { initSentry } from "./sentry"
 
 const cleanup = subscribeShouldUseIndexedDB((value) => {
@@ -48,8 +50,6 @@ declare global {
   }
 }
 
-const appVersionKey = getStorageNS("app_version")
-
 export const initializeApp = async () => {
   appLog(`${APP_NAME}: Next generation information browser`, repository.url)
   appLog(`Initialize ${APP_NAME}...`)
@@ -62,37 +62,7 @@ export const initializeApp = async () => {
     "electron" :
     "web"
 
-  const lastVersion = localStorage.getItem(appVersionKey)
-
-  if (lastVersion && lastVersion !== APP_VERSION) {
-    appLog(`Upgrade from ${lastVersion} to ${APP_VERSION}`)
-
-    pushAfterReadyCallback(() => {
-      setTimeout(() => {
-        toast.success(
-          // `App is upgraded to ${APP_VERSION}, enjoy the new features! 🎉`,
-          createElement("div", {
-            children: [
-              "App is upgraded to ",
-              createElement(
-                "a",
-                {
-                  href: `${repository.url}/releases/tag/${APP_VERSION}`,
-                  target: "_blank",
-                  className: "underline",
-                },
-                createElement("strong", {
-                  children: APP_VERSION,
-                }),
-              ),
-              ", enjoy the new features! 🎉",
-            ],
-          }),
-        )
-      }, 1000)
-    })
-  }
-  localStorage.setItem(appVersionKey, APP_VERSION)
+  doMigration()
 
   // Initialize dayjs
   dayjs.extend(duration)
@@ -122,6 +92,10 @@ export const initializeApp = async () => {
   })
 
   hydrateSettings()
+
+  settingSyncQueue.init()
+  settingSyncQueue.syncLocal()
+
   // should after hydrateSettings
   const { dataPersist: enabledDataPersist, sendAnonymousData } =
     getGeneralSettings()
diff --git a/src/renderer/src/initialize/migrates/index.ts b/src/renderer/src/initialize/migrates/index.ts
new file mode 100644
index 0000000000..8cc5d9b0ef
--- /dev/null
+++ b/src/renderer/src/initialize/migrates/index.ts
@@ -0,0 +1,43 @@
+import { repository } from "@pkg"
+import { appLog } from "@renderer/lib/log"
+import { getStorageNS } from "@renderer/lib/ns"
+import { createElement } from "react"
+import { toast } from "sonner"
+
+import { waitAppReady } from "../queue"
+
+const appVersionKey = getStorageNS("app_version")
+
+export const doMigration = () => {
+  const lastVersion = localStorage.getItem(appVersionKey)
+
+  if (lastVersion && lastVersion !== APP_VERSION) {
+    appLog(`Upgrade from ${lastVersion} to ${APP_VERSION}`)
+
+    waitAppReady(() => {
+      toast.success(
+        // `App is upgraded to ${APP_VERSION}, enjoy the new features! 🎉`,
+        createElement("div", {
+          children: [
+            "App is upgraded to ",
+            createElement(
+              "a",
+              {
+                href: `${repository.url}/releases/tag/${APP_VERSION}`,
+                target: "_blank",
+                className: "underline",
+              },
+              createElement("strong", {
+                children: APP_VERSION,
+              }),
+            ),
+            ", enjoy the new features! 🎉",
+          ],
+        }),
+      )
+    }, 1000)
+
+    // NOTE: Add migration logic here
+  }
+  localStorage.setItem(appVersionKey, APP_VERSION)
+}
diff --git a/src/renderer/src/initialize/queue.ts b/src/renderer/src/initialize/queue.ts
index 1991e541a6..da7efa9802 100644
--- a/src/renderer/src/initialize/queue.ts
+++ b/src/renderer/src/initialize/queue.ts
@@ -2,9 +2,9 @@ import { appIsReady } from "@renderer/atoms/app"
 
 const afterReadyCallbackQueue = [] as Array<() => void>
 
-export const pushAfterReadyCallback = (callback: () => void) => {
+export const waitAppReady = (callback: () => void, delay = 0) => {
   if (appIsReady()) {
-    callback()
+    delay ? callback() : setTimeout(callback, delay)
   } else {
     afterReadyCallbackQueue.push(callback)
   }
diff --git a/src/renderer/src/lib/defineQuery.ts b/src/renderer/src/lib/defineQuery.ts
index 139f25e980..33fc55aa87 100644
--- a/src/renderer/src/lib/defineQuery.ts
+++ b/src/renderer/src/lib/defineQuery.ts
@@ -20,7 +20,7 @@ export type DefinedQuery<TQueryKey extends QueryKey, TData> = Readonly<{
   invalidateRoot: () => void
 
   refetch: () => Promise<TData | undefined>
-  prefetch: () => Promise<void>
+  prefetch: () => Promise<TData | undefined>
 
   setData: <Data = TData>(
     updater: (draft: Draft<Data>) => ValidRecipeReturnType<Draft<Data>>
@@ -98,6 +98,7 @@ export function defineQuery<
         queryKey: key,
         queryFn: fn,
       })
+      return queryClient.getQueryData<TData>(key)
     },
     cancel: async (keyExtactor) => {
       const queryKey =
diff --git a/src/renderer/src/lib/event-bus.ts b/src/renderer/src/lib/event-bus.ts
new file mode 100644
index 0000000000..76e3e5922b
--- /dev/null
+++ b/src/renderer/src/lib/event-bus.ts
@@ -0,0 +1,35 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export interface CustomEvent {}
+export interface EventBusMap extends CustomEvent {}
+
+class EventBusEvent extends Event {
+  static type = "EventBusEvent"
+  constructor(public _type: string, public data: any) {
+    super(EventBusEvent.type)
+  }
+}
+class EventBusStatic {
+  dispatch<T extends keyof EventBusMap>(event: T, data: EventBusMap[T]) {
+    window.dispatchEvent(new EventBusEvent(event, data))
+  }
+
+  subscribe<T extends keyof EventBusMap>(
+    event: T,
+    callback: (data: EventBusMap[T]) => void,
+  ) {
+    const handler = (e: any) => {
+      if (e instanceof EventBusEvent && e._type === event) {
+        callback(e.data)
+      }
+    }
+    window.addEventListener(EventBusEvent.type, handler)
+
+    return this.unsubscribe.bind(this, event, handler)
+  }
+
+  unsubscribe(event: string, handler: (e: any) => void) {
+    window.removeEventListener(EventBusEvent.type, handler)
+  }
+}
+
+export const EventBus = new EventBusStatic()
diff --git a/src/renderer/src/lib/utils.ts b/src/renderer/src/lib/utils.ts
index abf224c1c2..c3bd5c64d9 100644
--- a/src/renderer/src/lib/utils.ts
+++ b/src/renderer/src/lib/utils.ts
@@ -147,7 +147,7 @@ export function formatXml(xml: string, indent = 4) {
 }
 
 export const sleep = (ms: number) =>
-  new Promise((resolve) => setTimeout(resolve, ms))
+  new Promise<void>((resolve) => setTimeout(resolve, ms))
 
 export const capitalizeFirstLetter = (string: string) =>
   string.charAt(0).toUpperCase() + string.slice(1)
@@ -247,3 +247,5 @@ export const getUrlIcon = (url: string, fallback?: boolean | undefined) => {
 
   return ret
 }
+
+export const isEmptyObject = (obj: Record<string, any>) => Object.keys(obj).length === 0
diff --git a/src/renderer/src/modules/feed-column/corner-player.tsx b/src/renderer/src/modules/feed-column/corner-player.tsx
index f92598d61f..c90441a300 100644
--- a/src/renderer/src/modules/feed-column/corner-player.tsx
+++ b/src/renderer/src/modules/feed-column/corner-player.tsx
@@ -40,7 +40,7 @@ export const CornerPlayer = () => {
       {show && entry && feed && (
         <m.div
           key="corner-player"
-          className="group relative z-10 !mb-0 w-full pr-px"
+          className="group relative z-10 !my-0 w-full pr-px"
           initial={{ y: 50, opacity: 0 }}
           animate={{ y: 0, opacity: 1 }}
           exit={{ y: 50, opacity: 0 }}
diff --git a/src/renderer/src/modules/settings/helper/SyncIndicator.tsx b/src/renderer/src/modules/settings/helper/SyncIndicator.tsx
new file mode 100644
index 0000000000..b6602aef7b
--- /dev/null
+++ b/src/renderer/src/modules/settings/helper/SyncIndicator.tsx
@@ -0,0 +1,49 @@
+import { PhCloudCheck } from "@renderer/components/icons/PhCloudCheck"
+import { PhCloudX } from "@renderer/components/icons/PhCloudX"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@renderer/components/ui/tooltip"
+import { useAuthQuery, useIsOnline } from "@renderer/hooks/common"
+import { settings } from "@renderer/queries/settings"
+import { useEffect, useRef } from "react"
+
+import { settingSyncQueue } from "./sync-queue"
+
+export const SyncIndicator = () => {
+  const { data: remoteSettings, isLoading } = useAuthQuery(settings.get(), {})
+
+  const isOnline = useIsOnline()
+  const onceRef = useRef(false)
+  useEffect(() => {
+    if (!isLoading && remoteSettings && !onceRef.current) {
+      const hasSetting = JSON.stringify(remoteSettings.settings) !== "{}"
+      onceRef.current = true
+      if (hasSetting) {
+        return
+      }
+      // Replace local to remote
+      settingSyncQueue.replaceRemote()
+    }
+  }, [remoteSettings, isLoading])
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <div className="center absolute right-2 size-5">
+          {isOnline ? (
+            <PhCloudCheck className="size-4" />
+          ) : (
+            <PhCloudX className="size-4" />
+          )}
+        </div>
+      </TooltipTrigger>
+      <TooltipContent>
+        <div className="text-center text-xs">
+          {isOnline ? "Synced with server" : "Offline"}
+        </div>
+      </TooltipContent>
+    </Tooltip>
+  )
+}
diff --git a/src/renderer/src/modules/settings/helper/sync-queue.ts b/src/renderer/src/modules/settings/helper/sync-queue.ts
new file mode 100644
index 0000000000..b35ce8efd1
--- /dev/null
+++ b/src/renderer/src/modules/settings/helper/sync-queue.ts
@@ -0,0 +1,283 @@
+import {
+  __generalSettingAtom,
+  generalServerSyncWhiteListKeys,
+  getGeneralSettings,
+} from "@renderer/atoms/settings/general"
+import {
+  __uiSettingAtom,
+  getUISettings,
+  uiServerSyncWhiteListKeys,
+} from "@renderer/atoms/settings/ui"
+import { apiClient } from "@renderer/lib/api-fetch"
+import { EventBus } from "@renderer/lib/event-bus"
+import { jotaiStore } from "@renderer/lib/jotai"
+import { getStorageNS } from "@renderer/lib/ns"
+import { isEmptyObject, sleep } from "@renderer/lib/utils"
+import { settings } from "@renderer/queries/settings"
+import type { GeneralSettings, UISettings } from "@shared/interface/settings"
+import type { PrimitiveAtom } from "jotai"
+import { omit } from "lodash-es"
+
+type SettingMapping = {
+  appearance: UISettings
+  general: GeneralSettings
+}
+
+const omitKeys = ["updated"]
+
+const localSettingGetterMap = {
+  appearance: () => omit(getUISettings(), uiServerSyncWhiteListKeys, omitKeys),
+  general: () =>
+    omit(getGeneralSettings(), generalServerSyncWhiteListKeys, omitKeys),
+}
+
+const createInternalSetter =
+  <T>(atom: PrimitiveAtom<T>) =>
+    (payload: T) => {
+      const current = jotaiStore.get(atom)
+      jotaiStore.set(atom, { ...current, ...payload })
+    }
+
+const localsettingSetterMap = {
+  appearance: createInternalSetter(__uiSettingAtom),
+  general: createInternalSetter(__generalSettingAtom),
+}
+const settingWhiteListMap = {
+  appearance: uiServerSyncWhiteListKeys,
+  general: generalServerSyncWhiteListKeys,
+}
+
+const bizSettingKeyToTabMapping = {
+  ui: "appearance",
+  general: "general",
+}
+
+export type SettingSyncTab = keyof SettingMapping
+export interface SettingSyncQueueItem<
+  T extends SettingSyncTab = SettingSyncTab,
+> {
+  tab: T
+  payload: Partial<SettingMapping[T]>
+  date: number
+}
+class SettingSyncQueue {
+  queue: SettingSyncQueueItem[] = []
+
+  private disposers: (() => void)[] = []
+  async init() {
+    this.teardown()
+
+    this.load()
+    this.flush()
+
+    const d1 = EventBus.subscribe("SETTING_CHANGE_EVENT", (data) => {
+      const tab = bizSettingKeyToTabMapping[data.key]
+      if (!tab) return
+
+      const nextPayload = omit(
+        data.payload,
+        omitKeys,
+        settingWhiteListMap[tab],
+      )
+      if (isEmptyObject(nextPayload)) return
+      this.enqueue(tab, nextPayload)
+    })
+    const onlineHandler = () =>
+      (this.chain = this.chain.finally(() => this.flush()))
+
+    window.addEventListener("online", onlineHandler)
+    const d2 = () => window.removeEventListener("online", onlineHandler)
+
+    const unloadHandler = () => this.persist()
+
+    window.addEventListener("beforeunload", unloadHandler)
+    const d3 = () => window.removeEventListener("beforeunload", unloadHandler)
+
+    this.disposers.push(d1, d2, d3)
+  }
+
+  teardown() {
+    for (const disposer of this.disposers) {
+      disposer()
+    }
+    this.queue = []
+  }
+
+  private readonly storageKey = getStorageNS("setting_sync_queue")
+  private persist() {
+    if (this.queue.length === 0) {
+      return
+    }
+    localStorage.setItem(this.storageKey, JSON.stringify(this.queue))
+  }
+
+  private load() {
+    const queue = localStorage.getItem(this.storageKey)
+    localStorage.removeItem(this.storageKey)
+    if (!queue) {
+      return
+    }
+
+    try {
+      this.queue = JSON.parse(queue)
+    } catch {
+      /* empty */
+    }
+  }
+
+  private chain = Promise.resolve()
+
+  private threshold = 1000
+  private enqueueTime = Date.now()
+
+  async enqueue<T extends SettingSyncTab>(
+    tab: T,
+    payload: Partial<SettingMapping[T]>,
+  ) {
+    const now = Date.now()
+    if (isEmptyObject(payload)) {
+      return
+    }
+    this.queue.push({
+      tab,
+      payload,
+      date: now,
+    })
+
+    if (now - this.enqueueTime > this.threshold) {
+      this.chain = this.chain
+        .then(() => sleep(this.threshold))
+        .finally(() => this.flush())
+      this.enqueueTime = Date.now()
+    }
+  }
+
+  private async flush() {
+    if (navigator.onLine === false) {
+      return
+    }
+
+    const groupedTab = {} as Record<SettingSyncTab, any>
+
+    const referenceMap = {} as Record<
+      SettingSyncTab,
+      Set<SettingSyncQueueItem>
+    >
+    for (const item of this.queue) {
+      if (!groupedTab[item.tab]) {
+        groupedTab[item.tab] = {}
+      }
+
+      referenceMap[item.tab] ||= new Set()
+      referenceMap[item.tab].add(item)
+
+      groupedTab[item.tab] = {
+        ...groupedTab[item.tab],
+        ...item.payload,
+      }
+    }
+
+    const promises = [] as Promise<any>[]
+    for (const tab in groupedTab) {
+      const json = omit(groupedTab[tab], omitKeys, settingWhiteListMap[tab])
+
+      if (isEmptyObject(json)) {
+        continue
+      }
+      const promise = apiClient.settings[":tab"]
+        .$patch({
+          param: {
+            tab,
+          },
+          json,
+        })
+        .then(() => {
+          // remove from queue
+          for (const item of referenceMap[tab]) {
+            const index = this.queue.indexOf(item)
+            if (index !== -1) {
+              this.queue.splice(index, 1)
+            }
+          }
+        })
+      // TODO rollback or retry
+      promises.push(promise)
+    }
+
+    await Promise.all(promises)
+  }
+
+  replaceRemote(tab?: SettingSyncTab) {
+    if (!tab) {
+      const promises = [] as Promise<any>[]
+      for (const tab in localSettingGetterMap) {
+        const payload = localSettingGetterMap[tab]()
+        const promise = apiClient.settings[":tab"].$patch({
+          param: {
+            tab,
+          },
+          json: payload,
+        })
+
+        promises.push(promise)
+      }
+
+      this.chain = this.chain.finally(() => Promise.all(promises))
+      return this.chain
+    } else {
+      const payload = localSettingGetterMap[tab]()
+
+      this.chain = this.chain.finally(() =>
+        apiClient.settings[":tab"].$patch({
+          param: {
+            tab,
+          },
+          json: payload,
+        }),
+      )
+
+      return this.chain
+    }
+  }
+
+  async syncLocal() {
+    const remoteSettings = await settings.get().prefetch()
+
+    if (!remoteSettings) return
+
+    if (isEmptyObject(remoteSettings.settings)) return
+
+    for (const tab in remoteSettings.settings) {
+      const remoteSettingPayload = remoteSettings.settings[tab]
+      const updated = remoteSettings.updated[tab]
+
+      if (!updated) {
+        continue
+      }
+
+      const remoteUpdatedDate = new Date(updated).getTime()
+
+      const localSettings = localSettingGetterMap[tab]()
+      const localSettingsUpdated = localSettings.updated
+
+      if (!localSettingsUpdated || remoteUpdatedDate > localSettingsUpdated) {
+        // Use remote and update local
+        const nextPayload = omit(
+          remoteSettingPayload,
+          omitKeys,
+          settingWhiteListMap[tab],
+        )
+
+        if (isEmptyObject(nextPayload)) {
+          continue
+        }
+
+        const setter = localsettingSetterMap[tab]
+
+        setter(nextPayload)
+      }
+    }
+  }
+}
+
+export const settingSyncQueue = new SettingSyncQueue()
diff --git a/src/renderer/src/modules/settings/modal/layout.tsx b/src/renderer/src/modules/settings/modal/layout.tsx
index 76e3659b66..9386d8d7ff 100644
--- a/src/renderer/src/modules/settings/modal/layout.tsx
+++ b/src/renderer/src/modules/settings/modal/layout.tsx
@@ -10,6 +10,7 @@ import type { PointerEventHandler, PropsWithChildren } from "react"
 import { Suspense, useCallback, useEffect, useRef } from "react"
 
 import { settings } from "../constants"
+import { SyncIndicator } from "../helper/SyncIndicator"
 import { SettingsSidebarTitle } from "../title"
 import { useSetSettingTab, useSettingTab } from "./context"
 
@@ -102,28 +103,34 @@ export function SettingModalLayout(
             className="flex h-0 flex-1 bg-theme-modal-background-opaque"
             ref={elementRef}
           >
-            <div className="w-44 border-r px-2 py-6">
+            <div className="flex min-h-0 w-44 flex-col border-r px-2 py-6">
               <div className="mb-4 flex h-8 items-center gap-2 px-2 font-bold">
                 <Logo className="mr-1 size-6" />
                 {APP_NAME}
               </div>
-              {settings.map((t) => (
-                <button
-                  key={t.path}
-                  className={`my-1 flex w-full items-center rounded-lg px-2.5 py-0.5 leading-loose text-theme-foreground/70 transition-colors ${
-                    tab === t.path ?
-                      "bg-theme-item-active text-theme-foreground/90" :
-                      ""
-                  }`}
-                  type="button"
-                  onClick={() => setTab(t.path)}
-                >
-                  <SettingsSidebarTitle
-                    path={t.path}
-                    className="text-[0.94rem] font-medium"
-                  />
-                </button>
-              ))}
+              <nav className="flex grow flex-col">
+                {settings.map((t) => (
+                  <button
+                    key={t.path}
+                    className={`my-0.5 flex w-full items-center rounded-lg px-2.5 py-0.5 leading-loose text-theme-foreground/70 transition-colors ${
+                      tab === t.path ?
+                        "bg-theme-item-active text-theme-foreground/90" :
+                        ""
+                    }`}
+                    type="button"
+                    onClick={() => setTab(t.path)}
+                  >
+                    <SettingsSidebarTitle
+                      path={t.path}
+                      className="text-[0.94rem] font-medium"
+                    />
+                  </button>
+                ))}
+              </nav>
+
+              <div className="relative -mb-5 h-8 shrink-0">
+                <SyncIndicator />
+              </div>
             </div>
             <div className="relative flex h-full flex-1 flex-col bg-theme-background pt-1">
               <Suspense>{children}</Suspense>
diff --git a/src/renderer/src/modules/settings/modules/fonts.tsx b/src/renderer/src/modules/settings/sections/fonts.tsx
similarity index 100%
rename from src/renderer/src/modules/settings/modules/fonts.tsx
rename to src/renderer/src/modules/settings/sections/fonts.tsx
diff --git a/src/renderer/src/modules/settings/tabs/apperance.tsx b/src/renderer/src/modules/settings/tabs/apperance.tsx
index da40527a3b..0b189724f8 100644
--- a/src/renderer/src/modules/settings/tabs/apperance.tsx
+++ b/src/renderer/src/modules/settings/tabs/apperance.tsx
@@ -18,7 +18,7 @@ import { getOS } from "@renderer/lib/utils"
 import { bundledThemes } from "shiki/themes"
 
 import { SettingTabbedSegment } from "../control"
-import { ContentFontSelector, UIFontSelector } from "../modules/fonts"
+import { ContentFontSelector, UIFontSelector } from "../sections/fonts"
 import { createSettingBuilder } from "../setting-builder"
 import { SettingsTitle } from "../title"
 
diff --git a/src/renderer/src/queries/settings.ts b/src/renderer/src/queries/settings.ts
new file mode 100644
index 0000000000..fca0fb6f8e
--- /dev/null
+++ b/src/renderer/src/queries/settings.ts
@@ -0,0 +1,7 @@
+import { apiClient } from "@renderer/lib/api-fetch"
+import { defineQuery } from "@renderer/lib/defineQuery"
+
+export const settings = {
+  get: () =>
+    defineQuery(["settings"], async () => await apiClient.settings.$get({ query: {} })),
+}

From 639bace313311db6319fb1fe168b68af7aa1e8e0 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 12:01:48 +0800
Subject: [PATCH 53/60] fix: translation markdown tooltip wrapper style

Signed-off-by: Innei <i@innei.in>
---
 .../src/components/ui/markdown/Markdown.tsx   | 23 ++++++++--
 .../src/modules/entry-column/translation.tsx  | 45 +++++++++----------
 2 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
index 6aebc7c8a3..45903b98b4 100644
--- a/src/renderer/src/components/ui/markdown/Markdown.tsx
+++ b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -46,13 +46,26 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
     renderInlineStyle: boolean
   }>,
 ) => {
-  const { children, renderInlineStyle, as = "div", accessory, noMedia, ...rest } = props
-  const [remarkOptions, setRemarkOptions] = useState({ renderInlineStyle, noMedia })
+  const {
+    children,
+    renderInlineStyle,
+    as = "div",
+    accessory,
+    noMedia,
+    ...rest
+  } = props
+  const [remarkOptions, setRemarkOptions] = useState({
+    renderInlineStyle,
+    noMedia,
+  })
   const [shouldForceReMountKey, setShouldForceReMountKey] = useState(0)
 
   useEffect(() => {
     setRemarkOptions((options) => {
-      if (renderInlineStyle === options.renderInlineStyle) return options
+      if (
+        renderInlineStyle === options.renderInlineStyle ||
+        noMedia === options.noMedia
+      ) { return options }
 
       setShouldForceReMountKey((key) => key + 1)
       return { ...options, renderInlineStyle, noMedia }
@@ -74,7 +87,9 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
   return (
     <MarkdownRenderContainerRefContext.Provider value={refElement}>
       {createElement(as, { ...rest, ref: setRefElement }, markdownElement)}
-      {accessory && <Fragment key={shouldForceReMountKey}>{accessory}</Fragment>}
+      {accessory && (
+        <Fragment key={shouldForceReMountKey}>{accessory}</Fragment>
+      )}
     </MarkdownRenderContainerRefContext.Provider>
   )
 }
diff --git a/src/renderer/src/modules/entry-column/translation.tsx b/src/renderer/src/modules/entry-column/translation.tsx
index a807fe2af6..7c6243d378 100644
--- a/src/renderer/src/modules/entry-column/translation.tsx
+++ b/src/renderer/src/modules/entry-column/translation.tsx
@@ -32,21 +32,21 @@ export const EntryTranslation: Component<{
             {source}
           </HTML>
         ) :
-        <div className={className}>{source}</div>
+        (
+          <div className={className}>{source}</div>
+        )
   }
   return (
     <HoverCard.Root>
       <HoverCard.Trigger className={className} ref={ref}>
         <i className="i-mgc-translate-2-cute-re mr-1 align-middle" />
         {isHTML ? (
-          <HTML
-            as="span"
-            className="align-middle"
-            noMedia
-          >
+          <HTML as="span" className="align-middle" noMedia>
             {nextTarget}
           </HTML>
-        ) : <span className="align-middle">{nextTarget}</span>}
+        ) : (
+          <span className="align-middle">{nextTarget}</span>
+        )}
       </HoverCard.Trigger>
       <HoverCard.Portal>
         <HoverCard.Content
@@ -66,33 +66,28 @@ export const EntryTranslation: Component<{
                   "shadow-modal rounded-xl border bg-background p-2",
                   "group-data-[side=top]:top-0",
                   "group-data-[side=bottom]:top-full",
+                  "max-w-[30ch]",
                 )}
                 viewportClassName="max-h-[12ch]"
               >
                 {isHTML ? (
-                  <HTML
-                    as="span"
-                    className="align-middle"
-                    noMedia
-                  >
+                  <HTML as="div" className="align-middle" noMedia>
                     {source}
                   </HTML>
-                ) : <span className="align-middle">{source}</span>}
+                ) : (
+                  <span className="align-middle">{source}</span>
+                )}
               </ScrollArea.ScrollArea>
             </div>
-          ) : (
-            isHTML ?
-                (
-                  <HTML
-                    as="span"
-                    className={cn(tooltipStyle.content)}
-                    noMedia
-                  >
-                    {source}
-                  </HTML>
-                ) :
+          ) : isHTML ?
+              (
+                <HTML as="div" className={cn(tooltipStyle.content)} noMedia>
+                  {source}
+                </HTML>
+              ) :
+              (
                 <span className={cn(tooltipStyle.content)}>{source}</span>
-          )}
+              )}
         </HoverCard.Content>
       </HoverCard.Portal>
     </HoverCard.Root>

From 72c4d6b83f7a7fe95b2cb505790cb75b38080b93 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 12:29:47 +0800
Subject: [PATCH 54/60] feat: make social media text can selectable

Signed-off-by: Innei <i@innei.in>
---
 .../src/modules/entry-column/Items/social-media-item.tsx      | 1 +
 src/renderer/src/modules/entry-column/translation.tsx         | 2 +-
 src/renderer/src/modules/entry-content/index.tsx              | 4 ++++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/modules/entry-column/Items/social-media-item.tsx b/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
index b124ada539..53580bfd7f 100644
--- a/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
+++ b/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
@@ -71,6 +71,7 @@ export const SocialMediaItem: EntryListItemFC = ({
             )}
           >
             <EntryTranslation
+              className="cursor-auto select-text"
               source={content}
               target={translation?.content}
               isHTML
diff --git a/src/renderer/src/modules/entry-column/translation.tsx b/src/renderer/src/modules/entry-column/translation.tsx
index 7c6243d378..f221299f22 100644
--- a/src/renderer/src/modules/entry-column/translation.tsx
+++ b/src/renderer/src/modules/entry-column/translation.tsx
@@ -41,7 +41,7 @@ export const EntryTranslation: Component<{
       <HoverCard.Trigger className={className} ref={ref}>
         <i className="i-mgc-translate-2-cute-re mr-1 align-middle" />
         {isHTML ? (
-          <HTML as="span" className="align-middle" noMedia>
+          <HTML as="div" className="align-middle" noMedia>
             {nextTarget}
           </HTML>
         ) : (
diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
index 7d4865b2dd..43b466a251 100644
--- a/src/renderer/src/modules/entry-content/index.tsx
+++ b/src/renderer/src/modules/entry-content/index.tsx
@@ -271,6 +271,10 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
                       <div className="center flex flex-col gap-2">
                         <i className="i-mgc-close-cute-re text-3xl text-red-500" />
                         <span className="font-sans text-sm">Network Error</span>
+
+                        <pre>
+                          {error.message}
+                        </pre>
                       </div>
                     ) :
                     (

From c86b2243f0039b9414552fb50d3d938ae7b3b7af Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 12:58:45 +0800
Subject: [PATCH 55/60] feat: support auto link fix #262

Signed-off-by: Innei <i@innei.in>
---
 .../src/components/ui/markdown/Markdown.tsx   |  4 +-
 src/renderer/src/lib/parse-html.ts            | 93 +++++++++++++++----
 src/renderer/src/styles/tailwind-extend.css   |  2 +-
 3 files changed, 80 insertions(+), 19 deletions(-)

diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
index 45903b98b4..5b366d395c 100644
--- a/src/renderer/src/components/ui/markdown/Markdown.tsx
+++ b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -65,7 +65,9 @@ export const HTML = <A extends keyof JSX.IntrinsicElements = "div">(
       if (
         renderInlineStyle === options.renderInlineStyle ||
         noMedia === options.noMedia
-      ) { return options }
+      ) {
+        return options
+      }
 
       setShouldForceReMountKey((key) => key + 1)
       return { ...options, renderInlineStyle, noMedia }
diff --git a/src/renderer/src/lib/parse-html.ts b/src/renderer/src/lib/parse-html.ts
index 5007238eb3..6492c5fc2d 100644
--- a/src/renderer/src/lib/parse-html.ts
+++ b/src/renderer/src/lib/parse-html.ts
@@ -9,6 +9,7 @@ import {
 import { BlockError } from "@renderer/components/ui/markdown/renderers/BlockErrorBoundary"
 import { createHeadingRenderer } from "@renderer/components/ui/markdown/renderers/Heading"
 import { Media } from "@renderer/components/ui/media"
+import type { Element, Text } from "hast"
 import type { Components } from "hast-util-to-jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
 import { toText } from "hast-util-to-text"
@@ -20,6 +21,7 @@ import rehypeParse from "rehype-parse"
 import rehypeSanitize, { defaultSchema } from "rehype-sanitize"
 import rehypeStringify from "rehype-stringify"
 import { unified } from "unified"
+import type { Node } from "unist"
 import { visit } from "unist-util-visit"
 import { VFile } from "vfile"
 
@@ -35,30 +37,39 @@ export const parseHtml = (
 
   const pipeline = unified()
     .use(rehypeParse, { fragment: true })
-    .use(rehypeSanitize, noMedia ?
-        {
-          ...defaultSchema,
-          tagNames: defaultSchema.tagNames?.filter((tag) => tag !== "img" && tag !== "picture"),
-        } :
-        {
-          ...defaultSchema,
-          tagNames: [...defaultSchema.tagNames!, "video", "style"],
-          attributes: {
-            ...defaultSchema.attributes,
-
-            "*": renderInlineStyle ?
-                [...defaultSchema.attributes!["*"], "style", "class"] :
-              defaultSchema.attributes!["*"],
-
-            "video": ["src", "poster"],
+    .use(
+      rehypeSanitize,
+      noMedia ?
+          {
+            ...defaultSchema,
+            tagNames: defaultSchema.tagNames?.filter(
+              (tag) => tag !== "img" && tag !== "picture",
+            ),
+          } :
+          {
+            ...defaultSchema,
+            tagNames: [...defaultSchema.tagNames!, "video", "style"],
+            attributes: {
+              ...defaultSchema.attributes,
+
+              "*": renderInlineStyle ?
+                  [...defaultSchema.attributes!["*"], "style", "class"] :
+                defaultSchema.attributes!["*"],
+
+              "video": ["src", "poster"],
+            },
           },
-        })
+    )
 
     .use(rehypeInferDescriptionMeta)
     .use(rehypeStringify)
 
   const tree = pipeline.parse(content)
 
+  rehypeUrlToAnchor(tree)
+
+  // console.log("tree", tree)
+
   const hastTree = pipeline.runSync(tree, file)
 
   const images = [] as string[]
@@ -259,3 +270,51 @@ const Style: Components["style"] = ({ node, ...props }) => {
   }
   return null
 }
+
+function rehypeUrlToAnchor(tree: Node) {
+  // https://chatgpt.com/share/37e0ceec-5c9e-4086-b9d6-5afc1af13bb0
+  visit(tree, "text", (node: Text, index, parent: Node) => {
+    const urlRegex = /https?:\/\/\S+/g
+    const text = node.value
+    const matches = [...text.matchAll(urlRegex)]
+
+    if (matches.length === 0 || !parent || !("children" in parent)) return
+
+    if ((parent as Element).tagName === "a") {
+      return
+    }
+
+    const newNodes: (Text | Element)[] = []
+    let lastIndex = 0
+
+    matches.forEach((match) => {
+      const [url] = match
+      const urlIndex = match.index || 0
+
+      if (urlIndex > lastIndex) {
+        newNodes.push({
+          type: "text",
+          value: text.slice(lastIndex, urlIndex),
+        })
+      }
+
+      newNodes.push({
+        type: "element",
+        tagName: "a",
+        properties: { href: url },
+        children: [{ type: "text", value: url }],
+      })
+
+      lastIndex = urlIndex + url.length
+    })
+
+    if (lastIndex < text.length) {
+      newNodes.push({
+        type: "text",
+        value: text.slice(lastIndex),
+      })
+    }
+
+    (parent.children as (Text | Element)[]).splice(index, 1, ...newNodes)
+  })
+}
diff --git a/src/renderer/src/styles/tailwind-extend.css b/src/renderer/src/styles/tailwind-extend.css
index 78d28554ac..f6e38cb98d 100644
--- a/src/renderer/src/styles/tailwind-extend.css
+++ b/src/renderer/src/styles/tailwind-extend.css
@@ -249,7 +249,7 @@
     background-position: left 1.1em;
 
     &::selection {
-      text-shadow: none;
+      text-shadow: none !important;
     }
 
     &:hover {

From dc437ff6107b42735230bfafdc86b3b132c453a7 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 13:11:43 +0800
Subject: [PATCH 56/60] chore: use css animation for entry motion

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/modules/entry-content/index.tsx | 14 +++++---------
 src/renderer/src/styles/tailwind-extend.css      |  9 +++++----
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/renderer/src/modules/entry-content/index.tsx b/src/renderer/src/modules/entry-content/index.tsx
index 43b466a251..addfa05881 100644
--- a/src/renderer/src/modules/entry-content/index.tsx
+++ b/src/renderer/src/modules/entry-content/index.tsx
@@ -162,7 +162,7 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
         viewportClassName="p-5"
         ref={scrollerRef}
       >
-        <m.div
+        <div
           style={
             readerFontFamily ?
                 {
@@ -170,9 +170,7 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
                 } :
               undefined
           }
-          initial={{ opacity: 0.01, y: 100 }}
-          animate={{ opacity: 1, y: 0 }}
-          exit={{ opacity: 0.01, y: -100 }}
+          className="duration-200 ease-in-out animate-in fade-in slide-in-from-bottom-24"
           key={entry.entries.id}
         >
           <article
@@ -272,9 +270,7 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
                         <i className="i-mgc-close-cute-re text-3xl text-red-500" />
                         <span className="font-sans text-sm">Network Error</span>
 
-                        <pre>
-                          {error.message}
-                        </pre>
+                        <pre>{error.message}</pre>
                       </div>
                     ) :
                     (
@@ -286,7 +282,7 @@ export const EntryContentRender: Component<{ entryId: string }> = ({
               </div>
             )}
           </article>
-        </m.div>
+        </div>
       </ScrollArea.ScrollArea>
     </EntryContentProvider>
   )
@@ -463,7 +459,7 @@ const ContainerToc: FC = () => {
         <div className="sticky top-0">
           <Toc
             className={cn(
-              "flex flex-col items-end animate-in fade-in-0 slide-in-from-bottom-12 easing-spring-soft",
+              "flex flex-col items-end animate-in fade-in-0 slide-in-from-bottom-12 easing-spring spring-soft",
               "max-h-[calc(100vh-100px)] overflow-auto scrollbar-none",
 
               "@[500px]:-translate-x-12",
diff --git a/src/renderer/src/styles/tailwind-extend.css b/src/renderer/src/styles/tailwind-extend.css
index f6e38cb98d..682b0c07aa 100644
--- a/src/renderer/src/styles/tailwind-extend.css
+++ b/src/renderer/src/styles/tailwind-extend.css
@@ -323,7 +323,11 @@
 }
 
 @layer utilities {
-  .easing-spring-soft {
+  .easing-spring {
+    animation-timing-function: var(--spring-easing);
+    animation-duration: var(--spring-duration);
+  }
+  .spring-soft {
     --spring-easing: linear(
       0,
       0.0019,
@@ -353,8 +357,5 @@
       0.9993 99.95%
     );
     --spring-duration: 1.157s;
-
-    animation-timing-function: var(--spring-easing);
-    animation-duration: var(--spring-duration);
   }
 }

From f56201c503b78686a16ac5e3eb107dbf005d2762 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 13:16:40 +0800
Subject: [PATCH 57/60] chore(release): release v0.0.1-alpha.10

---
 CHANGELOG.md | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 package.json |  2 +-
 2 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0dacccd9ea..aea499a28d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # CHANGELOG
 
-## [0.0.1-alpha.9](https://github.com/RSSNext/follow/compare/v0.0.1-alpha.3...v0.0.1-alpha.9) (2024-08-30)
+## [0.0.1-alpha.10](https://github.com/RSSNext/follow/compare/v0.0.1-alpha.3...v0.0.1-alpha.10) (2024-09-06)
 
 
 ### Bug Fixes
@@ -53,11 +53,13 @@
 * discover form should preview twice when has optional value ([f0f8185](https://github.com/RSSNext/follow/commit/f0f8185d92e447943c14a4ceeeceb7211498bc28))
 * don't retry when 404 ([8bd9bd0](https://github.com/RSSNext/follow/commit/8bd9bd0a8bf92764d8dd13a0728e3ab821b3484b))
 * dont handle unread when filter applied ([acfb35a](https://github.com/RSSNext/follow/commit/acfb35abd0edb85989549849d0176c4a65e5f9fa))
+* draggable panel dragging bg color ([8de7078](https://github.com/RSSNext/follow/commit/8de7078d10b733456c480117ba8ed8d2166e20b9))
 * drawer edge shadow style ([cbb8649](https://github.com/RSSNext/follow/commit/cbb8649fde99e7a800153ad35aa041aaf44e6dcf))
 * duplicated separator ([6e1ee50](https://github.com/RSSNext/follow/commit/6e1ee50536ded4b65f76cdb35bdf98c4657a1a74))
 * eagle icon ([021dfab](https://github.com/RSSNext/follow/commit/021dfab5eeb888f155982cc1cd3636b2b4ca52a3))
 * electron exit webview fullscreen sidebar color ([bc7914f](https://github.com/RSSNext/follow/commit/bc7914f803939897d817080972e5307cf58f8caf))
 * electron search ([63bea18](https://github.com/RSSNext/follow/commit/63bea180f545e2f64cdc7e379f807333fee0ded6))
+* electron title bar drag-region ([29ab323](https://github.com/RSSNext/follow/commit/29ab32344fafda613b0c9d49b587786eaa40b00a))
 * electron window frame and `backgroundMaterial` ([e18ec75](https://github.com/RSSNext/follow/commit/e18ec754a05231fb82a7cbdb80632d79a6232872))
 * empty entry list will throw not found feed error, fixed [#224](https://github.com/RSSNext/follow/issues/224) ([c41756d](https://github.com/RSSNext/follow/commit/c41756d2b91173a753e09f5de988b71a27daa9ba))
 * entries hasNext ([4cb5678](https://github.com/RSSNext/follow/commit/4cb56784acfb46516a4320f0088c294eafb32fcf))
@@ -66,13 +68,18 @@
 * entry item overlay flash ([687e039](https://github.com/RSSNext/follow/commit/687e039ca2ad43eed2b4b48a29df96595dcdbc0f))
 * entry preview modal content ([8492c2a](https://github.com/RSSNext/follow/commit/8492c2afb3af79726b9448359a63b432b04a3518))
 * entry view tracker params ([0c05a8b](https://github.com/RSSNext/follow/commit/0c05a8b88c1c385b7809f1ea9e3355f0d11e69dd))
+* **external-page:** feed list overlay style ([1dcffc6](https://github.com/RSSNext/follow/commit/1dcffc60d26596065bc024653d69a109a1941578))
 * extract constants ([f48b589](https://github.com/RSSNext/follow/commit/f48b58941344a4a5e547a402e02f56bb5f9f5abf))
 * feed column animation direction ([0767b6b](https://github.com/RSSNext/follow/commit/0767b6b4db3a69f54d1fc2de11a883d9deec4445))
 * feed column height ([0d4c70d](https://github.com/RSSNext/follow/commit/0d4c70d06eda97316b360740b9aa8ef08e9539c3))
 * feed column layout ([8a31463](https://github.com/RSSNext/follow/commit/8a31463e4ef82811e0f7d5fd40cb3281202a24e3))
 * feed column resize perf ([a09f55a](https://github.com/RSSNext/follow/commit/a09f55af080714d0b0022983421e942d14ceb562))
 * feed column vertical align ([63139f2](https://github.com/RSSNext/follow/commit/63139f25b2b771480de4c04d91967067897c94fc))
+* feed icon in player cover ([c6a8613](https://github.com/RSSNext/follow/commit/c6a8613b29cec24bb61eec2196f1827ae9a759fa))
+* feed icon style ([3f04f14](https://github.com/RSSNext/follow/commit/3f04f148f5a34d47da8dab1a4fc4b00f9a2fadba))
+* feed icon style ([03c202e](https://github.com/RSSNext/follow/commit/03c202eb568c684e9645003b65f48cad6099071b))
 * feed list overflow ([4941cf7](https://github.com/RSSNext/follow/commit/4941cf7b93a751f585ab5032974fe6eb191f7968))
+* **feed-icon:** re-render loop ([b6f78bb](https://github.com/RSSNext/follow/commit/b6f78bbbf89b804fc4a0ad89b524f0a24673c19a))
 * fix the fixed misalignment when image is empty and name is also empty ([#179](https://github.com/RSSNext/follow/issues/179)) ([f6b62c8](https://github.com/RSSNext/follow/commit/f6b62c8ce0908772c394d653857197c9302e332b))
 * flat ([6bada5e](https://github.com/RSSNext/follow/commit/6bada5e986ff77ef5de42d18734ea92f872ca818))
 * font name duplicated if installed default font ([1efdd40](https://github.com/RSSNext/follow/commit/1efdd40f99cb1ad52f048bd53648f32b4cfbbae8))
@@ -81,6 +88,7 @@
 * group header extra action button for wider mode ([213b4a5](https://github.com/RSSNext/follow/commit/213b4a5864c78716648b2319f5d6f0dfcb531e3a))
 * grouped list data item render ([da486bc](https://github.com/RSSNext/follow/commit/da486bce3eeafc84aeb3e560ff368c41771688cf))
 * handle render error in code block ([8511a79](https://github.com/RSSNext/follow/commit/8511a7909237dd22ccd9f373a0f77a0355ff45ac))
+* hide peek modal toc ([9c66b33](https://github.com/RSSNext/follow/commit/9c66b33887126287d9f6f5a39f85f76818e28f1f))
 * hide tip when feed owned by me ([dfb3c6d](https://github.com/RSSNext/follow/commit/dfb3c6d377041f524c9da80c03639e6fea304202))
 * icon button transition ([596538b](https://github.com/RSSNext/follow/commit/596538ba10b6b70d12ccc4efdd9f206d9ba11817))
 * icon fallback line height ([02cd98d](https://github.com/RSSNext/follow/commit/02cd98d9cc9c09006a91277a5b976d753054738d))
@@ -100,7 +108,9 @@
 * masonry layout cls ([9428368](https://github.com/RSSNext/follow/commit/9428368cfc4a00afb1c72f9ca3a4267b311c5b2b))
 * **media:** if no src then return null ([183009a](https://github.com/RSSNext/follow/commit/183009adee6d5674923a72ae0f5a10b85d4c7ba6))
 * modal max height, fixed [#230](https://github.com/RSSNext/follow/issues/230) ([fbf4727](https://github.com/RSSNext/follow/commit/fbf4727608ada80ba0f42349f2dace0543e22f9e))
+* modal overlay zindex, fixed [#271](https://github.com/RSSNext/follow/issues/271) ([7a5000f](https://github.com/RSSNext/follow/commit/7a5000f20503ade15033822d9ad1c11303424728))
 * more highlighted player thumb ([a17ea00](https://github.com/RSSNext/follow/commit/a17ea00c23604312b09283ef89946140b61b2be9))
+* new invitation button zindex ([0d79392](https://github.com/RSSNext/follow/commit/0d79392cde4c282cbc3faf69fd697b3726638279))
 * only windows 11 can manually resize logic ([338803a](https://github.com/RSSNext/follow/commit/338803a18936c29fcea694c95baef1b3e8650980))
 * optimize ai daily modal ([8872067](https://github.com/RSSNext/follow/commit/88720679df1371543c0feb5d3a48b7b7e664a20b))
 * optimize code string parser ([b3d32d0](https://github.com/RSSNext/follow/commit/b3d32d09fd4d5b53ae1692ffdc154e8d37a77fdd))
@@ -118,6 +128,7 @@
 * read history style in wide mode ([07ca5ea](https://github.com/RSSNext/follow/commit/07ca5ea22ea6675d08c5df72389733361c4789bb))
 * reduce Electron framework size ([#217](https://github.com/RSSNext/follow/issues/217)) ([34d5dd2](https://github.com/RSSNext/follow/commit/34d5dd228e6986ff8a15310dd9d5f8ed51933de6))
 * reduce tolltip re-render ([c43bafd](https://github.com/RSSNext/follow/commit/c43bafdd5cd7a94f66c722e30d76ae31307f263f))
+* reduce wallet setting margin size ([826ebd0](https://github.com/RSSNext/follow/commit/826ebd041a9a143d7785a52d95dc81388b0ea2b4))
 * ref not found error ([372e043](https://github.com/RSSNext/follow/commit/372e043ed47c47f7677406bdb1115c7fe577dc29))
 * remove button leading ([84835c5](https://github.com/RSSNext/follow/commit/84835c5ed9df6ac1370b532980929049e8c0d245))
 * remove comment ([5343ab2](https://github.com/RSSNext/follow/commit/5343ab2dbe3549a740509e150ebb27cad8b770a4))
@@ -133,19 +144,25 @@
 * setting align ([b0e86b0](https://github.com/RSSNext/follow/commit/b0e86b08d51deb3d62a96ce93c78bc5b7683e259))
 * setting item support props ([0d60da6](https://github.com/RSSNext/follow/commit/0d60da61cbd3bcec0544a4f328fc45dd065a004d))
 * setting wallet style update ([a4f155a](https://github.com/RSSNext/follow/commit/a4f155a7174b802e310baaeb2e8ed14d2f5735b2))
+* shadow dom font and colors variants ([0355d4f](https://github.com/RSSNext/follow/commit/0355d4fb6bf5e57a1b22bb25d51f7e2c0fbe483a))
 * shadow dom style injected in prod build ([3f1c588](https://github.com/RSSNext/follow/commit/3f1c5881287ce11217766d876cded7635e1bb2b6))
+* shadow dom style injection in prod ([#270](https://github.com/RSSNext/follow/issues/270)) ([c05d95d](https://github.com/RSSNext/follow/commit/c05d95d495393f1957de609c1ba4de5e707b5a81))
 * shiki block style ([75908d4](https://github.com/RSSNext/follow/commit/75908d4a6f43847539accd4bad876983902bd5d8))
 * should dismiss when outside (quick new panel) ([675ac84](https://github.com/RSSNext/follow/commit/675ac845d4b9d7c6a71b7891440d2860ca34f0a4))
 * show add feed error message ([7763129](https://github.com/RSSNext/follow/commit/77631299438b4fe6b575a9de5881cebfea6e4ba4))
 * show owned feed icon ([f29e09c](https://github.com/RSSNext/follow/commit/f29e09c15ab16e9b48d412d628caf196d686eaa2))
 * sidebar layout browser wrong calculation ([e2df38f](https://github.com/RSSNext/follow/commit/e2df38f57e101fea85ce3377a8937b336ef46656))
 * slot icon in action button group ([79b26a0](https://github.com/RSSNext/follow/commit/79b26a0748f9e4f2eeac1726c7602b0a894ced24))
+* social media feed icon style ([841f445](https://github.com/RSSNext/follow/commit/841f445403aef7acc01e30345be963257eea5e14))
 * sort shortcut ([1f8e4a3](https://github.com/RSSNext/follow/commit/1f8e4a3b966891787f05d9b6d0ec0fe327260e49))
 * stable mark all feed list, fixed [#245](https://github.com/RSSNext/follow/issues/245) ([c9d098f](https://github.com/RSSNext/follow/commit/c9d098f4e9bc5d3e3ca5bd026f1947adf6dbcca7))
+* stable shadow dom key ([06cafb5](https://github.com/RSSNext/follow/commit/06cafb50d8490a29856c27d9344b76090e9f81af))
 * star icon place in grid template ([dc3ca01](https://github.com/RSSNext/follow/commit/dc3ca01df3870f5ef43b0e4654aa84fa46f034d8))
 * stop stopPropagation on Media Imag ([a92f96b](https://github.com/RSSNext/follow/commit/a92f96bf6159316f595a742209a6bbca0d0b41fa))
+* stored user profile item style ([64f40ee](https://github.com/RSSNext/follow/commit/64f40ee614a3d820b555c76b957287f289d01bb9))
 * **style:** button align center and ([38a5cb6](https://github.com/RSSNext/follow/commit/38a5cb682dc0c3082664a2192686ad16f68ecec3))
 * **style:** video play button align center ([465f1a6](https://github.com/RSSNext/follow/commit/465f1a6acf6a1d96a28e724f071f8a68a327a56d))
+* subcription status & category empty, input value null ([#263](https://github.com/RSSNext/follow/issues/263)) ([93e2ccf](https://github.com/RSSNext/follow/commit/93e2ccfd5831f8a7f43932acd2976785e3adfbff))
 * subview layout ([36a34de](https://github.com/RSSNext/follow/commit/36a34de26caf2ff00847827635eedd3771faadc0))
 * supports Windows ([#189](https://github.com/RSSNext/follow/issues/189)) ([486a328](https://github.com/RSSNext/follow/commit/486a328d357317361ef24222fab09eb47e26d07d))
 * threshold for sidebar temp show ([7d62ea6](https://github.com/RSSNext/follow/commit/7d62ea6801713e2b43b116c5ddfea0b1a96a6fe8))
@@ -154,9 +171,13 @@
 * toc hover panel position on small dwidth ([8100277](https://github.com/RSSNext/follow/commit/81002775c0d48a5cce227f773b8bdb418d6a55fb))
 * toc item rounded corner when range is small ([1708533](https://github.com/RSSNext/follow/commit/1708533f7952a79ff99a6f2ae55b080926b81093))
 * toc not appear when the entry first rendered ([5dc4fb5](https://github.com/RSSNext/follow/commit/5dc4fb55333a0e6f5c698869bae7b253447e6b45))
+* toc not responsive in dev mode ([ee1894c](https://github.com/RSSNext/follow/commit/ee1894c2d0c420ecf0e63a6dd6bafda57a25a6e3))
+* toc range calcation ([2ebcc58](https://github.com/RSSNext/follow/commit/2ebcc58414802cffc84fc25ad30bb9fe272ea773))
 * toc scroll logic ([261d12e](https://github.com/RSSNext/follow/commit/261d12e5600028a5bff3b2c1451271ee962403ed))
 * tooltip style in dark mode ([a61c79e](https://github.com/RSSNext/follow/commit/a61c79ee7d4bd73fdf35fa5565c711297a29c7a0))
+* translation markdown tooltip wrapper style ([639bace](https://github.com/RSSNext/follow/commit/639bace313311db6319fb1fe168b68af7aa1e8e0))
 * try fix vercel config ([968dea9](https://github.com/RSSNext/follow/commit/968dea91f474a76298091de6a23f3ba7a11fb22f))
+* try to fix some sentry error ([0b31c1e](https://github.com/RSSNext/follow/commit/0b31c1e998212900dda0044acda8a3d4d5df1189))
 * try vercel conf ([309db21](https://github.com/RSSNext/follow/commit/309db219e8bc1f0d37acc64e699116403b2d5ebb))
 * tts should hide in web ([30721c8](https://github.com/RSSNext/follow/commit/30721c8170baf131a457d97a2a723e96b7b7fc94))
 * type error ([97779a0](https://github.com/RSSNext/follow/commit/97779a0daab9ea488619a4fd0a10317a067b71dc))
@@ -164,12 +185,15 @@
 * type error ([c7f11f9](https://github.com/RSSNext/follow/commit/c7f11f99f28bf918aaf8c03b74145b2f9b126a72))
 * type error ([5cd41ad](https://github.com/RSSNext/follow/commit/5cd41ad10ccbd241083d6f951509eb0bafe6e25f))
 * type error ([60f8347](https://github.com/RSSNext/follow/commit/60f8347eec118176681a9ad7fcab7f45e383fc1b))
+* types ([3c5b224](https://github.com/RSSNext/follow/commit/3c5b224904e8db1c8ba6b78cfb87d09cd81de98c))
+* types ([7f5bb1e](https://github.com/RSSNext/follow/commit/7f5bb1e9343243f5259f9fde8ee3ac44bf993913))
 * types ([4287b5d](https://github.com/RSSNext/follow/commit/4287b5d986e74fbb2f96c2f322f09f921f773d7a))
 * types ([d9458a1](https://github.com/RSSNext/follow/commit/d9458a1850b3e83e9bbb9374d4fc3b6884a24837))
 * undo kbd color in dark mode ([2a106ae](https://github.com/RSSNext/follow/commit/2a106ae632e0641d58d0d45b88f61a1c5c6eafa5))
 * unfollow ([613fdf8](https://github.com/RSSNext/follow/commit/613fdf85b7dc7148f4ade612805f9f3bd98f2268))
 * unify date item mark read styles ([9f5cbab](https://github.com/RSSNext/follow/commit/9f5cbabfafc905046258ceb5fe2c0bdd6993b830))
 * unify player actions icons ([7d2382d](https://github.com/RSSNext/follow/commit/7d2382d56bf4b4186e566191cbbb1662a6a15d30))
+* update invitation fab ([0cd1837](https://github.com/RSSNext/follow/commit/0cd183780f299b94a800cd86342484afa7f716bd))
 * update unread dot style ([e2fef01](https://github.com/RSSNext/follow/commit/e2fef01d2c374f720a6ff4b265344c828f8b80ba))
 * updater should closes all window first ([7cb1a94](https://github.com/RSSNext/follow/commit/7cb1a94a15383e3190c37d3fea9ff0ff5a97dfd5))
 * upgrade tip when player open ([033831b](https://github.com/RSSNext/follow/commit/033831bdab0a85a2f1f02af85c6da2278e40de5e))
@@ -181,7 +205,9 @@
 * view icon color in dark mode ([991bff7](https://github.com/RSSNext/follow/commit/991bff7660e93b872f1398c89c0fe4316f4327d9))
 * window titlebar position, fixed [#197](https://github.com/RSSNext/follow/issues/197) ([b6158ec](https://github.com/RSSNext/follow/commit/b6158ec0bd1e18aed29d028f2ff86008489c8a64))
 * windows app titlebar style in dark mode and radius ([3843905](https://github.com/RSSNext/follow/commit/38439050bb6db71bf6d966ab43026b660ad24f9a))
+* windows locale lead to app crash, fixed [#255](https://github.com/RSSNext/follow/issues/255) ([bb43da9](https://github.com/RSSNext/follow/commit/bb43da981894d4bf611218bd4b2001a39636df64))
 * windows maximize will lost frame and background material ([2bd0e78](https://github.com/RSSNext/follow/commit/2bd0e78e4f859d9c98f53f748c9871a41348db1c))
+* windows multi-display ([7490cd1](https://github.com/RSSNext/follow/commit/7490cd12d0e42a7f41931acd9d77bf64be39a26d))
 
 
 ### Features
@@ -197,6 +223,7 @@
 * add tts ([#215](https://github.com/RSSNext/follow/issues/215)) ([b9fecc4](https://github.com/RSSNext/follow/commit/b9fecc46bf523a0ad07a9a9dc26adf40287f7653))
 * ai daily in article content column ([a625d04](https://github.com/RSSNext/follow/commit/a625d04328ea209ead68ce0391a7108cbb2c4e6a))
 * ai daily modal ([67d9559](https://github.com/RSSNext/follow/commit/67d9559229baca34aa3328ba711d0e29def5bb8e))
+* auto claim daily `POWER`, and update table style ([ca381ce](https://github.com/RSSNext/follow/commit/ca381cebf81cc745e56fe35811004d89b55609ba))
 * auto enable readability if no content ([27ecfc4](https://github.com/RSSNext/follow/commit/27ecfc4a86f3e35f245c1bca2d1dba57ff7364f2))
 * cancel hover read when mouse leave quickly ([c5d5fc2](https://github.com/RSSNext/follow/commit/c5d5fc23193ad5faa30903113f1df1056c508fc4))
 * clear autocompletion ([1118870](https://github.com/RSSNext/follow/commit/1118870c9e288d868b7a98fb085da1915043101d))
@@ -205,6 +232,7 @@
 * context sub menu ([2d18c53](https://github.com/RSSNext/follow/commit/2d18c53de0cb8c99336d0e915941b1fdee36df98))
 * copy logo svg ([512699c](https://github.com/RSSNext/follow/commit/512699c07080f3064f984f23a21e28356ef9fcc0))
 * date item in entry column ([#199](https://github.com/RSSNext/follow/issues/199)) ([9d5a811](https://github.com/RSSNext/follow/commit/9d5a81112e873f5b422356fa0b3fcf526abb84e5))
+* display power purchase and tx ([dbe7aee](https://github.com/RSSNext/follow/commit/dbe7aee9151ee04147edbce7d34e1275edfc1254))
 * double click to video fullscreen ([c066820](https://github.com/RSSNext/follow/commit/c066820ce8baeed808b788e9c780f75c53ba8909))
 * dynamic update relative time ([744422f](https://github.com/RSSNext/follow/commit/744422fc12050e09d3cb147c2affe5e95af2056b))
 * electron about redirect to app setting about, and add some other action ([159a11d](https://github.com/RSSNext/follow/commit/159a11da67affde5dcd220ed4ea192d34d0c0884))
@@ -214,14 +242,20 @@
 * feed form data prefetch from store ([7525130](https://github.com/RSSNext/follow/commit/75251307827c07c697c6c39b7485280759db25af))
 * follow feed by feed id ([30d1851](https://github.com/RSSNext/follow/commit/30d1851e3aefcc2da06981537627ccd415bb082c))
 * guess code language ([03ba85a](https://github.com/RSSNext/follow/commit/03ba85a37302d41f3403d629849b1b4d3db915ba))
+* hoverable translation design, fixes [#268](https://github.com/RSSNext/follow/issues/268) ([3ff11dc](https://github.com/RSSNext/follow/commit/3ff11dce35061de2b784621519eee79f87a93993))
+* ignore feed errors within 9 hours ([b71926e](https://github.com/RSSNext/follow/commit/b71926ec286b77dd1b9fc25df459176063b194da))
 * impl cmd+b ([ea8a832](https://github.com/RSSNext/follow/commit/ea8a83271e9be37c277540eb605651d7166d2ea4))
 * impl masonry in view mark read and scroll to mark read ([4263658](https://github.com/RSSNext/follow/commit/4263658e3240850ca74fcaa666bf8145553f8874))
 * integration settings page ([f9f1938](https://github.com/RSSNext/follow/commit/f9f19386b28e853eb03b3ca5bae629d4f6542cb3))
 * invitations page ([0fc1110](https://github.com/RSSNext/follow/commit/0fc1110e3b1e067a02a65ba7afe5b1456bb76815))
+* invitations page tips ([18de381](https://github.com/RSSNext/follow/commit/18de381343d58f19a36fa6e681711fe06c07b1c1))
+* invitations tips and confirm modal ([c919e59](https://github.com/RSSNext/follow/commit/c919e5907bae4303b667d6cff39c19ebbf6a4dc6))
 * larger text for date item ([c1ea43f](https://github.com/RSSNext/follow/commit/c1ea43fee280bf539d61b1f3c439a7031cf4ed3e))
 * lighter unread number ([e7dba4f](https://github.com/RSSNext/follow/commit/e7dba4f18e8a078889e7923d1760cb08c29873fc))
+* load archived entries ([d7f4bb6](https://github.com/RSSNext/follow/commit/d7f4bb6b9f388849565a7d8fc21d2eafc0610d08))
 * loading component new design ([91d0d76](https://github.com/RSSNext/follow/commit/91d0d76efecab753f1c0ff574c0982d45e29eece))
 * loading indicator in external pages ([a931e85](https://github.com/RSSNext/follow/commit/a931e8509126c62f206ffe286b4b592cf4fb9035))
+* make social media text can selectable ([72c4d6b](https://github.com/RSSNext/follow/commit/72c4d6b83f7a7fe95b2cb505790cb75b38080b93))
 * mark all as read new design ([11577dd](https://github.com/RSSNext/follow/commit/11577dd74040164ab7cd5190778cbe32022852ac))
 * mark all flat button ([0611470](https://github.com/RSSNext/follow/commit/0611470551bde66bcc1fca6feae6e0005f0640cd))
 * mark read for cateogry in ctx menu ([da79f1c](https://github.com/RSSNext/follow/commit/da79f1c2783fa65f164aaf4942ebfa2156b4bf26))
@@ -229,6 +263,8 @@
 * modal resize and draggable to absolute position ([aad5eba](https://github.com/RSSNext/follow/commit/aad5eba2edb66039d123e9e60e484b55d9a037df))
 * navigator bar ([56750fd](https://github.com/RSSNext/follow/commit/56750fd1722eaca7416e5c8617fb501fcf055cac))
 * new design for mark read in date item ([e5b0583](https://github.com/RSSNext/follow/commit/e5b0583d38e41d81663bec1ee16e0c24cb385d7a))
+* new platform icons ([7513130](https://github.com/RSSNext/follow/commit/7513130c17c501f3e2d7c29fc13e2315edb4dc8c))
+* new power page ([c3630f8](https://github.com/RSSNext/follow/commit/c3630f85bd221ecf875b20337e5c6a452c613362))
 * no media available tip in picture item ([58d9b3b](https://github.com/RSSNext/follow/commit/58d9b3b1b09f52def911521c08d9835f31221401))
 * only closing window can trigger query invalidation ([a8e48f4](https://github.com/RSSNext/follow/commit/a8e48f493127104035e9537e0461c4a40e2dc339))
 * optimize 404 page ([f51b1e2](https://github.com/RSSNext/follow/commit/f51b1e2de9e8d8c3bdea9db79476c17cd7247a4b))
@@ -240,23 +276,31 @@
 * read clipboard ([e115b6d](https://github.com/RSSNext/follow/commit/e115b6de66df93422465044bc2d2930aa7a073fc))
 * readability support ([#178](https://github.com/RSSNext/follow/issues/178)) ([6c052b8](https://github.com/RSSNext/follow/commit/6c052b881b77e75763a9c4117cd562d21a58044d))
 * redesign image preview swiper style ([23971b5](https://github.com/RSSNext/follow/commit/23971b53f383dc1d6793c3b0dd4ca58a71c5b71e))
+* render social media with full text ([1531d2b](https://github.com/RSSNext/follow/commit/1531d2b70916b3aff7293db411f472cb013cc4e7))
 * resizeable setting panel and adjust action tab ([5fd9b23](https://github.com/RSSNext/follow/commit/5fd9b23f03bccd6d3bc427ee0e5c31bfb69e3c42))
 * save to instapaper ([9d9b2c5](https://github.com/RSSNext/follow/commit/9d9b2c5eccc11b5d6ca10be59041aef4985cc34b))
 * save to readwise ([086ddfd](https://github.com/RSSNext/follow/commit/086ddfd618c314af7d8663120b4e14814113d041))
 * setting feature hoc ([f44b733](https://github.com/RSSNext/follow/commit/f44b733cae1560684f27f13533f89b9d2ac2e5a4))
 * setting item support secret input field ([5e67f08](https://github.com/RSSNext/follow/commit/5e67f0861c7f8b8db405d7a446cf6839c4c2ea92))
+* setting sync ([#273](https://github.com/RSSNext/follow/issues/273)) ([f1a3481](https://github.com/RSSNext/follow/commit/f1a34812fbb7ef0a503fc4e1c8ebdc46e376e391))
 * smaller and fixed unread dot ([72aa3a8](https://github.com/RSSNext/follow/commit/72aa3a8cae968893b7ca3b0f8abf11c50c739c74))
 * sortable feed list ([5dc93af](https://github.com/RSSNext/follow/commit/5dc93af2a77d6a81222c70f5d7b588e087d72af4))
 * sortable feed list ([fdd2623](https://github.com/RSSNext/follow/commit/fdd26235548e0a5e24bd1e1eee679a14cd0bb527))
+* support auto link fix [#262](https://github.com/RSSNext/follow/issues/262) ([c86b224](https://github.com/RSSNext/follow/commit/c86b2243f0039b9414552fb50d3d938ae7b3b7af))
 * support cmd+n to quick add feed ([c372270](https://github.com/RSSNext/follow/commit/c37227060e3ea46bc3e0938c26b75785d356929e))
 * support Electron native search page content ([#198](https://github.com/RSSNext/follow/issues/198)) ([29b67dc](https://github.com/RSSNext/follow/commit/29b67dcf1b1c1c41b4b4d6be5df4dcfade6c31f5))
 * support toc parser ([fb4ca52](https://github.com/RSSNext/follow/commit/fb4ca522440aced4d2aa18fda2a9d5c43e32d0d1))
+* tip to entries ([de22411](https://github.com/RSSNext/follow/commit/de22411dab3a5a0ddac886de93cd3da4f31e5494))
 * toast when upgrade ([2a71bfc](https://github.com/RSSNext/follow/commit/2a71bfc0756011c0226c16ef53a755a47cf44acb))
 * toc hoverable ([3be6f2b](https://github.com/RSSNext/follow/commit/3be6f2ba019cb914e8ff452065d252e01e7ae496))
 * toc position calcation ([a7828d4](https://github.com/RSSNext/follow/commit/a7828d41e1e8e849a4f7df7e0c5e50c5d15a2491))
+* update hono.ts ([c9e65dc](https://github.com/RSSNext/follow/commit/c9e65dcdde649963aafaad3c0b83165bf86df5dd))
+* update invitation dialog text ([b062ea2](https://github.com/RSSNext/follow/commit/b062ea2353093ec67e1309652bc0d996b87b177a))
 * update invitations ([84c7b46](https://github.com/RSSNext/follow/commit/84c7b46155c064eab1dbd030add4a00dee412469))
 * update readwise logo ([c85460c](https://github.com/RSSNext/follow/commit/c85460c5bd13a3dadda1d4592b1ce6e434f4a8c6))
 * update redirect page layout ([bca6276](https://github.com/RSSNext/follow/commit/bca627696eca663abb02483ffb5c98ed2dc0eebc))
+* use check api for dailytask; claim toast ([feec0b0](https://github.com/RSSNext/follow/commit/feec0b0f0fb717725bf34208715d89c73968e885))
+* use claim check api ([03764da](https://github.com/RSSNext/follow/commit/03764dac0ec500068376372ce4d85b1bc412bcd4))
 * video player ([#225](https://github.com/RSSNext/follow/issues/225)) ([bb7d312](https://github.com/RSSNext/follow/commit/bb7d3127a9fe4543af12edfc49ce745e6ee7099e))
 * warn when go to external untrusted link ([06be9b5](https://github.com/RSSNext/follow/commit/06be9b58f7c054ef166ea7d5759944280de9a201))
 
@@ -264,6 +308,7 @@
 ### Performance Improvements
 
 * prefetch for entry list ([5c7a27d](https://github.com/RSSNext/follow/commit/5c7a27de7dedfaf1812f26823207331543dfcead))
+* shadow dom css cache ([c1e3a02](https://github.com/RSSNext/follow/commit/c1e3a025f7ef8ff570399a44a95797c2c8261e42))
 * speed up user profile modal data loading ([53a5bae](https://github.com/RSSNext/follow/commit/53a5bae316b406ff5c250c3e7772ce4071891bee))
 
 
diff --git a/package.json b/package.json
index 441fe99faf..835be5fd5b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "Follow",
   "type": "module",
-  "version": "0.0.1-alpha.9",
+  "version": "0.0.1-alpha.10",
   "private": true,
   "packageManager": "pnpm@9.7.1",
   "description": "Next generation information browser",

From 7469ed243376a13d9bcb463d6d6af445293d7b97 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 13:25:04 +0800
Subject: [PATCH 58/60] feat: flip for power claim toast

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/queries/wallet.tsx         |  2 +-
 src/renderer/src/styles/tailwind-extend.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/queries/wallet.tsx b/src/renderer/src/queries/wallet.tsx
index 8d2ca0ae42..de39e1b3c8 100644
--- a/src/renderer/src/queries/wallet.tsx
+++ b/src/renderer/src/queries/wallet.tsx
@@ -89,7 +89,7 @@ export const useClaimWalletDailyRewardMutation = () => {
           className="flex items-center gap-1 text-lg"
           onClick={() => settingModalPresent("wallet")}
         >
-          <i className="i-mgc-power" />
+          <i className="i-mgc-power animate-flip" />
         </div>,
         {
           unstyled: true,
diff --git a/src/renderer/src/styles/tailwind-extend.css b/src/renderer/src/styles/tailwind-extend.css
index 682b0c07aa..2ceb42f35c 100644
--- a/src/renderer/src/styles/tailwind-extend.css
+++ b/src/renderer/src/styles/tailwind-extend.css
@@ -359,3 +359,18 @@
     --spring-duration: 1.157s;
   }
 }
+
+@layer utilities {
+  .animate-flip {
+    animation: flip 0.5s ease-in-out infinite;
+  }
+
+  @keyframes flip {
+    0% {
+      transform: rotateY(0deg);
+    }
+    100% {
+      transform: rotateY(180deg);
+    }
+  }
+}

From 250d1b5c3cece861b821c2b0ea83eb90a8737761 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 13:31:20 +0800
Subject: [PATCH 59/60] chore: keep modal stack overlay below two tiers

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/components/ui/modal/stacked/provider.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/ui/modal/stacked/provider.tsx b/src/renderer/src/components/ui/modal/stacked/provider.tsx
index 994a324e50..6aa9f3525e 100644
--- a/src/renderer/src/components/ui/modal/stacked/provider.tsx
+++ b/src/renderer/src/components/ui/modal/stacked/provider.tsx
@@ -42,7 +42,7 @@ const ModalStack = () => {
         (modalSettingOverlay || forceOverlay) &&
         !allForceHideOverlay && (
         <ModalOverlay
-          zIndex={MODAL_STACK_Z_INDEX + overlayIndex * 2}
+          zIndex={MODAL_STACK_Z_INDEX + overlayIndex * 2 - 2}
           blur={overlayOptions?.blur}
           className={overlayOptions?.className}
         />

From 4b48202ea70ed80b858312d35cf04d1d66515865 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Fri, 6 Sep 2024 13:35:46 +0800
Subject: [PATCH 60/60] fix: invitation code wrap

Signed-off-by: Innei <i@innei.in>
---
 src/renderer/src/modules/settings/tabs/invitations.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/modules/settings/tabs/invitations.tsx b/src/renderer/src/modules/settings/tabs/invitations.tsx
index 4771ee39f7..0a5f0975a9 100644
--- a/src/renderer/src/modules/settings/tabs/invitations.tsx
+++ b/src/renderer/src/modules/settings/tabs/invitations.tsx
@@ -87,7 +87,9 @@ export const SettingInvitations = () => {
                     <TableRow key={row.code}>
                       <TableCell align="center" size="sm">
                         <div className="group relative flex items-center justify-center gap-2 font-mono">
-                          <span>{row.code}</span>
+                          <span className="shrink-0">
+                            {row.code}
+                          </span>
                           <CopyButton
                             value={row.code}
                             className="absolute -right-6 p-1 opacity-0 group-hover:opacity-100 [&_i]:size-3"