From b31c12f9f2e1c2ec868da4f391bb26cee9f823d8 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 29 May 2025 18:13:56 +0200
Subject: [PATCH 01/55] refactor: Use only project id for permission check
 function

---
 src/components/issues/CreateTimeEntryModal.tsx |  6 +++---
 src/components/issues/CurrentIssueTimer.tsx    |  2 +-
 src/components/issues/IssuesList.tsx           | 16 ++++++++--------
 src/components/time/TimeEntryContextMenu.tsx   |  2 +-
 src/hooks/useMyProjectRoles.ts                 |  7 ++++---
 5 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/issues/CreateTimeEntryModal.tsx b/src/components/issues/CreateTimeEntryModal.tsx
index 7e06989..dcaed7e 100644
--- a/src/components/issues/CreateTimeEntryModal.tsx
+++ b/src/components/issues/CreateTimeEntryModal.tsx
@@ -56,7 +56,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
 
   const myUser = useMyUser();
   const project = useProject(issue.project.id);
-  const projectRoles = useMyProjectRoles([issue.project.id]);
+  const projectRoles = useMyProjectRoles([issue.project.id], project.data ? [project.data] : undefined);
   const timeEntryActivities = useTimeEntryActivities(issue.project.id);
 
   const cachedComments = useStorage<Record<number, string | undefined>>("cachedComments", _defaultCachedComments);
@@ -255,7 +255,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                     />
                   </div>
 
-                  {projectRoles.hasProjectPermission(project.data ?? issue.project, "log_time_for_other_users") && (
+                  {projectRoles.hasProjectPermission(issue.project.id, "log_time_for_other_users") && (
                     <FastField
                       type="select"
                       name="user_id"
@@ -300,7 +300,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                 </Fieldset>
 
                 {settings.features.addNotes &&
-                  projectRoles.hasProjectPermission(project.data ?? issue.project, "add_issue_notes") &&
+                  projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") &&
                   (!values.add_notes ? (
                     <FastField type="checkbox" name="add_notes" title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} as={Toggle} error={touched.add_notes && errors.add_notes} />
                   ) : (
diff --git a/src/components/issues/CurrentIssueTimer.tsx b/src/components/issues/CurrentIssueTimer.tsx
index 4624ad8..78b31e5 100644
--- a/src/components/issues/CurrentIssueTimer.tsx
+++ b/src/components/issues/CurrentIssueTimer.tsx
@@ -13,7 +13,7 @@ const CurrentIssueTimer = ({ issueId }: PropTypes) => {
 
   const { data: issue } = useIssue(issueId);
   const projectRoles = useMyProjectRoles(issue ? [issue.project.id] : []);
-  if (!issue || !projectRoles.hasProjectPermission(issue.project, "log_time")) return;
+  if (!issue || !projectRoles.hasProjectPermission(issue.project.id, "log_time")) return;
 
   const timer = timers.getTimer(issue.id);
 
diff --git a/src/components/issues/IssuesList.tsx b/src/components/issues/IssuesList.tsx
index cd138aa..15bfb51 100644
--- a/src/components/issues/IssuesList.tsx
+++ b/src/components/issues/IssuesList.tsx
@@ -11,7 +11,7 @@ import useMyUser from "../../hooks/useMyUser";
 import useProjectVersions from "../../hooks/useProjectVersions";
 import useTimers from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue, TProject, TReference } from "../../types/redmine";
+import { TIssue, TReference } from "../../types/redmine";
 import { getGroupedIssues, getSortedIssues } from "../../utils/issue";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
@@ -32,7 +32,7 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
 
   const myUser = useMyUser();
   const projects = useMyProjects();
-  const projectRoles = useMyProjectRoles([...new Set(rawIssues.map((i) => i.project.id))]);
+  const projectRoles = useMyProjectRoles([...new Set(rawIssues.map((i) => i.project.id))], projects.data);
   const groupedIssues = getGroupedIssues({
     issues: getSortedIssues(rawIssues, settings.style.sortIssuesByPriority ? issuePriorities.data : [], timers.timers),
     projectVersions: projectVersions?.data ?? {},
@@ -45,8 +45,7 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
 
   return (
     <>
-      {groupedIssues.map(({ id, project: projectRef, versions, groups }) => {
-        const project: TProject | TReference | undefined = projects.data?.find((p) => p.id === projectRef?.id) ?? projectRef;
+      {groupedIssues.map(({ id, project, versions, groups }) => {
         return (
           <Fragment key={id}>
             {project && (
@@ -60,7 +59,7 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
                 </a>
 
                 <div className="flex gap-x-2">
-                  {projectRoles?.hasProjectPermission(project, "add_issues") && (
+                  {projectRoles?.hasProjectPermission(project.id, "add_issues") && (
                     <button type="button" onClick={() => setCreateIssue(project.id)} tabIndex={-1}>
                       <FontAwesomeIcon icon={faPlus} />
                     </button>
@@ -105,10 +104,11 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
                       priorityType={issuePriorities.getPriorityType(issue)}
                       assignedToMe={myUser.data ? myUser.data.id === issue.assigned_to?.id : true}
                       canEdit={
-                        projectRoles.hasProjectPermission(issue.project, "edit_issues") || (projectRoles.hasProjectPermission(issue.project, "edit_own_issues") && issue.author.id === myUser.data?.id)
+                        projectRoles.hasProjectPermission(issue.project.id, "edit_issues") ||
+                        (projectRoles.hasProjectPermission(issue.project.id, "edit_own_issues") && issue.author.id === myUser.data?.id)
                       }
-                      canLogTime={projectRoles.hasProjectPermission(issue.project, "log_time")}
-                      canAddNotes={projectRoles.hasProjectPermission(issue.project, "add_issue_notes")}
+                      canLogTime={projectRoles.hasProjectPermission(issue.project.id, "log_time")}
+                      canAddNotes={projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes")}
                       timer={timer}
                     />
                   );
diff --git a/src/components/time/TimeEntryContextMenu.tsx b/src/components/time/TimeEntryContextMenu.tsx
index 8eaad3f..9493fce 100644
--- a/src/components/time/TimeEntryContextMenu.tsx
+++ b/src/components/time/TimeEntryContextMenu.tsx
@@ -38,7 +38,7 @@ function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropT
             {
               name: formatMessage({ id: "time.time-entry.context-menu.edit" }),
               icon: <FontAwesomeIcon icon={faPen} />,
-              disabled: !projectRoles.hasProjectPermission(entry.project, "edit_own_time_entries"),
+              disabled: !projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries"),
               onClick: () => setEdit(true),
             },
           ],
diff --git a/src/hooks/useMyProjectRoles.ts b/src/hooks/useMyProjectRoles.ts
index 94fb288..4c821d4 100644
--- a/src/hooks/useMyProjectRoles.ts
+++ b/src/hooks/useMyProjectRoles.ts
@@ -4,7 +4,7 @@ import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { TProject, TReference, TRole } from "../types/redmine";
 import useMyUser from "./useMyUser";
 
-const useMyProjectRoles = (projectIds: number[]) => {
+const useMyProjectRoles = (projectIds: number[], projects?: TProject[]) => {
   const redmineApi = useRedmineApi();
 
   const myUser = useMyUser();
@@ -60,9 +60,10 @@ const useMyProjectRoles = (projectIds: number[]) => {
     data: projectRoles,
     isLoading: myUser.isLoading || rolesQueries.isLoading,
     isError: myUser.isError || rolesQueries.isError,
-    hasProjectPermission: (project: TProject | TReference, permission: TRole["permissions"][number]) =>
+    hasProjectPermission: (projectId: number, permission: TRole["permissions"][number]) =>
       // First check if user is admin, then check if user has the permission in the project roles or if the project is public and the non member role has the permission
-      myUser.data?.admin || (projectRoles[project.id] ?? ("is_public" in project && project.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)),
+      myUser.data?.admin ||
+      (projectRoles[projectId] ?? (projects?.find((p) => p.id === projectId)?.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)),
   };
 };
 

From 49f6eb6cec9bb43337fce87abd6407465e4011d4 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 29 May 2025 18:19:21 +0200
Subject: [PATCH 02/55] refactor: Improve create time entry modal

- Move cached comments logic into own hook
- Create separate activity field
- Improve auto focus
---
 .../issues/CreateTimeEntryModal.tsx           | 102 +++++++++---------
 src/components/issues/Issue.tsx               |   5 +-
 .../issues/fields/ActivityField.tsx           |  37 +++++++
 src/hooks/useCachedComments.ts                |  39 +++++++
 4 files changed, 128 insertions(+), 55 deletions(-)
 create mode 100644 src/components/issues/fields/ActivityField.tsx
 create mode 100644 src/hooks/useCachedComments.ts

diff --git a/src/components/issues/CreateTimeEntryModal.tsx b/src/components/issues/CreateTimeEntryModal.tsx
index dcaed7e..d090e20 100644
--- a/src/components/issues/CreateTimeEntryModal.tsx
+++ b/src/components/issues/CreateTimeEntryModal.tsx
@@ -5,11 +5,10 @@ import { FastField, Form, Formik, FormikProps } from "formik";
 import { useEffect, useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import * as Yup from "yup";
+import useCachedComments from "../../hooks/useCachedComments";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyUser from "../../hooks/useMyUser";
 import useProject from "../../hooks/useProject";
-import useStorage from "../../hooks/useStorage";
-import useTimeEntryActivities from "../../hooks/useTimeEntryActivities";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TCreateTimeEntry, TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
@@ -21,7 +20,7 @@ import Fieldset from "../general/Fieldset";
 import InputField from "../general/InputField";
 import LoadingSpinner from "../general/LoadingSpinner";
 import Modal from "../general/Modal";
-import ReactSelectFormik, { shouldUpdate } from "../general/ReactSelectFormik";
+import { shouldUpdate as shouldUpdateReactSelect } from "../general/ReactSelectFormik";
 import TextareaField from "../general/TextareaField";
 import TimeField from "../general/TimeField";
 import Toast from "../general/Toast";
@@ -29,11 +28,12 @@ import Toggle from "../general/Toggle";
 import TimeEntryPreview from "../time/TimeEntryPreview";
 import DoneSlider from "./DoneSlider";
 import SpentVsEstimatedTime from "./SpentVsEstimatedTime";
+import ActivityField from "./fields/ActivityField";
 import TimeEntryUsersField from "./fields/TimeEntryUsersField";
 
 type PropTypes = {
   issue: TIssue;
-  time: number;
+  initialValues?: Partial<TCreateTimeEntryForm>;
   onClose: () => void;
   onSuccess: () => void;
 };
@@ -44,9 +44,7 @@ type TCreateTimeEntryForm = Omit<TCreateTimeEntry, "user_id"> &
     add_notes?: boolean;
   };
 
-const _defaultCachedComments = {};
-
-const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) => {
+const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: PropTypes) => {
   const { formatMessage } = useIntl();
   const { settings } = useSettings();
   const redmineApi = useRedmineApi();
@@ -57,13 +55,6 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
   const myUser = useMyUser();
   const project = useProject(issue.project.id);
   const projectRoles = useMyProjectRoles([issue.project.id], project.data ? [project.data] : undefined);
-  const timeEntryActivities = useTimeEntryActivities(issue.project.id);
-
-  const cachedComments = useStorage<Record<number, string | undefined>>("cachedComments", _defaultCachedComments);
-
-  useEffect(() => {
-    formik.current?.setFieldValue("activity_id", timeEntryActivities.defaultActivity?.id);
-  }, [timeEntryActivities.defaultActivity]);
 
   useEffect(() => {
     if (myUser.data?.id) {
@@ -71,14 +62,13 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
     }
   }, [myUser.data?.id]);
 
-  useEffect(() => {
-    if (!settings.features.cacheComments) return;
-    // load cached comment to formik
-    const comments = cachedComments.data[issue.id];
-    if (comments) {
-      formik.current?.setFieldValue("comments", comments);
-    }
-  }, [settings.features.cacheComments, issue.id, cachedComments.data]);
+  const cachedComments = useCachedComments({
+    identifier: issue.id,
+    enabled: settings.features.cacheComments,
+    onLoad: (comment) => {
+      formik.current?.setFieldValue("comments", comment);
+    },
+  });
 
   const createTimeEntryMutation = useMutation({
     mutationFn: (entry: TCreateTimeEntry) => redmineApi.createTimeEntry(entry),
@@ -104,13 +94,12 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
       <Modal
         title={formatMessage({ id: "issues.modal.add-spent-time.title" })}
         onClose={() => {
-          if (settings.features.cacheComments) {
-            // if comment or already cached => save/update comment
-            const comments = formik.current?.values.comments;
-            if (comments || cachedComments.data[issue.id]) {
-              cachedComments.setData({ ...cachedComments.data, [issue.id]: comments });
-            }
+          // if comment exist => save/update comment
+          const comment = formik.current?.values.comments;
+          if (cachedComments.isEnabled && comment) {
+            cachedComments.saveComment(comment);
           }
+
           onClose();
         }}
       >
@@ -119,17 +108,19 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
           initialValues={
             {
               issue_id: issue.id,
-              done_ratio: issue.done_ratio,
-              hours: Number((time / 1000 / 60 / 60).toFixed(2)),
+              done_ratio: 0,
+              hours: 0,
               spent_on: new Date(),
               user_id: undefined,
               comments: "",
               activity_id: undefined,
               add_notes: false,
               notes: "",
+              ...initialValues,
             } satisfies Partial<TCreateTimeEntryForm> as unknown as TCreateTimeEntryForm
           }
           validationSchema={Yup.object({
+            issue_id: Yup.number(),
             done_ratio: Yup.number().min(0).max(100),
             hours: Yup.number()
               .required(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
@@ -145,13 +136,19 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
             notes: Yup.string(),
           })}
           onSubmit={async (originalValues, { setSubmitting }) => {
-            const values = { ...originalValues };
-            if (values.done_ratio !== issue.done_ratio || (values.add_notes && values.notes)) {
-              await updateIssueMutation.mutateAsync({ done_ratio: values.done_ratio !== issue.done_ratio ? values.done_ratio : undefined, notes: values.add_notes ? values.notes : undefined });
+            const { done_ratio, add_notes, notes, ...values } = { ...originalValues };
+
+            // Update issue done_ratio and notes
+            const updatedDoneRatio = done_ratio && done_ratio !== issue.done_ratio ? done_ratio : undefined;
+            const addNotes = add_notes && notes ? notes : undefined;
+            if (updatedDoneRatio || addNotes) {
+              await updateIssueMutation.mutateAsync({
+                done_ratio: updatedDoneRatio,
+                notes: addNotes,
+              });
             }
-            delete values.done_ratio;
-            delete values.add_notes;
-            delete values.notes;
+
+            // Create time entry
             if (values.user_id && Array.isArray(values.user_id) && values.user_id.length > 0) {
               // create for multiple users
               for (const userId of values.user_id) {
@@ -161,19 +158,20 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
               // create for me
               await createTimeEntryMutation.mutateAsync({ ...values, user_id: undefined as never });
             }
+
             setSubmitting(false);
+
             if (!createTimeEntryMutation.isError) {
-              if (settings.features.cacheComments) {
-                // if has cached comment => remove it
-                if (cachedComments.data[issue.id]) {
-                  cachedComments.setData({ ...cachedComments.data, [issue.id]: undefined });
-                }
+              // if has cached comment => remove it
+              if (cachedComments.isEnabled && cachedComments.isCached) {
+                cachedComments.removeComment();
               }
+
               onSuccess();
             }
           }}
         >
-          {({ isSubmitting, touched, errors, values }) => (
+          {({ isSubmitting, touched, errors, values, setFieldValue }) => (
             <Form>
               <div className="flex flex-col gap-y-2">
                 <h1 className="mb-1 truncate">
@@ -223,6 +221,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                         }
                         autoComplete="off"
                         className="col-span-3"
+                        autoFocus={values.hours === 0}
                       />
                     ) : (
                       <FastField
@@ -236,6 +235,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                         size="sm"
                         autoComplete="off"
                         className="col-span-2"
+                        autoFocus={values.hours === 0}
                       />
                     )}
 
@@ -265,7 +265,7 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                       size="sm"
                       isMulti
                       closeMenuOnSelect={false}
-                      shouldUpdate={shouldUpdate}
+                      shouldUpdate={shouldUpdateReactSelect}
                     />
                   )}
 
@@ -277,25 +277,19 @@ const CreateTimeEntryModal = ({ issue, time, onClose, onSuccess }: PropTypes) =>
                     error={touched.comments && errors.comments}
                     as={InputField}
                     size="sm"
-                    autoFocus
+                    autoFocus={values.hours > 0}
                   />
 
                   <FastField
                     type="select"
                     name="activity_id"
-                    title={formatMessage({ id: "time.time-entry.field.activity" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
-                    noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
                     error={touched.activity_id && errors.activity_id}
                     required
-                    as={ReactSelectFormik}
+                    as={ActivityField}
+                    projectId={issue.project.id}
+                    onDefaultActivityChange={(activityId: number) => setFieldValue("activity_id", activityId)}
                     size="sm"
-                    options={timeEntryActivities.data?.map((activity) => ({
-                      label: activity.name,
-                      value: activity.id,
-                    }))}
-                    isLoading={timeEntryActivities.isLoading}
-                    shouldUpdate={shouldUpdate}
+                    shouldUpdate={shouldUpdateReactSelect}
                   />
                 </Fieldset>
 
diff --git a/src/components/issues/Issue.tsx b/src/components/issues/Issue.tsx
index c06bd3c..b6db976 100644
--- a/src/components/issues/Issue.tsx
+++ b/src/components/issues/Issue.tsx
@@ -246,7 +246,10 @@ const Issue = ({ issue, priorityType, assignedToMe, canEdit, canLogTime, canAddN
       {createTimeEntry !== undefined && (
         <CreateTimeEntryModal
           issue={issue}
-          time={createTimeEntry}
+          initialValues={{
+            done_ratio: issue.done_ratio,
+            hours: Number((createTimeEntry / 1000 / 60 / 60).toFixed(2)),
+          }}
           onClose={() => setCreateTimeEntry(undefined)}
           onSuccess={() => {
             setCreateTimeEntry(undefined);
diff --git a/src/components/issues/fields/ActivityField.tsx b/src/components/issues/fields/ActivityField.tsx
new file mode 100644
index 0000000..810be30
--- /dev/null
+++ b/src/components/issues/fields/ActivityField.tsx
@@ -0,0 +1,37 @@
+import { ComponentProps, useEffect } from "react";
+import { useIntl } from "react-intl";
+import useTimeEntryActivities from "../../../hooks/useTimeEntryActivities";
+import ReactSelectFormik from "../../general/ReactSelectFormik";
+
+type Props = {
+  projectId: number;
+  onDefaultActivityChange?: (activityId: number) => void;
+};
+
+const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+  const { formatMessage } = useIntl();
+
+  const timeEntryActivities = useTimeEntryActivities(projectId);
+
+  useEffect(() => {
+    if (!timeEntryActivities.defaultActivity) return;
+
+    onDefaultActivityChange?.(timeEntryActivities.defaultActivity.id);
+  }, [timeEntryActivities.defaultActivity, onDefaultActivityChange]);
+
+  return (
+    <ReactSelectFormik
+      {...props}
+      title={formatMessage({ id: "time.time-entry.field.activity" })}
+      placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
+      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
+      options={timeEntryActivities.data?.map((activity) => ({
+        label: activity.name,
+        value: activity.id,
+      }))}
+      isLoading={timeEntryActivities.isLoading}
+    />
+  );
+};
+
+export default ActivityField;
diff --git a/src/hooks/useCachedComments.ts b/src/hooks/useCachedComments.ts
new file mode 100644
index 0000000..0c3dd91
--- /dev/null
+++ b/src/hooks/useCachedComments.ts
@@ -0,0 +1,39 @@
+import { useEffect } from "react";
+import useStorage from "./useStorage";
+
+const _defaultCachedComments = {};
+
+type Options = {
+  identifier: number;
+  enabled?: boolean;
+  onLoad: (comment: string) => void;
+};
+
+const useCachedComments = ({ identifier, enabled = true, onLoad }: Options) => {
+  const cachedComments = useStorage<Record<number, string | undefined>>("cachedComments", _defaultCachedComments);
+
+  useEffect(() => {
+    if (!enabled) return;
+    const comment = cachedComments.data[identifier];
+    if (comment) {
+      onLoad(comment);
+    }
+  }, [enabled, identifier, onLoad, cachedComments.data]);
+
+  return {
+    isEnabled: enabled,
+    isCached: !!cachedComments.data[identifier],
+    saveComment: (comment: string) =>
+      cachedComments.setData({
+        ...cachedComments.data,
+        [identifier]: comment,
+      }),
+    removeComment: () =>
+      cachedComments.setData({
+        ...cachedComments.data,
+        [identifier]: undefined,
+      }),
+  };
+};
+
+export default useCachedComments;

From bd55541bf7ccaed7cbb4668ec92a847e0d3e6db8 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Fri, 30 May 2025 23:09:23 +0200
Subject: [PATCH 03/55] feat: Multiple timers & timer tab

- Add separate timer tab
- Allow multiple timers per issue
- Move context menu into separate component
- Add IssueTitle component
- Allow to log time directly in  redmine (#39)
---
 src/App.tsx                                   |  22 +-
 src/api/redmine.ts                            |   6 +-
 src/components/general/ContextMenu.tsx        |   3 +-
 src/components/general/Navbar.tsx             |   6 +-
 src/components/issues/AddIssueNotesModal.tsx  |  11 +-
 .../issues/CreateTimeEntryModal.tsx           |  10 +-
 src/components/issues/CurrentIssueTimer.tsx   |  15 +-
 src/components/issues/EditIssueModal.tsx      |   8 +-
 src/components/issues/EditTimer.tsx           |   3 +
 src/components/issues/Issue.tsx               | 241 +++--------
 src/components/issues/IssueContextMenu.tsx    | 144 +++++++
 src/components/issues/IssueInfoTooltip.tsx    |   5 +-
 src/components/issues/IssueTimer.tsx          | 184 ---------
 src/components/issues/IssueTitle.tsx          |  50 +++
 src/components/issues/IssuesList.tsx          |  49 ++-
 src/components/time/TimeEntryContextMenu.tsx  |   2 +-
 src/components/timers/Timer.tsx               | 301 ++++++++++++++
 src/components/timers/TimerContextMenu.tsx    |  48 +++
 src/components/timers/TimersBadge.tsx         |  11 +
 src/content.tsx                               |   1 +
 src/hooks/useIssues.ts                        |  48 +++
 src/hooks/useLocalIssues.ts                   |  52 +++
 src/hooks/useMyIssues.ts                      |  10 +-
 src/hooks/useOnClickOutside.ts                |   3 +
 src/hooks/useSearch.ts                        |   5 +-
 src/hooks/useTimers.ts                        | 375 +++++++++++-------
 src/lang/de.json                              |  16 +-
 src/lang/en.json                              |  16 +-
 src/lang/fr.json                              |  16 +-
 src/lang/ru.json                              |  16 +-
 src/pages/IssuesPage.tsx                      |  20 +-
 src/pages/TimersPage.tsx                      |  55 +++
 src/utils/issue.ts                            |  21 +-
 33 files changed, 1142 insertions(+), 631 deletions(-)
 create mode 100644 src/components/issues/IssueContextMenu.tsx
 delete mode 100644 src/components/issues/IssueTimer.tsx
 create mode 100644 src/components/issues/IssueTitle.tsx
 create mode 100644 src/components/timers/Timer.tsx
 create mode 100644 src/components/timers/TimerContextMenu.tsx
 create mode 100644 src/components/timers/TimersBadge.tsx
 create mode 100644 src/hooks/useIssues.ts
 create mode 100644 src/hooks/useLocalIssues.ts
 create mode 100644 src/pages/TimersPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 105e6e3..b2c7a68 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import { faGear, faList, faStopwatch, faUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
+import { faCalendarDays, faGear, faList, faStopwatch, faUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
 import { Suspense, lazy } from "react";
@@ -10,6 +10,7 @@ import { clsxm } from "./utils/clsxm";
 import { getPlatform } from "./utils/platform";
 import { createPopOut, getWindowLocationType } from "./utils/popout";
 
+const TimersPage = lazy(() => import("./pages/TimersPage"));
 const IssuesPage = lazy(() => import("./pages/IssuesPage"));
 const SettingsPage = lazy(() => import("./pages/SettingsPage"));
 const TimePage = lazy(() => import("./pages/TimePage"));
@@ -32,6 +33,11 @@ function App() {
       <header className="relative z-30 h-12">
         <Navbar
           navigation={[
+            {
+              href: "/timers",
+              icon: <FontAwesomeIcon icon={faStopwatch} />,
+              name: formatMessage({ id: "nav.tabs.timers" }),
+            },
             {
               href: "/issues",
               icon: <FontAwesomeIcon icon={faList} />,
@@ -39,7 +45,7 @@ function App() {
             },
             {
               href: "/time",
-              icon: <FontAwesomeIcon icon={faStopwatch} />,
+              icon: <FontAwesomeIcon icon={faCalendarDays} />,
               name: formatMessage({ id: "nav.tabs.time" }),
             },
             {
@@ -49,7 +55,9 @@ function App() {
             },
           ]}
         />
-        {locationType === "popup" && <FontAwesomeIcon icon={faUpRightFromSquare} size="lg" className="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer" onClick={createPopOut} />}
+        {locationType === "popup" && (
+          <FontAwesomeIcon icon={faUpRightFromSquare} size="sm" className="absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full bg-background-inner p-1.5" onClick={createPopOut} />
+        )}
       </header>
       <main
         className={clsxm("h-[500px] overflow-y-scroll", {
@@ -60,6 +68,14 @@ function App() {
           <Routes>
             <Route index element={<Navigate to="/issues" replace />} />
 
+            <Route
+              path="/timers"
+              element={
+                <Suspense>
+                  <TimersPage />
+                </Suspense>
+              }
+            />
             <Route
               path="/issues"
               element={
diff --git a/src/api/redmine.ts b/src/api/redmine.ts
index 35f692d..170ceb1 100644
--- a/src/api/redmine.ts
+++ b/src/api/redmine.ts
@@ -47,8 +47,8 @@ export class RedmineApi {
   }
 
   // Issues
-  async getOpenIssues(
-    { projectId, issueIds, assignedTo }: { projectId?: number; issueIds?: number[]; assignedTo?: number | "me" },
+  async getIssues(
+    { projectId, issueIds, statusId, assignedTo }: { projectId?: number; issueIds?: number[]; statusId?: number | "open" | "closed" | "*"; assignedTo?: number | "me" },
     { offset, limit }: { offset: number; limit: number } = { offset: 0, limit: 100 }
   ): Promise<
     TPaginatedResponse<{
@@ -61,7 +61,7 @@ export class RedmineApi {
           project_id: projectId,
           issue_id: issueIds?.join(","),
           assigned_to_id: assignedTo,
-          status_id: "open",
+          status_id: statusId,
           sort: "updated_on:desc",
           offset,
           limit,
diff --git a/src/components/general/ContextMenu.tsx b/src/components/general/ContextMenu.tsx
index b7b5e57..b3b4df6 100644
--- a/src/components/general/ContextMenu.tsx
+++ b/src/components/general/ContextMenu.tsx
@@ -53,6 +53,7 @@ const ContextMenu = ({ menu, children, ...props }: PropTypes) => {
         {...props}
         onContextMenu={(e) => {
           e.preventDefault();
+          e.stopPropagation();
           setPosition({ x: e.pageX, y: e.pageY });
         }}
       >
@@ -62,7 +63,7 @@ const ContextMenu = ({ menu, children, ...props }: PropTypes) => {
         <div
           ref={ref}
           role="menu"
-          className="absolute z-50 w-40 divide-y divide-gray-200 rounded-lg border border-gray-200 bg-background shadow dark:divide-gray-600 dark:border-gray-600"
+          className="fixed z-50 w-40 divide-y divide-gray-200 rounded-lg border border-gray-200 bg-background shadow dark:divide-gray-600 dark:border-gray-600"
           style={{ top: `${position.y}px`, left: `${position.x}px` }}
           onClick={() => setPosition(undefined)}
         >
diff --git a/src/components/general/Navbar.tsx b/src/components/general/Navbar.tsx
index 459cd59..c0d36df 100644
--- a/src/components/general/Navbar.tsx
+++ b/src/components/general/Navbar.tsx
@@ -16,14 +16,14 @@ const Navbar = ({ navigation }: PropTypes) => {
   const location = useLocation();
 
   return (
-    <nav className="fixed top-0 w-full border-b-2 border-primary bg-background p-1">
-      <ul className="-mb-px flex flex-wrap gap-x-2 text-center text-sm font-medium text-gray-500 dark:text-gray-400">
+    <nav className="fixed top-0 w-full border-b-2 border-primary bg-background p-1.5">
+      <ul className="-mb-px flex gap-x-1 text-center text-sm font-medium text-gray-500 dark:text-gray-400">
         {navigation.map((item) => (
           <li key={item.href}>
             <Link
               to={item.href}
               className={clsx(
-                "inline-flex items-center gap-x-1 rounded-t-lg p-2",
+                "inline-flex items-center gap-x-1 px-1 py-2",
                 location.pathname === item.href ? "text-primary" : "hover:text-gray-600 dark:hover:text-gray-300",
                 "select-none focus:outline-none"
               )}
diff --git a/src/components/issues/AddIssueNotesModal.tsx b/src/components/issues/AddIssueNotesModal.tsx
index 20c86a0..f3157a0 100644
--- a/src/components/issues/AddIssueNotesModal.tsx
+++ b/src/components/issues/AddIssueNotesModal.tsx
@@ -5,7 +5,6 @@ import { useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import * as Yup from "yup";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
 import Button from "../general/Button";
 import LoadingSpinner from "../general/LoadingSpinner";
@@ -13,6 +12,7 @@ import Modal from "../general/Modal";
 import TextareaField from "../general/TextareaField";
 import Toast from "../general/Toast";
 import Toggle from "../general/Toggle";
+import IssueTitle from "./IssueTitle";
 
 type PropTypes = {
   issue: TIssue;
@@ -22,7 +22,7 @@ type PropTypes = {
 
 const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
   const { formatMessage } = useIntl();
-  const { settings } = useSettings();
+
   const redmineApi = useRedmineApi();
   const queryClient = useQueryClient();
 
@@ -58,12 +58,7 @@ const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
             return (
               <Form>
                 <div className="flex flex-col gap-y-2">
-                  <h1 className="mb-1 truncate">
-                    <a href={`${settings.redmineURL}/issues/${issue.id}`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
-                      {issue.tracker.name} #{issue.id}
-                    </a>{" "}
-                    {issue.subject}
-                  </h1>
+                  <IssueTitle issue={issue} />
 
                   <FastField
                     type="textarea"
diff --git a/src/components/issues/CreateTimeEntryModal.tsx b/src/components/issues/CreateTimeEntryModal.tsx
index d090e20..e2e973c 100644
--- a/src/components/issues/CreateTimeEntryModal.tsx
+++ b/src/components/issues/CreateTimeEntryModal.tsx
@@ -27,9 +27,10 @@ import Toast from "../general/Toast";
 import Toggle from "../general/Toggle";
 import TimeEntryPreview from "../time/TimeEntryPreview";
 import DoneSlider from "./DoneSlider";
-import SpentVsEstimatedTime from "./SpentVsEstimatedTime";
 import ActivityField from "./fields/ActivityField";
 import TimeEntryUsersField from "./fields/TimeEntryUsersField";
+import IssueTitle from "./IssueTitle";
+import SpentVsEstimatedTime from "./SpentVsEstimatedTime";
 
 type PropTypes = {
   issue: TIssue;
@@ -174,12 +175,7 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
           {({ isSubmitting, touched, errors, values, setFieldValue }) => (
             <Form>
               <div className="flex flex-col gap-y-2">
-                <h1 className="mb-1 truncate">
-                  <a href={`${settings.redmineURL}/issues/${issue.id}`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
-                    {issue.tracker.name} #{issue.id}
-                  </a>{" "}
-                  {issue.subject}
-                </h1>
+                <IssueTitle issue={issue} />
 
                 <div className="flex justify-between gap-x-3">
                   <FastField type="range" name="done_ratio" as={DoneSlider} className="mb-1" />
diff --git a/src/components/issues/CurrentIssueTimer.tsx b/src/components/issues/CurrentIssueTimer.tsx
index 78b31e5..bbe0bba 100644
--- a/src/components/issues/CurrentIssueTimer.tsx
+++ b/src/components/issues/CurrentIssueTimer.tsx
@@ -2,7 +2,7 @@ import useIssue from "../../hooks/useIssue";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useRedmineUrl from "../../hooks/useRedmineUrl";
 import useTimers from "../../hooks/useTimers";
-import IssueTimer from "./IssueTimer";
+import Timer from "../timers/Timer";
 
 type PropTypes = {
   issueId: number;
@@ -10,25 +10,22 @@ type PropTypes = {
 
 const CurrentIssueTimer = ({ issueId }: PropTypes) => {
   const timers = useTimers();
-
   const { data: issue } = useIssue(issueId);
   const projectRoles = useMyProjectRoles(issue ? [issue.project.id] : []);
+
   if (!issue || !projectRoles.hasProjectPermission(issue.project.id, "log_time")) return;
 
-  const timer = timers.getTimer(issue.id);
+  const issueTimers = timers.getTimersByIssue(issue.id);
+  const primaryTimer = issueTimers[0];
 
-  return (
-    <div className="rounded-lg border border-gray-200 bg-background px-2 py-0.5 dark:border-gray-700">
-      <IssueTimer issue={issue} timer={timer} />
-    </div>
-  );
+  return <Timer timer={primaryTimer} issue={issue} variant="standalone" />;
 };
 
 const CurrentIssueTimerWrapper = () => {
   const currentUrl = useRedmineUrl();
   const issueId = currentUrl?.data?.type === "issue" ? currentUrl?.data?.id : undefined;
 
-  if (!issueId) return null;
+  if (!issueId) return;
 
   return <CurrentIssueTimer issueId={issueId} />;
 };
diff --git a/src/components/issues/EditIssueModal.tsx b/src/components/issues/EditIssueModal.tsx
index d7fc8fa..50e5dff 100644
--- a/src/components/issues/EditIssueModal.tsx
+++ b/src/components/issues/EditIssueModal.tsx
@@ -26,6 +26,7 @@ import CategoryField from "./fields/CategoryField";
 import DoneRatioField from "./fields/DoneRatioField";
 import PriorityField from "./fields/PriorityField";
 import VersionField from "./fields/VersionField";
+import IssueTitle from "./IssueTitle";
 
 type PropTypes = {
   issue: TIssue;
@@ -126,12 +127,7 @@ const EditIssueModal = ({ issue: currentIssue, onClose, onSuccess }: PropTypes)
             return (
               <Form>
                 <div className="flex flex-col gap-y-2">
-                  <h1 className="mb-1 truncate">
-                    <a href={`${settings.redmineURL}/issues/${issue.id}`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
-                      {issue.tracker.name} #{issue.id}
-                    </a>{" "}
-                    {issue.subject}
-                  </h1>
+                  <IssueTitle issue={issue} />
 
                   <div className="grid grid-cols-2 gap-x-2">
                     <Field
diff --git a/src/components/issues/EditTimer.tsx b/src/components/issues/EditTimer.tsx
index ffc7122..d5d2779 100644
--- a/src/components/issues/EditTimer.tsx
+++ b/src/components/issues/EditTimer.tsx
@@ -56,6 +56,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
             if (e.key === "Enter") {
               onOverrideTime(updatedTime);
               e.preventDefault();
+              e.stopPropagation();
             }
           }}
           /**
@@ -88,6 +89,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
             if (e.key === "Enter") {
               onOverrideTime(updatedTime);
               e.preventDefault();
+              e.stopPropagation();
             }
           }}
           /**
@@ -120,6 +122,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
             if (e.key === "Enter") {
               onOverrideTime(updatedTime);
               e.preventDefault();
+              e.stopPropagation();
             }
           }}
           /**
diff --git a/src/components/issues/Issue.tsx b/src/components/issues/Issue.tsx
index b6db976..69a214f 100644
--- a/src/components/issues/Issue.tsx
+++ b/src/components/issues/Issue.tsx
@@ -1,141 +1,51 @@
-import { faCopy } from "@fortawesome/free-regular-svg-icons";
-import { faArrowUpRightFromSquare, faBan, faBookmark, faCircleUser, faNoteSticky, faPause, faPen, faPlay, faStop, faThumbTack, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { faCircleUser, faThumbTack } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
-import { useRef, useState } from "react";
-import { FormattedMessage, PrimitiveType, useIntl } from "react-intl";
+import { useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
 import { Tooltip } from "react-tooltip";
-import { Timer } from "../../hooks/useTimers";
+import { PriorityType } from "../../hooks/useIssuePriorities";
+import { LocalIssue } from "../../hooks/useLocalIssues";
+import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
-import ContextMenu from "../general/ContextMenu";
-import KBD from "../general/KBD";
-import Toast from "../general/Toast";
-import AddIssueNotesModal from "./AddIssueNotesModal";
-import CreateTimeEntryModal from "./CreateTimeEntryModal";
-import EditIssueModal from "./EditIssueModal";
-import IssueInfoTooltip from "./IssueInfoTooltip";
-import IssueTimer, { TimerRef } from "./IssueTimer";
+import Timer from "../timers/Timer";
+import IssueContextMenu from "./IssueContextMenu";
+import IssueTitle from "./IssueTitle";
 
 type PropTypes = {
   issue: TIssue;
-  priorityType: PrimitiveType;
+  localIssue: LocalIssue;
+  priorityType: PriorityType;
   assignedToMe: boolean;
+  timers: TimerController[];
+  onAddTimer: () => void;
   canEdit: boolean;
   canLogTime: boolean;
   canAddNotes: boolean;
-  timer: Timer;
 };
 
-const Issue = ({ issue, priorityType, assignedToMe, canEdit, canLogTime, canAddNotes, timer }: PropTypes) => {
+const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTimer, canEdit, canLogTime, canAddNotes }: PropTypes) => {
   const { formatMessage } = useIntl();
 
   const { settings } = useSettings();
 
-  const timerRef = useRef<TimerRef>(null);
+  const primaryTimer = timers[0];
 
-  const [createTimeEntry, setCreateTimeEntry] = useState<number | undefined>(undefined);
-  const [copiedIdToClipboard, setCopiedIdToClipboard] = useState(false);
-  const [editIssue, setEditIssue] = useState(false);
-  const [addNotes, setAddNotes] = useState(false);
+  const [areTimersExpanded, setAreTimersExpanded] = useState(false);
 
   return (
     <>
-      <ContextMenu
-        menu={[
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.open-in-redmine" }),
-              icon: <FontAwesomeIcon icon={faArrowUpRightFromSquare} />,
-              onClick: () => {
-                window.open(`${settings.redmineURL}/issues/${issue.id}`, "_blank");
-              },
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.copy-id-to-clipboard" }),
-              icon: <FontAwesomeIcon icon={faCopy} />,
-              onClick: () => {
-                navigator.clipboard.writeText(`#${issue.id}`);
-                setCopiedIdToClipboard(true);
-              },
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.edit" }),
-              icon: <FontAwesomeIcon icon={faPen} />,
-              onClick: () => setEditIssue(true),
-              disabled: !canEdit,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.add-notes" }),
-              icon: <FontAwesomeIcon icon={faNoteSticky} />,
-              onClick: () => setAddNotes(true),
-              disabled: !canAddNotes,
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.timer.start" }),
-              icon: <FontAwesomeIcon icon={faPlay} />,
-              disabled: timer.active || !canLogTime,
-              onClick: timer.startTimer,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.timer.pause" }),
-              icon: <FontAwesomeIcon icon={faPause} />,
-              disabled: !timer.active || !canLogTime,
-              onClick: timer.pauseTimer,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.timer.reset" }),
-              icon: <FontAwesomeIcon icon={faStop} />,
-              disabled: timer.getCurrentTime() === 0 || !canLogTime,
-              onClick: timer.resetTimer,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.timer.edit" }),
-              icon: <FontAwesomeIcon icon={faPen} />,
-              disabled: timer.getCurrentTime() === 0 || !canLogTime,
-              onClick: () => timerRef.current?.editTimer(),
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: assignedToMe || timer.remembered ? "issues.context-menu.pin" : "issues.context-menu.pin-and-remember" }),
-              icon: <FontAwesomeIcon icon={faThumbTack} className="rotate-[30deg]" />,
-              disabled: timer.pinned,
-              onClick: () => (assignedToMe || timer.remembered ? timer.setPinned(true) : timer.setRememberedAndPinned(true, true)),
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.unpin" }),
-              icon: <FontAwesomeIcon icon={faXmark} />,
-              disabled: !timer.pinned,
-              onClick: () => timer.setPinned(false),
-            },
-          ],
-          ...(!assignedToMe
-            ? [
-                [
-                  {
-                    name: formatMessage({ id: "issues.context-menu.remember" }),
-                    icon: <FontAwesomeIcon icon={faBookmark} />,
-                    disabled: timer.remembered,
-                    onClick: () => timer.setRemembered(true),
-                  },
-                  {
-                    name: formatMessage({ id: "issues.context-menu.forgot" }),
-                    icon: <FontAwesomeIcon icon={faBan} />,
-                    disabled: !timer.remembered,
-                    onClick: () => timer.setRemembered(false),
-                  },
-                ],
-              ]
-            : []),
-        ]}
+      <IssueContextMenu
+        issue={issue}
+        localIssue={localIssue}
+        primaryTimer={primaryTimer}
+        assignedToMe={assignedToMe}
+        canEdit={canEdit}
+        canLogTime={canLogTime}
+        canAddNotes={canAddNotes}
+        onAddTimer={onAddTimer}
       >
         <div
           role="listitem"
@@ -154,53 +64,25 @@ const Issue = ({ issue, priorityType, assignedToMe, canEdit, canLogTime, canAddN
               : "border border-gray-200 dark:border-gray-700"
           )}
           tabIndex={1}
-          /**
-           * On "Space"/"Enter" => toggle timer
-           */
+          // On "Enter" or "Space" => toggle timer
           onKeyDown={(e) => {
             if (e.key === "Enter" || e.code === "Space") {
-              // ignore in edit mode
-              if (timerRef.current?.isInEditMode) return;
-
               if (!canLogTime) return;
 
-              if (timer.active) {
-                timer.pauseTimer();
-              } else {
-                timer.startTimer();
-              }
+              primaryTimer.toggleTimer();
               e.preventDefault();
+              e.stopPropagation();
             }
           }}
-          data-tooltip-id={`tooltip-toggle-timer-${issue.id}`}
         >
-          <h1
-            className={clsx(
-              "mb-1 truncate",
-              {
-                "me-4": (timer.pinned && assignedToMe) || (!timer.pinned && !assignedToMe),
-                "me-9": timer.pinned && !assignedToMe,
-              },
-              settings.style.showIssuesPriority && {
-                "text-[#559] dark:text-[#9393ed]": priorityType === "lowest",
-                "text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "higher",
-                "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "highest",
-              }
-            )}
-          >
-            <a
-              href={`${settings.redmineURL}/issues/${issue.id}`}
-              target="_blank"
-              tabIndex={-1}
-              className="text-blue-500 hover:underline"
-              data-tooltip-id={`tooltip-issue-${issue.id}`}
-              rel="noreferrer"
-            >
-              #{issue.id}
-            </a>{" "}
-            {issue.subject}
-          </h1>
-          <IssueInfoTooltip issue={issue} />
+          <IssueTitle
+            issue={issue}
+            priorityType={priorityType}
+            className={clsx({
+              "me-4": (localIssue.pinned && assignedToMe) || (!localIssue.pinned && !assignedToMe),
+              "me-9": localIssue.pinned && !assignedToMe,
+            })}
+          />
           <div className="flex flex-row justify-between gap-x-2">
             <div className="mt-1">
               <div className="w-[80px] bg-[#eeeeee]">
@@ -209,14 +91,26 @@ const Issue = ({ issue, priorityType, assignedToMe, canEdit, canLogTime, canAddN
                 </div>
               </div>
             </div>
-            {canLogTime && (
-              <div className="flex flex-col">
-                <IssueTimer key={issue.id} ref={timerRef} issue={issue} timer={timer} onDoneTimer={setCreateTimeEntry} />
+            {canLogTime && !areTimersExpanded && (
+              <div>
+                <Timer timer={primaryTimer} issue={issue} />
+                {timers.length > 1 && (
+                  <div className="pl-3 text-[9px] text-gray-500" onClick={() => setAreTimersExpanded(true)}>
+                    <FormattedMessage id="issues.timers.more-timers" values={{ count: timers.length - 1 }} />
+                  </div>
+                )}
               </div>
             )}
           </div>
+          {canLogTime && areTimersExpanded && (
+            <div className="mt-2 flex flex-col gap-y-1">
+              {timers.map((timer) => (
+                <Timer key={timer.id} timer={timer} issue={issue} variant="expanded" />
+              ))}
+            </div>
+          )}
           <div className="absolute right-2 top-2 flex items-start justify-end gap-x-1">
-            {timer.pinned && (
+            {localIssue.pinned && (
               <>
                 {settings.style.showTooltips && <Tooltip id={`tooltip-pinned-${issue.id}`} place="left" delayShow={700} content={formatMessage({ id: "issues.issue.pinned" })} className="italic" />}
                 <FontAwesomeIcon icon={faThumbTack} className="rotate-[30deg] text-gray-300 focus:outline-none dark:text-gray-600" data-tooltip-id={`tooltip-pinned-${issue.id}`} tabIndex={-1} />
@@ -232,36 +126,7 @@ const Issue = ({ issue, priorityType, assignedToMe, canEdit, canLogTime, canAddN
             )}
           </div>
         </div>
-      </ContextMenu>
-      {settings.style.showTooltips && (
-        <Tooltip id={`tooltip-toggle-timer-${issue.id}`} place="bottom" delayShow={4000} className="z-10 max-w-[275px] italic">
-          <FormattedMessage
-            id="issues.timer.action.toggle.tooltip"
-            values={{
-              KBD: (children) => <KBD>{children}</KBD>,
-            }}
-          />
-        </Tooltip>
-      )}
-      {createTimeEntry !== undefined && (
-        <CreateTimeEntryModal
-          issue={issue}
-          initialValues={{
-            done_ratio: issue.done_ratio,
-            hours: Number((createTimeEntry / 1000 / 60 / 60).toFixed(2)),
-          }}
-          onClose={() => setCreateTimeEntry(undefined)}
-          onSuccess={() => {
-            setCreateTimeEntry(undefined);
-            timer.resetTimer();
-          }}
-        />
-      )}
-      {editIssue && <EditIssueModal issue={issue} onClose={() => setEditIssue(false)} onSuccess={() => setEditIssue(false)} />}
-      {addNotes && <AddIssueNotesModal issue={issue} onClose={() => setAddNotes(false)} onSuccess={() => setAddNotes(false)} />}
-      {copiedIdToClipboard && (
-        <Toast type="success" message={formatMessage({ id: "issues.id-copied-to-clipboard" }, { issueId: issue.id })} autoClose={2500} onClose={() => setCopiedIdToClipboard(false)} />
-      )}
+      </IssueContextMenu>
     </>
   );
 };
diff --git a/src/components/issues/IssueContextMenu.tsx b/src/components/issues/IssueContextMenu.tsx
new file mode 100644
index 0000000..2f17eee
--- /dev/null
+++ b/src/components/issues/IssueContextMenu.tsx
@@ -0,0 +1,144 @@
+import { faCopy } from "@fortawesome/free-regular-svg-icons";
+import { faAdd, faArrowUpRightFromSquare, faBan, faBookmark, faNoteSticky, faPause, faPen, faPlay, faStop, faThumbTack, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ReactNode, useState } from "react";
+import { useIntl } from "react-intl";
+import { LocalIssue } from "../../hooks/useLocalIssues";
+import { TimerController } from "../../hooks/useTimers";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TIssue } from "../../types/redmine";
+import ContextMenu from "../general/ContextMenu";
+import Toast from "../general/Toast";
+import AddIssueNotesModal from "./AddIssueNotesModal";
+import EditIssueModal from "./EditIssueModal";
+
+type PropTypes = {
+  issue: TIssue;
+  localIssue: LocalIssue;
+  primaryTimer: TimerController;
+  assignedToMe: boolean;
+  canEdit: boolean;
+  canLogTime: boolean;
+  canAddNotes: boolean;
+  onAddTimer: () => void;
+  children: ReactNode;
+};
+
+const IssueContextMenu = ({ issue, localIssue, primaryTimer, assignedToMe, canEdit, canLogTime, canAddNotes, onAddTimer, children }: PropTypes) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const [copiedIdToClipboard, setCopiedIdToClipboard] = useState(false);
+  const [editIssue, setEditIssue] = useState(false);
+  const [addNotes, setAddNotes] = useState(false);
+
+  return (
+    <>
+      <ContextMenu
+        menu={[
+          [
+            {
+              name: formatMessage({ id: "issues.context-menu.open-in-redmine" }),
+              icon: <FontAwesomeIcon icon={faArrowUpRightFromSquare} />,
+              onClick: () => {
+                window.open(`${settings.redmineURL}/issues/${issue.id}`, "_blank");
+              },
+            },
+          ],
+          [
+            {
+              name: formatMessage({ id: "issues.context-menu.copy-id-to-clipboard" }),
+              icon: <FontAwesomeIcon icon={faCopy} />,
+              onClick: () => {
+                navigator.clipboard.writeText(`#${issue.id}`);
+                setCopiedIdToClipboard(true);
+              },
+            },
+          ],
+          [
+            {
+              name: formatMessage({ id: "issues.context-menu.edit" }),
+              icon: <FontAwesomeIcon icon={faPen} />,
+              onClick: () => setEditIssue(true),
+              disabled: !canEdit,
+            },
+            {
+              name: formatMessage({ id: "issues.context-menu.add-notes" }),
+              icon: <FontAwesomeIcon icon={faNoteSticky} />,
+              onClick: () => setAddNotes(true),
+              disabled: !canAddNotes,
+            },
+          ],
+          [
+            {
+              name: formatMessage({ id: primaryTimer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" }),
+              icon: <FontAwesomeIcon icon={primaryTimer.isActive ? faPause : faPlay} />,
+              onClick: primaryTimer.isActive ? primaryTimer.pauseTimer : primaryTimer.startTimer,
+              disabled: !canLogTime,
+            },
+            {
+              name: formatMessage({ id: "timer.context-menu.reset" }),
+              icon: <FontAwesomeIcon icon={faStop} />,
+              onClick: primaryTimer.resetTimer,
+              disabled: primaryTimer.getElapsedTime() === 0 || !canLogTime,
+            },
+            {
+              name: formatMessage({ id: "timer.context-menu.add-timer" }),
+              icon: <FontAwesomeIcon icon={faAdd} />,
+              onClick: onAddTimer,
+              disabled: !canLogTime,
+            },
+          ],
+          [
+            {
+              name: formatMessage({ id: assignedToMe || localIssue.remembered ? "issues.context-menu.pin" : "issues.context-menu.pin-and-remember" }),
+              icon: <FontAwesomeIcon icon={faThumbTack} className="rotate-[30deg]" />,
+              onClick: () => localIssue.setLocalIssue({ pinned: true, remembered: !assignedToMe ? true : undefined }),
+              disabled: localIssue.pinned,
+            },
+            {
+              name: formatMessage({ id: "issues.context-menu.unpin" }),
+              icon: <FontAwesomeIcon icon={faXmark} />,
+              onClick: () => localIssue.setLocalIssue({ pinned: false }),
+              disabled: !localIssue.pinned,
+            },
+          ],
+          ...(!assignedToMe
+            ? [
+                [
+                  {
+                    name: formatMessage({ id: "issues.context-menu.remember" }),
+                    icon: <FontAwesomeIcon icon={faBookmark} />,
+                    onClick: () =>
+                      localIssue.setLocalIssue({
+                        remembered: true,
+                      }),
+                    disabled: localIssue.remembered,
+                  },
+                  {
+                    name: formatMessage({ id: "issues.context-menu.forgot" }),
+                    icon: <FontAwesomeIcon icon={faBan} />,
+                    onClick: () =>
+                      localIssue.setLocalIssue({
+                        remembered: false,
+                      }),
+                    disabled: !localIssue.remembered,
+                  },
+                ],
+              ]
+            : []),
+        ]}
+      >
+        {children}
+      </ContextMenu>
+
+      {editIssue && <EditIssueModal issue={issue} onClose={() => setEditIssue(false)} onSuccess={() => setEditIssue(false)} />}
+      {addNotes && <AddIssueNotesModal issue={issue} onClose={() => setAddNotes(false)} onSuccess={() => setAddNotes(false)} />}
+      {copiedIdToClipboard && (
+        <Toast type="success" message={formatMessage({ id: "issues.id-copied-to-clipboard" }, { issueId: issue.id })} autoClose={2500} onClose={() => setCopiedIdToClipboard(false)} />
+      )}
+    </>
+  );
+};
+
+export default IssueContextMenu;
diff --git a/src/components/issues/IssueInfoTooltip.tsx b/src/components/issues/IssueInfoTooltip.tsx
index 0119c28..4ddd534 100644
--- a/src/components/issues/IssueInfoTooltip.tsx
+++ b/src/components/issues/IssueInfoTooltip.tsx
@@ -6,14 +6,15 @@ import { TIssue } from "../../types/redmine";
 
 type PropTypes = {
   issue: TIssue;
+  id?: string;
 };
 
-const IssueInfoTooltip = ({ issue }: PropTypes) => {
+const IssueInfoTooltip = ({ issue, id = `tooltip-issue-${issue.id}` }: PropTypes) => {
   const { formatDate } = useIntl();
   const formatHours = useFormatHours();
 
   return (
-    <Tooltip id={`tooltip-issue-${issue.id}`} place="right" className="z-10 opacity-100">
+    <Tooltip id={id} place="right" className="z-10 opacity-100">
       <div className="relative max-w-[230px] truncate">
         <p className="mb-3 text-sm font-semibold">
           {issue.tracker.name} #{issue.id}
diff --git a/src/components/issues/IssueTimer.tsx b/src/components/issues/IssueTimer.tsx
deleted file mode 100644
index 53b47f7..0000000
--- a/src/components/issues/IssueTimer.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import { faCircleCheck } from "@fortawesome/free-regular-svg-icons";
-import { faPause, faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { Ref, useEffect, useImperativeHandle, useState } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import { Tooltip } from "react-tooltip";
-import { Timer } from "../../hooks/useTimers";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue } from "../../types/redmine";
-import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
-import Button from "../general/Button";
-import Modal from "../general/Modal";
-import EditTimer from "./EditTimer";
-
-type PropTypes = {
-  issue: TIssue;
-  timer: Timer;
-  onDoneTimer?: (time: number) => void;
-  ref?: Ref<TimerRef>;
-};
-
-export type TimerRef = {
-  isInEditMode: boolean;
-  editTimer: () => void;
-};
-
-const IssueTimer = ({ issue, timer, onDoneTimer, ref }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-
-  const [editMode, setEditMode] = useState(false);
-
-  const [currenTime, setCurrentTime] = useState(timer.getCurrentTime());
-
-  useEffect(() => {
-    setCurrentTime(timer.getCurrentTime());
-    if (timer.active && timer.start) {
-      const timerInterval = setInterval(() => {
-        setCurrentTime(timer.getCurrentTime());
-      }, 1000);
-      return () => clearInterval(timerInterval);
-    }
-  }, [timer]);
-
-  useImperativeHandle(
-    ref,
-    () =>
-      ({
-        isInEditMode: editMode,
-        editTimer: () => {
-          setEditMode(true);
-        },
-      }) satisfies TimerRef,
-    [editMode]
-  );
-
-  const [confirmResetModal, setConfirmResetModal] = useState(false);
-
-  return (
-    <>
-      <div className="flex items-center justify-end gap-x-3">
-        {(editMode && (
-          <EditTimer
-            initTime={currenTime}
-            onOverrideTime={(time) => {
-              setEditMode(false);
-              timer.setTimer(time);
-            }}
-            onCancel={() => setEditMode(false)}
-          />
-        )) || (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-edit-timer-${issue.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.edit.tooltip" })} className="italic" />
-            )}
-            <span
-              className={clsx("text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.active && "font-bold")}
-              onDoubleClick={() => setEditMode(true)}
-              data-tooltip-id={`tooltip-edit-timer-${issue.id}`}
-            >
-              {formatTimer(currenTime)}
-            </span>
-          </>
-        )}
-
-        {!timer.active ? (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-start-timer-${issue.id}`} place="left" delayShow={700} className="italic">
-                <FormattedMessage id="issues.timer.action.start.tooltip" />
-              </Tooltip>
-            )}
-            <FontAwesomeIcon
-              role="button"
-              data-type="start-timer"
-              icon={faPlay}
-              size="2x"
-              className="cursor-pointer text-green-500 focus:outline-none"
-              onClick={timer.startTimer}
-              data-tooltip-id={`tooltip-start-timer-${issue.id}`}
-              tabIndex={-1}
-            />
-          </>
-        ) : (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-pause-timer-${issue.id}`} place="left" delayShow={700} className="italic">
-                <FormattedMessage id="issues.timer.action.pause.tooltip" />
-              </Tooltip>
-            )}
-            <FontAwesomeIcon
-              role="button"
-              data-type="pause-timer"
-              icon={faPause}
-              size="2x"
-              className="cursor-pointer text-red-500 focus:outline-none"
-              onClick={timer.pauseTimer}
-              data-tooltip-id={`tooltip-pause-timer-${issue.id}`}
-              tabIndex={-1}
-            />
-          </>
-        )}
-
-        {settings.style.showTooltips && (
-          <Tooltip id={`tooltip-reset-timer-${issue.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.reset.tooltip" })} className="italic" />
-        )}
-        <FontAwesomeIcon
-          role="button"
-          data-type="reset-timer"
-          icon={faStop}
-          size="2x"
-          className="cursor-pointer text-red-500 focus:outline-none"
-          onClick={() => setConfirmResetModal(true)}
-          data-tooltip-id={`tooltip-reset-timer-${issue.id}`}
-          tabIndex={-1}
-        />
-
-        {onDoneTimer && (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-done-timer-${issue.id}`} place="bottom" delayShow={700} content={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })} className="z-10 italic" />
-            )}
-            <FontAwesomeIcon
-              role="button"
-              data-type="done-timer"
-              icon={faCircleCheck}
-              size="2x"
-              className="cursor-pointer text-green-600 focus:outline-none"
-              onClick={() => onDoneTimer(settings.features.roundToNearestInterval ? roundTimeNearestInterval(currenTime, settings.features.roundingInterval) : currenTime)}
-              data-tooltip-id={`tooltip-done-timer-${issue.id}`}
-              tabIndex={-1}
-            />
-          </>
-        )}
-      </div>
-
-      {confirmResetModal && (
-        <Modal title={formatMessage({ id: "issues.modal.reset-timer.title" })} onClose={() => setConfirmResetModal(false)}>
-          <p className="mb-5">
-            <FormattedMessage id="issues.modal.reset-timer.message" />
-          </p>
-          <div className="flex items-end justify-between">
-            <Button size="sm" variant="outline" onClick={() => setConfirmResetModal(false)}>
-              <FormattedMessage id="issues.modal.reset-timer.cancel" />
-            </Button>
-            <Button
-              size="sm"
-              onClick={() => {
-                setConfirmResetModal(false);
-                timer.resetTimer();
-              }}
-              autoFocus
-            >
-              <FormattedMessage id="issues.modal.reset-timer.reset" />
-            </Button>
-          </div>
-        </Modal>
-      )}
-    </>
-  );
-};
-
-export default IssueTimer;
diff --git a/src/components/issues/IssueTitle.tsx b/src/components/issues/IssueTitle.tsx
new file mode 100644
index 0000000..8866633
--- /dev/null
+++ b/src/components/issues/IssueTitle.tsx
@@ -0,0 +1,50 @@
+import { ComponentProps, useId } from "react";
+import { PriorityType } from "../../hooks/useIssuePriorities";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TIssue } from "../../types/redmine";
+import { clsxm } from "../../utils/clsxm";
+import IssueInfoTooltip from "./IssueInfoTooltip";
+
+type PropTypes = {
+  issue: TIssue;
+  priorityType?: PriorityType;
+} & Omit<ComponentProps<"h1">, "children">;
+
+const IssueTitle = ({ issue, priorityType, className, ...props }: PropTypes) => {
+  const { settings } = useSettings();
+  const id = useId();
+
+  return (
+    <>
+      <h1
+        {...props}
+        className={clsxm(
+          "mb-1 truncate",
+          settings.style.showIssuesPriority && {
+            "text-[#559] dark:text-[#9393ed]": priorityType === "lowest",
+            "text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "higher",
+            "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "highest",
+          },
+          className
+        )}
+      >
+        <a
+          href={`${settings.redmineURL}/issues/${issue.id}`}
+          target="_blank"
+          tabIndex={-1}
+          className={clsxm("text-blue-500 hover:underline", {
+            "text-gray-500 line-through hover:line-through": issue.status.is_closed,
+          })}
+          data-tooltip-id={`tooltip-issue-${id}`}
+          rel="noreferrer"
+        >
+          {issue.tracker.name} #{issue.id}
+        </a>{" "}
+        {issue.subject}
+      </h1>
+      <IssueInfoTooltip issue={issue} id={`tooltip-issue-${id}`} />
+    </>
+  );
+};
+
+export default IssueTitle;
diff --git a/src/components/issues/IssuesList.tsx b/src/components/issues/IssuesList.tsx
index 15bfb51..357f10b 100644
--- a/src/components/issues/IssuesList.tsx
+++ b/src/components/issues/IssuesList.tsx
@@ -5,6 +5,7 @@ import { Fragment, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
 import useIssuePriorities from "../../hooks/useIssuePriorities";
+import useLocalIssues from "../../hooks/useLocalIssues";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyProjects from "../../hooks/useMyProjects";
 import useMyUser from "../../hooks/useMyUser";
@@ -19,13 +20,14 @@ import VersionTooltip from "./VersionTooltip";
 
 type PropTypes = {
   issues: TIssue[];
+  localIssues: ReturnType<typeof useLocalIssues>;
   issuePriorities: ReturnType<typeof useIssuePriorities>;
   projectVersions?: ReturnType<typeof useProjectVersions>;
   timers: ReturnType<typeof useTimers>;
   onSearchInProject?: (project: TReference) => void;
 };
 
-const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timers, onSearchInProject }: PropTypes) => {
+const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVersions, timers, onSearchInProject }: PropTypes) => {
   const { settings } = useSettings();
 
   const activeTab = useActiveRedmineTab();
@@ -34,9 +36,14 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
   const projects = useMyProjects();
   const projectRoles = useMyProjectRoles([...new Set(rawIssues.map((i) => i.project.id))], projects.data);
   const groupedIssues = getGroupedIssues({
-    issues: getSortedIssues(rawIssues, settings.style.sortIssuesByPriority ? issuePriorities.data : [], timers.timers),
+    issues: getSortedIssues({
+      issues: rawIssues,
+      localIssues: localIssues.localIssues,
+      issuePriorities: settings.style.sortIssuesByPriority ? issuePriorities.data : [],
+    }),
+    localIssues: localIssues.localIssues,
     projectVersions: projectVersions?.data ?? {},
-    timersData: timers.timers,
+    timers: timers.getAllTimers(),
     settings,
     activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
   });
@@ -94,25 +101,23 @@ const IssuesList = ({ issues: rawIssues, issuePriorities, projectVersions, timer
                   </>
                 )}
 
-                {issues.map((issue) => {
-                  const timer = timers.getTimer(issue.id);
-
-                  return (
-                    <Issue
-                      key={issue.id}
-                      issue={issue}
-                      priorityType={issuePriorities.getPriorityType(issue)}
-                      assignedToMe={myUser.data ? myUser.data.id === issue.assigned_to?.id : true}
-                      canEdit={
-                        projectRoles.hasProjectPermission(issue.project.id, "edit_issues") ||
-                        (projectRoles.hasProjectPermission(issue.project.id, "edit_own_issues") && issue.author.id === myUser.data?.id)
-                      }
-                      canLogTime={projectRoles.hasProjectPermission(issue.project.id, "log_time")}
-                      canAddNotes={projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes")}
-                      timer={timer}
-                    />
-                  );
-                })}
+                {issues.map((issue) => (
+                  <Issue
+                    key={issue.id}
+                    issue={issue}
+                    localIssue={localIssues.getLocalIssue(issue.id)}
+                    priorityType={issuePriorities.getPriorityType(issue)}
+                    assignedToMe={myUser.data ? myUser.data.id === issue.assigned_to?.id : true}
+                    timers={timers.getTimersByIssue(issue.id)}
+                    onAddTimer={() => timers.addTimer(issue.id)}
+                    canEdit={
+                      projectRoles.hasProjectPermission(issue.project.id, "edit_issues") ||
+                      (projectRoles.hasProjectPermission(issue.project.id, "edit_own_issues") && issue.author.id === myUser.data?.id)
+                    }
+                    canLogTime={projectRoles.hasProjectPermission(issue.project.id, "log_time")}
+                    canAddNotes={projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes")}
+                  />
+                ))}
               </Fragment>
             ))}
           </Fragment>
diff --git a/src/components/time/TimeEntryContextMenu.tsx b/src/components/time/TimeEntryContextMenu.tsx
index 9493fce..9815f85 100644
--- a/src/components/time/TimeEntryContextMenu.tsx
+++ b/src/components/time/TimeEntryContextMenu.tsx
@@ -38,8 +38,8 @@ function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropT
             {
               name: formatMessage({ id: "time.time-entry.context-menu.edit" }),
               icon: <FontAwesomeIcon icon={faPen} />,
-              disabled: !projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries"),
               onClick: () => setEdit(true),
+              disabled: !projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries"),
             },
           ],
         ]}
diff --git a/src/components/timers/Timer.tsx b/src/components/timers/Timer.tsx
new file mode 100644
index 0000000..6a45ce0
--- /dev/null
+++ b/src/components/timers/Timer.tsx
@@ -0,0 +1,301 @@
+import { faCircleCheck } from "@fortawesome/free-regular-svg-icons";
+import { faPause, faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import clsx from "clsx";
+import { ComponentProps, Ref, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Tooltip } from "react-tooltip";
+import { PriorityType } from "../../hooks/useIssuePriorities";
+import { TimerController } from "../../hooks/useTimers";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TIssue } from "../../types/redmine";
+import { clsxm } from "../../utils/clsxm";
+import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
+import Button from "../general/Button";
+import Modal from "../general/Modal";
+import CreateTimeEntryModal from "../issues/CreateTimeEntryModal";
+import EditTimer from "../issues/EditTimer";
+import IssueTitle from "../issues/IssueTitle";
+import TimerContextMenu from "./TimerContextMenu";
+
+type TimerWrapperPropTypes = {
+  variant?: "inner" | "standalone" | "expanded" | "full";
+  timer: TimerController;
+  issue?: TIssue;
+  issuePriorityType?: PriorityType;
+};
+
+const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: TimerWrapperPropTypes) => {
+  const timerRef = useRef<TimerRef>(null);
+
+  const [createTimeEntryHours, setCreateTimeEntryHours] = useState<number | undefined>(undefined);
+
+  const createTimeEntryComponent = createTimeEntryHours !== undefined && issue && (
+    <CreateTimeEntryModal
+      issue={issue}
+      initialValues={{
+        done_ratio: issue.done_ratio,
+        hours: createTimeEntryHours,
+        comments: timer.name,
+      }}
+      onClose={() => setCreateTimeEntryHours(undefined)}
+      onSuccess={() => {
+        setCreateTimeEntryHours(undefined);
+        timer.deleteTimer();
+      }}
+    />
+  );
+
+  switch (variant) {
+    case "inner":
+      return (
+        <>
+          <Timer timer={timer} ref={timerRef} onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
+          {createTimeEntryComponent}
+        </>
+      );
+    case "standalone":
+    case "expanded":
+      return (
+        <>
+          <TimerContextMenu timer={timer} onEdit={() => timerRef.current?.editTimer()}>
+            <Timer
+              timer={timer}
+              ref={timerRef}
+              displayNameField={variant === "expanded"}
+              className={clsx(
+                "rounded-lg border border-gray-200 bg-background p-0.5 px-1.5 hover:bg-background-hover dark:border-gray-700",
+                "focus:outline-none focus:ring-4 focus:ring-primary-focus"
+              )}
+              tabIndex={1}
+              // On "Enter" or "Space" => toggle timer
+              onKeyDown={(e) => {
+                if (e.key === "Enter" || e.code === "Space") {
+                  timer.toggleTimer();
+                  e.preventDefault();
+                  e.stopPropagation();
+                }
+              }}
+              onTimerDone={(hours) => setCreateTimeEntryHours(hours)}
+            />
+          </TimerContextMenu>
+          {createTimeEntryComponent}
+        </>
+      );
+    case "full":
+      return (
+        <>
+          <TimerContextMenu timer={timer} onEdit={() => timerRef.current?.editTimer()}>
+            <div
+              role="listitem"
+              data-type="timer"
+              className={clsxm(
+                "relative block w-full rounded-lg p-1",
+                "focus:outline-none focus:ring-4 focus:ring-primary-focus",
+                "border border-gray-200 bg-background hover:bg-background-hover dark:border-gray-700"
+              )}
+              tabIndex={1}
+              // On "Enter" or "Space" => toggle timer
+              onKeyDown={(e) => {
+                if (e.key === "Enter" || e.code === "Space") {
+                  timer.toggleTimer();
+                  e.preventDefault();
+                  e.stopPropagation();
+                }
+              }}
+            >
+              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="mb-1 truncate">#{timer.issueId}</h1>}
+              <Timer timer={timer} ref={timerRef} displayNameField onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
+            </div>
+          </TimerContextMenu>
+          {createTimeEntryComponent}
+        </>
+      );
+  }
+};
+
+type TimerPropTypes = {
+  timer: TimerController;
+  onTimerDone: (hours: number) => void;
+  ref?: Ref<TimerRef>;
+  displayNameField?: boolean;
+} & Omit<ComponentProps<"div">, "ref">;
+
+type TimerRef = {
+  editTimer: () => void;
+};
+
+const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPropTypes) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const [editMode, setEditMode] = useState(false);
+
+  const [currenTime, setCurrentTime] = useState(timer.getElapsedTime());
+
+  useEffect(() => {
+    setCurrentTime(timer.getElapsedTime());
+    if (timer.isActive) {
+      const timerInterval = setInterval(() => {
+        setCurrentTime(timer.getElapsedTime());
+      }, 1000);
+      return () => clearInterval(timerInterval);
+    }
+  }, [timer]);
+
+  useImperativeHandle(
+    ref,
+    () =>
+      ({
+        editTimer: () => {
+          setEditMode(true);
+        },
+      }) satisfies TimerRef,
+    []
+  );
+
+  const [confirmResetModal, setConfirmResetModal] = useState(false);
+
+  return (
+    <>
+      <div {...props} role="listitem" data-type="timer" className={clsxm("flex items-center gap-x-3", props.className)}>
+        {displayNameField && (
+          <input
+            type="text"
+            className="min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic placeholder:text-field-placeholder focus:outline-none dark:text-gray-200"
+            value={timer.name}
+            placeholder={formatMessage({ id: "timer.unnamed-timer" })}
+            tabIndex={-1}
+            onKeyDown={(e) => {
+              e.stopPropagation();
+            }}
+            onChange={(e) => timer.setName(e.target.value)}
+          />
+        )}
+
+        {(editMode && (
+          <EditTimer
+            initTime={currenTime}
+            onOverrideTime={(time) => {
+              setEditMode(false);
+              timer.setElapsedTime(time);
+            }}
+            onCancel={() => setEditMode(false)}
+          />
+        )) || (
+          <>
+            {settings.style.showTooltips && (
+              <Tooltip id={`tooltip-edit-timer-${timer.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.edit.tooltip" })} className="italic" />
+            )}
+            <span
+              className={clsx("text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")}
+              onDoubleClick={() => setEditMode(true)}
+              data-tooltip-id={`tooltip-edit-timer-${timer.id}`}
+            >
+              {formatTimer(currenTime)}
+            </span>
+          </>
+        )}
+
+        {!timer.isActive ? (
+          <>
+            {settings.style.showTooltips && (
+              <Tooltip id={`tooltip-start-timer-${timer.id}`} place="left" delayShow={700} className="italic">
+                <FormattedMessage id="issues.timer.action.start.tooltip" />
+              </Tooltip>
+            )}
+            <FontAwesomeIcon
+              role="button"
+              data-type="start-timer"
+              icon={faPlay}
+              size="2x"
+              className="cursor-pointer text-green-500 focus:outline-none"
+              onClick={timer.startTimer}
+              data-tooltip-id={`tooltip-start-timer-${timer.id}`}
+              tabIndex={-1}
+            />
+          </>
+        ) : (
+          <>
+            {settings.style.showTooltips && (
+              <Tooltip id={`tooltip-pause-timer-${timer.id}`} place="left" delayShow={700} className="italic">
+                <FormattedMessage id="issues.timer.action.pause.tooltip" />
+              </Tooltip>
+            )}
+            <FontAwesomeIcon
+              role="button"
+              data-type="pause-timer"
+              icon={faPause}
+              size="2x"
+              className="cursor-pointer text-red-500 focus:outline-none"
+              onClick={timer.pauseTimer}
+              data-tooltip-id={`tooltip-pause-timer-${timer.id}`}
+              tabIndex={-1}
+            />
+          </>
+        )}
+
+        <>
+          {settings.style.showTooltips && (
+            <Tooltip id={`tooltip-reset-timer-${timer.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.reset.tooltip" })} className="italic" />
+          )}
+          <FontAwesomeIcon
+            role="button"
+            data-type="reset-timer"
+            icon={faStop}
+            size="2x"
+            className="cursor-pointer text-red-500 focus:outline-none"
+            onClick={() => setConfirmResetModal(true)}
+            data-tooltip-id={`tooltip-reset-timer-${timer.id}`}
+            tabIndex={-1}
+          />
+        </>
+
+        <>
+          {settings.style.showTooltips && (
+            <Tooltip id={`tooltip-done-timer-${timer.id}`} place="bottom" delayShow={700} content={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })} className="z-10 italic" />
+          )}
+          <FontAwesomeIcon
+            role="button"
+            data-type="done-timer"
+            icon={faCircleCheck}
+            size="2x"
+            className="cursor-pointer text-green-600 focus:outline-none"
+            onClick={() => {
+              const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currenTime, settings.features.roundingInterval) : currenTime;
+              const hours = Number((time / 1000 / 60 / 60).toFixed(2));
+              onTimerDone(hours);
+            }}
+            data-tooltip-id={`tooltip-done-timer-${timer.id}`}
+            tabIndex={-1}
+          />
+        </>
+      </div>
+
+      {confirmResetModal && (
+        <Modal title={formatMessage({ id: "issues.modal.reset-timer.title" })} onClose={() => setConfirmResetModal(false)}>
+          <p className="mb-5">
+            <FormattedMessage id="issues.modal.reset-timer.message" />
+          </p>
+          <div className="flex items-end justify-between">
+            <Button size="sm" variant="outline" onClick={() => setConfirmResetModal(false)}>
+              <FormattedMessage id="issues.modal.reset-timer.cancel" />
+            </Button>
+            <Button
+              size="sm"
+              onClick={() => {
+                setConfirmResetModal(false);
+                timer.resetTimer();
+              }}
+              autoFocus
+            >
+              <FormattedMessage id="issues.modal.reset-timer.reset" />
+            </Button>
+          </div>
+        </Modal>
+      )}
+    </>
+  );
+};
+
+export default TimerWrapper;
diff --git a/src/components/timers/TimerContextMenu.tsx b/src/components/timers/TimerContextMenu.tsx
new file mode 100644
index 0000000..092b8d8
--- /dev/null
+++ b/src/components/timers/TimerContextMenu.tsx
@@ -0,0 +1,48 @@
+import { faPause, faPen, faPlay, faStop, faTrash } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ReactNode } from "react";
+import { useIntl } from "react-intl";
+import { TimerController } from "../../hooks/useTimers";
+import ContextMenu from "../general/ContextMenu";
+
+type PropTypes = {
+  timer: TimerController;
+  children: ReactNode;
+  onEdit: () => void;
+};
+
+const TimerContextMenu = ({ timer, children, onEdit }: PropTypes) => {
+  const { formatMessage } = useIntl();
+
+  return (
+    <ContextMenu
+      menu={[
+        {
+          name: formatMessage({ id: timer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" }),
+          icon: <FontAwesomeIcon icon={timer.isActive ? faPause : faPlay} />,
+          onClick: timer.isActive ? timer.pauseTimer : timer.startTimer,
+        },
+        {
+          name: formatMessage({ id: "timer.context-menu.edit" }),
+          icon: <FontAwesomeIcon icon={faPen} />,
+          onClick: onEdit,
+        },
+        {
+          name: formatMessage({ id: "timer.context-menu.reset" }),
+          icon: <FontAwesomeIcon icon={faStop} />,
+          onClick: timer.resetTimer,
+          disabled: timer.getElapsedTime() === 0,
+        },
+        {
+          name: formatMessage({ id: "timer.context-menu.delete" }),
+          icon: <FontAwesomeIcon icon={faTrash} />,
+          onClick: timer.deleteTimer,
+        },
+      ]}
+    >
+      {children}
+    </ContextMenu>
+  );
+};
+
+export default TimerContextMenu;
diff --git a/src/components/timers/TimersBadge.tsx b/src/components/timers/TimersBadge.tsx
new file mode 100644
index 0000000..845da51
--- /dev/null
+++ b/src/components/timers/TimersBadge.tsx
@@ -0,0 +1,11 @@
+import BrowserNotificationBadge from "../general/BrowserNotificationBadge";
+
+type PropTypes = {
+  activeTimerCount: number;
+};
+
+const TimersBadge = ({ activeTimerCount }: PropTypes) => {
+  return <BrowserNotificationBadge backgroundColor="#1d4ed8" text={activeTimerCount > 0 ? activeTimerCount.toString() : ""} />;
+};
+
+export default TimersBadge;
diff --git a/src/content.tsx b/src/content.tsx
index 238e0a9..b74194e 100644
--- a/src/content.tsx
+++ b/src/content.tsx
@@ -18,6 +18,7 @@ config.autoAddCss = false;
     const container = document.createElement("div");
     container.style.float = "right";
     container.style.marginTop = "-4px";
+    container.style.marginRight = "5px";
     contextual.parentElement?.insertBefore(container, contextual.nextSibling);
 
     // Create a shadow root
diff --git a/src/hooks/useIssues.ts b/src/hooks/useIssues.ts
new file mode 100644
index 0000000..4d330e0
--- /dev/null
+++ b/src/hooks/useIssues.ts
@@ -0,0 +1,48 @@
+import { keepPreviousData as keepPreviousDataAsPlaceholderData } from "@tanstack/react-query";
+import { useRedmineApi } from "../provider/RedmineApiProvider";
+import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+
+const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
+const STALE_DATA_TIME = 1000 * 60;
+
+type Options = {
+  enabled?: boolean;
+  keepPreviousData?: boolean;
+};
+
+const useIssues = (ids: number[], search?: string, { enabled = true, keepPreviousData = false }: Options = {}) => {
+  const redmineApi = useRedmineApi();
+
+  const issuesQuery = useRedminePaginatedInfiniteQuery({
+    queryKey: ["issues", ids],
+    queryFn: ({ pageParam }) =>
+      redmineApi.getIssues(
+        {
+          issueIds: ids,
+          statusId: "*",
+        },
+        pageParam
+      ),
+    select: (data) => data?.pages.map((page) => page.issues).flat(),
+    enabled: enabled && ids.length > 0,
+    ...(keepPreviousData ? { placeholderData: keepPreviousDataAsPlaceholderData } : {}),
+    staleTime: STALE_DATA_TIME,
+    refetchInterval: AUTO_REFRESH_DATA_INTERVAL,
+    autoFetchPages: true,
+  });
+
+  let issues = issuesQuery.data ?? [];
+
+  // filter by search
+  if (search) {
+    issues = issues.filter((issue) => new RegExp(search, "i").test(`#${issue.id} ${issue.subject}`));
+  }
+
+  return {
+    data: issues,
+    isLoading: issuesQuery.isLoading,
+    isError: issuesQuery.isError,
+  };
+};
+
+export default useIssues;
diff --git a/src/hooks/useLocalIssues.ts b/src/hooks/useLocalIssues.ts
new file mode 100644
index 0000000..27cc992
--- /dev/null
+++ b/src/hooks/useLocalIssues.ts
@@ -0,0 +1,52 @@
+import useStorage from "./useStorage";
+
+export type LocalIssueData = {
+  id: number;
+  pinned: boolean;
+  remembered: boolean;
+};
+
+export type LocalIssue = LocalIssueData & {
+  setLocalIssue: (data: Partial<Omit<LocalIssueData, "id">>) => void;
+};
+
+const _defaultLocalIssues: LocalIssueData[] = [];
+
+const defaultLocalIssueData: Omit<LocalIssueData, "id"> = {
+  pinned: false,
+  remembered: false,
+};
+
+const useLocalIssues = () => {
+  const { data: localIssues, setData: setLocalIssues, isLoading } = useStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
+
+  return {
+    isLoading,
+    localIssues,
+    getIssuesIds: () => localIssues.map((issue) => issue.id),
+    getLocalIssue: (id: number): LocalIssue => {
+      const localIssue = localIssues.find((localIssue) => localIssue.id === id) ?? { id, ...defaultLocalIssueData };
+
+      return {
+        ...localIssue,
+        setLocalIssue: (data) => {
+          const newLocalIssues = localIssues.filter((l) => l.id !== id);
+          const updatedLocalIssue = { ...localIssue, ...data };
+
+          // Only add non-default local issues
+          if (!isDefaultLocalIssue(updatedLocalIssue)) {
+            newLocalIssues.push(updatedLocalIssue);
+          }
+
+          setLocalIssues(newLocalIssues);
+        },
+      };
+    },
+  };
+};
+
+const isDefaultLocalIssue = (issue: LocalIssueData) => {
+  return issue.pinned === defaultLocalIssueData.pinned && issue.remembered === defaultLocalIssueData.remembered;
+};
+
+export default useLocalIssues;
diff --git a/src/hooks/useMyIssues.ts b/src/hooks/useMyIssues.ts
index f449b34..9288c02 100644
--- a/src/hooks/useMyIssues.ts
+++ b/src/hooks/useMyIssues.ts
@@ -11,10 +11,11 @@ const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery, filter:
   const redmineApi = useRedmineApi();
 
   const issuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", "me"],
+    queryKey: ["issues", "open", "me"],
     queryFn: ({ pageParam }) =>
-      redmineApi.getOpenIssues(
+      redmineApi.getIssues(
         {
+          statusId: "open",
           assignedTo: "me",
         },
         pageParam
@@ -25,10 +26,11 @@ const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery, filter:
     autoFetchPages: true,
   });
   const additionalIssuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", additionalIssuesIds],
+    queryKey: ["issues", "open", additionalIssuesIds],
     queryFn: ({ pageParam }) =>
-      redmineApi.getOpenIssues(
+      redmineApi.getIssues(
         {
+          statusId: "open",
           issueIds: additionalIssuesIds,
         },
         pageParam
diff --git a/src/hooks/useOnClickOutside.ts b/src/hooks/useOnClickOutside.ts
index 16cb0e4..91dd1cf 100644
--- a/src/hooks/useOnClickOutside.ts
+++ b/src/hooks/useOnClickOutside.ts
@@ -6,6 +6,9 @@ const useOnClickOutside = <T extends HTMLElement>(ref: RefObject<T | null>, hand
       if (!ref.current || ref.current.contains(event.target as Node)) {
         return;
       }
+      if (event.target instanceof Element && event.target.shadowRoot) {
+        return;
+      }
       handler(event);
     };
 
diff --git a/src/hooks/useSearch.ts b/src/hooks/useSearch.ts
index 1325ec0..7d4468f 100644
--- a/src/hooks/useSearch.ts
+++ b/src/hooks/useSearch.ts
@@ -43,12 +43,13 @@ const useSearch = (search: SearchQuery, filter: FilterQuery, excludeIssues: TIss
 
   // Query issues by ids
   const issuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", issueIds, search.inProject?.id],
+    queryKey: ["issues", "open", issueIds, search.inProject?.id],
     queryFn: ({ pageParam }) =>
-      redmineApi.getOpenIssues(
+      redmineApi.getIssues(
         {
           projectId: search.inProject?.id,
           issueIds: issueIds,
+          statusId: "open",
         },
         pageParam
       ),
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index 2392ef8..aea9ccb 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,179 +1,258 @@
+import { SearchQuery } from "../components/issues/Search";
 import { useSettings } from "../provider/SettingsProvider";
+import { TIssue } from "../types/redmine";
+import useIssues from "./useIssues";
 import useStorage from "./useStorage";
 
-type TimerData = {
-  active: boolean;
-  start?: number;
-  time: number;
-  pinned: boolean;
-  remembered: boolean;
+type TimerInfo = {
+  id: string;
+  issueId: number;
+  name?: string;
+  isActive: boolean;
+  startTime?: number;
+  elapsedTime: number;
 };
-export type TimersData = Record<number, TimerData>;
 
-export type Timer = TimerData & {
-  getCurrentTime: () => number;
+export type TimerController = TimerInfo & {
+  getIssue: () => TIssue | undefined;
+  getElapsedTime: () => number;
   startTimer: () => void;
   pauseTimer: () => void;
+  toggleTimer: () => void;
   resetTimer: () => void;
-  setTimer: (time: number) => void;
-  setRemembered: (remembered: boolean) => void;
-  setPinned: (pinned: boolean) => void;
-  setRememberedAndPinned: (remembered: boolean, pinned: boolean) => void;
+  deleteTimer: () => void;
+  setElapsedTime: (time: number) => void;
+  setName: (name: string) => void;
 };
 
-const _defaultIssues: TimersData = {};
+const _defaultTimers: Record<string, TimerInfo> = {};
+
+type Options = {
+  loadIssues?: boolean;
+};
 
 /**
  * Hook for managing timers
  */
-const useTimers = () => {
+const useTimers = ({ loadIssues = false }: Options = {}) => {
   const { settings } = useSettings();
-  const { data: timers, setData: setTimers, isLoading } = useStorage<TimersData>("issues", _defaultIssues);
+  const { data: timerInfos, setData: saveTimerInfos, isLoading } = useStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
+
+  const timerInfosArray = Object.values(timerInfos);
+
+  const issuesIds = Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId)));
+  const issues = useIssues(issuesIds, undefined, { enabled: loadIssues, keepPreviousData: true });
+
+  /**
+   * Function to get a TimerController for a specific timer
+   */
+  const getTimerController = (timerInfo: TimerInfo): TimerController => {
+    const updateTimerInfo = (updatedInfo: Partial<TimerInfo>) =>
+      saveTimerInfos({
+        ...timerInfos,
+        [timerInfo.id]: {
+          ...timerInfo,
+          ...updatedInfo,
+        },
+      });
+
+    return {
+      ...timerInfo,
+      /**
+       * Get the issue associated with the timer
+       */
+      getIssue: () => issues.data.find((issue) => issue.id === timerInfo.issueId),
+      /**
+       * Get the elapsed time for the timer
+       */
+      getElapsedTime: () => calculateElapsedTime(timerInfo),
+      /**
+       * Start the timer
+       */
+      startTimer: () => {
+        saveTimerInfos({
+          ...(settings.features.autoPauseOnSwitch
+            ? Object.entries(timerInfos).reduce((res: Record<string, TimerInfo>, [id, timerInfo]) => {
+                if (timerInfo.isActive) {
+                  res[id] = toPausedTimer(timerInfo);
+                }
+                return res;
+              }, timerInfos)
+            : timerInfos),
+          [timerInfo.id]: toStartedTimer(timerInfo),
+        });
+      },
+      /**
+       * Pause the timer
+       */
+      pauseTimer: () => {
+        updateTimerInfo(toPausedTimer(timerInfo));
+      },
+      /**
+       * Toggle the timer between active and paused states
+       */
+      toggleTimer: () => {
+        if (timerInfo.isActive) {
+          updateTimerInfo(toPausedTimer(timerInfo));
+        } else {
+          saveTimerInfos({
+            ...(settings.features.autoPauseOnSwitch
+              ? Object.entries(timerInfos).reduce((res: Record<string, TimerInfo>, [id, timerInfo]) => {
+                  if (timerInfo.isActive) {
+                    res[id] = toPausedTimer(timerInfo);
+                  }
+                  return res;
+                }, timerInfos)
+              : timerInfos),
+            [timerInfo.id]: toStartedTimer(timerInfo),
+          });
+        }
+      },
+      /**
+       * Reset the timer to its initial state
+       */
+      resetTimer: () => {
+        updateTimerInfo({
+          isActive: false,
+          startTime: undefined,
+          elapsedTime: 0,
+        });
+      },
+      /**
+       * Delete the timer
+       */
+      deleteTimer: () => {
+        const newTimerInfos = { ...timerInfos };
+        delete newTimerInfos[timerInfo.id];
+        saveTimerInfos(newTimerInfos);
+      },
+      /**
+       * Overwrite the elapsed time of the timer
+       */
+      setElapsedTime: (time: number) => {
+        updateTimerInfo({
+          elapsedTime: time,
+          ...(timerInfo.isActive ? { startTime: new Date().getTime() } : {}),
+        });
+      },
+      /**
+       * Set the name of the timer
+       */
+      setName: (name: string) => {
+        updateTimerInfo({ name });
+      },
+    };
+  };
 
   return {
-    timers,
-    isLoading,
+    /**
+     * Is loading
+     */
+    isLoading: isLoading || issues.isLoading,
+    /**
+     * Get all timer issue ids
+     */
+    getIssuesIds: () => Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId))),
     /**
      * Get active timer count
      */
-    getActiveTimerCount: () => Object.values(timers).reduce((count, data) => count + (data.active ? 1 : 0), 0),
+    getActiveTimerCount: () => timerInfosArray.reduce((count, timerInfo) => count + (timerInfo.isActive ? 1 : 0), 0),
     /**
-     * Get timer by id
+     * Get all timers
      */
-    getTimer: (id: number): Timer => {
-      const timer: TimerData = timers[id] ?? {
-        active: false,
-        start: undefined,
-        time: 0,
-        pinned: false,
-        remembered: false,
-      };
-
-      return {
-        ...timer,
-        /**
-         * Get current time
-         */
-        getCurrentTime: () => calcTime(timer.time, timer.start),
-        /**
-         * Start the timer
-         */
-        startTimer: () => {
-          setTimers({
-            ...(settings.features.autoPauseOnSwitch
-              ? Object.entries(timers).reduce((res: TimersData, [id, val]) => {
-                  res[Number(id)] = val.active
-                    ? {
-                        ...val,
-                        active: false,
-                        start: undefined,
-                        time: calcTime(val.time, val.start),
-                      }
-                    : val;
-                  return res;
-                }, {})
-              : timers),
-            [id]: {
-              ...timer,
-              active: true,
-              start: new Date().getTime(),
-              time: timer.time,
-            },
-          });
-        },
-        /**
-         * Pause the timer
-         */
-        pauseTimer: () => {
-          setTimers({
-            ...timers,
-            [id]: {
-              ...timer,
-              active: false,
-              start: undefined,
-              time: calcTime(timer.time, timer.start),
-            },
-          });
-        },
-        /**
-         * Reset the timer
-         */
-        resetTimer: () => {
-          const newTimersData = {
-            ...timers,
-            [id]: {
-              ...timer,
-              active: false,
-              start: undefined,
-              time: 0,
-            },
-          };
-          if (!timer.pinned && !timer.remembered) {
-            delete newTimersData[id];
+    getAllTimers: () => {
+      return timerInfosArray.map(getTimerController);
+    },
+    /**
+     * Get all timers for a specific issue (sorted by active state and elapsed time)
+     */
+    getTimersByIssue: (issueId: number) => {
+      const timers = timerInfosArray.filter((timerInfo) => timerInfo.issueId === issueId);
+
+      if (timers.length === 0) {
+        timers.push(newTimer({ issueId }));
+      }
+
+      return timers.map(getTimerController).sort((a, b) => (a.isActive ? -1 : 0) - (b.isActive ? -1 : 0) || b.getElapsedTime() - a.getElapsedTime());
+    },
+    /**
+     * Search timers by name
+     */
+    searchTimers: (search: SearchQuery) => {
+      let timers = timerInfosArray;
+
+      // local search
+      if (search?.searching && search.query) {
+        timers = timers.filter((timer) => {
+          // Match by timer name
+          if (timer.name && new RegExp(search.query, "i").test(timer.name)) {
+            return true;
           }
-          setTimers(newTimersData);
-        },
-        /**
-         * Override the timer time
-         */
-        setTimer: (time: number) => {
-          setTimers({
-            ...timers,
-            [id]: {
-              ...timer,
-              time: time,
-              ...(timer.active
-                ? {
-                    start: new Date().getTime(),
-                  }
-                : {}),
-            },
-          });
-        },
-        /**
-         * Remember the timer
-         */
-        setRemembered: (remembered: boolean) => {
-          setTimers({
-            ...timers,
-            [id]: {
-              ...timer,
-              remembered,
-            },
-          });
-        },
-        /**
-         * Pin the timer
-         */
-        setPinned: (pinned: boolean) => {
-          setTimers({
-            ...timers,
-            [id]: {
-              ...timer,
-              pinned,
-            },
-          });
-        },
-        /**
-         * Remember and pin the timer
-         */
-        setRememberedAndPinned: (remembered: boolean, pinned: boolean) => {
-          setTimers({
-            ...timers,
-            [id]: {
-              ...timer,
-              remembered,
-              pinned,
-            },
-          });
+
+          // Match by issue
+          const issue = issues.data.find((issue) => issue.id === timer.issueId);
+          if (issue ? new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`) : new RegExp(search.query, "i").test(`#${timer.issueId}`)) {
+            return true;
+          }
+
+          return false;
+        });
+      }
+
+      return timers.map(getTimerController);
+    },
+    /**
+     * Add a new timer
+     */
+    addTimer: (issueId: number) => {
+      const timer = newTimer({
+        issueId,
+      });
+      saveTimerInfos({
+        ...timerInfos,
+        [timer.id]: timer,
+      });
+    },
+    /**
+     * Add multiple timers
+     */
+    addTimers(timers: (Pick<TimerInfo, "issueId"> & Partial<TimerInfo>)[]) {
+      const newTimers = timers.reduce(
+        (acc, timer) => {
+          const newTime = newTimer(timer);
+          acc[newTime.id] = newTime;
+          return acc;
         },
-      };
+        {} as Record<string, TimerInfo>
+      );
+      saveTimerInfos({ ...timerInfos, ...newTimers });
     },
   };
 };
 
-const calcTime = (time: number, start?: number) => {
-  return time + (start ? new Date().getTime() - start : 0);
+const calculateElapsedTime = (timerInfo: TimerInfo) => {
+  return timerInfo.elapsedTime + (timerInfo.startTime ? new Date().getTime() - timerInfo.startTime : 0);
 };
 
+const toStartedTimer = (timerInfo: TimerInfo): TimerInfo => ({
+  ...timerInfo,
+  isActive: true,
+  startTime: new Date().getTime(),
+});
+
+const toPausedTimer = (timerInfo: TimerInfo): TimerInfo => ({
+  ...timerInfo,
+  isActive: false,
+  startTime: undefined,
+  elapsedTime: calculateElapsedTime(timerInfo),
+});
+
+const newTimer = (timerInfo: Pick<TimerInfo, "issueId"> & Partial<TimerInfo>): TimerInfo => ({
+  id: crypto.randomUUID(),
+  isActive: false,
+  startTime: undefined,
+  elapsedTime: 0,
+  ...timerInfo,
+});
+
 export default useTimers;
diff --git a/src/lang/de.json b/src/lang/de.json
index f89da2e..07969f9 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -1,9 +1,19 @@
 {
+  "nav.tabs.timers": "Timer",
   "nav.tabs.issues": "Tickets",
   "nav.tabs.time": "Zeit",
   "nav.tabs.settings": "Einstellungen",
   "nav.error.page-not-found": "Seite nicht gefunden!",
 
+  "timers.list.no-options": "Keine Timer",
+  "timer.context-menu.start": "Timer starten",
+  "timer.context-menu.pause": "Timer pausieren",
+  "timer.context-menu.edit": "Timer bearbeiten",
+  "timer.context-menu.reset": "Timer zurücksetzen",
+  "timer.context-menu.delete": "Timer löschen",
+  "timer.context-menu.add-timer": "Timer hinzufügen",
+  "timer.unnamed-timer": "Unbenannter Timer",
+
   "issues.search": "Suchen... (#123, Thema, ...)",
   "issues.search.search-in-project": "In <badge>{projectName}</badge> suchen",
   "issues.extended-search": "Erweiterte Suche",
@@ -18,10 +28,6 @@
   "issues.context-menu.copy-id-to-clipboard": "In Zwischenablage kopieren",
   "issues.context-menu.edit": "Ticket Bearbeiten",
   "issues.context-menu.add-notes": "Notizen hinzufügen",
-  "issues.context-menu.timer.start": "Timer starten",
-  "issues.context-menu.timer.pause": "Timer pausieren",
-  "issues.context-menu.timer.reset": "Timer zurücksetzen",
-  "issues.context-menu.timer.edit": "Timer bearbeiten",
   "issues.context-menu.pin": "Ticket anheften",
   "issues.context-menu.unpin": "Ticket lösen",
   "issues.context-menu.remember": "Ticket merken",
@@ -30,7 +36,7 @@
   "issues.id-copied-to-clipboard": "'#{issueId}' in Zwischenablage kopieren",
   "issues.issue.pinned": "Ticket ist oben angeheftet",
   "issues.issue.not-assigned-to-me": "Ticket ist Ihnen nicht zugewiesen",
-  "issues.timer.action.toggle.tooltip": "Wenn ausgewählt, <KBD>Strg</KBD> + <KBD>Leertaste</KBD> drücken, um Timer umzuschalten",
+  "issues.timers.more-timers": "+{count} weitere Timer",
   "issues.timer.action.edit.tooltip": "Doppelklicken zum Bearbeiten",
   "issues.timer.action.start.tooltip": "Klicken, um Timer zu starten",
   "issues.timer.action.pause.tooltip": "Klicken, um Timer zu pausieren",
diff --git a/src/lang/en.json b/src/lang/en.json
index 23a2afe..b5ab856 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -1,9 +1,19 @@
 {
+  "nav.tabs.timers": "Timer",
   "nav.tabs.issues": "Issues",
   "nav.tabs.time": "Time",
   "nav.tabs.settings": "Settings",
   "nav.error.page-not-found": "Page not found!",
 
+  "timers.list.no-options": "No timers",
+  "timer.context-menu.start": "Start timer",
+  "timer.context-menu.pause": "Pause timer",
+  "timer.context-menu.edit": "Edit timer",
+  "timer.context-menu.reset": "Reset timer",
+  "timer.context-menu.delete": "Delete timer",
+  "timer.context-menu.add-timer": "Add timer",
+  "timer.unnamed-timer": "Unnamed timer",
+
   "issues.search": "Search... (#123, Subject, ...)",
   "issues.search.search-in-project": "Search in <badge>{projectName}</badge>",
   "issues.extended-search": "Extended search",
@@ -18,10 +28,6 @@
   "issues.context-menu.copy-id-to-clipboard": "Copy to clipboard",
   "issues.context-menu.edit": "Edit issue",
   "issues.context-menu.add-notes": "Add notes",
-  "issues.context-menu.timer.start": "Start timer",
-  "issues.context-menu.timer.pause": "Pause timer",
-  "issues.context-menu.timer.reset": "Reset timer",
-  "issues.context-menu.timer.edit": "Edit timer",
   "issues.context-menu.pin": "Pin issue",
   "issues.context-menu.unpin": "Unpin issue",
   "issues.context-menu.remember": "Remember issue",
@@ -30,7 +36,7 @@
   "issues.id-copied-to-clipboard": "'#{issueId}' copied to clipboard",
   "issues.issue.pinned": "Issue is pinned at the top",
   "issues.issue.not-assigned-to-me": "Issue is not assigned to you",
-  "issues.timer.action.toggle.tooltip": "If selected, press <KBD>Ctrl</KBD> + <KBD>Spacebar</KBD> to toggle timer",
+  "issues.timers.more-timers": "+{count} more timers",
   "issues.timer.action.edit.tooltip": "Double-click to edit",
   "issues.timer.action.start.tooltip": "Click to start timer",
   "issues.timer.action.pause.tooltip": "Click to pause timer",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 035c7e6..ffd08d6 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -1,9 +1,19 @@
 {
+  "nav.tabs.timers": "Timer",
   "nav.tabs.issues": "Tickets",
   "nav.tabs.time": "Temps",
   "nav.tabs.settings": "Paramètres",
   "nav.error.page-not-found": "Page introuvable !",
 
+  "timers.list.no-options": "No timers",
+  "timer.context-menu.start": "Démarrer le minuteur",
+  "timer.context-menu.pause": "Mettre le minuteur en pause",
+  "timer.context-menu.edit": "Modifier le minuteur",
+  "timer.context-menu.reset": "Réinitialiser le minuteur",
+  "timer.context-menu.delete": "Delete timer",
+  "timer.context-menu.add-timer": "Add timer",
+  "timer.unnamed-timer": "Unnamed timer",
+
   "issues.search": "Rechercher... (#123, Sujet, ...)",
   "issues.search.search-in-project": "Rechercher dans <badge>{projectName}</badge>",
   "issues.extended-search": "Recherche avancée",
@@ -18,10 +28,6 @@
   "issues.context-menu.copy-id-to-clipboard": "Copier dans le presse-papier",
   "issues.context-menu.edit": "Modifier le ticket",
   "issues.context-menu.add-notes": "Add notes",
-  "issues.context-menu.timer.start": "Démarrer le minuteur",
-  "issues.context-menu.timer.pause": "Mettre le minuteur en pause",
-  "issues.context-menu.timer.reset": "Réinitialiser le minuteur",
-  "issues.context-menu.timer.edit": "Modifier le minuteur",
   "issues.context-menu.pin": "Épingler le ticket",
   "issues.context-menu.unpin": "Désépingler le ticket",
   "issues.context-menu.remember": "Se souvenir du ticket",
@@ -30,7 +36,7 @@
   "issues.id-copied-to-clipboard": "'#{issueId}' copié dans le presse-papier",
   "issues.issue.pinned": "Le ticket est épinglé en haut",
   "issues.issue.not-assigned-to-me": "Le ticket ne vous est pas attribué",
-  "issues.timer.action.toggle.tooltip": "Si sélectionné, appuyez sur <KBD>Ctrl</KBD> + <KBD>Espace</KBD> pour basculer le minuteur",
+  "issues.timers.more-timers": "+{count} more timers",
   "issues.timer.action.edit.tooltip": "Double-cliquez pour modifier",
   "issues.timer.action.start.tooltip": "Cliquez pour démarrer le minuteur",
   "issues.timer.action.pause.tooltip": "Cliquez pour mettre le minuteur en pause",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index a873f38..df257b8 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -1,9 +1,19 @@
 {
+  "nav.tabs.timers": "Timer",
   "nav.tabs.issues": "Задачи",
   "nav.tabs.time": "Время",
   "nav.tabs.settings": "Настройки",
   "nav.error.page-not-found": "Страница не найдена!",
 
+  "timers.list.no-options": "No timers",
+  "timer.context-menu.start": "Запустить таймер",
+  "timer.context-menu.pause": "Остановить таймер",
+  "timer.context-menu.edit": "Изменить таймер",
+  "timer.context-menu.reset": "Сбросить таймер",
+  "timer.context-menu.delete": "Delete timer",
+  "timer.context-menu.add-timer": "Add timer",
+  "timer.unnamed-timer": "Unnamed timer",
+
   "issues.search": "Поиск... (по номеру или теме задачи)",
   "issues.search.search-in-project": "Поиск в <badge>{projectName}</badge>",
   "issues.extended-search": "Расширенный поиск",
@@ -18,10 +28,6 @@
   "issues.context-menu.copy-id-to-clipboard": "Скопировать номер",
   "issues.context-menu.edit": "Edit issue",
   "issues.context-menu.add-notes": "Add notes",
-  "issues.context-menu.timer.start": "Запустить таймер",
-  "issues.context-menu.timer.pause": "Остановить таймер",
-  "issues.context-menu.timer.reset": "Сбросить таймер",
-  "issues.context-menu.timer.edit": "Изменить таймер",
   "issues.context-menu.pin": "Закрепить задачу",
   "issues.context-menu.unpin": "Открепить задачу",
   "issues.context-menu.remember": "Запомнить задачу",
@@ -30,7 +36,7 @@
   "issues.id-copied-to-clipboard": "'#{issueId}' скопирован в буфер",
   "issues.issue.pinned": "Задача закреплена наверху",
   "issues.issue.not-assigned-to-me": "Задача не назначена вам",
-  "issues.timer.action.toggle.tooltip": "Если выбрано, то <KBD>Ctrl</KBD> + <KBD>Пробел</KBD> запускает/останавливает таймер",
+  "issues.timers.more-timers": "+{count} more timers",
   "issues.timer.action.edit.tooltip": "Нажмите 2 раза для редактирования",
   "issues.timer.action.start.tooltip": "Нажмите для запуска таймера",
   "issues.timer.action.pause.tooltip": "Нажмите для остановки таймера",
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index b127c5a..e05e58b 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -1,13 +1,14 @@
 import { RefObject, useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import BrowserNotificationBadge from "../components/general/BrowserNotificationBadge";
 import Button from "../components/general/Button";
 import Toast from "../components/general/Toast";
 import Filter, { FilterQuery } from "../components/issues/Filter";
 import IssuesList from "../components/issues/IssuesList";
 import IssuesListSkeleton from "../components/issues/IssuesListSkeleton";
 import Search, { SearchQuery, SearchRef } from "../components/issues/Search";
+import TimersBadge from "../components/timers/TimersBadge";
 import useIssuePriorities from "../hooks/useIssuePriorities";
+import useLocalIssues from "../hooks/useLocalIssues";
 import useMyIssues from "../hooks/useMyIssues";
 import useProjectVersions from "../hooks/useProjectVersions";
 import useSearch from "../hooks/useSearch";
@@ -18,26 +19,19 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
   const { formatMessage } = useIntl();
   const { settings } = useSettings();
 
+  const localIssues = useLocalIssues();
   const timers = useTimers();
 
-  const myIssuesQuery = useMyIssues(
-    Object.keys(timers.timers)
-      .map((id) => Number(id))
-      .filter((id) => timers.timers[id].remembered || timers.timers[id].active || timers.timers[id].time > 0),
-    search,
-    filter
-  );
+  const myIssuesQuery = useMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])), search, filter);
   const searchIssues = useSearch(search, filter, myIssuesQuery.data);
   const issuePriorities = useIssuePriorities({ enabled: settings.style.sortIssuesByPriority || settings.style.showIssuesPriority });
   const projectVersions = useProjectVersions([...new Set(myIssuesQuery.data.filter((i) => i.fixed_version).map((i) => i.project.id))], { enabled: settings.style.groupIssuesByVersion });
 
-  const activeTimerCount = timers.getActiveTimerCount();
-
-  const isLoading = timers.isLoading || myIssuesQuery.isLoading || issuePriorities.isLoading || projectVersions.isLoading || isPageLoading;
+  const isLoading = timers.isLoading || localIssues.isLoading || myIssuesQuery.isLoading || issuePriorities.isLoading || projectVersions.isLoading || isPageLoading;
 
   return (
     <>
-      <BrowserNotificationBadge backgroundColor="#1d4ed8" text={activeTimerCount > 0 ? activeTimerCount.toString() : ""} />
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
 
       <div className="flex flex-col gap-y-2">
         {isLoading ? (
@@ -45,6 +39,7 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
         ) : (
           <IssuesList
             issues={myIssuesQuery.data}
+            localIssues={localIssues}
             issuePriorities={issuePriorities}
             projectVersions={projectVersions}
             timers={timers}
@@ -67,6 +62,7 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
 
             <IssuesList
               issues={searchIssues.data}
+              localIssues={localIssues}
               issuePriorities={issuePriorities}
               projectVersions={projectVersions}
               timers={timers}
diff --git a/src/pages/TimersPage.tsx b/src/pages/TimersPage.tsx
new file mode 100644
index 0000000..60083cd
--- /dev/null
+++ b/src/pages/TimersPage.tsx
@@ -0,0 +1,55 @@
+import { useRef } from "react";
+import { FormattedMessage } from "react-intl";
+import IssuesListSkeleton from "../components/issues/IssuesListSkeleton";
+import Search, { SearchQuery, SearchRef } from "../components/issues/Search";
+import Timer from "../components/timers/Timer";
+import TimersBadge from "../components/timers/TimersBadge";
+import useIssuePriorities from "../hooks/useIssuePriorities";
+import useTimers from "../hooks/useTimers";
+import { useSettings } from "../provider/SettingsProvider";
+
+const TimersPage = ({ search }: { search: SearchQuery }) => {
+  const { settings } = useSettings();
+
+  const timers = useTimers({
+    loadIssues: true,
+  });
+  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
+
+  const matchedTimers = timers.searchTimers(search);
+
+  const isLoading = timers.isLoading || issuePriorities.isLoading;
+
+  return (
+    <>
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
+
+      <div className="flex flex-col gap-y-2">
+        {isLoading ? (
+          <IssuesListSkeleton />
+        ) : (
+          <>
+            {matchedTimers.map((timer) => {
+              const issue = timer.getIssue();
+              return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
+            })}
+
+            {matchedTimers.length === 0 && (
+              <p className="text-center">
+                <FormattedMessage id="timers.list.no-options" />
+              </p>
+            )}
+          </>
+        )}
+      </div>
+    </>
+  );
+};
+
+const SearchWrapper = () => {
+  const searchRef = useRef<SearchRef>(null);
+
+  return <Search ref={searchRef}>{({ search }) => <TimersPage search={search} />}</Search>;
+};
+
+export default SearchWrapper;
diff --git a/src/utils/issue.ts b/src/utils/issue.ts
index dc1731a..9b9e2a0 100644
--- a/src/utils/issue.ts
+++ b/src/utils/issue.ts
@@ -1,4 +1,5 @@
-import { TimersData } from "../hooks/useTimers";
+import { LocalIssueData } from "../hooks/useLocalIssues";
+import { TimerController } from "../hooks/useTimers";
 import { Settings } from "../provider/SettingsProvider";
 import { TIssue, TIssuePriority, TReference, TVersion } from "../types/redmine";
 
@@ -49,15 +50,17 @@ type GroupedIssuesHelper = Record<
   }
 >;
 
-export const getSortedIssues = (issues: TIssue[], issuePriorities: TIssuePriority[], timersData: TimersData) => {
+export const getSortedIssues = ({ issues, localIssues, issuePriorities }: { issues: TIssue[]; localIssues: LocalIssueData[]; issuePriorities: TIssuePriority[] }) => {
   const issuePrioritiesIndices = issuePriorities.reduce((result: Record<number, number>, priority, index) => {
     result[priority.id] = index;
     return result;
   }, {});
 
+  const pinnedIssues = localIssues.filter((issue) => issue.pinned).map((issue) => issue.id);
+
   const sortedIssues = issues.sort(
     (a, b) =>
-      (timersData[b.id]?.pinned ? 1 : 0) - (timersData[a.id]?.pinned ? 1 : 0) ||
+      (pinnedIssues.includes(b.id) ? 1 : 0) - (pinnedIssues.includes(a.id) ? 1 : 0) ||
       issuePrioritiesIndices[b.priority.id] - issuePrioritiesIndices[a.priority.id] ||
       (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) ||
       new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() ||
@@ -75,14 +78,16 @@ export const getSortedIssues = (issues: TIssue[], issuePriorities: TIssuePriorit
  */
 export const getGroupedIssues = ({
   issues,
+  localIssues,
   projectVersions,
-  timersData,
+  timers,
   settings,
   activeTabIssueId,
 }: {
   issues: TIssue[];
+  localIssues: LocalIssueData[];
   projectVersions: Record<number, TVersion[]>;
-  timersData: TimersData;
+  timers: TimerController[];
   settings: Settings;
   activeTabIssueId?: number;
 }): GroupedIssues => {
@@ -99,7 +104,7 @@ export const getGroupedIssues = ({
     }
 
     if (settings.style.pinTrackedIssues) {
-      if (timersData[issue.id]?.active) {
+      if (timers.some((timer) => timer.issueId === issue.id && timer.isActive)) {
         if (!("active" in result)) {
           result["active"] = {
             id: "active",
@@ -114,7 +119,7 @@ export const getGroupedIssues = ({
         return result;
       }
 
-      if (timersData[issue.id]?.time) {
+      if (timers.some((timer) => timer.issueId === issue.id && timer.elapsedTime)) {
         if (!("paused" in result)) {
           result["paused"] = {
             id: "paused",
@@ -141,7 +146,7 @@ export const getGroupedIssues = ({
       };
     }
 
-    if (timersData[issue.id]?.pinned) {
+    if (localIssues.find((l) => l.id === issue.id)?.pinned) {
       result[issue.project.id].pinnedIssues.push(issue);
       return result;
     }

From 10d56e3aa4442f666f242c21fce1b415ece66421 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Fri, 30 May 2025 23:16:37 +0200
Subject: [PATCH 04/55] lang(lang): Declare react-intl types and fixed german
 translations

---
 package.json                  |   8 +-
 pnpm-lock.yaml                | 483 ++++++++++++++++++++++++++++------
 src/lang/de.json              |   5 +-
 src/provider/IntlProvider.tsx |  12 +
 4 files changed, 426 insertions(+), 82 deletions(-)

diff --git a/package.json b/package.json
index fe3f26b..22700e7 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "release": "gh release create v%npm_package_version% --notes-file release_notes.md --generate-notes",
     "lint": "eslint --fix src tests fixtures",
     "format": "prettier --write src tests public fixtures",
-    "test": "playwright test"
+    "test": "playwright test",
+    "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
@@ -43,7 +44,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-flatpickr": "^3.10.13",
-    "react-intl": "^7.1.5",
+    "react-intl": "^7.1.11",
     "react-router-dom": "^7.1.5",
     "react-select": "^5.10.0",
     "react-tooltip": "^5.28.0",
@@ -54,6 +55,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
+    "@formatjs/cli": "^6.7.1",
     "@playwright/test": "^1.50.1",
     "@types/chrome": "^0.0.301",
     "@types/node": "^22.13.1",
@@ -85,7 +87,7 @@
     "vite-plugin-static-copy": "^2.2.0",
     "vite-plugin-zip-pack": "^1.2.4"
   },
-  "packageManager": "pnpm@10.2.0",
+  "packageManager": "pnpm@10.11.0",
   "pnpm": {
     "onlyBuiltDependencies": [
       "esbuild",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6ee988c..d73512d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,8 +69,8 @@ importers:
         specifier: ^3.10.13
         version: 3.10.13(react@19.0.0)
       react-intl:
-        specifier: ^7.1.5
-        version: 7.1.5(react@19.0.0)(typescript@5.7.3)
+        specifier: ^7.1.11
+        version: 7.1.11(react@19.0.0)(typescript@5.7.3)
       react-router-dom:
         specifier: ^7.1.5
         version: 7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -96,6 +96,9 @@ importers:
       '@eslint/js':
         specifier: ^9.19.0
         version: 9.19.0
+      '@formatjs/cli':
+        specifier: ^6.7.1
+        version: 6.7.1
       '@playwright/test':
         specifier: ^1.50.1
         version: 1.50.1
@@ -125,7 +128,7 @@ importers:
         version: 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1))
+        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.5.1)
@@ -179,13 +182,13 @@ importers:
         version: 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
       vite:
         specifier: ^6.1.0
-        version: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)
+        version: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
       vite-plugin-static-copy:
         specifier: ^2.2.0
-        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1))
+        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
       vite-plugin-zip-pack:
         specifier: ^1.2.4
-        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1))
+        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
 
 packages:
 
@@ -334,150 +337,300 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.25.1':
+    resolution: {integrity: sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.24.2':
     resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.25.1':
+    resolution: {integrity: sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.24.2':
     resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.25.1':
+    resolution: {integrity: sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.24.2':
     resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.25.1':
+    resolution: {integrity: sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.24.2':
     resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.25.1':
+    resolution: {integrity: sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.24.2':
     resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.25.1':
+    resolution: {integrity: sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.24.2':
     resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.25.1':
+    resolution: {integrity: sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.24.2':
     resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.25.1':
+    resolution: {integrity: sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.24.2':
     resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.25.1':
+    resolution: {integrity: sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.24.2':
     resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.25.1':
+    resolution: {integrity: sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.24.2':
     resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.25.1':
+    resolution: {integrity: sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.24.2':
     resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.25.1':
+    resolution: {integrity: sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.24.2':
     resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.25.1':
+    resolution: {integrity: sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.24.2':
     resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.25.1':
+    resolution: {integrity: sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.24.2':
     resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.25.1':
+    resolution: {integrity: sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.24.2':
     resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.25.1':
+    resolution: {integrity: sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.24.2':
     resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.25.1':
+    resolution: {integrity: sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.24.2':
     resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.25.1':
+    resolution: {integrity: sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.24.2':
     resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.25.1':
+    resolution: {integrity: sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.24.2':
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.25.1':
+    resolution: {integrity: sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.24.2':
     resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.25.1':
+    resolution: {integrity: sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/sunos-x64@0.24.2':
     resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.25.1':
+    resolution: {integrity: sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.24.2':
     resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.25.1':
+    resolution: {integrity: sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.24.2':
     resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.25.1':
+    resolution: {integrity: sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.24.2':
     resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.25.1':
+    resolution: {integrity: sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.0':
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -521,25 +674,56 @@ packages:
   '@floating-ui/utils@0.2.1':
     resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
 
-  '@formatjs/ecma402-abstract@2.3.2':
-    resolution: {integrity: sha512-6sE5nyvDloULiyOMbOTJEEgWL32w+VHkZQs8S02Lnn8Y/O5aQhjOEXwWzvR7SsBE/exxlSpY2EsWZgqHbtLatg==}
+  '@formatjs/cli@6.7.1':
+    resolution: {integrity: sha512-ULiXbLkbuTyd8f0qaByu1Nuc+jbAOLH1qRAtHZ7waIABQGPBB93OQ2FFtQPgoYoupKOKyNr+PZXR6pOT45E4EQ==}
+    engines: {node: '>= 16'}
+    hasBin: true
+    peerDependencies:
+      '@glimmer/env': ^0.1.7
+      '@glimmer/reference': ^0.94.0
+      '@glimmer/syntax': ^0.94.9
+      '@glimmer/validator': ^0.94.0
+      '@vue/compiler-core': ^3.5.12
+      content-tag: ^3.0.0
+      ember-template-recast: ^6.1.5
+      vue: ^3.5.12
+    peerDependenciesMeta:
+      '@glimmer/env':
+        optional: true
+      '@glimmer/reference':
+        optional: true
+      '@glimmer/syntax':
+        optional: true
+      '@glimmer/validator':
+        optional: true
+      '@vue/compiler-core':
+        optional: true
+      content-tag:
+        optional: true
+      ember-template-recast:
+        optional: true
+      vue:
+        optional: true
+
+  '@formatjs/ecma402-abstract@2.3.4':
+    resolution: {integrity: sha512-qrycXDeaORzIqNhBOx0btnhpD1c+/qFIHAN9znofuMJX6QBwtbrmlpWfD4oiUUD2vJUOIYFA/gYtg2KAMGG7sA==}
 
-  '@formatjs/fast-memoize@2.2.6':
-    resolution: {integrity: sha512-luIXeE2LJbQnnzotY1f2U2m7xuQNj2DA8Vq4ce1BY9ebRZaoPB1+8eZ6nXpLzsxuW5spQxr7LdCg+CApZwkqkw==}
+  '@formatjs/fast-memoize@2.2.7':
+    resolution: {integrity: sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==}
 
-  '@formatjs/icu-messageformat-parser@2.11.0':
-    resolution: {integrity: sha512-Hp81uTjjdTk3FLh/dggU5NK7EIsVWc5/ZDWrIldmf2rBuPejuZ13CZ/wpVE2SToyi4EiroPTQ1XJcJuZFIxTtw==}
+  '@formatjs/icu-messageformat-parser@2.11.2':
+    resolution: {integrity: sha512-AfiMi5NOSo2TQImsYAg8UYddsNJ/vUEv/HaNqiFjnI3ZFfWihUtD5QtuX6kHl8+H+d3qvnE/3HZrfzgdWpsLNA==}
 
-  '@formatjs/icu-skeleton-parser@1.8.12':
-    resolution: {integrity: sha512-QRAY2jC1BomFQHYDMcZtClqHR55EEnB96V7Xbk/UiBodsuFc5kujybzt87+qj1KqmJozFhk6n4KiT1HKwAkcfg==}
+  '@formatjs/icu-skeleton-parser@1.8.14':
+    resolution: {integrity: sha512-i4q4V4qslThK4Ig8SxyD76cp3+QJ3sAqr7f6q9VVfeGtxG9OhiAk3y9XF6Q41OymsKzsGQ6OQQoJNY4/lI8TcQ==}
 
-  '@formatjs/intl-localematcher@0.5.10':
-    resolution: {integrity: sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==}
+  '@formatjs/intl-localematcher@0.6.1':
+    resolution: {integrity: sha512-ePEgLgVCqi2BBFnTMWPfIghu6FkbZnnBVhO2sSxvLfrdFw7wCHAHiDoM2h4NRgjbaY7+B7HgOLZGkK187pZTZg==}
 
-  '@formatjs/intl@3.1.3':
-    resolution: {integrity: sha512-yWtB1L4vOr17MLII3bcNRmjx6qBkSupJuA6nJz1zVxpWbJXKQL5vgvjRCehTO3z7HolxFjtLdfV0/RN+bC34Fg==}
+  '@formatjs/intl@3.1.6':
+    resolution: {integrity: sha512-tDkXnA4qpIFcDWac8CyVJq6oW8DR7W44QDUBsfXWIIJD/FYYen0QoH46W7XsVMFfPOVKkvbufjboZrrWbEfmww==}
     peerDependencies:
-      typescript: '5'
+      typescript: ^5.6.0
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -1124,11 +1308,8 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
-  caniuse-lite@1.0.30001659:
-    resolution: {integrity: sha512-Qxxyfv3RdHAfJcXelgf0hU4DFUVXBGTjqrBUZLUh8AtlGnsDo+CnncYtTd95+ZKfnANUOzxyIQCuU/UeBZBYoA==}
-
-  caniuse-lite@1.0.30001675:
-    resolution: {integrity: sha512-/wV1bQwPrkLiQMjaJF5yUMVM/VdRPOCU8QZ+PmG6uW6DvYSrNY1bpwHI/3mOcUosLaJCzYDi5o91IQB51ft6cg==}
+  caniuse-lite@1.0.30001706:
+    resolution: {integrity: sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==}
 
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
@@ -1364,6 +1545,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.25.1:
+    resolution: {integrity: sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -1558,6 +1744,9 @@ packages:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
 
+  get-tsconfig@4.10.0:
+    resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -1655,8 +1844,8 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  intl-messageformat@10.7.14:
-    resolution: {integrity: sha512-mMGnE4E1otdEutV5vLUdCxRJygHB5ozUBxsPB5qhitewssrS/qGruq9bmvIRkkGsNeK5ZWLfYRld18UHGTIifQ==}
+  intl-messageformat@10.7.16:
+    resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
 
   is-array-buffer@3.0.4:
     resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
@@ -2233,11 +2422,11 @@ packages:
     peerDependencies:
       react: '>=16, <=18'
 
-  react-intl@7.1.5:
-    resolution: {integrity: sha512-cVvsVdaOnZ85XBXU0Lc2PVGNhGlzl4UBV+aWAGe/zrV5Xr+CEW7izUsAp/fIuwvCsJl9R+aokppm+P7cdhnpUA==}
+  react-intl@7.1.11:
+    resolution: {integrity: sha512-tnVoRCWvW5Ie2ikYSdPF7z3+880yCe/9xPmitFeRPw3RYDcCfR4m8ZYa4MBq19W4adt9Z+PQA4FaMBCJ7E+HCQ==}
     peerDependencies:
-      react: ^16.6.0 || 17 || 18 || 19
-      typescript: '5'
+      react: 16 || 17 || 18 || 19
+      typescript: ^5.6.0
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -2317,6 +2506,9 @@ packages:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
   resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -2553,6 +2745,14 @@ packages:
   tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
 
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsx@4.19.3:
+    resolution: {integrity: sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   turbo-stream@2.4.0:
     resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
 
@@ -2748,6 +2948,11 @@ packages:
     engines: {node: '>= 14'}
     hasBin: true
 
+  yaml@2.7.1:
+    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -2952,78 +3157,153 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/aix-ppc64@0.25.1':
+    optional: true
+
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
+  '@esbuild/android-arm64@0.25.1':
+    optional: true
+
   '@esbuild/android-arm@0.24.2':
     optional: true
 
+  '@esbuild/android-arm@0.25.1':
+    optional: true
+
   '@esbuild/android-x64@0.24.2':
     optional: true
 
+  '@esbuild/android-x64@0.25.1':
+    optional: true
+
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-arm64@0.25.1':
+    optional: true
+
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-x64@0.25.1':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.25.1':
+    optional: true
+
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-x64@0.25.1':
+    optional: true
+
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm64@0.25.1':
+    optional: true
+
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm@0.25.1':
+    optional: true
+
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
+  '@esbuild/linux-ia32@0.25.1':
+    optional: true
+
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
+  '@esbuild/linux-loong64@0.25.1':
+    optional: true
+
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
+  '@esbuild/linux-mips64el@0.25.1':
+    optional: true
+
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/linux-ppc64@0.25.1':
+    optional: true
+
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
+  '@esbuild/linux-riscv64@0.25.1':
+    optional: true
+
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
+  '@esbuild/linux-s390x@0.25.1':
+    optional: true
+
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
+  '@esbuild/linux-x64@0.25.1':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.25.1':
+    optional: true
+
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-x64@0.25.1':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.25.1':
+    optional: true
+
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-x64@0.25.1':
+    optional: true
+
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
+  '@esbuild/sunos-x64@0.25.1':
+    optional: true
+
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
+  '@esbuild/win32-arm64@0.25.1':
+    optional: true
+
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
+  '@esbuild/win32-ia32@0.25.1':
+    optional: true
+
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
+  '@esbuild/win32-x64@0.25.1':
+    optional: true
+
   '@eslint-community/eslint-utils@4.4.0(eslint@9.19.0(jiti@1.21.6))':
     dependencies:
       eslint: 9.19.0(jiti@1.21.6)
@@ -3075,39 +3355,41 @@ snapshots:
 
   '@floating-ui/utils@0.2.1': {}
 
-  '@formatjs/ecma402-abstract@2.3.2':
+  '@formatjs/cli@6.7.1': {}
+
+  '@formatjs/ecma402-abstract@2.3.4':
     dependencies:
-      '@formatjs/fast-memoize': 2.2.6
-      '@formatjs/intl-localematcher': 0.5.10
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/intl-localematcher': 0.6.1
       decimal.js: 10.4.3
-      tslib: 2.5.3
+      tslib: 2.8.1
 
-  '@formatjs/fast-memoize@2.2.6':
+  '@formatjs/fast-memoize@2.2.7':
     dependencies:
-      tslib: 2.5.3
+      tslib: 2.8.1
 
-  '@formatjs/icu-messageformat-parser@2.11.0':
+  '@formatjs/icu-messageformat-parser@2.11.2':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.2
-      '@formatjs/icu-skeleton-parser': 1.8.12
-      tslib: 2.5.3
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/icu-skeleton-parser': 1.8.14
+      tslib: 2.8.1
 
-  '@formatjs/icu-skeleton-parser@1.8.12':
+  '@formatjs/icu-skeleton-parser@1.8.14':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.2
-      tslib: 2.5.3
+      '@formatjs/ecma402-abstract': 2.3.4
+      tslib: 2.8.1
 
-  '@formatjs/intl-localematcher@0.5.10':
+  '@formatjs/intl-localematcher@0.6.1':
     dependencies:
-      tslib: 2.5.3
+      tslib: 2.8.1
 
-  '@formatjs/intl@3.1.3(typescript@5.7.3)':
+  '@formatjs/intl@3.1.6(typescript@5.7.3)':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.2
-      '@formatjs/fast-memoize': 2.2.6
-      '@formatjs/icu-messageformat-parser': 2.11.0
-      intl-messageformat: 10.7.14
-      tslib: 2.5.3
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.2
+      intl-messageformat: 10.7.16
+      tslib: 2.8.1
     optionalDependencies:
       typescript: 5.7.3
 
@@ -3501,14 +3783,14 @@ snapshots:
       '@typescript-eslint/types': 8.23.0
       eslint-visitor-keys: 4.2.0
 
-  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1))':
+  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
       '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -3622,7 +3904,7 @@ snapshots:
   autoprefixer@10.4.20(postcss@8.5.1):
     dependencies:
       browserslist: 4.23.3
-      caniuse-lite: 1.0.30001659
+      caniuse-lite: 1.0.30001706
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.1
@@ -3666,14 +3948,14 @@ snapshots:
 
   browserslist@4.23.3:
     dependencies:
-      caniuse-lite: 1.0.30001659
+      caniuse-lite: 1.0.30001706
       electron-to-chromium: 1.5.18
       node-releases: 2.0.18
       update-browserslist-db: 1.1.0(browserslist@4.23.3)
 
   browserslist@4.24.2:
     dependencies:
-      caniuse-lite: 1.0.30001675
+      caniuse-lite: 1.0.30001706
       electron-to-chromium: 1.5.49
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
@@ -3707,9 +3989,7 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
-  caniuse-lite@1.0.30001659: {}
-
-  caniuse-lite@1.0.30001675: {}
+  caniuse-lite@1.0.30001706: {}
 
   chalk@4.1.2:
     dependencies:
@@ -4088,6 +4368,35 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
+  esbuild@0.25.1:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.1
+      '@esbuild/android-arm': 0.25.1
+      '@esbuild/android-arm64': 0.25.1
+      '@esbuild/android-x64': 0.25.1
+      '@esbuild/darwin-arm64': 0.25.1
+      '@esbuild/darwin-x64': 0.25.1
+      '@esbuild/freebsd-arm64': 0.25.1
+      '@esbuild/freebsd-x64': 0.25.1
+      '@esbuild/linux-arm': 0.25.1
+      '@esbuild/linux-arm64': 0.25.1
+      '@esbuild/linux-ia32': 0.25.1
+      '@esbuild/linux-loong64': 0.25.1
+      '@esbuild/linux-mips64el': 0.25.1
+      '@esbuild/linux-ppc64': 0.25.1
+      '@esbuild/linux-riscv64': 0.25.1
+      '@esbuild/linux-s390x': 0.25.1
+      '@esbuild/linux-x64': 0.25.1
+      '@esbuild/netbsd-arm64': 0.25.1
+      '@esbuild/netbsd-x64': 0.25.1
+      '@esbuild/openbsd-arm64': 0.25.1
+      '@esbuild/openbsd-x64': 0.25.1
+      '@esbuild/sunos-x64': 0.25.1
+      '@esbuild/win32-arm64': 0.25.1
+      '@esbuild/win32-ia32': 0.25.1
+      '@esbuild/win32-x64': 0.25.1
+    optional: true
+
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -4335,6 +4644,11 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.2.7
 
+  get-tsconfig@4.10.0:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    optional: true
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -4422,12 +4736,12 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
-  intl-messageformat@10.7.14:
+  intl-messageformat@10.7.16:
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.2
-      '@formatjs/fast-memoize': 2.2.6
-      '@formatjs/icu-messageformat-parser': 2.11.0
-      tslib: 2.5.3
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.2
+      tslib: 2.8.1
 
   is-array-buffer@3.0.4:
     dependencies:
@@ -4926,17 +5240,17 @@ snapshots:
       prop-types: 15.8.1
       react: 19.0.0
 
-  react-intl@7.1.5(react@19.0.0)(typescript@5.7.3):
+  react-intl@7.1.11(react@19.0.0)(typescript@5.7.3):
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.2
-      '@formatjs/icu-messageformat-parser': 2.11.0
-      '@formatjs/intl': 3.1.3(typescript@5.7.3)
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/icu-messageformat-parser': 2.11.2
+      '@formatjs/intl': 3.1.6(typescript@5.7.3)
       '@types/hoist-non-react-statics': 3.3.1
       '@types/react': 19.0.8
       hoist-non-react-statics: 3.3.2
-      intl-messageformat: 10.7.14
+      intl-messageformat: 10.7.16
       react: 19.0.0
-      tslib: 2.5.3
+      tslib: 2.8.1
     optionalDependencies:
       typescript: 5.7.3
 
@@ -5044,6 +5358,9 @@ snapshots:
 
   resolve-from@4.0.0: {}
 
+  resolve-pkg-maps@1.0.0:
+    optional: true
+
   resolve@1.22.8:
     dependencies:
       is-core-module: 2.13.1
@@ -5393,6 +5710,16 @@ snapshots:
 
   tslib@2.5.3: {}
 
+  tslib@2.8.1: {}
+
+  tsx@4.19.3:
+    dependencies:
+      esbuild: 0.25.1
+      get-tsconfig: 4.10.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    optional: true
+
   turbo-stream@2.4.0: {}
 
   type-check@0.4.0:
@@ -5520,20 +5847,20 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)):
+  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       fs-extra: 11.2.0
       picocolors: 1.1.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)):
+  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       jszip: 3.10.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(yaml@2.6.1):
+  vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       esbuild: 0.24.2
       postcss: 8.5.1
@@ -5542,7 +5869,8 @@ snapshots:
       '@types/node': 22.13.1
       fsevents: 2.3.3
       jiti: 1.21.6
-      yaml: 2.6.1
+      tsx: 4.19.3
+      yaml: 2.7.1
 
   which-boxed-primitive@1.0.2:
     dependencies:
@@ -5622,6 +5950,9 @@ snapshots:
 
   yaml@2.6.1: {}
 
+  yaml@2.7.1:
+    optional: true
+
   yocto-queue@0.1.0: {}
 
   yup@1.6.1:
diff --git a/src/lang/de.json b/src/lang/de.json
index 07969f9..6713c4f 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -45,8 +45,8 @@
   "issues.issue-tooltip.open-in-redmine": "Klicken um Ticket zu öffnen",
   "issues.version.field.status": "Status",
   "issues.version.field.due-date": "Fälligkeitsdatum",
-  "issues.version.no-version": "(ohne Zielversion)",
   "issues.version-tooltip.open-in-redmine": "Klicken um Zielversion zu öffnen",
+  "issues.version.no-version": "(ohne Zielversion)",
   "issues.issue.field.tracker": "Tracker",
   "issues.issue.field.tracker.validation.required": "Tracker wird benötigt",
   "issues.issue.field.status": "Status",
@@ -70,7 +70,7 @@
   "issues.issue.field.notes": "Notizen",
   "issues.issue.field.notes.validation.required": "Notizen werden benötigt",
   "issues.issue.field.private-notes": "Private Notizen",
-  "issues.modal.add-spent-time.title": "Zeitaufwand hinzuzufügen",
+  "issues.modal.add-spent-time.title": "Zeitaufwand hinzufügen",
   "issues.modal.add-spent-time.add-notes": "Notizen hinzufügen",
   "issues.modal.add-spent-time.submit": "Erstellen",
   "issues.modal.save-changes.title": "Änderung speichern?",
@@ -136,7 +136,6 @@
   "settings.features.auto-pause-on-switch.description": "Timer automatisch pausieren, wenn Ticket gewechselt wird",
   "settings.features.extended-search.title": "Erweiterte Suche",
   "settings.features.extended-search.description": "Erlaubt Tickets zu suchen, die Ihnen nicht zugewiesen sind",
-  "settings.features.round-time-nearest-quarter-hour.title": "Zu nächsten 15 min runden",
   "settings.features.round-to-nearest-interval.title": "Auf nächstes Intervall runden",
   "settings.features.round-to-nearest-interval.description": "Timer auf nächstes Intervall runden",
   "settings.features.rounding-interval.placeholder": "Intervall",
diff --git a/src/provider/IntlProvider.tsx b/src/provider/IntlProvider.tsx
index 5d06b74..afa431c 100644
--- a/src/provider/IntlProvider.tsx
+++ b/src/provider/IntlProvider.tsx
@@ -15,6 +15,18 @@ export const LANGUAGES = ["en", "de", "ru", "fr"] as const;
 
 type Language = (typeof LANGUAGES)[number];
 
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace FormatjsIntl {
+    interface Message {
+      ids: keyof typeof messagesEN;
+    }
+    interface IntlConfig {
+      locale: Language;
+    }
+  }
+}
+
 type PropTypes = {
   children: React.ReactNode;
 };

From 60b9e430fccc30567ad07dffaf367ecdb68eb195 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 3 Jun 2025 23:38:16 +0200
Subject: [PATCH 05/55] refactor: Move to tanstack form + zod (removed formik +
 yup)

---
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 156 +++--
 src/components/form/CheckboxField.tsx         |   9 +
 src/components/form/DateField.tsx             |  18 +
 src/components/form/HoursField.tsx            |  52 ++
 src/components/form/SelectField.tsx           |  36 ++
 src/components/form/SubmitButton.tsx          |  19 +
 src/components/form/SwitchField.tsx           |   9 +
 src/components/form/TextField.tsx             |  18 +
 src/components/form/TextareaField.tsx         |  17 +
 src/components/form/ToggleField.tsx           |   9 +
 .../general/{DateField.tsx => DateInput.tsx}  |  17 +-
 src/components/general/ReactSelectFormik.tsx  |  93 ---
 .../{SelectField.tsx => SelectInput.tsx}      |   4 +-
 src/components/general/Switch.tsx             |   8 +-
 .../general/{InputField.tsx => TextInput.tsx} |   4 +-
 .../{TextareaField.tsx => TextareaInput.tsx}  |   4 +-
 .../general/{TimeField.tsx => TimeInput.tsx}  |   7 +-
 src/components/issue/AddIssueNotesModal.tsx   |  95 +++
 src/components/issue/CreateIssueModal.tsx     |  49 ++
 src/components/issue/EditIssueModal.tsx       |  54 ++
 src/components/{issues => issue}/Filter.tsx   |   0
 src/components/{issues => issue}/Issue.tsx    |   2 +-
 .../{issues => issue}/IssueContextMenu.tsx    |   0
 .../{issues => issue}/IssueInfoTooltip.tsx    |   0
 .../{issues => issue}/IssueTitle.tsx          |   0
 .../{issues => issue}/IssuesList.tsx          |   0
 .../{issues => issue}/IssuesListSkeleton.tsx  |   0
 src/components/{issues => issue}/Search.tsx   |   5 +-
 .../SpentVsEstimatedTime.tsx                  |   0
 .../{issues => issue}/VersionTooltip.tsx      |   0
 src/components/issue/form/IssueForm.tsx       | 315 ++++++++++
 .../form}/fields/ActivityField.tsx            |   8 +-
 .../form}/fields/AssigneeField.tsx            |  12 +-
 .../form}/fields/CategoryField.tsx            |   8 +-
 .../form}/fields/DoneRatioField.tsx           |   6 +-
 .../issue/form/fields/DoneSliderField.tsx     |  27 +
 .../form}/fields/PriorityField.tsx            |   8 +-
 .../form}/fields/VersionField.tsx             |   8 +-
 src/components/issues/AddIssueNotesModal.tsx  | 100 ---
 src/components/issues/CreateIssueModal.tsx    | 327 ----------
 .../issues/CreateTimeEntryModal.tsx           | 341 -----------
 src/components/issues/DoneSlider.tsx          |  24 -
 src/components/issues/EditIssueModal.tsx      | 345 -----------
 .../time-entry/CreateTimeEntryModal.tsx       | 291 +++++++++
 .../time-entry/EditTimeEntryModal.tsx         | 181 ++++++
 .../{time => time-entry}/TimeEntry.tsx        |   0
 .../TimeEntryContextMenu.tsx                  |   0
 .../{time => time-entry}/TimeEntryList.tsx    |   0
 .../TimeEntryListSkeleton.tsx                 |   0
 .../{time => time-entry}/TimeEntryPreview.tsx |   0
 .../{time => time-entry}/TimeEntryTooltip.tsx |   0
 .../form/fields/UserField.tsx}                |  14 +-
 src/components/time/EditTimeEntryModal.tsx    | 227 -------
 .../{issues => timer}/CurrentIssueTimer.tsx   |   2 +-
 .../{issues => timer}/EditTimer.tsx           |   0
 src/components/{timers => timer}/Timer.tsx    |   6 +-
 .../{timers => timer}/TimerContextMenu.tsx    |   0
 .../{timers => timer}/TimersBadge.tsx         |   0
 src/content.tsx                               |   2 +-
 src/hooks/useAppForm.ts                       |  32 +
 src/hooks/useCachedComments.ts                |   4 +-
 src/hooks/useIssueStatuses.ts                 |   7 +-
 src/hooks/useMyIssues.ts                      |   4 +-
 src/hooks/useSearch.ts                        |   4 +-
 src/hooks/useTimers.ts                        |   2 +-
 src/index.css                                 |   4 +-
 src/pages/IssuesPage.tsx                      |  10 +-
 src/pages/SettingsPage.tsx                    | 578 +++++++++---------
 src/pages/TimePage.tsx                        |   4 +-
 src/pages/TimersPage.tsx                      |   8 +-
 src/provider/IntlProvider.tsx                 |   3 +
 src/types/redmine.ts                          |  20 +-
 73 files changed, 1697 insertions(+), 1924 deletions(-)
 create mode 100644 src/components/form/CheckboxField.tsx
 create mode 100644 src/components/form/DateField.tsx
 create mode 100644 src/components/form/HoursField.tsx
 create mode 100644 src/components/form/SelectField.tsx
 create mode 100644 src/components/form/SubmitButton.tsx
 create mode 100644 src/components/form/SwitchField.tsx
 create mode 100644 src/components/form/TextField.tsx
 create mode 100644 src/components/form/TextareaField.tsx
 create mode 100644 src/components/form/ToggleField.tsx
 rename src/components/general/{DateField.tsx => DateInput.tsx} (79%)
 delete mode 100644 src/components/general/ReactSelectFormik.tsx
 rename src/components/general/{SelectField.tsx => SelectInput.tsx} (93%)
 rename src/components/general/{InputField.tsx => TextInput.tsx} (94%)
 rename src/components/general/{TextareaField.tsx => TextareaInput.tsx} (94%)
 rename src/components/general/{TimeField.tsx => TimeInput.tsx} (94%)
 create mode 100644 src/components/issue/AddIssueNotesModal.tsx
 create mode 100644 src/components/issue/CreateIssueModal.tsx
 create mode 100644 src/components/issue/EditIssueModal.tsx
 rename src/components/{issues => issue}/Filter.tsx (100%)
 rename src/components/{issues => issue}/Issue.tsx (99%)
 rename src/components/{issues => issue}/IssueContextMenu.tsx (100%)
 rename src/components/{issues => issue}/IssueInfoTooltip.tsx (100%)
 rename src/components/{issues => issue}/IssueTitle.tsx (100%)
 rename src/components/{issues => issue}/IssuesList.tsx (100%)
 rename src/components/{issues => issue}/IssuesListSkeleton.tsx (100%)
 rename src/components/{issues => issue}/Search.tsx (97%)
 rename src/components/{issues => issue}/SpentVsEstimatedTime.tsx (100%)
 rename src/components/{issues => issue}/VersionTooltip.tsx (100%)
 create mode 100644 src/components/issue/form/IssueForm.tsx
 rename src/components/{issues => issue/form}/fields/ActivityField.tsx (82%)
 rename src/components/{issues => issue/form}/fields/AssigneeField.tsx (83%)
 rename src/components/{issues => issue/form}/fields/CategoryField.tsx (81%)
 rename src/components/{issues => issue/form}/fields/DoneRatioField.tsx (76%)
 create mode 100644 src/components/issue/form/fields/DoneSliderField.tsx
 rename src/components/{issues => issue/form}/fields/PriorityField.tsx (72%)
 rename src/components/{issues => issue/form}/fields/VersionField.tsx (82%)
 delete mode 100644 src/components/issues/AddIssueNotesModal.tsx
 delete mode 100644 src/components/issues/CreateIssueModal.tsx
 delete mode 100644 src/components/issues/CreateTimeEntryModal.tsx
 delete mode 100644 src/components/issues/DoneSlider.tsx
 delete mode 100644 src/components/issues/EditIssueModal.tsx
 create mode 100644 src/components/time-entry/CreateTimeEntryModal.tsx
 create mode 100644 src/components/time-entry/EditTimeEntryModal.tsx
 rename src/components/{time => time-entry}/TimeEntry.tsx (100%)
 rename src/components/{time => time-entry}/TimeEntryContextMenu.tsx (100%)
 rename src/components/{time => time-entry}/TimeEntryList.tsx (100%)
 rename src/components/{time => time-entry}/TimeEntryListSkeleton.tsx (100%)
 rename src/components/{time => time-entry}/TimeEntryPreview.tsx (100%)
 rename src/components/{time => time-entry}/TimeEntryTooltip.tsx (100%)
 rename src/components/{issues/fields/TimeEntryUsersField.tsx => time-entry/form/fields/UserField.tsx} (78%)
 delete mode 100644 src/components/time/EditTimeEntryModal.tsx
 rename src/components/{issues => timer}/CurrentIssueTimer.tsx (96%)
 rename src/components/{issues => timer}/EditTimer.tsx (100%)
 rename src/components/{timers => timer}/Timer.tsx (98%)
 rename src/components/{timers => timer}/TimerContextMenu.tsx (100%)
 rename src/components/{timers => timer}/TimersBadge.tsx (100%)
 create mode 100644 src/hooks/useAppForm.ts

diff --git a/package.json b/package.json
index 22700e7..7142587 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@tanstack/query-async-storage-persister": "^5.66.0",
+    "@tanstack/react-form": "^1.12.0",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-query-devtools": "^5.66.0",
     "@tanstack/react-query-persist-client": "^5.66.0",
@@ -39,7 +40,6 @@
     "date-fns": "^3.6.0",
     "deepmerge": "^4.3.1",
     "flatpickr": "^4.6.13",
-    "formik": "^2.4.6",
     "qs": "^6.14.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -51,7 +51,7 @@
     "tailwind-merge": "^2.6.0",
     "tailwindcss-shadow-fill": "^1.0.1",
     "tailwindcss-text-fill": "^0.2.0",
-    "yup": "^1.6.1"
+    "zod": "^3.25.46"
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d73512d..7603b8e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,6 +26,9 @@ importers:
       '@tanstack/query-async-storage-persister':
         specifier: ^5.66.0
         version: 5.66.0
+      '@tanstack/react-form':
+        specifier: ^1.12.0
+        version: 1.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@tanstack/react-query':
         specifier: ^5.66.0
         version: 5.66.0(react@19.0.0)
@@ -53,9 +56,6 @@ importers:
       flatpickr:
         specifier: ^4.6.13
         version: 4.6.13
-      formik:
-        specifier: ^2.4.6
-        version: 2.4.6(react@19.0.0)
       qs:
         specifier: ^6.14.0
         version: 6.14.0
@@ -89,9 +89,9 @@ importers:
       tailwindcss-text-fill:
         specifier: ^0.2.0
         version: 0.2.0(tailwindcss@3.4.17)
-      yup:
-        specifier: ^1.6.1
-        version: 1.6.1
+      zod:
+        specifier: ^3.25.46
+        version: 3.25.46
     devDependencies:
       '@eslint/js':
         specifier: ^9.19.0
@@ -1017,6 +1017,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@tanstack/form-core@1.12.0':
+    resolution: {integrity: sha512-TfMUPHussIzopA4WOWDdt8WI0k7y4XiehGfdamtlHAqHqDcNCgsvou3cH5irA0XYm9GokIDXd/XRo4cHQVK5xw==}
+
   '@tanstack/query-async-storage-persister@5.66.0':
     resolution: {integrity: sha512-Uh3YHhKhbub/U5Px+iUIWRXq95QHgvM1gqtfx6mkfsbCdWBC84jS+8FRcEybhzZl1sUuNsE4mawcBHarJyLaWQ==}
 
@@ -1029,6 +1032,18 @@ packages:
   '@tanstack/query-persist-client-core@5.66.0':
     resolution: {integrity: sha512-y6bolShmbOmexexZfnmTiHsBOm4ruJxc2MQJzqi6PxkSPjkKAU+Zqviy4ZwQos5skwSw0g7b9L6V6Rd64oZc9g==}
 
+  '@tanstack/react-form@1.12.0':
+    resolution: {integrity: sha512-0tZNbZ9BChA8cMYcdGlknC1XdcapU+HpD+1IwLt3QiAU/Gsp8unUYB5nZFPrwhZWKBzJY/tUwhtF6jlr2+psQg==}
+    peerDependencies:
+      '@tanstack/react-start': ^1.112.0
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0
+      vinxi: ^0.5.0
+    peerDependenciesMeta:
+      '@tanstack/react-start':
+        optional: true
+      vinxi:
+        optional: true
+
   '@tanstack/react-query-devtools@5.66.0':
     resolution: {integrity: sha512-uB57wA2YZaQ2fPcFW0E9O1zAGDGSbRKRx84uMk/86VyU9jWVxvJ3Uzp+zNm+nZJYsuekCIo2opTdgNuvM3cKgA==}
     peerDependencies:
@@ -1046,6 +1061,15 @@ packages:
     peerDependencies:
       react: ^18 || ^19
 
+  '@tanstack/react-store@0.7.1':
+    resolution: {integrity: sha512-qUTEKdId6QPWGiWyKAPf/gkN29scEsz6EUSJ0C3HgLMgaqTAyBsQ2sMCfGVcqb+kkhEXAdjleCgH6LAPD6f2sA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tanstack/store@0.7.1':
+    resolution: {integrity: sha512-PjUQKXEXhLYj2X5/6c1Xn/0/qKY0IVFxTJweopRfF26xfjVyb14yALydJrHupDh3/d+1WKmfEgZPBVCmDkzzwg==}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -1431,13 +1455,12 @@ packages:
   decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
 
+  decode-formdata@0.9.0:
+    resolution: {integrity: sha512-q5uwOjR3Um5YD+ZWPOF/1sGHVW9A5rCrRwITQChRXlmPkxDFBqCm4jNTIVdGHNH9OnR+V9MoZVgRhsFb+ARbUw==}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
-  deepmerge@2.2.1:
-    resolution: {integrity: sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==}
-    engines: {node: '>=0.10.0'}
-
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -1458,6 +1481,9 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  devalue@5.1.1:
+    resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
+
   didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
@@ -1688,11 +1714,6 @@ packages:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
-  formik@2.4.6:
-    resolution: {integrity: sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==}
-    peerDependencies:
-      react: '>=16.8.0'
-
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
@@ -2086,15 +2107,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -2392,9 +2407,6 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
-  property-expr@2.0.5:
-    resolution: {integrity: sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==}
-
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -2414,9 +2426,6 @@ packages:
     peerDependencies:
       react: ^19.0.0
 
-  react-fast-compare@2.0.4:
-    resolution: {integrity: sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==}
-
   react-flatpickr@3.10.13:
     resolution: {integrity: sha512-4m+K1K8jhvRFI8J/AHmQfA5hLALzhebEtEK8mLevXjX24MV3u502crzBn+EGFIBOfNUtrL5PId9FsGwgtuz/og==}
     peerDependencies:
@@ -2720,19 +2729,10 @@ packages:
   thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
 
-  tiny-case@1.0.3:
-    resolution: {integrity: sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==}
-
-  tiny-warning@1.0.3:
-    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
-
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  toposort@2.0.2:
-    resolution: {integrity: sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==}
-
   ts-api-utils@2.0.1:
     resolution: {integrity: sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==}
     engines: {node: '>=18.12'}
@@ -2760,10 +2760,6 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-
   typed-array-buffer@1.0.2:
     resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
     engines: {node: '>= 0.4'}
@@ -2846,6 +2842,11 @@ packages:
       '@types/react':
         optional: true
 
+  use-sync-external-store@1.5.0:
+    resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -2957,8 +2958,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yup@1.6.1:
-    resolution: {integrity: sha512-JED8pB50qbA4FOkDol0bYF/p60qSEDQqBD0/qeIrUCG1KbPBIQ776fCUNb9ldbPcSTxA69g/47XTo4TqWiuXOA==}
+  zod@3.25.46:
+    resolution: {integrity: sha512-IqRxcHEIjqLd4LNS/zKffB3Jzg3NwqJxQQ0Ns7pdrvgGkwQsEBdEQcOHaBVqvvZArShRzI39+aMST3FBGmTrLQ==}
 
 snapshots:
 
@@ -3607,6 +3608,10 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.34.3':
     optional: true
 
+  '@tanstack/form-core@1.12.0':
+    dependencies:
+      '@tanstack/store': 0.7.1
+
   '@tanstack/query-async-storage-persister@5.66.0':
     dependencies:
       '@tanstack/query-persist-client-core': 5.66.0
@@ -3619,6 +3624,16 @@ snapshots:
     dependencies:
       '@tanstack/query-core': 5.66.0
 
+  '@tanstack/react-form@1.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@tanstack/form-core': 1.12.0
+      '@tanstack/react-store': 0.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      decode-formdata: 0.9.0
+      devalue: 5.1.1
+      react: 19.0.0
+    transitivePeerDependencies:
+      - react-dom
+
   '@tanstack/react-query-devtools@5.66.0(@tanstack/react-query@5.66.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@tanstack/query-devtools': 5.65.0
@@ -3636,6 +3651,15 @@ snapshots:
       '@tanstack/query-core': 5.66.0
       react: 19.0.0
 
+  '@tanstack/react-store@0.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@tanstack/store': 0.7.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      use-sync-external-store: 1.5.0(react@19.0.0)
+
+  '@tanstack/store@0.7.1': {}
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.26.2
@@ -4124,9 +4148,9 @@ snapshots:
 
   decimal.js@10.4.3: {}
 
-  deep-is@0.1.4: {}
+  decode-formdata@0.9.0: {}
 
-  deepmerge@2.2.1: {}
+  deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
 
@@ -4146,6 +4170,8 @@ snapshots:
 
   detect-libc@2.0.3: {}
 
+  devalue@5.1.1: {}
+
   didyoumean@1.2.2: {}
 
   dlv@1.1.3: {}
@@ -4566,18 +4592,6 @@ snapshots:
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
-  formik@2.4.6(react@19.0.0):
-    dependencies:
-      '@types/hoist-non-react-statics': 3.3.1
-      deepmerge: 2.2.1
-      hoist-non-react-statics: 3.3.2
-      lodash: 4.17.21
-      lodash-es: 4.17.21
-      react: 19.0.0
-      react-fast-compare: 2.0.4
-      tiny-warning: 1.0.3
-      tslib: 2.5.3
-
   fraction.js@4.3.7: {}
 
   fs-extra@11.2.0:
@@ -4986,12 +5000,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.21: {}
-
   lodash.merge@4.6.2: {}
 
-  lodash@4.17.21: {}
-
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -5215,8 +5225,6 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
-  property-expr@2.0.5: {}
-
   proxy-from-env@1.1.0: {}
 
   punycode@2.3.0: {}
@@ -5232,8 +5240,6 @@ snapshots:
       react: 19.0.0
       scheduler: 0.25.0
 
-  react-fast-compare@2.0.4: {}
-
   react-flatpickr@3.10.13(react@19.0.0):
     dependencies:
       flatpickr: 4.6.13
@@ -5692,23 +5698,18 @@ snapshots:
     dependencies:
       any-promise: 1.3.0
 
-  tiny-case@1.0.3: {}
-
-  tiny-warning@1.0.3: {}
-
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  toposort@2.0.2: {}
-
   ts-api-utils@2.0.1(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
 
   ts-interface-checker@0.1.13: {}
 
-  tslib@2.5.3: {}
+  tslib@2.5.3:
+    optional: true
 
   tslib@2.8.1: {}
 
@@ -5726,8 +5727,6 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-fest@2.19.0: {}
-
   typed-array-buffer@1.0.2:
     dependencies:
       call-bind: 1.0.7
@@ -5845,6 +5844,10 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.8
 
+  use-sync-external-store@1.5.0(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+
   util-deprecate@1.0.2: {}
 
   vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)):
@@ -5955,9 +5958,4 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yup@1.6.1:
-    dependencies:
-      property-expr: 2.0.5
-      tiny-case: 1.0.3
-      toposort: 2.0.2
-      type-fest: 2.19.0
+  zod@3.25.46: {}
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
new file mode 100644
index 0000000..db656fd
--- /dev/null
+++ b/src/components/form/CheckboxField.tsx
@@ -0,0 +1,9 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import CheckBox from "../general/CheckBox";
+
+export const CheckboxField = (props: Omit<ComponentProps<typeof CheckBox>, "checked" | "onChange" | "onBlur">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+
+  return <CheckBox {...props} checked={state.value} onChange={(e) => handleChange(e.target.checked)} onBlur={handleBlur} />;
+};
diff --git a/src/components/form/DateField.tsx b/src/components/form/DateField.tsx
new file mode 100644
index 0000000..a886fc3
--- /dev/null
+++ b/src/components/form/DateField.tsx
@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import DateInput from "../general/DateInput";
+
+export const DateField = (props: Omit<ComponentProps<typeof DateInput>, "value" | "onChange" | "onBlur">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<Date | Date[]>();
+
+  return (
+    <DateInput
+      {...props}
+      value={state.value}
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      onChange={(e) => handleChange(e.target.value as any)}
+      onBlur={handleBlur}
+      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+    />
+  );
+};
diff --git a/src/components/form/HoursField.tsx b/src/components/form/HoursField.tsx
new file mode 100644
index 0000000..696711e
--- /dev/null
+++ b/src/components/form/HoursField.tsx
@@ -0,0 +1,52 @@
+import { ComponentProps } from "react";
+import { useIntl } from "react-intl";
+import { useFieldContext } from "../../hooks/useAppForm";
+import { useSettings } from "../../provider/SettingsProvider";
+import { formatHoursUsually } from "../../utils/date";
+import TextInput from "../general/TextInput";
+import TimeInput from "../general/TimeInput";
+
+export const HoursField = (props: Omit<ComponentProps<typeof TextInput> | ComponentProps<typeof TimeInput>, "value" | "onChange" | "onBlur">) => {
+  const { settings } = useSettings();
+  const { formatMessage } = useIntl();
+
+  const { state, handleChange, handleBlur } = useFieldContext<number | null>();
+
+  if (settings.style.timeFormat === "decimal") {
+    return (
+      <TextInput
+        {...(props as ComponentProps<typeof TextInput>)}
+        type="number"
+        min="0"
+        step="0.01"
+        inputClassName="appearance-none"
+        extraText={
+          state.value && !isNaN(state.value) && state.value > 0 && state.value <= 1000
+            ? formatMessage(
+                { id: "format.hours" },
+                {
+                  hours: formatHoursUsually(state.value),
+                }
+              )
+            : undefined
+        }
+        value={state.value ?? undefined}
+        onChange={(e) => handleChange(isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber)}
+        onBlur={handleBlur}
+        error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+      />
+    );
+  } else {
+    return (
+      <TimeInput
+        {...(props as ComponentProps<typeof TimeInput>)}
+        type="number"
+        value={state.value ?? undefined}
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        onChange={(e) => handleChange(e.target.value as any)}
+        onBlur={handleBlur}
+        error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+      />
+    );
+  }
+};
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
new file mode 100644
index 0000000..710f595
--- /dev/null
+++ b/src/components/form/SelectField.tsx
@@ -0,0 +1,36 @@
+import { ComponentProps, ReactNode } from "react";
+import { GroupBase, MultiValue, SingleValue } from "react-select";
+import { useFieldContext } from "../../hooks/useAppForm";
+import ReactSelect from "../general/ReactSelect";
+
+type Option<Value> = { value: Value; label: string; icon?: ReactNode };
+
+export const SelectField = <Value extends number | string, IsMulti extends boolean = false, Group extends GroupBase<Option<Value>> = GroupBase<Option<Value>>>(
+  props: Omit<ComponentProps<typeof ReactSelect<Option<Value>, IsMulti, Group>>, "value" | "onChange" | "onBlur">
+) => {
+  const { state, handleChange, handleBlur } = useFieldContext<IsMulti extends true ? Value[] : Value>();
+
+  const flattedOptions = props.options?.reduce((result, option) => {
+    if (typeof option === "object" && "options" in option) {
+      return [...result, ...option.options];
+    }
+    return [...result, option];
+  }, [] as Option<Value>[]);
+
+  const selectedValue = Array.isArray(state.value)
+    ? flattedOptions?.filter((option) => (state.value as Value[])?.includes(option.value))
+    : flattedOptions?.find((option) => (state.value as Value) === option.value);
+
+  return (
+    <ReactSelect
+      {...props}
+      value={selectedValue}
+      onChange={(selected) => {
+        const value = Array.isArray(selected) ? (selected as MultiValue<Option<Value>>)?.map((v) => v.value) : ((selected as SingleValue<Option<Value>>)?.value ?? null);
+        handleChange(value as IsMulti extends true ? Value[] : Value);
+      }}
+      onBlur={handleBlur}
+      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+    />
+  );
+};
diff --git a/src/components/form/SubmitButton.tsx b/src/components/form/SubmitButton.tsx
new file mode 100644
index 0000000..a7955b0
--- /dev/null
+++ b/src/components/form/SubmitButton.tsx
@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+import { useFormContext } from "../../hooks/useAppForm";
+import Button from "../general/Button";
+
+export const SubmitButton = ({ children = "Submit", ...props }: ComponentProps<typeof Button>) => {
+  const form = useFormContext();
+
+  return (
+    <form.Subscribe
+      selector={(state) => !state.isSubmitting}
+      // eslint-disable-next-line react/no-children-prop
+      children={(enabled) => (
+        <Button type="submit" disabled={!enabled} {...props}>
+          {children}
+        </Button>
+      )}
+    />
+  );
+};
diff --git a/src/components/form/SwitchField.tsx b/src/components/form/SwitchField.tsx
new file mode 100644
index 0000000..ed7a912
--- /dev/null
+++ b/src/components/form/SwitchField.tsx
@@ -0,0 +1,9 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import Switch from "../general/Switch";
+
+export const SwitchField = (props: Omit<ComponentProps<typeof Switch>, "value" | "onChange" | "onBlur">) => {
+  const { state, handleChange } = useFieldContext<string>();
+
+  return <Switch {...props} value={state.value} onChange={(e) => handleChange(e.target.value)} />;
+};
diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
new file mode 100644
index 0000000..c530ea0
--- /dev/null
+++ b/src/components/form/TextField.tsx
@@ -0,0 +1,18 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import TextInput from "../general/TextInput";
+
+export const TextField = (props: Omit<ComponentProps<typeof TextInput>, "value" | "onChange" | "onBlur">) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const { state, handleChange, handleBlur } = useFieldContext<any>();
+
+  return (
+    <TextInput
+      {...props}
+      value={state.value}
+      onChange={(e) => handleChange(props.type === "number" ? e.target.valueAsNumber : e.target.value)}
+      onBlur={handleBlur}
+      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+    />
+  );
+};
diff --git a/src/components/form/TextareaField.tsx b/src/components/form/TextareaField.tsx
new file mode 100644
index 0000000..8072720
--- /dev/null
+++ b/src/components/form/TextareaField.tsx
@@ -0,0 +1,17 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import Textarea from "../general/TextareaInput";
+
+export const TextareaField = (props: Omit<ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<string>();
+
+  return (
+    <Textarea
+      {...props}
+      value={state.value}
+      onChange={(e) => handleChange(e.target.value)}
+      onBlur={handleBlur}
+      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
+    />
+  );
+};
diff --git a/src/components/form/ToggleField.tsx b/src/components/form/ToggleField.tsx
new file mode 100644
index 0000000..2d11552
--- /dev/null
+++ b/src/components/form/ToggleField.tsx
@@ -0,0 +1,9 @@
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import Toggle from "../general/Toggle";
+
+export const ToggleField = (props: Omit<ComponentProps<typeof Toggle>, "checked" | "onChange" | "onBlur">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+
+  return <Toggle {...props} checked={state.value} onChange={(e) => handleChange(e.target.checked)} onBlur={handleBlur} />;
+};
diff --git a/src/components/general/DateField.tsx b/src/components/general/DateInput.tsx
similarity index 79%
rename from src/components/general/DateField.tsx
rename to src/components/general/DateInput.tsx
index 1f56c7f..4c984a0 100644
--- a/src/components/general/DateField.tsx
+++ b/src/components/general/DateInput.tsx
@@ -4,7 +4,6 @@ import clsx from "clsx";
 import { ChangeEventHandler, useId, useRef } from "react";
 import Flatpickr, { DateTimePickerProps } from "react-flatpickr";
 
-import { getIn } from "formik";
 import { useIntl } from "react-intl";
 import "../../assets/themes/dark.css";
 import "../../assets/themes/light.css";
@@ -16,7 +15,7 @@ interface PropTypes extends Omit<DateTimePickerProps, "id" | "size" | "onChange"
   onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 
-const DateField = ({ size = "md", title, icon, error, className, value, onChange, onBlur, ...props }: PropTypes) => {
+const DateInput = ({ size = "md", title, icon, error, className, value, onChange, onBlur, ...props }: PropTypes) => {
   const { formatDate } = useIntl();
   const id = useId();
 
@@ -86,16 +85,4 @@ const DateField = ({ size = "md", title, icon, error, className, value, onChange
   );
 };
 
-// update the FastField component if options changed
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const shouldUpdate = (nextProps: any, currentProps: any) =>
-  nextProps.options !== currentProps.options ||
-  // formik's default shouldUpdate
-  nextProps.name !== currentProps.name ||
-  nextProps.formik.isSubmitting !== currentProps.formik.isSubmitting ||
-  Object.keys(nextProps).length !== Object.keys(currentProps).length ||
-  getIn(nextProps.formik.values, currentProps.name) !== getIn(currentProps.formik.values, currentProps.name) ||
-  getIn(nextProps.formik.errors, currentProps.name) !== getIn(currentProps.formik.errors, currentProps.name) ||
-  getIn(nextProps.formik.touched, currentProps.name) !== getIn(currentProps.formik.touched, currentProps.name);
-
-export default DateField;
+export default DateInput;
diff --git a/src/components/general/ReactSelectFormik.tsx b/src/components/general/ReactSelectFormik.tsx
deleted file mode 100644
index d2864b0..0000000
--- a/src/components/general/ReactSelectFormik.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { FormikHandlers, getIn } from "formik";
-import { ComponentProps, ReactNode } from "react";
-import { GroupBase, OnChangeValue, PropsValue } from "react-select";
-import ReactSelect from "./ReactSelect";
-
-type Option = { value: number; label: string; icon?: ReactNode };
-
-function ReactSelectFormik<IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({
-  value: _value,
-  onChange,
-  onBlur,
-  ...props
-}: Omit<ComponentProps<typeof ReactSelect<Option, IsMulti, Group>>, "value" | "onChange"> & {
-  value?: Option["value"] | Option["value"][];
-  onChange?: FormikHandlers["handleChange"];
-}) {
-  let value: PropsValue<Option>;
-  if (Array.isArray(_value)) {
-    value =
-      props.options?.reduce((result, o) => {
-        if (typeof o === "object" && "options" in o) {
-          const opts = o.options.filter((o) => _value.includes(o.value));
-          return [...result, ...opts];
-        } else if (_value.includes(o.value)) {
-          return [...result, o];
-        }
-        return result;
-      }, [] as Option[]) ?? [];
-  } else {
-    value =
-      (props.options &&
-        [...props.options].reduce(
-          (_, o, i, arr) => {
-            if (typeof o === "object" && "options" in o) {
-              const opt = o.options.find((o) => o.value === _value);
-              if (opt) {
-                arr.splice(i + 1); // break out reduce
-                return opt;
-              }
-            } else if (o.value === _value) {
-              arr.splice(i + 1); // break out reduce
-              return o;
-            }
-            return undefined;
-          },
-          undefined as undefined | Option
-        )) ??
-      null;
-  }
-
-  return (
-    <ReactSelect
-      {...props}
-      value={value}
-      onChange={(selected) => {
-        if (Array.isArray(selected)) {
-          onChange?.({
-            target: {
-              name: props.name,
-              value: (selected as OnChangeValue<Option, true>).map((v) => v.value),
-            },
-          });
-        } else {
-          onChange?.({
-            target: {
-              name: props.name,
-              value: (selected as OnChangeValue<Option, false>)?.value ?? null,
-            },
-          });
-        }
-      }}
-      onBlur={(e) => {
-        e.target.name = props.name!;
-        onBlur?.(e);
-      }}
-    />
-  );
-}
-
-// update the FastField component if isLoading or options changed
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const shouldUpdate = (nextProps: any, currentProps: any) =>
-  nextProps.isLoading !== currentProps.isLoading ||
-  nextProps.options !== currentProps.options ||
-  // formik's default shouldUpdate
-  nextProps.name !== currentProps.name ||
-  nextProps.formik.isSubmitting !== currentProps.formik.isSubmitting ||
-  Object.keys(nextProps).length !== Object.keys(currentProps).length ||
-  getIn(nextProps.formik.values, currentProps.name) !== getIn(currentProps.formik.values, currentProps.name) ||
-  getIn(nextProps.formik.errors, currentProps.name) !== getIn(currentProps.formik.errors, currentProps.name) ||
-  getIn(nextProps.formik.touched, currentProps.name) !== getIn(currentProps.formik.touched, currentProps.name);
-
-export default ReactSelectFormik;
diff --git a/src/components/general/SelectField.tsx b/src/components/general/SelectInput.tsx
similarity index 93%
rename from src/components/general/SelectField.tsx
rename to src/components/general/SelectInput.tsx
index 2b687d4..6bc76b3 100644
--- a/src/components/general/SelectField.tsx
+++ b/src/components/general/SelectInput.tsx
@@ -9,7 +9,7 @@ interface PropTypes extends Omit<React.ComponentProps<"select">, "id" | "size">
   placeholder?: string;
 }
 
-const SelectField = ({ size = "md", title, error, children, placeholder, className, ...props }: PropTypes) => {
+const SelectInput = ({ size = "md", title, error, children, placeholder, className, ...props }: PropTypes) => {
   const id = useId();
 
   return (
@@ -46,4 +46,4 @@ const SelectField = ({ size = "md", title, error, children, placeholder, classNa
   );
 };
 
-export default SelectField;
+export default SelectInput;
diff --git a/src/components/general/Switch.tsx b/src/components/general/Switch.tsx
index 79f1e70..6903eeb 100644
--- a/src/components/general/Switch.tsx
+++ b/src/components/general/Switch.tsx
@@ -9,6 +9,7 @@ interface PropTypes {
   name?: string;
   value: string;
   onChange?: (e: { target: { name?: string; value: string } }) => void;
+  onBlur?: () => void;
   options: {
     value: string;
     name: string;
@@ -19,7 +20,7 @@ interface PropTypes {
   tabIndex?: number;
 }
 
-const Switch = ({ size = "md", title, name, value, onChange, options, required, className, tabIndex }: PropTypes) => {
+const Switch = ({ size = "md", title, name, value, onChange, onBlur, options, required, className, tabIndex }: PropTypes) => {
   return (
     <div
       className={clsx(
@@ -53,7 +54,10 @@ const Switch = ({ size = "md", title, name, value, onChange, options, required,
                 "p-1 px-3": size === "lg",
               })}
               disabled={option.disabled}
-              onClick={() => onChange?.({ target: { name: name, value: option.value } })}
+              onClick={() => {
+                onChange?.({ target: { name: name, value: option.value } });
+                onBlur?.();
+              }}
               tabIndex={tabIndex}
             >
               {option.name}
diff --git a/src/components/general/InputField.tsx b/src/components/general/TextInput.tsx
similarity index 94%
rename from src/components/general/InputField.tsx
rename to src/components/general/TextInput.tsx
index b712489..7afdc1e 100644
--- a/src/components/general/InputField.tsx
+++ b/src/components/general/TextInput.tsx
@@ -12,7 +12,7 @@ interface PropTypes extends Omit<React.ComponentProps<"input">, "id" | "size"> {
   inputClassName?: string;
 }
 
-const InputField = ({ size = "md", title, icon, error, extraText, className, inputClassName, ...props }: PropTypes) => {
+const TextInput = ({ size = "md", title, icon, error, extraText, className, inputClassName, ...props }: PropTypes) => {
   const id = useId();
 
   return (
@@ -74,4 +74,4 @@ const InputField = ({ size = "md", title, icon, error, extraText, className, inp
   );
 };
 
-export default InputField;
+export default TextInput;
diff --git a/src/components/general/TextareaField.tsx b/src/components/general/TextareaInput.tsx
similarity index 94%
rename from src/components/general/TextareaField.tsx
rename to src/components/general/TextareaInput.tsx
index 6f9b54a..bb8c9e9 100644
--- a/src/components/general/TextareaField.tsx
+++ b/src/components/general/TextareaInput.tsx
@@ -8,7 +8,7 @@ interface PropTypes extends Omit<React.ComponentProps<"textarea">, "id" | "size"
   error?: string;
 }
 
-const TextareaField = ({ size = "md", title, error, value, rows = 3, className, ...props }: PropTypes) => {
+const TextareaInput = ({ size = "md", title, error, value, rows = 3, className, ...props }: PropTypes) => {
   const id = useId();
 
   return (
@@ -43,4 +43,4 @@ const TextareaField = ({ size = "md", title, error, value, rows = 3, className,
   );
 };
 
-export default TextareaField;
+export default TextareaInput;
diff --git a/src/components/general/TimeField.tsx b/src/components/general/TimeInput.tsx
similarity index 94%
rename from src/components/general/TimeField.tsx
rename to src/components/general/TimeInput.tsx
index 7b7a9fe..a7654ff 100644
--- a/src/components/general/TimeField.tsx
+++ b/src/components/general/TimeInput.tsx
@@ -12,7 +12,7 @@ interface PropTypes extends Omit<DateTimePickerProps, "id" | "size" | "type" | "
   type?: "date" | "number";
 }
 
-const TimeField = ({ size = "md", title, icon, error, className, type = "date", value, onChange, onBlur, ...props }: PropTypes) => {
+const TimeInput = ({ size = "md", title, icon, error, className, type = "date", value, onChange, onBlur, ...props }: PropTypes) => {
   const id = useId();
 
   return (
@@ -78,8 +78,9 @@ const convertHoursToString = (hours: number) => {
   return `${h}:${m}`;
 };
 
-const convertDateToHours = (date: Date) => {
+const convertDateToHours = (date?: Date) => {
+  if (!date) return null;
   return Number((date.getHours() + date.getMinutes() / 60).toFixed(2));
 };
 
-export default TimeField;
+export default TimeInput;
diff --git a/src/components/issue/AddIssueNotesModal.tsx b/src/components/issue/AddIssueNotesModal.tsx
new file mode 100644
index 0000000..a722ce9
--- /dev/null
+++ b/src/components/issue/AddIssueNotesModal.tsx
@@ -0,0 +1,95 @@
+/* eslint-disable react/no-children-prop */
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { AxiosError, isAxiosError } from "axios";
+import { useIntl } from "react-intl";
+import { z } from "zod/v4";
+import { useAppForm } from "../../hooks/useAppForm";
+import { useRedmineApi } from "../../provider/RedmineApiProvider";
+import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
+import Modal from "../general/Modal";
+import Toast from "../general/Toast";
+import IssueTitle from "./IssueTitle";
+
+const addIssueNotesFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+  z.object({
+    notes: z.string(formatMessage({ id: "issues.issue.field.notes.validation.required" })).nonempty(formatMessage({ id: "issues.issue.field.notes.validation.required" })),
+    private_notes: z.boolean().optional(),
+  });
+
+type TAddIssueNotesForm = z.infer<ReturnType<typeof addIssueNotesFormSchema>>;
+
+type PropTypes = {
+  issue: TIssue;
+  onClose: () => void;
+  onSuccess: () => void;
+};
+
+const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
+  const { formatMessage } = useIntl();
+
+  const redmineApi = useRedmineApi();
+  const queryClient = useQueryClient();
+
+  const updateIssueMutation = useMutation({
+    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["issues"] });
+      onSuccess();
+    },
+  });
+
+  const form = useAppForm({
+    defaultValues: {
+      notes: "",
+      private_notes: false,
+    } satisfies TAddIssueNotesForm as TAddIssueNotesForm,
+    validators: {
+      onChange: addIssueNotesFormSchema({ formatMessage }),
+    },
+    onSubmit: async ({ value }) => updateIssueMutation.mutateAsync(value),
+  });
+
+  return (
+    <>
+      <Modal title={formatMessage({ id: "issues.modal.add-issue-notes.title" })} onClose={onClose}>
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            form.handleSubmit();
+          }}
+        >
+          <div className="flex flex-col gap-y-2">
+            <IssueTitle issue={issue} />
+
+            <form.AppField
+              name="notes"
+              children={(field) => (
+                <field.TextareaField title={formatMessage({ id: "issues.issue.field.notes" })} placeholder={formatMessage({ id: "issues.issue.field.notes" })} required size="sm" autoFocus />
+              )}
+            />
+
+            <form.AppField name="private_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.issue.field.private-notes" })} />} />
+
+            <form.AppForm>
+              <form.SubmitButton children={formatMessage({ id: "issues.modal.add-issue-notes.submit" })} />
+            </form.AppForm>
+          </div>
+        </form>
+      </Modal>
+      {updateIssueMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(updateIssueMutation.error)
+              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
+              : (updateIssueMutation.error as Error).message
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default AddIssueNotesModal;
diff --git a/src/components/issue/CreateIssueModal.tsx b/src/components/issue/CreateIssueModal.tsx
new file mode 100644
index 0000000..452383d
--- /dev/null
+++ b/src/components/issue/CreateIssueModal.tsx
@@ -0,0 +1,49 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { AxiosError, isAxiosError } from "axios";
+import { useIntl } from "react-intl";
+import { useRedmineApi } from "../../provider/RedmineApiProvider";
+import { TCreateIssue, TRedmineError } from "../../types/redmine";
+import Modal from "../general/Modal";
+import Toast from "../general/Toast";
+import { IssueForm } from "./form/IssueForm";
+
+type PropTypes = {
+  projectId: number;
+  onClose: () => void;
+  onSuccess: () => void;
+};
+
+const CreateIssueModal = ({ projectId, onClose, onSuccess }: PropTypes) => {
+  const { formatMessage } = useIntl();
+  const redmineApi = useRedmineApi();
+  const queryClient = useQueryClient();
+
+  const createIssueMutation = useMutation({
+    mutationFn: (issue: TCreateIssue) => redmineApi.createIssue(issue),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["issues"] });
+      onSuccess();
+    },
+  });
+
+  return (
+    <>
+      <Modal title={formatMessage({ id: "issues.modal.add-issue.title" })} onClose={onClose}>
+        <IssueForm action="create" projectId={projectId} onSubmit={(data) => createIssueMutation.mutateAsync(data)} />
+      </Modal>
+      {createIssueMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(createIssueMutation.error)
+              ? ((createIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createIssueMutation.error as AxiosError).message)
+              : (createIssueMutation.error as Error).message
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default CreateIssueModal;
diff --git a/src/components/issue/EditIssueModal.tsx b/src/components/issue/EditIssueModal.tsx
new file mode 100644
index 0000000..eba481a
--- /dev/null
+++ b/src/components/issue/EditIssueModal.tsx
@@ -0,0 +1,54 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { AxiosError, isAxiosError } from "axios";
+import { useIntl } from "react-intl";
+import useIssue from "../../hooks/useIssue";
+import { useRedmineApi } from "../../provider/RedmineApiProvider";
+import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
+import Modal from "../general/Modal";
+import Toast from "../general/Toast";
+import { IssueForm } from "./form/IssueForm";
+
+type PropTypes = {
+  issue: TIssue;
+  onClose: () => void;
+  onSuccess: () => void;
+};
+
+const EditIssueModal = ({ issue: currentIssue, onClose, onSuccess }: PropTypes) => {
+  const { formatMessage } = useIntl();
+  const redmineApi = useRedmineApi();
+  const queryClient = useQueryClient();
+
+  const issueQuery = useIssue(currentIssue.id, { staleTime: 0 });
+
+  const issue = issueQuery.data ?? currentIssue;
+
+  const updateIssueMutation = useMutation({
+    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["issues"] });
+      onSuccess();
+    },
+  });
+
+  return (
+    <>
+      <Modal title={formatMessage({ id: "issues.modal.edit-issue.title" })} onClose={onClose}>
+        <IssueForm action="edit" issue={issue} onSubmit={(data) => updateIssueMutation.mutateAsync(data)} />
+      </Modal>
+      {updateIssueMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(updateIssueMutation.error)
+              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
+              : (updateIssueMutation.error as Error).message
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default EditIssueModal;
diff --git a/src/components/issues/Filter.tsx b/src/components/issue/Filter.tsx
similarity index 100%
rename from src/components/issues/Filter.tsx
rename to src/components/issue/Filter.tsx
diff --git a/src/components/issues/Issue.tsx b/src/components/issue/Issue.tsx
similarity index 99%
rename from src/components/issues/Issue.tsx
rename to src/components/issue/Issue.tsx
index 69a214f..543debb 100644
--- a/src/components/issues/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -10,7 +10,7 @@ import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
-import Timer from "../timers/Timer";
+import Timer from "../timer/Timer";
 import IssueContextMenu from "./IssueContextMenu";
 import IssueTitle from "./IssueTitle";
 
diff --git a/src/components/issues/IssueContextMenu.tsx b/src/components/issue/IssueContextMenu.tsx
similarity index 100%
rename from src/components/issues/IssueContextMenu.tsx
rename to src/components/issue/IssueContextMenu.tsx
diff --git a/src/components/issues/IssueInfoTooltip.tsx b/src/components/issue/IssueInfoTooltip.tsx
similarity index 100%
rename from src/components/issues/IssueInfoTooltip.tsx
rename to src/components/issue/IssueInfoTooltip.tsx
diff --git a/src/components/issues/IssueTitle.tsx b/src/components/issue/IssueTitle.tsx
similarity index 100%
rename from src/components/issues/IssueTitle.tsx
rename to src/components/issue/IssueTitle.tsx
diff --git a/src/components/issues/IssuesList.tsx b/src/components/issue/IssuesList.tsx
similarity index 100%
rename from src/components/issues/IssuesList.tsx
rename to src/components/issue/IssuesList.tsx
diff --git a/src/components/issues/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
similarity index 100%
rename from src/components/issues/IssuesListSkeleton.tsx
rename to src/components/issue/IssuesListSkeleton.tsx
diff --git a/src/components/issues/Search.tsx b/src/components/issue/Search.tsx
similarity index 97%
rename from src/components/issues/Search.tsx
rename to src/components/issue/Search.tsx
index 4636092..27ab289 100644
--- a/src/components/issues/Search.tsx
+++ b/src/components/issue/Search.tsx
@@ -6,7 +6,7 @@ import useDebounce from "../../hooks/useDebounce";
 import useHotKey from "../../hooks/useHotkey";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TReference } from "../../types/redmine";
-import InputField from "../general/InputField";
+import TextInput from "../general/TextInput";
 
 export type SearchQuery = {
   searching: boolean;
@@ -77,7 +77,7 @@ const Search = ({ children, ref }: PropTypes) => {
     <>
       {isSearching && (
         <div className="relative mb-3">
-          <InputField
+          <TextInput
             ref={searchRef}
             icon={<FontAwesomeIcon icon={faSearch} />}
             type="search"
@@ -86,7 +86,6 @@ const Search = ({ children, ref }: PropTypes) => {
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             autoFocus
-            autoComplete="off"
           />
           {inProject && (
             <div className="mt-1.5 flex items-center gap-x-1.5 whitespace-nowrap">
diff --git a/src/components/issues/SpentVsEstimatedTime.tsx b/src/components/issue/SpentVsEstimatedTime.tsx
similarity index 100%
rename from src/components/issues/SpentVsEstimatedTime.tsx
rename to src/components/issue/SpentVsEstimatedTime.tsx
diff --git a/src/components/issues/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
similarity index 100%
rename from src/components/issues/VersionTooltip.tsx
rename to src/components/issue/VersionTooltip.tsx
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
new file mode 100644
index 0000000..2cf4e8f
--- /dev/null
+++ b/src/components/issue/form/IssueForm.tsx
@@ -0,0 +1,315 @@
+/* eslint-disable react/no-children-prop */
+import { parseISO } from "date-fns";
+import { FormattedMessage, useIntl } from "react-intl";
+import { z } from "zod/v4";
+import { useAppForm } from "../../../hooks/useAppForm";
+import useIssuePriorities from "../../../hooks/useIssuePriorities";
+import useIssueStatuses from "../../../hooks/useIssueStatuses";
+import useIssueTrackers from "../../../hooks/useIssueTrackers";
+import useMyUser from "../../../hooks/useMyUser";
+import useProject from "../../../hooks/useProject";
+import { TIssue } from "../../../types/redmine";
+import DismissibleWarning from "../../general/DismissableWarning";
+import IssueTitle from "../IssueTitle";
+import AssigneeField from "./fields/AssigneeField";
+import CategoryField from "./fields/CategoryField";
+import DoneRatioField from "./fields/DoneRatioField";
+import PriorityField from "./fields/PriorityField";
+import VersionField from "./fields/VersionField";
+
+type PropTypes =
+  | {
+      action: "create";
+      projectId: number;
+      onSubmit: (data: TCreateOrEditIssueForm) => Promise<void>;
+    }
+  | {
+      action: "edit";
+      issue: TIssue;
+      onSubmit: (data: TCreateOrEditIssueForm) => Promise<void>;
+    };
+
+const createOrEditIssueFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+  z
+    .object({
+      project_id: z.int(),
+      tracker_id: z.int(formatMessage({ id: "issues.issue.field.tracker.validation.required" })),
+      status_id: z.int(formatMessage({ id: "issues.issue.field.status.validation.required" })),
+      subject: z.string().nonempty(formatMessage({ id: "issues.issue.field.subject.validation.required" })),
+      description: z.string().nullish(),
+      priority_id: z.int(formatMessage({ id: "issues.issue.field.priority.validation.required" })),
+      assigned_to_id: z.int().nullish(),
+      category_id: z.int().nullish(),
+      fixed_version_id: z.int().nullish(),
+      start_date: z.date().nullish(),
+      due_date: z.date().nullish(),
+      estimated_hours: z
+        .number()
+        .min(0.01, formatMessage({ id: "issues.issue.field.estimated-hours.validation.greater-than-zero" }))
+        .nullish(),
+      done_ratio: z.int().min(0).max(100).nullish(),
+    })
+    .check((ctx) => {
+      if (ctx.value.start_date && ctx.value.due_date && ctx.value.start_date > ctx.value.due_date) {
+        ctx.issues.push({
+          code: "custom",
+          input: ctx.value.start_date,
+          path: ["due_date"],
+          message: formatMessage({ id: "issues.issue.field.due-date.validation.greater-than-start-date" }),
+        });
+      }
+    });
+
+type TCreateOrEditIssueForm = z.infer<ReturnType<typeof createOrEditIssueFormSchema>>;
+
+export const IssueForm = (props: PropTypes) => {
+  const { formatMessage } = useIntl();
+
+  const projectId = props.action === "create" ? props.projectId : props.issue.project.id;
+
+  const myUser = useMyUser();
+  const project = useProject(projectId);
+  const issueTrackers = useIssueTrackers(projectId);
+  const issuePriorities = useIssuePriorities();
+  const issueStatuses = useIssueStatuses(props.action === "edit" ? props.issue.id : 0, {
+    enabled: props.action === "edit",
+    issueStaleTime: 0,
+  });
+
+  const form = useAppForm({
+    defaultValues:
+      props.action === "create"
+        ? ({
+            project_id: projectId,
+            tracker_id: issueTrackers.defaultTracker?.id,
+            status_id: issueTrackers.defaultTracker?.default_status?.id,
+            subject: "",
+            description: undefined,
+            priority_id: issuePriorities.defaultPriority?.id,
+            assigned_to_id: myUser.data?.id,
+            category_id: undefined,
+            fixed_version_id: project.data?.default_version?.id,
+            start_date: undefined,
+            due_date: undefined,
+            estimated_hours: undefined,
+            done_ratio: 0,
+          } satisfies Partial<TCreateOrEditIssueForm> as TCreateOrEditIssueForm)
+        : ({
+            project_id: props.issue.project.id,
+            tracker_id: props.issue.tracker.id,
+            status_id: props.issue.status.id,
+            subject: props.issue.subject,
+            description: props.issue.description,
+            priority_id: props.issue.priority.id,
+            assigned_to_id: props.issue.assigned_to?.id,
+            category_id: props.issue.category?.id,
+            fixed_version_id: props.issue.fixed_version?.id,
+            start_date: props.issue.start_date ? parseISO(props.issue.start_date) : undefined,
+            due_date: props.issue.due_date ? parseISO(props.issue.due_date) : undefined,
+            estimated_hours: props.issue.estimated_hours,
+            done_ratio: props.issue.done_ratio,
+          } satisfies TCreateOrEditIssueForm as TCreateOrEditIssueForm),
+    validators: {
+      onChange: createOrEditIssueFormSchema({ formatMessage }),
+    },
+    onSubmit: async ({ value }) => {
+      await props.onSubmit(value);
+    },
+  });
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        form.handleSubmit();
+      }}
+    >
+      <form.Subscribe
+        selector={(state) => {
+          const selectedTracker = issueTrackers.data?.find((tracker) => tracker.id === state.values.tracker_id);
+          const hasTrackerNoEnabledFields = selectedTracker && selectedTracker.enabled_standard_fields === undefined;
+          return {
+            selectedTracker,
+            hasTrackerNoEnabledFields,
+          };
+        }}
+        children={({ selectedTracker, hasTrackerNoEnabledFields }) => (
+          <div className="flex flex-col gap-y-2">
+            {props.action === "edit" && <IssueTitle issue={props.issue} />}
+
+            <div className="grid grid-cols-2 gap-x-2">
+              <form.AppField
+                name="tracker_id"
+                children={(field) => (
+                  <field.SelectField
+                    title={formatMessage({ id: "issues.issue.field.tracker" })}
+                    placeholder={formatMessage({ id: "issues.issue.field.tracker" })}
+                    noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
+                    required
+                    size="sm"
+                    options={issueTrackers.data?.map((tracker) => ({
+                      label: tracker.name,
+                      value: tracker.id,
+                    }))}
+                    isLoading={issueTrackers.isLoading}
+                  />
+                )}
+                listeners={{
+                  onChange: ({ value }) => {
+                    if (props.action === "create") {
+                      const selectedTracker = issueTrackers.data?.find((tracker) => tracker.id === value);
+                      form.setFieldValue("status_id", selectedTracker?.default_status?.id ?? 0);
+                    }
+                  },
+                }}
+              />
+
+              <form.AppField
+                name="status_id"
+                children={(field) => (
+                  <field.SelectField
+                    title={formatMessage({ id: "issues.issue.field.status" })}
+                    placeholder={formatMessage({ id: "issues.issue.field.status" })}
+                    noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
+                    required
+                    isDisabled={props.action === "edit" ? props.issue.allowed_statuses?.length === 0 : true}
+                    size="sm"
+                    options={
+                      props.action === "create"
+                        ? selectedTracker?.default_status
+                          ? [
+                              {
+                                label: selectedTracker.default_status.name,
+                                value: selectedTracker.default_status.id,
+                              },
+                            ]
+                          : []
+                        : issueStatuses.data?.map((status) => ({
+                            label: status.name,
+                            value: status.id,
+                          }))
+                    }
+                  />
+                )}
+              />
+            </div>
+
+            <form.AppField
+              name="subject"
+              children={(field) => (
+                <field.TextField title={formatMessage({ id: "issues.issue.field.subject" })} placeholder={formatMessage({ id: "issues.issue.field.subject" })} required size="sm" autoFocus />
+              )}
+            />
+
+            {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("description")) && (
+              <form.AppField
+                name="description"
+                children={(field) => (
+                  <field.TextareaField title={formatMessage({ id: "issues.issue.field.description" })} placeholder={formatMessage({ id: "issues.issue.field.description" })} size="sm" rows={1} />
+                )}
+              />
+            )}
+
+            <div className="grid grid-cols-2 gap-x-2">
+              <div className="flex flex-col gap-y-2">
+                <form.AppField name="priority_id" children={() => <PriorityField required size="sm" />} />
+
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("assigned_to_id")) && (
+                  <form.AppField name="assigned_to_id" children={() => <AssigneeField projectId={projectId} size="sm" />} />
+                )}
+
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("category_id")) && (
+                  <form.AppField name="category_id" children={() => <CategoryField projectId={projectId} size="sm" />} />
+                )}
+
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("fixed_version_id")) && (
+                  <form.AppField name="fixed_version_id" children={() => <VersionField projectId={projectId} size="sm" />} />
+                )}
+              </div>
+              <div className="flex flex-col gap-y-2">
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("start_date")) && (
+                  <form.Subscribe
+                    selector={(state) => ({
+                      due_date: state.values.due_date,
+                    })}
+                    children={({ due_date }) => (
+                      <form.AppField
+                        name="start_date"
+                        children={(field) => (
+                          <field.DateField
+                            title={formatMessage({ id: "issues.issue.field.start-date" })}
+                            placeholder={formatMessage({ id: "issues.issue.field.start-date" })}
+                            size="sm"
+                            options={{
+                              maxDate: due_date ?? undefined,
+                            }}
+                          />
+                        )}
+                      />
+                    )}
+                  />
+                )}
+
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("due_date")) && (
+                  <form.Subscribe
+                    selector={(state) => ({
+                      start_date: state.values.start_date,
+                    })}
+                    children={({ start_date }) => (
+                      <form.AppField
+                        name="due_date"
+                        children={(field) => (
+                          <field.DateField
+                            title={formatMessage({ id: "issues.issue.field.due-date" })}
+                            placeholder={formatMessage({ id: "issues.issue.field.due-date" })}
+                            size="sm"
+                            options={{
+                              minDate: start_date ?? undefined,
+                            }}
+                          />
+                        )}
+                      />
+                    )}
+                  />
+                )}
+
+                {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("estimated_hours")) && (
+                  <form.AppField
+                    name="estimated_hours"
+                    children={(field) => (
+                      <field.HoursField title={formatMessage({ id: "issues.issue.field.estimated-hours" })} placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })} size="sm" />
+                    )}
+                  />
+                )}
+
+                {hasTrackerNoEnabledFields ||
+                  (selectedTracker?.enabled_standard_fields?.includes("done_ratio") && <form.AppField name="done_ratio" children={() => <DoneRatioField required size="sm" />} />)}
+              </div>
+            </div>
+
+            {props.action === "create" && issueStatuses.hasIssueNoAllowedStatuses && (
+              <DismissibleWarning name="issueNoAllowedStatuses">
+                <FormattedMessage id="issues.modal.edit-issue.issue-with-no-allowed-statuses.warning" />
+              </DismissibleWarning>
+            )}
+
+            {hasTrackerNoEnabledFields && (
+              <DismissibleWarning name="trackerNoEnabledFields">
+                <FormattedMessage id="issues.modal.add-issue.tracker-with-no-enabled-fields.warning" />
+              </DismissibleWarning>
+            )}
+
+            <DismissibleWarning name="unknownWorkflowPermissions">
+              <FormattedMessage id="issues.modal.add-issue.unknown-workflow-permissions.warning" />
+            </DismissibleWarning>
+
+            <form.AppForm>
+              <form.SubmitButton children={formatMessage({ id: props.action === "create" ? "issues.modal.add-issue.submit" : "issues.modal.edit-issue.submit" })} />
+            </form.AppForm>
+          </div>
+        )}
+      />
+    </form>
+  );
+};
diff --git a/src/components/issues/fields/ActivityField.tsx b/src/components/issue/form/fields/ActivityField.tsx
similarity index 82%
rename from src/components/issues/fields/ActivityField.tsx
rename to src/components/issue/form/fields/ActivityField.tsx
index 810be30..9edaeca 100644
--- a/src/components/issues/fields/ActivityField.tsx
+++ b/src/components/issue/form/fields/ActivityField.tsx
@@ -1,14 +1,14 @@
 import { ComponentProps, useEffect } from "react";
 import { useIntl } from "react-intl";
-import useTimeEntryActivities from "../../../hooks/useTimeEntryActivities";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useTimeEntryActivities from "../../../../hooks/useTimeEntryActivities";
+import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
   onDefaultActivityChange?: (activityId: number) => void;
 };
 
-const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   const timeEntryActivities = useTimeEntryActivities(projectId);
@@ -20,7 +20,7 @@ const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Compone
   }, [timeEntryActivities.defaultActivity, onDefaultActivityChange]);
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "time.time-entry.field.activity" })}
       placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
diff --git a/src/components/issues/fields/AssigneeField.tsx b/src/components/issue/form/fields/AssigneeField.tsx
similarity index 83%
rename from src/components/issues/fields/AssigneeField.tsx
rename to src/components/issue/form/fields/AssigneeField.tsx
index 22071a2..0a76b78 100644
--- a/src/components/issues/fields/AssigneeField.tsx
+++ b/src/components/issue/form/fields/AssigneeField.tsx
@@ -1,15 +1,15 @@
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
-import useMyUser from "../../../hooks/useMyUser";
-import useProjectUsers from "../../../hooks/useProjectUsers";
-import { getGroupedUsers } from "../../../utils/user";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useMyUser from "../../../../hooks/useMyUser";
+import useProjectUsers from "../../../../hooks/useProjectUsers";
+import { getGroupedUsers } from "../../../../utils/user";
+import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const AssigneeField = ({ projectId, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const AssigneeField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -21,7 +21,7 @@ const AssigneeField = ({ projectId, ...props }: ComponentProps<typeof ReactSelec
   const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "issues.issue.field.assignee" })}
       placeholder={formatMessage({ id: "issues.issue.field.assignee" })}
diff --git a/src/components/issues/fields/CategoryField.tsx b/src/components/issue/form/fields/CategoryField.tsx
similarity index 81%
rename from src/components/issues/fields/CategoryField.tsx
rename to src/components/issue/form/fields/CategoryField.tsx
index 6f5a504..be3fff9 100644
--- a/src/components/issues/fields/CategoryField.tsx
+++ b/src/components/issue/form/fields/CategoryField.tsx
@@ -1,13 +1,13 @@
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import useProject from "../../../hooks/useProject";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useProject from "../../../../hooks/useProject";
+import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const CategoryField = ({ projectId, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const CategoryField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   const project = useProject(projectId);
@@ -15,7 +15,7 @@ const CategoryField = ({ projectId, ...props }: ComponentProps<typeof ReactSelec
   if (project.data?.issue_categories?.length === 0) return null;
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "issues.issue.field.category" })}
       placeholder={formatMessage({ id: "issues.issue.field.category" })}
diff --git a/src/components/issues/fields/DoneRatioField.tsx b/src/components/issue/form/fields/DoneRatioField.tsx
similarity index 76%
rename from src/components/issues/fields/DoneRatioField.tsx
rename to src/components/issue/form/fields/DoneRatioField.tsx
index b46d193..b2b4fc3 100644
--- a/src/components/issues/fields/DoneRatioField.tsx
+++ b/src/components/issue/form/fields/DoneRatioField.tsx
@@ -1,13 +1,13 @@
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
 import { Props } from "react-select";
+import { SelectField } from "../../../form/SelectField";
 
-const DoneRatioField = ({ ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const DoneRatioField = ({ ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "issues.issue.field.done-ratio" })}
       placeholder={formatMessage({ id: "issues.issue.field.done-ratio" })}
diff --git a/src/components/issue/form/fields/DoneSliderField.tsx b/src/components/issue/form/fields/DoneSliderField.tsx
new file mode 100644
index 0000000..8e20c3a
--- /dev/null
+++ b/src/components/issue/form/fields/DoneSliderField.tsx
@@ -0,0 +1,27 @@
+import clsx from "clsx";
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../../../hooks/useAppForm";
+
+const DoneSliderField = ({ className, ...props }: Omit<ComponentProps<"input">, "type" | "value" | "onChange" | "onBlur" | "min" | "max" | "step">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<number>();
+
+  return (
+    <div className={clsx("relative", className)}>
+      <input
+        {...props}
+        value={state.value}
+        onChange={(e) => handleChange(e.target.valueAsNumber)}
+        onBlur={handleBlur}
+        min="0"
+        max="100"
+        step="10"
+        type="range"
+        className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus:outline-none focus:ring-2 focus:ring-primary-focus")}
+        style={{ background: `linear-gradient(90deg, #bae0ba ${state.value * 0.9 + 10}%, #eeeeee ${state.value * 0.9 + 10}%)` }}
+      />
+      <p className="pointer-events-none absolute left-1 top-1 select-none text-xs font-medium leading-none text-gray-600">{state.value}%</p>
+    </div>
+  );
+};
+
+export { DoneSliderField };
diff --git a/src/components/issues/fields/PriorityField.tsx b/src/components/issue/form/fields/PriorityField.tsx
similarity index 72%
rename from src/components/issues/fields/PriorityField.tsx
rename to src/components/issue/form/fields/PriorityField.tsx
index 348ec6a..d9a1f26 100644
--- a/src/components/issues/fields/PriorityField.tsx
+++ b/src/components/issue/form/fields/PriorityField.tsx
@@ -1,15 +1,15 @@
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import useIssuePriorities from "../../../hooks/useIssuePriorities";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useIssuePriorities from "../../../../hooks/useIssuePriorities";
+import { SelectField } from "../../../form/SelectField";
 
-const PriorityField = (props: ComponentProps<typeof ReactSelectFormik>) => {
+const PriorityField = (props: ComponentProps<typeof SelectField>) => {
   const { formatMessage } = useIntl();
 
   const issuePriorities = useIssuePriorities();
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "issues.issue.field.priority" })}
       placeholder={formatMessage({ id: "issues.issue.field.priority" })}
diff --git a/src/components/issues/fields/VersionField.tsx b/src/components/issue/form/fields/VersionField.tsx
similarity index 82%
rename from src/components/issues/fields/VersionField.tsx
rename to src/components/issue/form/fields/VersionField.tsx
index d15a8fb..af3ad60 100644
--- a/src/components/issues/fields/VersionField.tsx
+++ b/src/components/issue/form/fields/VersionField.tsx
@@ -1,13 +1,13 @@
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import useProjectVersions from "../../../hooks/useProjectVersions";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useProjectVersions from "../../../../hooks/useProjectVersions";
+import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const VersionField = ({ projectId, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const VersionField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   const projectVersions = useProjectVersions([projectId]);
@@ -15,7 +15,7 @@ const VersionField = ({ projectId, ...props }: ComponentProps<typeof ReactSelect
   if (projectVersions.data[projectId]?.length === 0) return null;
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "issues.issue.field.version" })}
       placeholder={formatMessage({ id: "issues.issue.field.version" })}
diff --git a/src/components/issues/AddIssueNotesModal.tsx b/src/components/issues/AddIssueNotesModal.tsx
deleted file mode 100644
index f3157a0..0000000
--- a/src/components/issues/AddIssueNotesModal.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import { FastField, Form, Formik, FormikProps } from "formik";
-import { useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
-import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import Button from "../general/Button";
-import LoadingSpinner from "../general/LoadingSpinner";
-import Modal from "../general/Modal";
-import TextareaField from "../general/TextareaField";
-import Toast from "../general/Toast";
-import Toggle from "../general/Toggle";
-import IssueTitle from "./IssueTitle";
-
-type PropTypes = {
-  issue: TIssue;
-  onClose: () => void;
-  onSuccess: () => void;
-};
-
-const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
-  const { formatMessage } = useIntl();
-
-  const redmineApi = useRedmineApi();
-  const queryClient = useQueryClient();
-
-  const formik = useRef<FormikProps<TUpdateIssue>>(null);
-
-  const updateIssueMutation = useMutation({
-    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["issues"] });
-      onSuccess();
-    },
-  });
-
-  return (
-    <>
-      <Modal title={formatMessage({ id: "issues.modal.add-issue-notes.title" })} onClose={onClose}>
-        <Formik<TUpdateIssue>
-          innerRef={formik}
-          initialValues={{
-            notes: "",
-            private_notes: false,
-          }}
-          validationSchema={Yup.object({
-            notes: Yup.string().required(formatMessage({ id: "issues.issue.field.notes.validation.required" })),
-            private_notes: Yup.boolean(),
-          })}
-          onSubmit={async (values, { setSubmitting }) => {
-            await updateIssueMutation.mutateAsync(values);
-            setSubmitting(false);
-          }}
-        >
-          {({ isSubmitting, touched, errors }) => {
-            return (
-              <Form>
-                <div className="flex flex-col gap-y-2">
-                  <IssueTitle issue={issue} />
-
-                  <FastField
-                    type="textarea"
-                    name="notes"
-                    placeholder={formatMessage({ id: "issues.issue.field.notes" })}
-                    as={TextareaField}
-                    size="sm"
-                    error={touched.notes && errors.notes}
-                    autoFocus
-                  />
-
-                  <FastField type="checkbox" name="private_notes" title={formatMessage({ id: "issues.issue.field.private-notes" })} as={Toggle} error={touched.private_notes && errors.private_notes} />
-
-                  <Button type="submit" disabled={isSubmitting} className="flex items-center justify-center gap-x-2">
-                    <FormattedMessage id="issues.modal.add-issue-notes.submit" />
-                    {isSubmitting && <LoadingSpinner />}
-                  </Button>
-                </div>
-              </Form>
-            );
-          }}
-        </Formik>
-      </Modal>
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
-    </>
-  );
-};
-
-export default AddIssueNotesModal;
diff --git a/src/components/issues/CreateIssueModal.tsx b/src/components/issues/CreateIssueModal.tsx
deleted file mode 100644
index 4f8ed96..0000000
--- a/src/components/issues/CreateIssueModal.tsx
+++ /dev/null
@@ -1,327 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import { FastField, Field, Form, Formik, FormikProps } from "formik";
-import { useEffect, useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
-import useIssuePriorities from "../../hooks/useIssuePriorities";
-import useIssueTrackers from "../../hooks/useIssueTrackers";
-import useMyUser from "../../hooks/useMyUser";
-import useProject from "../../hooks/useProject";
-import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TCreateIssue, TRedmineError } from "../../types/redmine";
-import Button from "../general/Button";
-import DateField, { shouldUpdate as shouldUpdateDateField } from "../general/DateField";
-import DismissibleWarning from "../general/DismissableWarning";
-import InputField from "../general/InputField";
-import LoadingSpinner from "../general/LoadingSpinner";
-import Modal from "../general/Modal";
-import ReactSelectFormik, { shouldUpdate as shouldUpdateReactSelect } from "../general/ReactSelectFormik";
-import TextareaField from "../general/TextareaField";
-import TimeField from "../general/TimeField";
-import Toast from "../general/Toast";
-import AssigneeField from "./fields/AssigneeField";
-import CategoryField from "./fields/CategoryField";
-import DoneRatioField from "./fields/DoneRatioField";
-import PriorityField from "./fields/PriorityField";
-import VersionField from "./fields/VersionField";
-
-type PropTypes = {
-  projectId: number;
-  onClose: () => void;
-  onSuccess: () => void;
-};
-
-const CreateIssueModal = ({ projectId, onClose, onSuccess }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-  const redmineApi = useRedmineApi();
-  const queryClient = useQueryClient();
-
-  const formik = useRef<FormikProps<TCreateIssue>>(null);
-
-  const myUser = useMyUser();
-  const project = useProject(projectId);
-  const issueTrackers = useIssueTrackers(projectId);
-  const issuePriorities = useIssuePriorities();
-
-  useEffect(() => {
-    formik.current?.setFieldValue("tracker_id", issueTrackers.defaultTracker?.id);
-  }, [issueTrackers.defaultTracker]);
-
-  useEffect(() => {
-    formik.current?.setFieldValue("priority_id", issuePriorities.defaultPriority?.id);
-  }, [issuePriorities.defaultPriority]);
-
-  useEffect(() => {
-    formik.current?.setFieldValue("assigned_to_id", myUser.data?.id);
-  }, [myUser.data?.id]);
-
-  useEffect(() => {
-    formik.current?.setFieldValue("fixed_version_id", project.data?.default_version?.id);
-  }, [project.data?.default_version?.id]);
-
-  const createIssueMutation = useMutation({
-    mutationFn: (issue: TCreateIssue) => redmineApi.createIssue(issue),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["issues"] });
-      onSuccess();
-    },
-  });
-
-  return (
-    <>
-      <Modal title={formatMessage({ id: "issues.modal.add-issue.title" })} onClose={onClose}>
-        <Formik<TCreateIssue>
-          innerRef={formik}
-          initialValues={
-            {
-              project_id: projectId,
-            } satisfies Partial<TCreateIssue> as TCreateIssue
-          }
-          validationSchema={Yup.object({
-            tracker_id: Yup.number().required(formatMessage({ id: "issues.issue.field.tracker.validation.required" })),
-            status_id: Yup.number().required(formatMessage({ id: "issues.issue.field.status.validation.required" })),
-            subject: Yup.string().required(formatMessage({ id: "issues.issue.field.subject.validation.required" })),
-            description: Yup.string(),
-            priority_id: Yup.number().required(formatMessage({ id: "issues.issue.field.priority.validation.required" })),
-            assigned_to_id: Yup.number().nullable(),
-            category_id: Yup.number().nullable(),
-            fixed_version_id: Yup.number().nullable(),
-            start_date: Yup.date().nullable(),
-            due_date: Yup.date()
-              .nullable()
-              .when("start_date", ([start_date], schema) => (start_date ? schema.min(start_date, formatMessage({ id: "issues.issue.field.due-date.validation.greater-than-start-date" })) : schema)),
-            estimated_hours: Yup.number()
-              .nullable()
-              .min(0.01, formatMessage({ id: "issues.issue.field.estimated-hours.validation.greater-than-zero" })),
-            done_ratio: Yup.number().nullable().min(0).max(100),
-          })}
-          onSubmit={async (values, { setSubmitting }) => {
-            await createIssueMutation.mutateAsync(values);
-            setSubmitting(false);
-          }}
-        >
-          {({ isSubmitting, values, touched, errors, setFieldValue }) => {
-            const selectedTracker = issueTrackers.data?.find((tracker) => tracker.id === values.tracker_id);
-            const hasTrackerNoEnabledFields = selectedTracker && selectedTracker.enabled_standard_fields === undefined;
-            if (selectedTracker && values.status_id !== selectedTracker.default_status?.id) {
-              setFieldValue("status_id", selectedTracker.default_status?.id);
-            }
-            return (
-              <Form>
-                <div className="flex flex-col gap-y-2">
-                  <div className="grid grid-cols-2 gap-x-2">
-                    <Field
-                      type="select"
-                      name="tracker_id"
-                      title={formatMessage({ id: "issues.issue.field.tracker" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.tracker" })}
-                      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-                      error={touched.tracker_id && errors.tracker_id}
-                      required
-                      as={ReactSelectFormik}
-                      size="sm"
-                      options={issueTrackers.data?.map((tracker) => ({
-                        label: tracker.name,
-                        value: tracker.id,
-                      }))}
-                      isLoading={issueTrackers.isLoading}
-                      shouldUpdate={shouldUpdateReactSelect}
-                    />
-
-                    <FastField
-                      type="select"
-                      name="status_id"
-                      title={formatMessage({ id: "issues.issue.field.status" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.status" })}
-                      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-                      error={touched.status_id && errors.status_id}
-                      required
-                      isDisabled
-                      as={ReactSelectFormik}
-                      size="sm"
-                      options={
-                        selectedTracker?.default_status
-                          ? [
-                              {
-                                label: selectedTracker.default_status.name,
-                                value: selectedTracker.default_status.id,
-                              },
-                            ]
-                          : []
-                      }
-                      shouldUpdate={shouldUpdateReactSelect}
-                    />
-                  </div>
-
-                  <FastField
-                    type="text"
-                    name="subject"
-                    title={formatMessage({ id: "issues.issue.field.subject" })}
-                    placeholder={formatMessage({ id: "issues.issue.field.subject" })}
-                    error={touched.subject && errors.subject}
-                    required
-                    as={InputField}
-                    size="sm"
-                    autoFocus
-                  />
-
-                  {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("description")) && (
-                    <FastField
-                      type="textarea"
-                      name="description"
-                      title={formatMessage({ id: "issues.issue.field.description" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.description" })}
-                      error={touched.description && errors.description}
-                      as={TextareaField}
-                      size="sm"
-                      rows={1}
-                    />
-                  )}
-
-                  <div className="grid grid-cols-2 gap-x-2">
-                    <div className="flex flex-col gap-y-2">
-                      <FastField type="select" name="priority_id" error={touched.priority_id && errors.priority_id} required as={PriorityField} size="sm" shouldUpdate={shouldUpdateReactSelect} />
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("assigned_to_id")) && (
-                        <FastField
-                          type="select"
-                          name="assigned_to_id"
-                          error={touched.assigned_to_id && errors.assigned_to_id}
-                          as={AssigneeField}
-                          size="sm"
-                          projectId={projectId}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("category_id")) && (
-                        <FastField
-                          type="select"
-                          name="category_id"
-                          error={touched.category_id && errors.category_id}
-                          as={CategoryField}
-                          size="sm"
-                          projectId={projectId}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("fixed_version_id")) && (
-                        <FastField
-                          type="select"
-                          name="fixed_version_id"
-                          error={touched.fixed_version_id && errors.fixed_version_id}
-                          as={VersionField}
-                          size="sm"
-                          projectId={projectId}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-                    </div>
-                    <div className="flex flex-col gap-y-2">
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("start_date")) && (
-                        <FastField
-                          type="date"
-                          name="start_date"
-                          title={formatMessage({ id: "issues.issue.field.start-date" })}
-                          placeholder={formatMessage({ id: "issues.issue.field.start-date" })}
-                          error={touched.start_date && errors.start_date}
-                          as={DateField}
-                          size="sm"
-                          options={{
-                            maxDate: values.due_date,
-                          }}
-                          shouldUpdate={shouldUpdateDateField}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("due_date")) && (
-                        <FastField
-                          type="date"
-                          name="due_date"
-                          title={formatMessage({ id: "issues.issue.field.due-date" })}
-                          placeholder={formatMessage({ id: "issues.issue.field.due-date" })}
-                          error={touched.due_date && errors.due_date}
-                          as={DateField}
-                          size="sm"
-                          options={{
-                            minDate: values.start_date,
-                          }}
-                          shouldUpdate={shouldUpdateDateField}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("estimated_hours")) &&
-                        (settings.style.timeFormat === "decimal" ? (
-                          <FastField
-                            type="number"
-                            name="estimated_hours"
-                            title={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            error={touched.estimated_hours && errors.estimated_hours}
-                            min="0"
-                            step="0.01"
-                            as={InputField}
-                            size="sm"
-                            inputClassName="appearance-none"
-                            autoComplete="off"
-                          />
-                        ) : (
-                          <FastField
-                            type="number"
-                            name="estimated_hours"
-                            title={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            error={touched.estimated_hours && errors.estimated_hours}
-                            as={TimeField}
-                            size="sm"
-                            autoComplete="off"
-                          />
-                        ))}
-
-                      {hasTrackerNoEnabledFields ||
-                        (selectedTracker?.enabled_standard_fields?.includes("done_ratio") && (
-                          <FastField type="select" name="done_ratio" error={touched.done_ratio && errors.done_ratio} as={DoneRatioField} size="sm" />
-                        ))}
-                    </div>
-                  </div>
-
-                  {hasTrackerNoEnabledFields && (
-                    <DismissibleWarning name="trackerNoEnabledFields">
-                      <FormattedMessage id="issues.modal.add-issue.tracker-with-no-enabled-fields.warning" />
-                    </DismissibleWarning>
-                  )}
-
-                  <DismissibleWarning name="unknownWorkflowPermissions">
-                    <FormattedMessage id="issues.modal.add-issue.unknown-workflow-permissions.warning" />
-                  </DismissibleWarning>
-
-                  <Button type="submit" disabled={isSubmitting} className="flex items-center justify-center gap-x-2">
-                    <FormattedMessage id="issues.modal.add-issue.submit" />
-                    {isSubmitting && <LoadingSpinner />}
-                  </Button>
-                </div>
-              </Form>
-            );
-          }}
-        </Formik>
-      </Modal>
-      {createIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(createIssueMutation.error)
-              ? ((createIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createIssueMutation.error as AxiosError).message)
-              : (createIssueMutation.error as Error).message
-          }
-        />
-      )}
-    </>
-  );
-};
-
-export default CreateIssueModal;
diff --git a/src/components/issues/CreateTimeEntryModal.tsx b/src/components/issues/CreateTimeEntryModal.tsx
deleted file mode 100644
index e2e973c..0000000
--- a/src/components/issues/CreateTimeEntryModal.tsx
+++ /dev/null
@@ -1,341 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import { startOfDay } from "date-fns";
-import { FastField, Form, Formik, FormikProps } from "formik";
-import { useEffect, useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
-import useCachedComments from "../../hooks/useCachedComments";
-import useMyProjectRoles from "../../hooks/useMyProjectRoles";
-import useMyUser from "../../hooks/useMyUser";
-import useProject from "../../hooks/useProject";
-import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TCreateTimeEntry, TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import { clsxm } from "../../utils/clsxm";
-import { formatHoursUsually } from "../../utils/date";
-import Button from "../general/Button";
-import DateField from "../general/DateField";
-import Fieldset from "../general/Fieldset";
-import InputField from "../general/InputField";
-import LoadingSpinner from "../general/LoadingSpinner";
-import Modal from "../general/Modal";
-import { shouldUpdate as shouldUpdateReactSelect } from "../general/ReactSelectFormik";
-import TextareaField from "../general/TextareaField";
-import TimeField from "../general/TimeField";
-import Toast from "../general/Toast";
-import Toggle from "../general/Toggle";
-import TimeEntryPreview from "../time/TimeEntryPreview";
-import DoneSlider from "./DoneSlider";
-import ActivityField from "./fields/ActivityField";
-import TimeEntryUsersField from "./fields/TimeEntryUsersField";
-import IssueTitle from "./IssueTitle";
-import SpentVsEstimatedTime from "./SpentVsEstimatedTime";
-
-type PropTypes = {
-  issue: TIssue;
-  initialValues?: Partial<TCreateTimeEntryForm>;
-  onClose: () => void;
-  onSuccess: () => void;
-};
-
-type TCreateTimeEntryForm = Omit<TCreateTimeEntry, "user_id"> &
-  Pick<TUpdateIssue, "done_ratio" | "notes"> & {
-    user_id?: number[];
-    add_notes?: boolean;
-  };
-
-const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-  const redmineApi = useRedmineApi();
-  const queryClient = useQueryClient();
-
-  const formik = useRef<FormikProps<TCreateTimeEntryForm>>(null);
-
-  const myUser = useMyUser();
-  const project = useProject(issue.project.id);
-  const projectRoles = useMyProjectRoles([issue.project.id], project.data ? [project.data] : undefined);
-
-  useEffect(() => {
-    if (myUser.data?.id) {
-      formik.current?.setFieldValue("user_id", [myUser.data.id]);
-    }
-  }, [myUser.data?.id]);
-
-  const cachedComments = useCachedComments({
-    identifier: issue.id,
-    enabled: settings.features.cacheComments,
-    onLoad: (comment) => {
-      formik.current?.setFieldValue("comments", comment);
-    },
-  });
-
-  const createTimeEntryMutation = useMutation({
-    mutationFn: (entry: TCreateTimeEntry) => redmineApi.createTimeEntry(entry),
-    onSuccess: (_, entry) => {
-      // if entry created for me => invalidate query
-      if (!entry.user_id || entry.user_id === myUser.data?.id) {
-        queryClient.invalidateQueries({
-          queryKey: ["timeEntries"],
-        });
-      }
-    },
-  });
-
-  const updateIssueMutation = useMutation({
-    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["issues"] });
-    },
-  });
-
-  return (
-    <>
-      <Modal
-        title={formatMessage({ id: "issues.modal.add-spent-time.title" })}
-        onClose={() => {
-          // if comment exist => save/update comment
-          const comment = formik.current?.values.comments;
-          if (cachedComments.isEnabled && comment) {
-            cachedComments.saveComment(comment);
-          }
-
-          onClose();
-        }}
-      >
-        <Formik<TCreateTimeEntryForm>
-          innerRef={formik}
-          initialValues={
-            {
-              issue_id: issue.id,
-              done_ratio: 0,
-              hours: 0,
-              spent_on: new Date(),
-              user_id: undefined,
-              comments: "",
-              activity_id: undefined,
-              add_notes: false,
-              notes: "",
-              ...initialValues,
-            } satisfies Partial<TCreateTimeEntryForm> as unknown as TCreateTimeEntryForm
-          }
-          validationSchema={Yup.object({
-            issue_id: Yup.number(),
-            done_ratio: Yup.number().min(0).max(100),
-            hours: Yup.number()
-              .required(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
-              .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
-              .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
-            spent_on: Yup.date()
-              .required(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" }))
-              .max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
-            user_id: Yup.array(Yup.number()),
-            comments: Yup.string(),
-            activity_id: Yup.number().required(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
-            add_notes: Yup.boolean(),
-            notes: Yup.string(),
-          })}
-          onSubmit={async (originalValues, { setSubmitting }) => {
-            const { done_ratio, add_notes, notes, ...values } = { ...originalValues };
-
-            // Update issue done_ratio and notes
-            const updatedDoneRatio = done_ratio && done_ratio !== issue.done_ratio ? done_ratio : undefined;
-            const addNotes = add_notes && notes ? notes : undefined;
-            if (updatedDoneRatio || addNotes) {
-              await updateIssueMutation.mutateAsync({
-                done_ratio: updatedDoneRatio,
-                notes: addNotes,
-              });
-            }
-
-            // Create time entry
-            if (values.user_id && Array.isArray(values.user_id) && values.user_id.length > 0) {
-              // create for multiple users
-              for (const userId of values.user_id) {
-                await createTimeEntryMutation.mutateAsync({ ...values, user_id: userId });
-              }
-            } else {
-              // create for me
-              await createTimeEntryMutation.mutateAsync({ ...values, user_id: undefined as never });
-            }
-
-            setSubmitting(false);
-
-            if (!createTimeEntryMutation.isError) {
-              // if has cached comment => remove it
-              if (cachedComments.isEnabled && cachedComments.isCached) {
-                cachedComments.removeComment();
-              }
-
-              onSuccess();
-            }
-          }}
-        >
-          {({ isSubmitting, touched, errors, values, setFieldValue }) => (
-            <Form>
-              <div className="flex flex-col gap-y-2">
-                <IssueTitle issue={issue} />
-
-                <div className="flex justify-between gap-x-3">
-                  <FastField type="range" name="done_ratio" as={DoneSlider} className="mb-1" />
-
-                  <SpentVsEstimatedTime issue={issue} previewHours={values.hours ? values.hours : 0} />
-                </div>
-
-                {values.spent_on && <TimeEntryPreview date={startOfDay(values.spent_on)} previewHours={values.hours ? values.hours : 0} />}
-
-                <Fieldset className="flex flex-col gap-y-2">
-                  <div
-                    className={clsxm("grid grid-cols-4 gap-x-2", {
-                      "grid-cols-5": settings.style.timeFormat === "decimal",
-                    })}
-                  >
-                    {settings.style.timeFormat === "decimal" ? (
-                      <FastField
-                        type="number"
-                        name="hours"
-                        title={formatMessage({ id: "time.time-entry.field.hours" })}
-                        placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                        error={touched.hours && errors.hours}
-                        min="0"
-                        step="0.01"
-                        max="24"
-                        required
-                        as={InputField}
-                        size="sm"
-                        inputClassName="appearance-none"
-                        extraText={
-                          values.hours >= 0 && values.hours <= 24
-                            ? formatMessage(
-                                { id: "format.hours" },
-                                {
-                                  hours: formatHoursUsually(values.hours),
-                                }
-                              )
-                            : undefined
-                        }
-                        autoComplete="off"
-                        className="col-span-3"
-                        autoFocus={values.hours === 0}
-                      />
-                    ) : (
-                      <FastField
-                        type="number"
-                        name="hours"
-                        title={formatMessage({ id: "time.time-entry.field.hours" })}
-                        placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                        error={touched.hours && errors.hours}
-                        required
-                        as={TimeField}
-                        size="sm"
-                        autoComplete="off"
-                        className="col-span-2"
-                        autoFocus={values.hours === 0}
-                      />
-                    )}
-
-                    <FastField
-                      type="date"
-                      name="spent_on"
-                      title={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                      placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                      error={touched.spent_on && errors.spent_on}
-                      required
-                      as={DateField}
-                      size="sm"
-                      options={{
-                        maxDate: new Date(),
-                      }}
-                      className="col-span-2"
-                    />
-                  </div>
-
-                  {projectRoles.hasProjectPermission(issue.project.id, "log_time_for_other_users") && (
-                    <FastField
-                      type="select"
-                      name="user_id"
-                      error={touched.user_id && errors.user_id}
-                      as={TimeEntryUsersField}
-                      projectId={issue.project.id}
-                      size="sm"
-                      isMulti
-                      closeMenuOnSelect={false}
-                      shouldUpdate={shouldUpdateReactSelect}
-                    />
-                  )}
-
-                  <FastField
-                    type="text"
-                    name="comments"
-                    title={formatMessage({ id: "time.time-entry.field.comments" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.comments" })}
-                    error={touched.comments && errors.comments}
-                    as={InputField}
-                    size="sm"
-                    autoFocus={values.hours > 0}
-                  />
-
-                  <FastField
-                    type="select"
-                    name="activity_id"
-                    error={touched.activity_id && errors.activity_id}
-                    required
-                    as={ActivityField}
-                    projectId={issue.project.id}
-                    onDefaultActivityChange={(activityId: number) => setFieldValue("activity_id", activityId)}
-                    size="sm"
-                    shouldUpdate={shouldUpdateReactSelect}
-                  />
-                </Fieldset>
-
-                {settings.features.addNotes &&
-                  projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") &&
-                  (!values.add_notes ? (
-                    <FastField type="checkbox" name="add_notes" title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} as={Toggle} error={touched.add_notes && errors.add_notes} />
-                  ) : (
-                    <Fieldset legend={formatMessage({ id: "issues.issue.field.notes" })} className="flex flex-col gap-y-2">
-                      <FastField type="checkbox" name="add_notes" title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} as={Toggle} error={touched.add_notes && errors.add_notes} />
-
-                      {values.add_notes && (
-                        <FastField type="textarea" name="notes" placeholder={formatMessage({ id: "issues.issue.field.notes" })} as={TextareaField} size="sm" error={touched.notes && errors.notes} />
-                      )}
-                    </Fieldset>
-                  ))}
-
-                <Button type="submit" disabled={isSubmitting} className="flex items-center justify-center gap-x-2">
-                  <FormattedMessage id="issues.modal.add-spent-time.submit" />
-                  {isSubmitting && <LoadingSpinner />}
-                </Button>
-              </div>
-            </Form>
-          )}
-        </Formik>
-      </Modal>
-      {createTimeEntryMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(createTimeEntryMutation.error)
-              ? ((createTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createTimeEntryMutation.error as AxiosError).message)
-              : (createTimeEntryMutation.error as Error).message
-          }
-        />
-      )}
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
-    </>
-  );
-};
-
-export default CreateTimeEntryModal;
diff --git a/src/components/issues/DoneSlider.tsx b/src/components/issues/DoneSlider.tsx
deleted file mode 100644
index ab860e7..0000000
--- a/src/components/issues/DoneSlider.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import clsx from "clsx";
-
-interface PropTypes extends Omit<React.ComponentProps<"input">, "value"> {
-  value: number;
-}
-const DoneSlider = ({ value, className, ...props }: PropTypes) => {
-  return (
-    <div className={clsx("relative", className)}>
-      <input
-        {...props}
-        value={value}
-        min="0"
-        max="100"
-        step="10"
-        type="range"
-        className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus:outline-none focus:ring-2 focus:ring-primary-focus")}
-        style={{ background: `linear-gradient(90deg, #bae0ba ${value * 0.9 + 10}%, #eeeeee ${value * 0.9 + 10}%)` }}
-      />
-      <p className="pointer-events-none absolute left-1 top-1 select-none text-xs font-medium leading-none text-gray-600">{value}%</p>
-    </div>
-  );
-};
-
-export default DoneSlider;
diff --git a/src/components/issues/EditIssueModal.tsx b/src/components/issues/EditIssueModal.tsx
deleted file mode 100644
index 50e5dff..0000000
--- a/src/components/issues/EditIssueModal.tsx
+++ /dev/null
@@ -1,345 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import { parseISO } from "date-fns";
-import { FastField, Field, Form, Formik, FormikProps } from "formik";
-import { useEffect, useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
-import useIssue from "../../hooks/useIssue";
-import useIssueStatuses from "../../hooks/useIssueStatuses";
-import useIssueTrackers from "../../hooks/useIssueTrackers";
-import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TCreateIssue, TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import Button from "../general/Button";
-import DateField, { shouldUpdate as shouldUpdateDateField } from "../general/DateField";
-import DismissibleWarning from "../general/DismissableWarning";
-import InputField from "../general/InputField";
-import LoadingSpinner from "../general/LoadingSpinner";
-import Modal from "../general/Modal";
-import ReactSelectFormik, { shouldUpdate as shouldUpdateReactSelect } from "../general/ReactSelectFormik";
-import TextareaField from "../general/TextareaField";
-import TimeField from "../general/TimeField";
-import Toast from "../general/Toast";
-import AssigneeField from "./fields/AssigneeField";
-import CategoryField from "./fields/CategoryField";
-import DoneRatioField from "./fields/DoneRatioField";
-import PriorityField from "./fields/PriorityField";
-import VersionField from "./fields/VersionField";
-import IssueTitle from "./IssueTitle";
-
-type PropTypes = {
-  issue: TIssue;
-  onClose: () => void;
-  onSuccess: () => void;
-};
-
-const EditIssueModal = ({ issue: currentIssue, onClose, onSuccess }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-  const redmineApi = useRedmineApi();
-  const queryClient = useQueryClient();
-
-  const formik = useRef<FormikProps<TUpdateIssue>>(null);
-
-  const issueQuery = useIssue(currentIssue.id, { staleTime: 0 });
-  const issueTrackers = useIssueTrackers(currentIssue.project.id);
-  const issueStatuses = useIssueStatuses(currentIssue.id, {
-    issueStaleTime: 0,
-  });
-
-  const issue = issueQuery.data ?? currentIssue;
-
-  useEffect(() => {
-    if (!issue) return;
-    formik.current?.setValues(
-      {
-        tracker_id: issue.tracker.id,
-        status_id: issue.status.id,
-        subject: issue.subject,
-        description: issue.description,
-        priority_id: issue.priority.id,
-        assigned_to_id: issue.assigned_to?.id,
-        category_id: issue.category?.id,
-        fixed_version_id: issue.fixed_version?.id,
-        start_date: issue.start_date ? parseISO(issue.start_date) : undefined,
-        due_date: issue.due_date ? parseISO(issue.due_date) : undefined,
-        estimated_hours: issue.estimated_hours,
-        done_ratio: issue.done_ratio,
-      },
-      false
-    );
-  }, [issue]);
-
-  const updateIssueMutation = useMutation({
-    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["issues"] });
-      onSuccess();
-    },
-  });
-
-  return (
-    <>
-      <Modal title={formatMessage({ id: "issues.modal.edit-issue.title" })} onClose={onClose}>
-        <Formik<TUpdateIssue>
-          innerRef={formik}
-          initialValues={{
-            tracker_id: issue.tracker.id,
-            status_id: issue.status.id,
-            subject: issue.subject,
-            description: issue.description,
-            priority_id: issue.priority.id,
-            assigned_to_id: issue.assigned_to?.id,
-            category_id: issue.category?.id,
-            fixed_version_id: issue.fixed_version?.id,
-            start_date: issue.start_date ? parseISO(issue.start_date) : undefined,
-            due_date: issue.due_date ? parseISO(issue.due_date) : undefined,
-            estimated_hours: issue.estimated_hours,
-            done_ratio: issue.done_ratio,
-          }}
-          validationSchema={Yup.object({
-            tracker_id: Yup.number().required(formatMessage({ id: "issues.issue.field.tracker.validation.required" })),
-            status_id: Yup.number().required(formatMessage({ id: "issues.issue.field.status.validation.required" })),
-            subject: Yup.string().required(formatMessage({ id: "issues.issue.field.subject.validation.required" })),
-            description: Yup.string().nullable(),
-            priority_id: Yup.number().required(formatMessage({ id: "issues.issue.field.priority.validation.required" })),
-            assigned_to_id: Yup.number().nullable(),
-            category_id: Yup.number().nullable(),
-            fixed_version_id: Yup.number().nullable(),
-            start_date: Yup.date().nullable(),
-            due_date: Yup.date()
-              .nullable()
-              .when("start_date", ([start_date], schema) => (start_date ? schema.min(start_date, formatMessage({ id: "issues.issue.field.due-date.validation.greater-than-start-date" })) : schema)),
-            estimated_hours: Yup.number()
-              .nullable()
-              .min(0.01, formatMessage({ id: "issues.issue.field.estimated-hours.validation.greater-than-zero" })),
-            done_ratio: Yup.number().nullable().min(0).max(100),
-          })}
-          onSubmit={async (values, { setSubmitting }) => {
-            await updateIssueMutation.mutateAsync(values as unknown as TCreateIssue);
-            setSubmitting(false);
-          }}
-        >
-          {({ isSubmitting, values, touched, errors }) => {
-            const selectedTracker = issueTrackers.data?.find((tracker) => tracker.id === values.tracker_id);
-            const hasTrackerNoEnabledFields = selectedTracker && selectedTracker.enabled_standard_fields === undefined;
-            return (
-              <Form>
-                <div className="flex flex-col gap-y-2">
-                  <IssueTitle issue={issue} />
-
-                  <div className="grid grid-cols-2 gap-x-2">
-                    <Field
-                      type="select"
-                      name="tracker_id"
-                      title={formatMessage({ id: "issues.issue.field.tracker" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.tracker" })}
-                      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-                      error={touched.tracker_id && errors.tracker_id}
-                      required
-                      as={ReactSelectFormik}
-                      size="sm"
-                      options={issueTrackers.data?.map((tracker) => ({
-                        label: tracker.name,
-                        value: tracker.id,
-                      }))}
-                      isLoading={issueTrackers.isLoading}
-                      shouldUpdate={shouldUpdateReactSelect}
-                    />
-
-                    <FastField
-                      type="select"
-                      name="status_id"
-                      title={formatMessage({ id: "issues.issue.field.status" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.status" })}
-                      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-                      error={touched.status_id && errors.status_id}
-                      required
-                      isDisabled={issue.allowed_statuses?.length === 0}
-                      as={ReactSelectFormik}
-                      size="sm"
-                      options={issueStatuses.data?.map((status) => ({
-                        label: status.name,
-                        value: status.id,
-                      }))}
-                      isLoading={issueQuery.isLoading || issueStatuses.isLoading}
-                      shouldUpdate={shouldUpdateReactSelect}
-                    />
-                  </div>
-
-                  <FastField
-                    type="text"
-                    name="subject"
-                    title={formatMessage({ id: "issues.issue.field.subject" })}
-                    placeholder={formatMessage({ id: "issues.issue.field.subject" })}
-                    error={touched.subject && errors.subject}
-                    required
-                    as={InputField}
-                    size="sm"
-                    autoFocus
-                  />
-
-                  {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("description")) && (
-                    <FastField
-                      type="textarea"
-                      name="description"
-                      title={formatMessage({ id: "issues.issue.field.description" })}
-                      placeholder={formatMessage({ id: "issues.issue.field.description" })}
-                      error={touched.description && errors.description}
-                      as={TextareaField}
-                      size="sm"
-                      rows={1}
-                    />
-                  )}
-
-                  <div className="grid grid-cols-2 gap-x-2">
-                    <div className="flex flex-col gap-y-2">
-                      <FastField type="select" name="priority_id" error={touched.priority_id && errors.priority_id} required as={PriorityField} size="sm" shouldUpdate={shouldUpdateReactSelect} />
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("assigned_to_id")) && (
-                        <FastField
-                          type="select"
-                          name="assigned_to_id"
-                          error={touched.assigned_to_id && errors.assigned_to_id}
-                          as={AssigneeField}
-                          size="sm"
-                          projectId={issue.project.id}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("category_id")) && (
-                        <FastField
-                          type="select"
-                          name="category_id"
-                          error={touched.category_id && errors.category_id}
-                          as={CategoryField}
-                          size="sm"
-                          projectId={issue.project.id}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("fixed_version_id")) && (
-                        <FastField
-                          type="select"
-                          name="fixed_version_id"
-                          error={touched.fixed_version_id && errors.fixed_version_id}
-                          as={VersionField}
-                          size="sm"
-                          projectId={issue.project.id}
-                          shouldUpdate={shouldUpdateReactSelect}
-                        />
-                      )}
-                    </div>
-                    <div className="flex flex-col gap-y-2">
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("start_date")) && (
-                        <FastField
-                          type="date"
-                          name="start_date"
-                          title={formatMessage({ id: "issues.issue.field.start-date" })}
-                          placeholder={formatMessage({ id: "issues.issue.field.start-date" })}
-                          error={touched.start_date && errors.start_date}
-                          as={DateField}
-                          size="sm"
-                          options={{
-                            maxDate: values.due_date,
-                          }}
-                          shouldUpdate={shouldUpdateDateField}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("due_date")) && (
-                        <FastField
-                          type="date"
-                          name="due_date"
-                          title={formatMessage({ id: "issues.issue.field.due-date" })}
-                          placeholder={formatMessage({ id: "issues.issue.field.due-date" })}
-                          error={touched.due_date && errors.due_date}
-                          as={DateField}
-                          size="sm"
-                          options={{
-                            minDate: values.start_date,
-                          }}
-                          shouldUpdate={shouldUpdateDateField}
-                        />
-                      )}
-
-                      {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("estimated_hours")) &&
-                        (settings.style.timeFormat === "decimal" ? (
-                          <FastField
-                            type="number"
-                            name="estimated_hours"
-                            title={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            error={touched.estimated_hours && errors.estimated_hours}
-                            min="0"
-                            step="0.01"
-                            as={InputField}
-                            size="sm"
-                            inputClassName="appearance-none"
-                            autoComplete="off"
-                          />
-                        ) : (
-                          <FastField
-                            type="number"
-                            name="estimated_hours"
-                            title={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })}
-                            error={touched.estimated_hours && errors.estimated_hours}
-                            as={TimeField}
-                            size="sm"
-                            autoComplete="off"
-                          />
-                        ))}
-
-                      {hasTrackerNoEnabledFields ||
-                        (selectedTracker?.enabled_standard_fields?.includes("done_ratio") && (
-                          <FastField type="select" name="done_ratio" error={touched.done_ratio && errors.done_ratio} as={DoneRatioField} size="sm" />
-                        ))}
-                    </div>
-                  </div>
-
-                  {issueStatuses.hasIssueNoAllowedStatuses && (
-                    <DismissibleWarning name="issueNoAllowedStatuses">
-                      <FormattedMessage id="issues.modal.edit-issue.issue-with-no-allowed-statuses.warning" />
-                    </DismissibleWarning>
-                  )}
-
-                  {hasTrackerNoEnabledFields && (
-                    <DismissibleWarning name="trackerNoEnabledFields">
-                      <FormattedMessage id="issues.modal.add-issue.tracker-with-no-enabled-fields.warning" />
-                    </DismissibleWarning>
-                  )}
-
-                  <DismissibleWarning name="unknownWorkflowPermissions">
-                    <FormattedMessage id="issues.modal.add-issue.unknown-workflow-permissions.warning" />
-                  </DismissibleWarning>
-
-                  <Button type="submit" disabled={isSubmitting} className="flex items-center justify-center gap-x-2">
-                    <FormattedMessage id="issues.modal.edit-issue.submit" />
-                    {isSubmitting && <LoadingSpinner />}
-                  </Button>
-                </div>
-              </Form>
-            );
-          }}
-        </Formik>
-      </Modal>
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
-    </>
-  );
-};
-
-export default EditIssueModal;
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
new file mode 100644
index 0000000..3e0f559
--- /dev/null
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -0,0 +1,291 @@
+/* eslint-disable react/no-children-prop */
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { AxiosError, isAxiosError } from "axios";
+import clsx from "clsx";
+import { startOfDay } from "date-fns";
+import { useIntl } from "react-intl";
+import z from "zod/v4";
+import { useAppForm } from "../../hooks/useAppForm";
+import useCachedComments from "../../hooks/useCachedComments";
+import useMyProjectRoles from "../../hooks/useMyProjectRoles";
+import useMyUser from "../../hooks/useMyUser";
+import useProject from "../../hooks/useProject";
+import { useRedmineApi } from "../../provider/RedmineApiProvider";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TCreateTimeEntry, TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
+import Fieldset from "../general/Fieldset";
+import Modal from "../general/Modal";
+import Toast from "../general/Toast";
+import ActivityField from "../issue/form/fields/ActivityField";
+import { DoneSliderField } from "../issue/form/fields/DoneSliderField";
+import IssueTitle from "../issue/IssueTitle";
+import SpentVsEstimatedTime from "../issue/SpentVsEstimatedTime";
+import UserField from "./form/fields/UserField";
+import TimeEntryPreview from "./TimeEntryPreview";
+
+type PropTypes = {
+  issue: TIssue;
+  initialValues?: Partial<TCreateTimeEntryForm>;
+  onClose: () => void;
+  onSuccess: () => void;
+};
+
+const createTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+  z.object({
+    issue_id: z.int(),
+    user_id: z.array(z.int()).optional(),
+    hours: z
+      .number(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
+      .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
+      .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
+    spent_on: z.date(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
+    comments: z.string().optional(),
+    activity_id: z.int(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
+    done_ratio: z.number().min(0).max(100).optional(),
+    add_notes: z.boolean().optional(),
+    notes: z.string().optional(),
+  });
+
+type TCreateTimeEntryForm = z.infer<ReturnType<typeof createTimeEntryFormSchema>>;
+
+const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: PropTypes) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+  const redmineApi = useRedmineApi();
+  const queryClient = useQueryClient();
+
+  const myUser = useMyUser();
+  const project = useProject(issue.project.id);
+  const projectRoles = useMyProjectRoles([issue.project.id], project.data ? [project.data] : undefined);
+
+  const createTimeEntryMutation = useMutation({
+    mutationFn: (entry: TCreateTimeEntry) => redmineApi.createTimeEntry(entry),
+    onSuccess: (_, entry) => {
+      // if entry created for me => invalidate query
+      if (!entry.user_id || entry.user_id === myUser.data?.id) {
+        queryClient.invalidateQueries({
+          queryKey: ["timeEntries"],
+        });
+      }
+    },
+  });
+
+  const updateIssueMutation = useMutation({
+    mutationFn: (data: TUpdateIssue) => redmineApi.updateIssue(issue.id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["issues"] });
+    },
+  });
+
+  const form = useAppForm({
+    defaultValues: {
+      issue_id: issue.id,
+      user_id: myUser.data?.id ? [myUser.data.id] : undefined,
+      hours: 0,
+      spent_on: new Date(),
+      comments: undefined,
+      activity_id: undefined,
+      done_ratio: undefined,
+      add_notes: false,
+      notes: undefined,
+      ...initialValues,
+    } satisfies Partial<TCreateTimeEntryForm> as TCreateTimeEntryForm,
+    validators: {
+      onChange: createTimeEntryFormSchema({ formatMessage }),
+    },
+    onSubmit: async ({ value: originalValue }) => {
+      const { done_ratio, add_notes, notes, ...value } = { ...originalValue };
+
+      // Update issue done_ratio and notes
+      const updatedDoneRatio = done_ratio && done_ratio !== issue.done_ratio ? done_ratio : undefined;
+      const addNotes = add_notes && notes ? notes : undefined;
+      if (updatedDoneRatio || addNotes) {
+        await updateIssueMutation.mutateAsync({
+          done_ratio: updatedDoneRatio,
+          notes: addNotes,
+        });
+      }
+
+      // Create time entry
+      if (value.user_id && Array.isArray(value.user_id) && value.user_id.length > 0) {
+        // create for multiple users
+        for (const userId of value.user_id) {
+          await createTimeEntryMutation.mutateAsync({ ...value, user_id: userId });
+        }
+      } else {
+        // create for me
+        await createTimeEntryMutation.mutateAsync({ ...value, user_id: undefined as never });
+      }
+
+      if (!createTimeEntryMutation.isError) {
+        // if has cached comment => remove it
+        if (cachedComments.isEnabled && cachedComments.isCached) {
+          cachedComments.removeComment();
+        }
+
+        onSuccess();
+      }
+    },
+  });
+
+  const cachedComments = useCachedComments({
+    identifier: issue.id,
+    enabled: settings.features.cacheComments,
+    onLoad: (comment) => {
+      form.setFieldValue("comments", comment);
+    },
+  });
+
+  return (
+    <>
+      <Modal
+        title={formatMessage({ id: "issues.modal.add-spent-time.title" })}
+        onClose={() => {
+          // if comment exist => save/update comment
+          const comment = form.state.values.comments;
+          if (cachedComments.isEnabled && (comment || cachedComments.isCached)) {
+            cachedComments.saveComment(comment);
+          }
+
+          onClose();
+        }}
+      >
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            form.handleSubmit();
+          }}
+        >
+          <div className="flex flex-col gap-y-2">
+            <IssueTitle issue={issue} />
+
+            <div className="flex justify-between gap-x-3">
+              <form.AppField name="done_ratio" children={() => <DoneSliderField className="mb-1" />} />
+
+              <form.Subscribe selector={(state) => state.values.hours} children={(hours) => <SpentVsEstimatedTime issue={issue} previewHours={hours} />} />
+            </div>
+
+            <form.Subscribe
+              selector={(state) => ({
+                hours: state.values.hours,
+                spent_on: state.values.spent_on,
+              })}
+              children={({ hours, spent_on }) => <TimeEntryPreview date={startOfDay(spent_on)} previewHours={hours} />}
+            />
+
+            <Fieldset className="flex flex-col gap-y-2">
+              <div
+                className={clsx("grid gap-x-2", {
+                  "grid-cols-5": settings.style.timeFormat === "decimal",
+                  "grid-cols-4": settings.style.timeFormat === "minutes",
+                })}
+              >
+                <form.AppField
+                  name="hours"
+                  children={(field) => (
+                    <field.HoursField
+                      title={formatMessage({ id: "time.time-entry.field.hours" })}
+                      placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
+                      required
+                      size="sm"
+                      className={clsx({
+                        "col-span-3": settings.style.timeFormat === "decimal",
+                        "col-span-2": settings.style.timeFormat === "minutes",
+                      })}
+                      {...(settings.style.timeFormat === "decimal" && {
+                        max: "24",
+                      })}
+                      autoFocus={field.state.value === 0}
+                    />
+                  )}
+                />
+
+                <form.AppField
+                  name="spent_on"
+                  children={(field) => (
+                    <field.DateField
+                      title={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                      placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                      required
+                      size="sm"
+                      options={{
+                        maxDate: new Date(),
+                      }}
+                      className="col-span-2"
+                    />
+                  )}
+                />
+              </div>
+
+              {projectRoles.hasProjectPermission(issue.project.id, "log_time_for_other_users") && (
+                <form.AppField name="user_id" children={() => <UserField projectId={issue.project.id} size="sm" isMulti closeMenuOnSelect={false} />} />
+              )}
+
+              <form.AppField
+                name="comments"
+                children={(field) => (
+                  <field.TextField
+                    title={formatMessage({ id: "time.time-entry.field.comments" })}
+                    placeholder={formatMessage({ id: "time.time-entry.field.comments" })}
+                    size="sm"
+                    autoFocus={field.form.state.values.hours > 0}
+                  />
+                )}
+              />
+
+              <form.AppField
+                name="activity_id"
+                children={(field) => <ActivityField projectId={issue.project.id} onDefaultActivityChange={(activityId) => field.setValue(activityId)} required size="sm" />}
+              />
+            </Fieldset>
+
+            {settings.features.addNotes && projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
+              <form.Subscribe
+                selector={(state) => state.values.add_notes}
+                children={(add_notes) =>
+                  !add_notes ? (
+                    <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                  ) : (
+                    <Fieldset legend={formatMessage({ id: "issues.issue.field.notes" })} className="flex flex-col gap-y-2">
+                      <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                      <form.AppField name="notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} size="sm" />} />
+                    </Fieldset>
+                  )
+                }
+              />
+            )}
+
+            <form.AppForm>
+              <form.SubmitButton children={formatMessage({ id: "issues.modal.add-spent-time.submit" })} />
+            </form.AppForm>
+          </div>
+        </form>
+      </Modal>
+      {createTimeEntryMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(createTimeEntryMutation.error)
+              ? ((createTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createTimeEntryMutation.error as AxiosError).message)
+              : (createTimeEntryMutation.error as Error).message
+          }
+        />
+      )}
+      {updateIssueMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(updateIssueMutation.error)
+              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
+              : (updateIssueMutation.error as Error).message
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default CreateTimeEntryModal;
diff --git a/src/components/time-entry/EditTimeEntryModal.tsx b/src/components/time-entry/EditTimeEntryModal.tsx
new file mode 100644
index 0000000..b6fbf9c
--- /dev/null
+++ b/src/components/time-entry/EditTimeEntryModal.tsx
@@ -0,0 +1,181 @@
+/* eslint-disable react/no-children-prop */
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { AxiosError, isAxiosError } from "axios";
+import clsx from "clsx";
+import { parseISO } from "date-fns";
+import { useIntl } from "react-intl";
+import { z } from "zod/v4";
+import { useAppForm } from "../../hooks/useAppForm";
+import useIssue from "../../hooks/useIssue";
+import { useRedmineApi } from "../../provider/RedmineApiProvider";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TRedmineError, TTimeEntry, TUpdateTimeEntry } from "../../types/redmine";
+import { clsxm } from "../../utils/clsxm";
+import Modal from "../general/Modal";
+import TextInput from "../general/TextInput";
+import Toast from "../general/Toast";
+import ActivityField from "../issue/form/fields/ActivityField";
+
+type PropTypes = {
+  entry: TTimeEntry;
+  onClose: () => void;
+  onSuccess: () => void;
+};
+
+const editTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+  z.object({
+    hours: z
+      .number(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
+      .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
+      .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
+    spent_on: z.date(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
+    comments: z.string().optional(),
+    activity_id: z.int(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
+  });
+
+type TEditTimeEntryForm = z.infer<ReturnType<typeof editTimeEntryFormSchema>>;
+
+const EditTimeEntryModal = ({ entry, onClose, onSuccess }: PropTypes) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+  const redmineApi = useRedmineApi();
+  const queryClient = useQueryClient();
+
+  const issue = useIssue(entry.issue?.id ?? 0, {
+    enabled: !!entry.issue,
+  });
+
+  const updateTimeEntryMutation = useMutation({
+    mutationFn: (data: TUpdateTimeEntry) => redmineApi.updateTimeEntry(entry.id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["timeEntries"],
+      });
+    },
+  });
+
+  const form = useAppForm({
+    defaultValues: {
+      hours: entry.hours,
+      spent_on: parseISO(entry.spent_on),
+      comments: entry.comments,
+      activity_id: entry.activity.id,
+    } satisfies TEditTimeEntryForm as TEditTimeEntryForm,
+    validators: {
+      onChange: editTimeEntryFormSchema({ formatMessage }),
+    },
+    onSubmit: async ({ value }) => {
+      await updateTimeEntryMutation.mutateAsync(value);
+      if (!updateTimeEntryMutation.isError) {
+        onSuccess();
+      }
+    },
+  });
+
+  return (
+    <>
+      <Modal title={formatMessage({ id: "time.modal.edit-time-entry.title" })} onClose={onClose}>
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            form.handleSubmit();
+          }}
+        >
+          <div className="flex flex-col gap-y-2">
+            <TextInput
+              name="project_id"
+              title={formatMessage({ id: "time.time-entry.field.project" })}
+              placeholder={formatMessage({ id: "time.time-entry.field.project" })}
+              required
+              disabled
+              size="sm"
+              value={entry.project.name}
+            />
+
+            {issue.data && (
+              <TextInput
+                name="issue_id"
+                title={formatMessage({ id: "time.time-entry.field.issue" })}
+                placeholder={formatMessage({ id: "time.time-entry.field.issue" })}
+                required
+                disabled
+                size="sm"
+                value={`${issue.data.tracker.name} #${issue.data.id}: ${issue.data.subject}`}
+              />
+            )}
+
+            <div
+              className={clsxm("grid gap-x-2", {
+                "grid-cols-5": settings.style.timeFormat === "decimal",
+                "grid-cols-4": settings.style.timeFormat === "minutes",
+              })}
+            >
+              <form.AppField
+                name="hours"
+                children={(field) => (
+                  <field.HoursField
+                    title={formatMessage({ id: "time.time-entry.field.hours" })}
+                    placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
+                    required
+                    size="sm"
+                    className={clsx({
+                      "col-span-3": settings.style.timeFormat === "decimal",
+                      "col-span-2": settings.style.timeFormat === "minutes",
+                    })}
+                    {...(settings.style.timeFormat === "decimal" && {
+                      max: "24",
+                    })}
+                    autoFocus={field.state.value === 0}
+                  />
+                )}
+              />
+
+              <form.AppField
+                name="spent_on"
+                children={(field) => (
+                  <field.DateField
+                    title={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                    placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                    required
+                    size="sm"
+                    options={{
+                      maxDate: new Date(),
+                    }}
+                    className="col-span-2"
+                  />
+                )}
+              />
+            </div>
+
+            <form.AppField
+              name="comments"
+              children={(field) => (
+                <field.TextField title={formatMessage({ id: "time.time-entry.field.comments" })} placeholder={formatMessage({ id: "time.time-entry.field.comments" })} size="sm" autoFocus />
+              )}
+            />
+
+            <form.AppField name="activity_id" children={() => <ActivityField projectId={entry.project.id} required size="sm" />} />
+
+            <form.AppForm>
+              <form.SubmitButton children={formatMessage({ id: "time.modal.edit-time-entry.submit" })} />
+            </form.AppForm>
+          </div>
+        </form>
+      </Modal>
+      {updateTimeEntryMutation.isError && (
+        <Toast
+          type="error"
+          allowClose={false}
+          message={
+            isAxiosError(updateTimeEntryMutation.error)
+              ? ((updateTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateTimeEntryMutation.error as AxiosError).message)
+              : (updateTimeEntryMutation.error as Error).message
+          }
+        />
+      )}
+    </>
+  );
+};
+
+export default EditTimeEntryModal;
diff --git a/src/components/time/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
similarity index 100%
rename from src/components/time/TimeEntry.tsx
rename to src/components/time-entry/TimeEntry.tsx
diff --git a/src/components/time/TimeEntryContextMenu.tsx b/src/components/time-entry/TimeEntryContextMenu.tsx
similarity index 100%
rename from src/components/time/TimeEntryContextMenu.tsx
rename to src/components/time-entry/TimeEntryContextMenu.tsx
diff --git a/src/components/time/TimeEntryList.tsx b/src/components/time-entry/TimeEntryList.tsx
similarity index 100%
rename from src/components/time/TimeEntryList.tsx
rename to src/components/time-entry/TimeEntryList.tsx
diff --git a/src/components/time/TimeEntryListSkeleton.tsx b/src/components/time-entry/TimeEntryListSkeleton.tsx
similarity index 100%
rename from src/components/time/TimeEntryListSkeleton.tsx
rename to src/components/time-entry/TimeEntryListSkeleton.tsx
diff --git a/src/components/time/TimeEntryPreview.tsx b/src/components/time-entry/TimeEntryPreview.tsx
similarity index 100%
rename from src/components/time/TimeEntryPreview.tsx
rename to src/components/time-entry/TimeEntryPreview.tsx
diff --git a/src/components/time/TimeEntryTooltip.tsx b/src/components/time-entry/TimeEntryTooltip.tsx
similarity index 100%
rename from src/components/time/TimeEntryTooltip.tsx
rename to src/components/time-entry/TimeEntryTooltip.tsx
diff --git a/src/components/issues/fields/TimeEntryUsersField.tsx b/src/components/time-entry/form/fields/UserField.tsx
similarity index 78%
rename from src/components/issues/fields/TimeEntryUsersField.tsx
rename to src/components/time-entry/form/fields/UserField.tsx
index d7bdd35..f3acc1c 100644
--- a/src/components/issues/fields/TimeEntryUsersField.tsx
+++ b/src/components/time-entry/form/fields/UserField.tsx
@@ -1,15 +1,15 @@
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
-import useMyUser from "../../../hooks/useMyUser";
-import useProjectUsers from "../../../hooks/useProjectUsers";
-import { getGroupedUsers } from "../../../utils/user";
-import ReactSelectFormik from "../../general/ReactSelectFormik";
+import useMyUser from "../../../../hooks/useMyUser";
+import useProjectUsers from "../../../../hooks/useProjectUsers";
+import { getGroupedUsers } from "../../../../utils/user";
+import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const TimeEntryUsersField = ({ projectId, ...props }: ComponentProps<typeof ReactSelectFormik> & Props) => {
+const UserField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -21,7 +21,7 @@ const TimeEntryUsersField = ({ projectId, ...props }: ComponentProps<typeof Reac
   const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
 
   return (
-    <ReactSelectFormik
+    <SelectField
       {...props}
       title={formatMessage({ id: "time.time-entry.field.user" })}
       placeholder={formatMessage({ id: "time.time-entry.field.user" })}
@@ -50,4 +50,4 @@ const TimeEntryUsersField = ({ projectId, ...props }: ComponentProps<typeof Reac
   );
 };
 
-export default TimeEntryUsersField;
+export default UserField;
diff --git a/src/components/time/EditTimeEntryModal.tsx b/src/components/time/EditTimeEntryModal.tsx
deleted file mode 100644
index 6dec278..0000000
--- a/src/components/time/EditTimeEntryModal.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import { parseISO } from "date-fns";
-import { FastField, Form, Formik, FormikProps } from "formik";
-import { useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
-import useIssue from "../../hooks/useIssue";
-import useTimeEntryActivities from "../../hooks/useTimeEntryActivities";
-import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TRedmineError, TTimeEntry, TUpdateTimeEntry } from "../../types/redmine";
-import { clsxm } from "../../utils/clsxm";
-import { formatHoursUsually } from "../../utils/date";
-import Button from "../general/Button";
-import DateField from "../general/DateField";
-import InputField from "../general/InputField";
-import LoadingSpinner from "../general/LoadingSpinner";
-import Modal from "../general/Modal";
-import ReactSelectFormik, { shouldUpdate } from "../general/ReactSelectFormik";
-import TimeField from "../general/TimeField";
-import Toast from "../general/Toast";
-
-type PropTypes = {
-  entry: TTimeEntry;
-  onClose: () => void;
-  onSuccess: () => void;
-};
-
-type TUpdateTimeEntryForm = Required<Omit<TUpdateTimeEntry, "project_id" | "issue_id" | "user_id">>;
-
-const EditTimeEntryModal = ({ entry, onClose, onSuccess }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-  const redmineApi = useRedmineApi();
-  const queryClient = useQueryClient();
-
-  const formik = useRef<FormikProps<TUpdateTimeEntryForm>>(null);
-
-  const issue = useIssue(entry.issue?.id ?? 0, {
-    enabled: !!entry.issue,
-  });
-  const timeEntryActivities = useTimeEntryActivities(entry.project.id);
-
-  const updateTimeEntryMutation = useMutation({
-    mutationFn: (data: TUpdateTimeEntry) => redmineApi.updateTimeEntry(entry.id, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: ["timeEntries"],
-      });
-    },
-  });
-
-  return (
-    <>
-      <Modal title={formatMessage({ id: "time.modal.edit-time-entry.title" })} onClose={onClose}>
-        <Formik<TUpdateTimeEntryForm>
-          innerRef={formik}
-          initialValues={
-            {
-              hours: entry.hours,
-              spent_on: parseISO(entry.spent_on),
-              comments: entry.comments,
-              activity_id: entry.activity.id,
-            } satisfies TUpdateTimeEntryForm
-          }
-          validationSchema={Yup.object({
-            hours: Yup.number()
-              .required(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
-              .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
-              .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
-            spent_on: Yup.date()
-              .required(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" }))
-              .max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
-            comments: Yup.string(),
-            activity_id: Yup.number().required(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
-          })}
-          onSubmit={async (values, { setSubmitting }) => {
-            await updateTimeEntryMutation.mutateAsync(values);
-            setSubmitting(false);
-            if (!updateTimeEntryMutation.isError) {
-              onSuccess();
-            }
-          }}
-        >
-          {({ isSubmitting, touched, errors, values }) => (
-            <Form>
-              <div className="flex flex-col gap-y-2">
-                <InputField
-                  name="project_id"
-                  title={formatMessage({ id: "time.time-entry.field.project" })}
-                  placeholder={formatMessage({ id: "time.time-entry.field.project" })}
-                  required
-                  disabled
-                  size="sm"
-                  value={entry.project.name}
-                />
-
-                {issue.data && (
-                  <InputField
-                    name="issue_id"
-                    title={formatMessage({ id: "time.time-entry.field.issue" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.issue" })}
-                    required
-                    disabled
-                    size="sm"
-                    value={`${issue.data.tracker.name} #${issue.data.id}: ${issue.data.subject}`}
-                  />
-                )}
-
-                <div
-                  className={clsxm("grid grid-cols-4 gap-x-2", {
-                    "grid-cols-5": settings.style.timeFormat === "decimal",
-                  })}
-                >
-                  {settings.style.timeFormat === "decimal" ? (
-                    <FastField
-                      type="number"
-                      name="hours"
-                      title={formatMessage({ id: "time.time-entry.field.hours" })}
-                      placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                      error={touched.hours && errors.hours}
-                      min="0"
-                      step="0.01"
-                      max="24"
-                      required
-                      as={InputField}
-                      size="sm"
-                      inputClassName="appearance-none"
-                      extraText={
-                        values.hours >= 0 && values.hours <= 24
-                          ? formatMessage(
-                              { id: "format.hours" },
-                              {
-                                hours: formatHoursUsually(values.hours),
-                              }
-                            )
-                          : undefined
-                      }
-                      autoComplete="off"
-                      className="col-span-3"
-                    />
-                  ) : (
-                    <FastField
-                      type="number"
-                      name="hours"
-                      title={formatMessage({ id: "time.time-entry.field.hours" })}
-                      placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                      error={touched.hours && errors.hours}
-                      required
-                      as={TimeField}
-                      size="sm"
-                      autoComplete="off"
-                      className="col-span-2"
-                    />
-                  )}
-
-                  <FastField
-                    type="date"
-                    name="spent_on"
-                    title={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                    error={touched.spent_on && errors.spent_on}
-                    required
-                    as={DateField}
-                    size="sm"
-                    options={{
-                      maxDate: new Date(),
-                    }}
-                    className="col-span-2"
-                  />
-                </div>
-
-                <FastField
-                  type="text"
-                  name="comments"
-                  title={formatMessage({ id: "time.time-entry.field.comments" })}
-                  placeholder={formatMessage({ id: "time.time-entry.field.comments" })}
-                  error={touched.comments && errors.comments}
-                  as={InputField}
-                  size="sm"
-                  autoFocus
-                />
-
-                <FastField
-                  type="select"
-                  name="activity_id"
-                  title={formatMessage({ id: "time.time-entry.field.activity" })}
-                  placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
-                  noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-                  error={touched.activity_id && errors.activity_id}
-                  required
-                  as={ReactSelectFormik}
-                  size="sm"
-                  options={timeEntryActivities.data?.map((activity) => ({
-                    label: activity.name,
-                    value: activity.id,
-                  }))}
-                  isLoading={timeEntryActivities.isLoading}
-                  shouldUpdate={shouldUpdate}
-                />
-
-                <Button type="submit" disabled={isSubmitting} className="flex items-center justify-center gap-x-2">
-                  <FormattedMessage id="time.modal.edit-time-entry.submit" />
-                  {isSubmitting && <LoadingSpinner />}
-                </Button>
-              </div>
-            </Form>
-          )}
-        </Formik>
-      </Modal>
-      {updateTimeEntryMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateTimeEntryMutation.error)
-              ? ((updateTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateTimeEntryMutation.error as AxiosError).message)
-              : (updateTimeEntryMutation.error as Error).message
-          }
-        />
-      )}
-    </>
-  );
-};
-
-export default EditTimeEntryModal;
diff --git a/src/components/issues/CurrentIssueTimer.tsx b/src/components/timer/CurrentIssueTimer.tsx
similarity index 96%
rename from src/components/issues/CurrentIssueTimer.tsx
rename to src/components/timer/CurrentIssueTimer.tsx
index bbe0bba..6bfa863 100644
--- a/src/components/issues/CurrentIssueTimer.tsx
+++ b/src/components/timer/CurrentIssueTimer.tsx
@@ -2,7 +2,7 @@ import useIssue from "../../hooks/useIssue";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useRedmineUrl from "../../hooks/useRedmineUrl";
 import useTimers from "../../hooks/useTimers";
-import Timer from "../timers/Timer";
+import Timer from "../timer/Timer";
 
 type PropTypes = {
   issueId: number;
diff --git a/src/components/issues/EditTimer.tsx b/src/components/timer/EditTimer.tsx
similarity index 100%
rename from src/components/issues/EditTimer.tsx
rename to src/components/timer/EditTimer.tsx
diff --git a/src/components/timers/Timer.tsx b/src/components/timer/Timer.tsx
similarity index 98%
rename from src/components/timers/Timer.tsx
rename to src/components/timer/Timer.tsx
index 6a45ce0..dcaec3e 100644
--- a/src/components/timers/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -13,9 +13,9 @@ import { clsxm } from "../../utils/clsxm";
 import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
 import Button from "../general/Button";
 import Modal from "../general/Modal";
-import CreateTimeEntryModal from "../issues/CreateTimeEntryModal";
-import EditTimer from "../issues/EditTimer";
-import IssueTitle from "../issues/IssueTitle";
+import IssueTitle from "../issue/IssueTitle";
+import CreateTimeEntryModal from "../time-entry/CreateTimeEntryModal";
+import EditTimer from "./EditTimer";
 import TimerContextMenu from "./TimerContextMenu";
 
 type TimerWrapperPropTypes = {
diff --git a/src/components/timers/TimerContextMenu.tsx b/src/components/timer/TimerContextMenu.tsx
similarity index 100%
rename from src/components/timers/TimerContextMenu.tsx
rename to src/components/timer/TimerContextMenu.tsx
diff --git a/src/components/timers/TimersBadge.tsx b/src/components/timer/TimersBadge.tsx
similarity index 100%
rename from src/components/timers/TimersBadge.tsx
rename to src/components/timer/TimersBadge.tsx
diff --git a/src/content.tsx b/src/content.tsx
index b74194e..22efc5e 100644
--- a/src/content.tsx
+++ b/src/content.tsx
@@ -3,7 +3,7 @@ import "@fortawesome/fontawesome-svg-core/styles.css";
 import React from "react";
 import ReactDOM from "react-dom/client";
 import "react-tooltip/dist/react-tooltip.css";
-import CurrentIssueTimer from "./components/issues/CurrentIssueTimer.tsx";
+import CurrentIssueTimer from "./components/timer/CurrentIssueTimer.tsx";
 import "./content.css";
 import Providers from "./provider/Providers.tsx";
 config.autoAddCss = false;
diff --git a/src/hooks/useAppForm.ts b/src/hooks/useAppForm.ts
new file mode 100644
index 0000000..25198b6
--- /dev/null
+++ b/src/hooks/useAppForm.ts
@@ -0,0 +1,32 @@
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+import { CheckboxField } from "../components/form/CheckboxField";
+import { DateField } from "../components/form/DateField";
+import { HoursField } from "../components/form/HoursField";
+import { SelectField } from "../components/form/SelectField";
+import { SubmitButton } from "../components/form/SubmitButton";
+import { SwitchField } from "../components/form/SwitchField";
+import { TextField } from "../components/form/TextField";
+import { TextareaField } from "../components/form/TextareaField";
+import { ToggleField } from "../components/form/ToggleField";
+
+const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
+
+export { useFieldContext, useFormContext };
+
+export const { useAppForm, withForm } = createFormHook({
+  fieldComponents: {
+    TextField,
+    TextareaField,
+    SelectField,
+    CheckboxField,
+    ToggleField,
+    DateField,
+    SwitchField,
+    HoursField,
+  },
+  formComponents: {
+    SubmitButton,
+  },
+  fieldContext,
+  formContext,
+});
diff --git a/src/hooks/useCachedComments.ts b/src/hooks/useCachedComments.ts
index 0c3dd91..4ab78a5 100644
--- a/src/hooks/useCachedComments.ts
+++ b/src/hooks/useCachedComments.ts
@@ -23,10 +23,10 @@ const useCachedComments = ({ identifier, enabled = true, onLoad }: Options) => {
   return {
     isEnabled: enabled,
     isCached: !!cachedComments.data[identifier],
-    saveComment: (comment: string) =>
+    saveComment: (comment?: string) =>
       cachedComments.setData({
         ...cachedComments.data,
-        [identifier]: comment,
+        [identifier]: comment ? comment : undefined,
       }),
     removeComment: () =>
       cachedComments.setData({
diff --git a/src/hooks/useIssueStatuses.ts b/src/hooks/useIssueStatuses.ts
index 6bac8c3..a838db5 100644
--- a/src/hooks/useIssueStatuses.ts
+++ b/src/hooks/useIssueStatuses.ts
@@ -3,20 +3,21 @@ import { useRedmineApi } from "../provider/RedmineApiProvider";
 import useIssue from "./useIssue";
 
 type Options = {
+  enabled?: boolean;
   issueStaleTime?: number;
 };
 
-const useIssueStatuses = (issueId: number, { issueStaleTime }: Options = {}) => {
+const useIssueStatuses = (issueId: number, { enabled = true, issueStaleTime }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
-  const issueQuery = useIssue(issueId, { staleTime: issueStaleTime });
+  const issueQuery = useIssue(issueId, { enabled, staleTime: issueStaleTime });
 
   const hasIssueNoAllowedStatuses = !!issueQuery.data && issueQuery.data.allowed_statuses === undefined;
 
   const issueStatusesQuery = useQuery({
     queryKey: ["issueStatuses"],
     queryFn: () => redmineApi.getIssueStatuses(),
-    enabled: hasIssueNoAllowedStatuses,
+    enabled: enabled && hasIssueNoAllowedStatuses,
   });
 
   const statuses = hasIssueNoAllowedStatuses
diff --git a/src/hooks/useMyIssues.ts b/src/hooks/useMyIssues.ts
index 9288c02..491a780 100644
--- a/src/hooks/useMyIssues.ts
+++ b/src/hooks/useMyIssues.ts
@@ -1,6 +1,6 @@
 import { keepPreviousData } from "@tanstack/react-query";
-import { FilterQuery } from "../components/issues/Filter";
-import { SearchQuery } from "../components/issues/Search";
+import { FilterQuery } from "../components/issue/Filter";
+import { SearchQuery } from "../components/issue/Search";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
diff --git a/src/hooks/useSearch.ts b/src/hooks/useSearch.ts
index 7d4468f..b2e07fd 100644
--- a/src/hooks/useSearch.ts
+++ b/src/hooks/useSearch.ts
@@ -1,6 +1,6 @@
 import { keepPreviousData } from "@tanstack/react-query";
-import { FilterQuery } from "../components/issues/Filter";
-import { SearchQuery } from "../components/issues/Search";
+import { FilterQuery } from "../components/issue/Filter";
+import { SearchQuery } from "../components/issue/Search";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { useSettings } from "../provider/SettingsProvider";
 import { TIssue } from "../types/redmine";
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index aea9ccb..dd902d1 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,4 +1,4 @@
-import { SearchQuery } from "../components/issues/Search";
+import { SearchQuery } from "../components/issue/Search";
 import { useSettings } from "../provider/SettingsProvider";
 import { TIssue } from "../types/redmine";
 import useIssues from "./useIssues";
diff --git a/src/index.css b/src/index.css
index d8080cb..0db9cc6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -57,13 +57,13 @@
     -moz-appearance: textfield;
   }
 
-  input[name="done_ratio"]::-webkit-slider-thumb {
+  input[type="range"].appearance-none::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     cursor: pointer;
     width: 2px;
   }
-  input[name="done_ratio"]::-moz-range-thumb {
+  input[type="range"].appearance-none::-moz-range-thumb {
     cursor: pointer;
     width: 2px;
   }
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index e05e58b..a2cd7bb 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -2,11 +2,11 @@ import { RefObject, useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import Button from "../components/general/Button";
 import Toast from "../components/general/Toast";
-import Filter, { FilterQuery } from "../components/issues/Filter";
-import IssuesList from "../components/issues/IssuesList";
-import IssuesListSkeleton from "../components/issues/IssuesListSkeleton";
-import Search, { SearchQuery, SearchRef } from "../components/issues/Search";
-import TimersBadge from "../components/timers/TimersBadge";
+import Filter, { FilterQuery } from "../components/issue/Filter";
+import IssuesList from "../components/issue/IssuesList";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import Search, { SearchQuery, SearchRef } from "../components/issue/Search";
+import TimersBadge from "../components/timer/TimersBadge";
 import useIssuePriorities from "../hooks/useIssuePriorities";
 import useLocalIssues from "../hooks/useLocalIssues";
 import useMyIssues from "../hooks/useMyIssues";
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 151a274..a6426e3 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,23 +1,20 @@
+/* eslint-disable react/no-children-prop */
 import { faGithub } from "@fortawesome/free-brands-svg-icons";
 import { faBug, faGlobe, faInfoCircle, faServer } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useQueryClient } from "@tanstack/react-query";
 import { DE, FlagComponent, FR, GB, RU } from "country-flag-icons/react/3x2";
-import { Field, Form, Formik, FormikProps } from "formik";
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import * as Yup from "yup";
+import { z } from "zod/v4";
 import Button from "../components/general/Button";
-import CheckBox from "../components/general/CheckBox";
 import Fieldset from "../components/general/Fieldset";
 import Indicator from "../components/general/Indicator";
-import InputField from "../components/general/InputField";
-import ReactSelectFormik from "../components/general/ReactSelectFormik";
-import Switch from "../components/general/Switch";
 import Toast from "../components/general/Toast";
+import { useAppForm } from "../hooks/useAppForm";
 import useMyUser from "../hooks/useMyUser";
 import { LANGUAGES } from "../provider/IntlProvider";
-import { Settings, useSettings } from "../provider/SettingsProvider";
+import { useSettings } from "../provider/SettingsProvider";
 import { formatHoursUsually } from "../utils/date";
 
 const LANGUAGE_FLAGS: Record<(typeof LANGUAGES)[number], FlagComponent> = {
@@ -32,303 +29,312 @@ const SettingsPage = () => {
   const { formatMessage, formatNumber } = useIntl();
   const { settings, setSettings } = useSettings();
 
-  const formik = useRef<FormikProps<Settings>>(null);
+  const form = useAppForm({
+    defaultValues: settings,
+    validators: {
+      onChange: z.object({
+        language: z.enum(["browser", ...LANGUAGES]),
+        redmineURL: z
+          .string(formatMessage({ id: "settings.redmine.url.validation.required" }))
+          .nonempty(formatMessage({ id: "settings.redmine.url.validation.required" }))
+          .regex(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage({ id: "settings.redmine.url.validation.valid-url" })),
+        redmineApiKey: z.string().nonempty(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
+        features: z.object({
+          autoPauseOnSwitch: z.boolean(),
+          extendedSearch: z.boolean(),
+          roundToNearestInterval: z.boolean(),
+          roundingInterval: z
+            .int(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
+            .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
+            .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
+          addNotes: z.boolean(),
+          cacheComments: z.boolean(),
+          showCurrentIssueTimer: z.boolean(),
+        }),
+        style: z.object({
+          displaySearchAlways: z.boolean(),
+          stickyScroll: z.boolean(),
+          groupIssuesByVersion: z.boolean(),
+          showIssuesPriority: z.boolean(),
+          sortIssuesByPriority: z.boolean(),
+          pinTrackedIssues: z.boolean(),
+          pinActiveTabIssue: z.boolean(),
+          showTooltips: z.boolean(),
+          timeFormat: z.enum(["decimal", "minutes"]),
+        }),
+      }),
+    },
+    onSubmit: ({ value }) => {
+      value.redmineURL = value.redmineURL.replace(/\/$/, "");
+      setSettings(value);
+      queryClient.clear();
+      setSaved(true);
+      setEditRedmineInstance(false);
+    },
+  });
 
-  const [editRedmineInstance, setEditRedmineInstance] = useState(false);
+  const [editRedmineInstance, setEditRedmineInstance] = useState(settings.redmineURL === "");
   const [saved, setSaved] = useState(false);
 
   const myUser = useMyUser({ staleTime: 0 });
 
-  useEffect(() => {
-    formik.current?.setValues(settings);
-    if (settings.redmineURL === "") {
-      setEditRedmineInstance(true);
-    }
-  }, [settings]);
-
   return (
     <>
-      <Formik
-        innerRef={formik}
-        initialValues={settings}
-        validationSchema={Yup.object({
-          redmineURL: Yup.string()
-            .required(formatMessage({ id: "settings.redmine.url.validation.required" }))
-            .matches(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage({ id: "settings.redmine.url.validation.valid-url" })),
-          redmineApiKey: Yup.string().required(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
-          features: Yup.object({
-            autoPauseOnSwitch: Yup.boolean(),
-            extendedSearch: Yup.boolean(),
-            roundToNearestInterval: Yup.boolean(),
-            roundingInterval: Yup.number().when("roundToNearestInterval", {
-              is: true,
-              then: (schema) =>
-                schema
-                  .required(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
-                  .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
-                  .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
-            }),
-            addNotes: Yup.boolean(),
-            cacheComments: Yup.boolean(),
-            showCurrentIssueTimer: Yup.boolean(),
-          }),
-          style: Yup.object({
-            displaySearchAlways: Yup.boolean(),
-            stickyScroll: Yup.boolean(),
-            groupIssuesByVersion: Yup.boolean(),
-            showIssuesPriority: Yup.boolean(),
-            sortIssuesByPriority: Yup.boolean(),
-            pinTrackedIssues: Yup.boolean(),
-            pinActiveTabIssue: Yup.boolean(),
-            showTooltips: Yup.boolean(),
-            timeFormat: Yup.string().oneOf(["decimal", "minutes"]),
-          }),
-        })}
-        onSubmit={(values, { setSubmitting }) => {
-          values.redmineURL = values.redmineURL.replace(/\/$/, "");
-          setSettings(values);
-          queryClient.clear();
-          setSubmitting(false);
-          setSaved(true);
-          setEditRedmineInstance(false);
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          form.handleSubmit();
         }}
       >
-        {({ isSubmitting, touched, errors, values }) => (
-          <>
-            <Form>
-              <div className="flex flex-col gap-y-1">
-                <Fieldset legend={<FormattedMessage id="settings.general" />}>
-                  <div className="flex flex-col gap-y-2">
-                    <Field
-                      type="select"
-                      name="language"
-                      title={formatMessage({ id: "settings.general.language" })}
-                      placeholder={formatMessage({ id: "settings.general.language" })}
-                      required
-                      as={ReactSelectFormik}
-                      options={[
-                        {
-                          label: "Auto (Browser)",
-                          icon: <FontAwesomeIcon icon={faGlobe} />,
-                          value: "browser",
-                        },
-                        ...LANGUAGES.map((lang) => {
-                          const FlagComponent = LANGUAGE_FLAGS[lang];
-                          return {
-                            label: formatMessage({ id: `settings.general.language.${lang}` }),
-                            icon: <FlagComponent className="box-content inline-block h-3 align-[-0.125em]" />,
-                            value: lang,
-                          };
-                        }),
-                      ]}
-                    />
+        <div className="flex flex-col gap-y-1">
+          <Fieldset legend={<FormattedMessage id="settings.general" />}>
+            <div className="flex flex-col gap-y-2">
+              <form.AppField
+                name="language"
+                children={(field) => (
+                  <field.SelectField
+                    title={formatMessage({ id: "settings.general.language" })}
+                    placeholder={formatMessage({ id: "settings.general.language" })}
+                    required
+                    options={[
+                      {
+                        label: "Auto (Browser)",
+                        icon: <FontAwesomeIcon icon={faGlobe} />,
+                        value: "browser",
+                      },
+                      ...LANGUAGES.map((lang) => {
+                        const FlagComponent = LANGUAGE_FLAGS[lang];
+                        return {
+                          label: formatMessage({ id: `settings.general.language.${lang}` }),
+                          icon: <FlagComponent className="box-content inline-block h-3 align-[-0.125em]" />,
+                          value: lang,
+                        };
+                      }),
+                    ]}
+                  />
+                )}
+              />
 
-                    <a href="https://github.com/CrawlerCode/redmine-time-tracking#supported-languages" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-                      <FormattedMessage id="settings.general.language.missing-hint" />
-                    </a>
-                  </div>
-                </Fieldset>
+              <a href="https://github.com/CrawlerCode/redmine-time-tracking#supported-languages" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
+                <FormattedMessage id="settings.general.language.missing-hint" />
+              </a>
+            </div>
+          </Fieldset>
 
-                <Fieldset legend={<FormattedMessage id="settings.redmine" />}>
-                  <div className="flex flex-col gap-y-2">
-                    {(editRedmineInstance && (
-                      <>
-                        <Field
-                          type="text"
-                          name="redmineURL"
-                          title={formatMessage({ id: "settings.redmine.url" })}
-                          placeholder={formatMessage({ id: "settings.redmine.url" })}
-                          required
-                          as={InputField}
-                          error={touched.redmineURL && errors.redmineURL}
-                        />
-                        <Field
-                          type="password"
-                          name="redmineApiKey"
-                          title={formatMessage({ id: "settings.redmine.api-key" })}
-                          placeholder={formatMessage({ id: "settings.redmine.api-key" })}
-                          required
-                          as={InputField}
-                          error={touched.redmineApiKey && errors.redmineApiKey}
-                        />
-                        {values.redmineURL && !errors.redmineURL && !values.redmineApiKey && (
-                          <p>
-                            <FontAwesomeIcon icon={faInfoCircle} className="mr-1 text-yellow-500 dark:text-yellow-400" />
-                            <FormattedMessage
-                              id="settings.redmine.api-key.hint"
-                              values={{
-                                link: (children) => (
-                                  <a href={`${values.redmineURL}/my/account`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
-                                    {children}
-                                  </a>
-                                ),
-                              }}
-                            />
-                          </p>
-                        )}
-                      </>
-                    )) || (
-                      <>
-                        <div className="flex items-center gap-x-2">
-                          <div className="relative w-full">
-                            <h3 className="max-w-[285px] truncate text-base">
-                              <FontAwesomeIcon icon={faServer} className="mr-1 text-gray-800 dark:text-gray-200" />
-                              {settings.redmineURL}
-                            </h3>
-                            <p className="flex items-center gap-x-1.5">
-                              {myUser.isLoading ? (
-                                <>
-                                  <Indicator variant="loading" />
-                                  <FormattedMessage id="settings.redmine.connecting" />
-                                </>
-                              ) : myUser.isError ? (
-                                <>
-                                  <Indicator variant="danger" />
-                                  <FormattedMessage id="settings.redmine.connection-failed" />
-                                </>
-                              ) : myUser.data ? (
-                                <>
-                                  <Indicator variant="success" />
-                                  <FormattedMessage id="settings.redmine.connection-successful" />
-                                </>
-                              ) : (
-                                "Unknown status"
-                              )}
-                            </p>
-                            {myUser.isError && myUser.error && <p className="text-red-500 dark:text-red-400">{myUser.error.message}</p>}
-                            {myUser.data && (
-                              <p>
-                                <FormattedMessage
-                                  id="settings.redmine.hello-user"
-                                  values={{
-                                    firstName: myUser.data.firstname,
-                                    lastName: myUser.data.lastname,
-                                    accountName: myUser.data.login,
-                                    strong: (children) => <strong>{children}</strong>,
-                                  }}
-                                />
-                              </p>
-                            )}
-                            <Button className="absolute bottom-0 right-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
-                              <FormattedMessage id="settings.redmine.edit" />
-                            </Button>
-                          </div>
-                        </div>
-                      </>
+          <Fieldset legend={<FormattedMessage id="settings.redmine" />}>
+            <div className="flex flex-col gap-y-2">
+              {(editRedmineInstance && (
+                <>
+                  <form.AppField
+                    name="redmineURL"
+                    children={(field) => <field.TextField title={formatMessage({ id: "settings.redmine.url" })} placeholder={formatMessage({ id: "settings.redmine.url" })} required />}
+                  />
+
+                  <form.AppField
+                    name="redmineApiKey"
+                    children={(field) => (
+                      <field.TextField type="password" title={formatMessage({ id: "settings.redmine.api-key" })} placeholder={formatMessage({ id: "settings.redmine.api-key" })} required />
                     )}
-                  </div>
-                </Fieldset>
+                  />
 
-                <Fieldset legend={<FormattedMessage id="settings.features" />}>
-                  <div className="flex flex-col gap-y-2">
-                    <Field
-                      type="checkbox"
-                      name="features.autoPauseOnSwitch"
-                      title={formatMessage({ id: "settings.features.auto-pause-on-switch.title" })}
-                      description={formatMessage({ id: "settings.features.auto-pause-on-switch.description" })}
-                      as={CheckBox}
-                    />
-                    <Field
-                      type="checkbox"
-                      name="features.extendedSearch"
-                      title={formatMessage({ id: "settings.features.extended-search.title" })}
-                      description={formatMessage({ id: "settings.features.extended-search.description" })}
-                      as={CheckBox}
-                    />
-                    <div className="flex items-center gap-x-1">
-                      <Field
-                        type="checkbox"
-                        name="features.roundToNearestInterval"
-                        title={formatMessage({ id: "settings.features.round-to-nearest-interval.title" })}
-                        description={formatMessage({ id: "settings.features.round-to-nearest-interval.description" })}
-                        as={CheckBox}
-                        className="grow"
-                      />
-                      {values.features.roundToNearestInterval && (
-                        <Field
-                          type="number"
-                          name="features.roundingInterval"
-                          placeholder={formatMessage({ id: "settings.features.rounding-interval.placeholder" })}
-                          as={InputField}
-                          min={1}
-                          max={60}
-                          step={1}
-                          className="w-12"
-                          inputClassName="appearance-none"
-                          error={touched.features?.roundingInterval && errors.features?.roundingInterval}
-                        />
+                  <form.Subscribe
+                    selector={(state) => ({
+                      redmineURL: state.values.redmineURL,
+                      displayHint: !state.values.redmineApiKey && state.values.redmineURL && !state.errorMap.onChange?.redmineURL,
+                    })}
+                    children={({ redmineURL, displayHint }) =>
+                      displayHint && (
+                        <p>
+                          <FontAwesomeIcon icon={faInfoCircle} className="mr-1 text-yellow-500 dark:text-yellow-400" />
+                          <FormattedMessage
+                            id="settings.redmine.api-key.hint"
+                            values={{
+                              link: (children) => (
+                                <a href={`${redmineURL}/my/account`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
+                                  {children}
+                                </a>
+                              ),
+                            }}
+                          />
+                        </p>
+                      )
+                    }
+                  />
+                </>
+              )) || (
+                <>
+                  <div className="flex items-center gap-x-2">
+                    <div className="relative w-full">
+                      <h3 className="max-w-[285px] truncate text-base">
+                        <FontAwesomeIcon icon={faServer} className="mr-1 text-gray-800 dark:text-gray-200" />
+                        {settings.redmineURL}
+                      </h3>
+                      <p className="flex items-center gap-x-1.5">
+                        {myUser.isLoading ? (
+                          <>
+                            <Indicator variant="loading" />
+                            <FormattedMessage id="settings.redmine.connecting" />
+                          </>
+                        ) : myUser.isError ? (
+                          <>
+                            <Indicator variant="danger" />
+                            <FormattedMessage id="settings.redmine.connection-failed" />
+                          </>
+                        ) : myUser.data ? (
+                          <>
+                            <Indicator variant="success" />
+                            <FormattedMessage id="settings.redmine.connection-successful" />
+                          </>
+                        ) : (
+                          "Unknown status"
+                        )}
+                      </p>
+                      {myUser.isError && myUser.error && <p className="text-red-500 dark:text-red-400">{myUser.error.message}</p>}
+                      {myUser.data && (
+                        <p>
+                          <FormattedMessage
+                            id="settings.redmine.hello-user"
+                            values={{
+                              firstName: myUser.data.firstname,
+                              lastName: myUser.data.lastname,
+                              accountName: myUser.data.login,
+                              strong: (children) => <strong>{children}</strong>,
+                            }}
+                          />
+                        </p>
                       )}
+                      <Button className="absolute bottom-0 right-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
+                        <FormattedMessage id="settings.redmine.edit" />
+                      </Button>
                     </div>
-                    <Field
-                      type="checkbox"
-                      name="features.addNotes"
-                      title={formatMessage({ id: "settings.features.add-notes.title" })}
-                      description={formatMessage({ id: "settings.features.add-notes.description" })}
-                      as={CheckBox}
-                    />
-                    <Field
-                      type="checkbox"
-                      name="features.cacheComments"
-                      title={formatMessage({ id: "settings.features.cache-comments.title" })}
-                      description={formatMessage({ id: "settings.features.cache-comments.description" })}
-                      as={CheckBox}
-                    />
-                    <Field
-                      type="checkbox"
-                      name="features.showCurrentIssueTimer"
-                      title={formatMessage({ id: "settings.features.show-current-issue-timer.title" })}
-                      description={formatMessage({ id: "settings.features.show-current-issue-timer.description" })}
-                      as={CheckBox}
-                    />
                   </div>
-                </Fieldset>
+                </>
+              )}
+            </div>
+          </Fieldset>
 
-                <Fieldset legend={<FormattedMessage id="settings.style" />}>
-                  <div className="flex flex-col gap-y-2">
-                    <Field type="checkbox" name="style.displaySearchAlways" title={formatMessage({ id: "settings.style.display-search-always.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.stickyScroll" title={formatMessage({ id: "settings.style.sticky-scroll.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.groupIssuesByVersion" title={formatMessage({ id: "settings.style.group-issues-by-version.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.showIssuesPriority" title={formatMessage({ id: "settings.style.show-issues-priority.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.sortIssuesByPriority" title={formatMessage({ id: "settings.style.sort-issues-by-priority.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.pinTrackedIssues" title={formatMessage({ id: "settings.style.pin-tracked-issues.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.pinActiveTabIssue" title={formatMessage({ id: "settings.style.pin-active-tab-issue.title" })} as={CheckBox} />
-                    <Field type="checkbox" name="style.showTooltips" title={formatMessage({ id: "settings.style.show-tooltips.title" })} as={CheckBox} />
-                    <Field
-                      name="style.timeFormat"
-                      title={formatMessage({ id: "settings.style.time-format.title" })}
-                      options={[
-                        {
-                          value: "decimal",
-                          name: formatMessage(
-                            { id: "format.hours" },
-                            {
-                              hours: formatNumber(0.75),
-                            }
-                          ),
-                        },
-                        {
-                          value: "minutes",
-                          name: formatMessage(
-                            { id: "format.hours" },
-                            {
-                              hours: formatHoursUsually(0.75),
-                            }
-                          ),
-                        },
-                      ]}
-                      as={Switch}
-                    />
-                  </div>
-                </Fieldset>
+          <Fieldset legend={<FormattedMessage id="settings.features" />}>
+            <div className="flex flex-col gap-y-2">
+              <form.AppField
+                name="features.autoPauseOnSwitch"
+                children={(field) => (
+                  <field.CheckboxField
+                    title={formatMessage({ id: "settings.features.auto-pause-on-switch.title" })}
+                    description={formatMessage({ id: "settings.features.auto-pause-on-switch.description" })}
+                  />
+                )}
+              />
+              <form.AppField
+                name="features.extendedSearch"
+                children={(field) => (
+                  <field.CheckboxField title={formatMessage({ id: "settings.features.extended-search.title" })} description={formatMessage({ id: "settings.features.extended-search.description" })} />
+                )}
+              />
 
-                <Button type="submit" disabled={isSubmitting || Object.keys(errors).length > 0} className="mt-2">
-                  <FormattedMessage id="settings.save-settings" />
-                </Button>
+              <div className="flex items-center gap-x-1">
+                <form.AppField
+                  name="features.roundToNearestInterval"
+                  children={(field) => (
+                    <field.CheckboxField
+                      title={formatMessage({ id: "settings.features.round-to-nearest-interval.title" })}
+                      description={formatMessage({ id: "settings.features.round-to-nearest-interval.description" })}
+                      className="grow"
+                    />
+                  )}
+                />
+                <form.Subscribe
+                  selector={(state) => state.values.features.roundToNearestInterval}
+                  children={(roundToNearestInterval) =>
+                    roundToNearestInterval && (
+                      <form.AppField
+                        name="features.roundingInterval"
+                        children={(field) => (
+                          <field.TextField
+                            type="number"
+                            min={1}
+                            max={60}
+                            step={1}
+                            placeholder={formatMessage({ id: "settings.features.rounding-interval.placeholder" })}
+                            className="w-12"
+                            inputClassName="appearance-none"
+                          />
+                        )}
+                      />
+                    )
+                  }
+                />
               </div>
-            </Form>
-          </>
-        )}
-      </Formik>
+              <form.AppField
+                name="features.addNotes"
+                children={(field) => (
+                  <field.CheckboxField title={formatMessage({ id: "settings.features.add-notes.title" })} description={formatMessage({ id: "settings.features.add-notes.description" })} />
+                )}
+              />
+              <form.AppField
+                name="features.cacheComments"
+                children={(field) => (
+                  <field.CheckboxField title={formatMessage({ id: "settings.features.cache-comments.title" })} description={formatMessage({ id: "settings.features.cache-comments.description" })} />
+                )}
+              />
+              <form.AppField
+                name="features.showCurrentIssueTimer"
+                children={(field) => (
+                  <field.CheckboxField
+                    title={formatMessage({ id: "settings.features.show-current-issue-timer.title" })}
+                    description={formatMessage({ id: "settings.features.show-current-issue-timer.description" })}
+                  />
+                )}
+              />
+            </div>
+          </Fieldset>
+
+          <Fieldset legend={<FormattedMessage id="settings.style" />}>
+            <div className="flex flex-col gap-y-2">
+              <form.AppField name="style.displaySearchAlways" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.display-search-always.title" })} />} />
+              <form.AppField name="style.stickyScroll" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.sticky-scroll.title" })} />} />
+              <form.AppField name="style.groupIssuesByVersion" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.group-issues-by-version.title" })} />} />
+              <form.AppField name="style.showIssuesPriority" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.show-issues-priority.title" })} />} />
+              <form.AppField name="style.sortIssuesByPriority" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.sort-issues-by-priority.title" })} />} />
+              <form.AppField name="style.pinTrackedIssues" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.pin-tracked-issues.title" })} />} />
+              <form.AppField name="style.pinActiveTabIssue" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.pin-active-tab-issue.title" })} />} />
+              <form.AppField name="style.showTooltips" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.show-tooltips.title" })} />} />
+              <form.AppField
+                name="style.timeFormat"
+                children={(field) => (
+                  <field.SwitchField
+                    title={formatMessage({ id: "settings.style.time-format.title" })}
+                    options={[
+                      {
+                        value: "decimal",
+                        name: formatMessage(
+                          { id: "format.hours" },
+                          {
+                            hours: formatNumber(0.75),
+                          }
+                        ),
+                      },
+                      {
+                        value: "minutes",
+                        name: formatMessage(
+                          { id: "format.hours" },
+                          {
+                            hours: formatHoursUsually(0.75),
+                          }
+                        ),
+                      },
+                    ]}
+                  />
+                )}
+              />
+            </div>
+          </Fieldset>
+
+          <form.AppForm>
+            <form.SubmitButton children={formatMessage({ id: "settings.save-settings" })} className="mt-2" />
+          </form.AppForm>
+        </div>
+      </form>
       <Info />
       {saved && <Toast type="success" message={formatMessage({ id: "settings.settings-saved" })} onClose={() => setSaved(false)} />}
     </>
diff --git a/src/pages/TimePage.tsx b/src/pages/TimePage.tsx
index 42a43b3..5830209 100644
--- a/src/pages/TimePage.tsx
+++ b/src/pages/TimePage.tsx
@@ -1,8 +1,8 @@
 import { isMonday, previousMonday, startOfDay, subWeeks } from "date-fns";
 import { useIntl } from "react-intl";
 import Toast from "../components/general/Toast";
-import TimeEntryList from "../components/time/TimeEntryList";
-import TimeEntryListSkeleton from "../components/time/TimeEntryListSkeleton";
+import TimeEntryList from "../components/time-entry/TimeEntryList";
+import TimeEntryListSkeleton from "../components/time-entry/TimeEntryListSkeleton";
 import useMyTimeEntries from "../hooks/useMyTimeEntries";
 
 const TimePage = () => {
diff --git a/src/pages/TimersPage.tsx b/src/pages/TimersPage.tsx
index 60083cd..afd5e95 100644
--- a/src/pages/TimersPage.tsx
+++ b/src/pages/TimersPage.tsx
@@ -1,9 +1,9 @@
 import { useRef } from "react";
 import { FormattedMessage } from "react-intl";
-import IssuesListSkeleton from "../components/issues/IssuesListSkeleton";
-import Search, { SearchQuery, SearchRef } from "../components/issues/Search";
-import Timer from "../components/timers/Timer";
-import TimersBadge from "../components/timers/TimersBadge";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import Search, { SearchQuery, SearchRef } from "../components/issue/Search";
+import Timer from "../components/timer/Timer";
+import TimersBadge from "../components/timer/TimersBadge";
 import useIssuePriorities from "../hooks/useIssuePriorities";
 import useTimers from "../hooks/useTimers";
 import { useSettings } from "../provider/SettingsProvider";
diff --git a/src/provider/IntlProvider.tsx b/src/provider/IntlProvider.tsx
index afa431c..c6ce6e0 100644
--- a/src/provider/IntlProvider.tsx
+++ b/src/provider/IntlProvider.tsx
@@ -10,6 +10,7 @@ import { German as flatpickrDE } from "flatpickr/dist/l10n/de.js";
 import { english as flatpickrEN } from "flatpickr/dist/l10n/default";
 import { French as flatpickrFR } from "flatpickr/dist/l10n/fr.js";
 import { Russian as flatpickrRU } from "flatpickr/dist/l10n/ru.js";
+import z from "zod/v4";
 
 export const LANGUAGES = ["en", "de", "ru", "fr"] as const;
 
@@ -53,6 +54,8 @@ const IntlProvider = ({ children }: PropTypes) => {
       });
     })();
 
+    z.config(z.locales[locale]());
+
     let flatpickrLocal;
     switch (locale) {
       case "en":
diff --git a/src/types/redmine.ts b/src/types/redmine.ts
index 508e660..308a20a 100644
--- a/src/types/redmine.ts
+++ b/src/types/redmine.ts
@@ -44,21 +44,21 @@ export type TCreateIssue = {
   tracker_id: number;
   status_id: number;
   priority_id: number;
-  category_id?: number;
-  assigned_to_id?: number;
+  category_id?: number | null;
+  assigned_to_id?: number | null;
   subject: string;
-  description?: string;
-  fixed_version_id?: number;
-  parent_issue_id?: number;
+  description?: string | null;
+  fixed_version_id?: number | null;
+  parent_issue_id?: number | null;
   is_private?: boolean;
-  start_date?: Date;
-  due_date?: Date;
-  estimated_hours?: number;
-  done_ratio?: number;
+  start_date?: Date | null;
+  due_date?: Date | null;
+  estimated_hours?: number | null;
+  done_ratio?: number | null;
 };
 
 export type TUpdateIssue = Partial<TCreateIssue> & {
-  notes?: string;
+  notes?: string | null;
   private_notes?: boolean;
 };
 

From aa42fbb4eaf1a32293fc59f771ee28bf3fe1ce0f Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 4 Jun 2025 22:03:34 +0200
Subject: [PATCH 06/55] refactor: Upgrade tailwindcss to v4

---
 eslint.config.js                              |    3 +-
 index.html                                    |    2 +-
 package.json                                  |   12 +-
 pnpm-lock.yaml                                | 1837 ++++++-----------
 postcss.config.cjs                            |    6 -
 src/App.tsx                                   |    2 +-
 src/components/general/Button.tsx             |    6 +-
 src/components/general/CheckBox.tsx           |    6 +-
 src/components/general/ContextMenu.tsx        |    2 +-
 src/components/general/DateInput.tsx          |    4 +-
 src/components/general/LoadingSpinner.tsx     |    2 +-
 src/components/general/Modal.tsx              |    6 +-
 src/components/general/Navbar.tsx             |    4 +-
 src/components/general/ReactSelect.tsx        |    6 +-
 src/components/general/SelectInput.tsx        |    2 +-
 src/components/general/Switch.tsx             |    6 +-
 src/components/general/TextInput.tsx          |   11 +-
 src/components/general/TextareaInput.tsx      |    2 +-
 src/components/general/TimeInput.tsx          |    2 +-
 src/components/general/Toast.tsx              |    4 +-
 src/components/general/Toggle.tsx             |   24 +-
 src/components/issue/Issue.tsx                |   10 +-
 src/components/issue/IssueContextMenu.tsx     |    2 +-
 src/components/issue/IssuesList.tsx           |    6 +-
 src/components/issue/IssuesListSkeleton.tsx   |   16 +-
 src/components/issue/Search.tsx               |    2 +-
 .../issue/form/fields/DoneSliderField.tsx     |    4 +-
 src/components/time-entry/TimeEntry.tsx       |    8 +-
 src/components/time-entry/TimeEntryList.tsx   |    2 +-
 .../time-entry/TimeEntryListSkeleton.tsx      |   10 +-
 src/components/timer/EditTimer.tsx            |   12 +-
 src/components/timer/Timer.tsx                |   18 +-
 src/hooks/useLocalIssues.ts                   |  104 +-
 src/index.css                                 |  144 +-
 src/pages/SettingsPage.tsx                    |    2 +-
 tailwind.config.cjs                           |   62 -
 vite.config.ts                                |    2 +
 37 files changed, 921 insertions(+), 1432 deletions(-)
 delete mode 100644 postcss.config.cjs
 delete mode 100644 tailwind.config.cjs

diff --git a/eslint.config.js b/eslint.config.js
index fcb170c..34de6a7 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -2,7 +2,6 @@ import js from "@eslint/js";
 import prettierConfig from "eslint-config-prettier";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
-import tailwind from "eslint-plugin-tailwindcss";
 import globals from "globals";
 import ts from "typescript-eslint";
 
@@ -39,5 +38,5 @@ export default [
   // Prettier
   prettierConfig,
   // Tailwind CSS
-  ...tailwind.configs["flat/recommended"],
+  //...tailwind.configs["flat/recommended"], // TODO: Wait until working with Tailwind CSS v4
 ];
diff --git a/index.html b/index.html
index b604718..91f6d02 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Redmine Time Tracking</title>
   </head>
-  <body class="text-text overflow-x-hidden bg-background">
+  <body class="text-text bg-background overflow-x-hidden">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/package.json b/package.json
index 7142587..4570f98 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
+    "@tailwindcss/vite": "^4.1.8",
     "@tanstack/query-async-storage-persister": "^5.66.0",
     "@tanstack/react-form": "^1.12.0",
     "@tanstack/react-query": "^5.66.0",
@@ -49,8 +50,6 @@
     "react-select": "^5.10.0",
     "react-tooltip": "^5.28.0",
     "tailwind-merge": "^2.6.0",
-    "tailwindcss-shadow-fill": "^1.0.1",
-    "tailwindcss-text-fill": "^0.2.0",
     "zod": "^3.25.46"
   },
   "devDependencies": {
@@ -66,7 +65,6 @@
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
     "dotenv": "^16.4.7",
     "eslint": "^9.19.0",
@@ -75,12 +73,11 @@
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "globals": "^15.14.0",
-    "postcss": "^8.5.1",
     "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "prettier-plugin-tailwindcss": "^0.6.12",
     "sharp": "^0.33.5",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss": "^4.1.8",
+    "tw-animate-css": "^1.3.3",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.23.0",
     "vite": "^6.1.0",
@@ -90,6 +87,7 @@
   "packageManager": "pnpm@10.11.0",
   "pnpm": {
     "onlyBuiltDependencies": [
+      "@tailwindcss/oxide",
       "esbuild",
       "sharp"
     ]
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7603b8e..add7294 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,6 +23,9 @@ importers:
       '@fortawesome/react-fontawesome':
         specifier: ^0.2.2
         version: 0.2.2(@fortawesome/fontawesome-svg-core@6.7.2)(react@19.0.0)
+      '@tailwindcss/vite':
+        specifier: ^4.1.8
+        version: 4.1.8(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/query-async-storage-persister':
         specifier: ^5.66.0
         version: 5.66.0
@@ -83,19 +86,13 @@ importers:
       tailwind-merge:
         specifier: ^2.6.0
         version: 2.6.0
-      tailwindcss-shadow-fill:
-        specifier: ^1.0.1
-        version: 1.0.1(tailwindcss@3.4.17)
-      tailwindcss-text-fill:
-        specifier: ^0.2.0
-        version: 0.2.0(tailwindcss@3.4.17)
       zod:
         specifier: ^3.25.46
         version: 3.25.46
     devDependencies:
       '@eslint/js':
         specifier: ^9.19.0
-        version: 9.19.0
+        version: 9.28.0
       '@formatjs/cli':
         specifier: ^6.7.1
         version: 6.7.1
@@ -122,16 +119,13 @@ importers:
         version: 3.8.11
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.23.0
-        version: 8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3))(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
+        version: 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
       '@typescript-eslint/parser':
         specifier: ^8.23.0
-        version: 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
+        version: 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
-      autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.5.1)
+        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -140,55 +134,52 @@ importers:
         version: 16.4.7
       eslint:
         specifier: ^9.19.0
-        version: 9.19.0(jiti@1.21.6)
+        version: 9.28.0(jiti@2.4.2)
       eslint-config-prettier:
         specifier: ^10.0.1
-        version: 10.0.1(eslint@9.19.0(jiti@1.21.6))
+        version: 10.1.5(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-react:
         specifier: ^7.37.4
-        version: 7.37.4(eslint@9.19.0(jiti@1.21.6))
+        version: 7.37.5(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-react-hooks:
         specifier: ^5.1.0
-        version: 5.1.0(eslint@9.19.0(jiti@1.21.6))
+        version: 5.2.0(eslint@9.28.0(jiti@2.4.2))
       eslint-plugin-tailwindcss:
         specifier: ^3.18.0
-        version: 3.18.0(tailwindcss@3.4.17)
+        version: 3.18.0(tailwindcss@4.1.8)
       globals:
         specifier: ^15.14.0
-        version: 15.14.0
-      postcss:
-        specifier: ^8.5.1
-        version: 8.5.1
+        version: 15.15.0
       prettier:
         specifier: ^3.4.2
         version: 3.4.2
       prettier-plugin-tailwindcss:
-        specifier: ^0.6.11
-        version: 0.6.11(prettier@3.4.2)
+        specifier: ^0.6.12
+        version: 0.6.12(prettier@3.4.2)
       sharp:
         specifier: ^0.33.5
         version: 0.33.5
       tailwindcss:
-        specifier: ^3.4.17
-        version: 3.4.17
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.17)
+        specifier: ^4.1.8
+        version: 4.1.8
+      tw-animate-css:
+        specifier: ^1.3.3
+        version: 1.3.3
       typescript:
         specifier: ^5.7.3
         version: 5.7.3
       typescript-eslint:
         specifier: ^8.23.0
-        version: 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
+        version: 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
       vite:
         specifier: ^6.1.0
-        version: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
+        version: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
       vite-plugin-static-copy:
         specifier: ^2.2.0
-        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
+        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       vite-plugin-zip-pack:
         specifier: ^1.2.4
-        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))
+        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
 
 packages:
 
@@ -196,14 +187,14 @@ packages:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
 
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
   '@ampproject/remapping@2.2.1':
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
 
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -631,8 +622,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.4.0':
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+  '@eslint-community/eslint-utils@4.7.0':
+    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
@@ -641,28 +632,32 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.19.2':
-    resolution: {integrity: sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==}
+  '@eslint/config-array@0.20.0':
+    resolution: {integrity: sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.10.0':
-    resolution: {integrity: sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==}
+  '@eslint/config-helpers@0.2.2':
+    resolution: {integrity: sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/eslintrc@3.2.0':
-    resolution: {integrity: sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==}
+  '@eslint/core@0.14.0':
+    resolution: {integrity: sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.19.0':
-    resolution: {integrity: sha512-rbq9/g38qjfqFLOVPvwjIvFFdNziEC5S65jmjPw5r6A//QH+W91akh9irMwjDN8zKUTak6W9EsAv4m/7Wnw0UQ==}
+  '@eslint/eslintrc@3.3.1':
+    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.28.0':
+    resolution: {integrity: sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/object-schema@2.1.6':
     resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.2.5':
-    resolution: {integrity: sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==}
+  '@eslint/plugin-kit@0.3.1':
+    resolution: {integrity: sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@floating-ui/core@1.2.6':
@@ -770,8 +765,8 @@ packages:
     resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
     engines: {node: '>=18.18'}
 
-  '@humanwhocodes/retry@0.4.1':
-    resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
   '@img/sharp-darwin-arm64@0.33.5':
@@ -879,9 +874,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
 
   '@jridgewell/gen-mapping@0.3.5':
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
@@ -898,6 +893,9 @@ packages:
   '@jridgewell/sourcemap-codec@1.4.15':
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -913,10 +911,6 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
   '@playwright/test@1.50.1':
     resolution: {integrity: sha512-Jii3aBg+CEDpgnuDxEp/h7BimHcUTDlpEtce89xEumlJ5ef2hqepZ+PWp1DDpYC/VO9fmWVI1IlEaoI5fK9FXQ==}
     engines: {node: '>=18'}
@@ -1017,6 +1011,96 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@tailwindcss/node@4.1.8':
+    resolution: {integrity: sha512-OWwBsbC9BFAJelmnNcrKuf+bka2ZxCE2A4Ft53Tkg4uoiE67r/PMEYwCsourC26E+kmxfwE0hVzMdxqeW+xu7Q==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.8':
+    resolution: {integrity: sha512-Fbz7qni62uKYceWYvUjRqhGfZKwhZDQhlrJKGtnZfuNtHFqa8wmr+Wn74CTWERiW2hn3mN5gTpOoxWKk0jRxjg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.8':
+    resolution: {integrity: sha512-RdRvedGsT0vwVVDztvyXhKpsU2ark/BjgG0huo4+2BluxdXo8NDgzl77qh0T1nUxmM11eXwR8jA39ibvSTbi7A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.8':
+    resolution: {integrity: sha512-t6PgxjEMLp5Ovf7uMb2OFmb3kqzVTPPakWpBIFzppk4JE4ix0yEtbtSjPbU8+PZETpaYMtXvss2Sdkx8Vs4XRw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.8':
+    resolution: {integrity: sha512-g8C8eGEyhHTqwPStSwZNSrOlyx0bhK/V/+zX0Y+n7DoRUzyS8eMbVshVOLJTDDC+Qn9IJnilYbIKzpB9n4aBsg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
+    resolution: {integrity: sha512-Jmzr3FA4S2tHhaC6yCjac3rGf7hG9R6Gf2z9i9JFcuyy0u79HfQsh/thifbYTF2ic82KJovKKkIB6Z9TdNhCXQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
+    resolution: {integrity: sha512-qq7jXtO1+UEtCmCeBBIRDrPFIVI4ilEQ97qgBGdwXAARrUqSn/L9fUrkb1XP/mvVtoVeR2bt/0L77xx53bPZ/Q==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
+    resolution: {integrity: sha512-O6b8QesPbJCRshsNApsOIpzKt3ztG35gfX9tEf4arD7mwNinsoCKxkj8TgEE0YRjmjtO3r9FlJnT/ENd9EVefQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
+    resolution: {integrity: sha512-32iEXX/pXwikshNOGnERAFwFSfiltmijMIAbUhnNyjFr3tmWmMJWQKU2vNcFX0DACSXJ3ZWcSkzNbaKTdngH6g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
+    resolution: {integrity: sha512-s+VSSD+TfZeMEsCaFaHTaY5YNj3Dri8rST09gMvYQKwPphacRG7wbuQ5ZJMIJXN/puxPcg/nU+ucvWguPpvBDg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
+    resolution: {integrity: sha512-CXBPVFkpDjM67sS1psWohZ6g/2/cd+cq56vPxK4JeawelxwK4YECgl9Y9TjkE2qfF+9/s1tHHJqrC4SS6cVvSg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
+    resolution: {integrity: sha512-7GmYk1n28teDHUjPlIx4Z6Z4hHEgvP5ZW2QS9ygnDAdI/myh3HTHjDqtSqgu1BpRoI4OiLx+fThAyA1JePoENA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
+    resolution: {integrity: sha512-fou+U20j+Jl0EHwK92spoWISON2OBnCazIc038Xj2TdweYV33ZRkS9nwqiUi2d/Wba5xg5UoHfvynnb/UB49cQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.8':
+    resolution: {integrity: sha512-d7qvv9PsM5N3VNKhwVUhpK6r4h9wtLkJ6lz9ZY9aeZgrUWk1Z8VPyqyDT9MZlem7GTGseRQHkeB1j3tC7W1P+A==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/vite@4.1.8':
+    resolution: {integrity: sha512-CQ+I8yxNV5/6uGaJjiuymgw0kEQiNKRinYbZXPdx1fk5WgiyReG0VaUx/Xq6aVNSUNJFzxm6o8FNKS5aMaim5A==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6
+
   '@tanstack/form-core@1.12.0':
     resolution: {integrity: sha512-TfMUPHussIzopA4WOWDdt8WI0k7y4XiehGfdamtlHAqHqDcNCgsvou3cH5irA0XYm9GokIDXd/XRo4cHQVK5xw==}
 
@@ -1129,51 +1213,63 @@ packages:
   '@types/react@19.0.8':
     resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
 
-  '@typescript-eslint/eslint-plugin@8.23.0':
-    resolution: {integrity: sha512-vBz65tJgRrA1Q5gWlRfvoH+w943dq9K1p1yDBY2pc+a1nbBLZp7fB9+Hk8DaALUbzjqlMfgaqlVPT1REJdkt/w==}
+  '@typescript-eslint/eslint-plugin@8.33.1':
+    resolution: {integrity: sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      '@typescript-eslint/parser': ^8.33.1
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/parser@8.23.0':
-    resolution: {integrity: sha512-h2lUByouOXFAlMec2mILeELUbME5SZRN/7R9Cw2RD2lRQQY08MWMM+PmVVKKJNK1aIwqTo9t/0CvOxwPbRIE2Q==}
+  '@typescript-eslint/parser@8.33.1':
+    resolution: {integrity: sha512-qwxv6dq682yVvgKKp2qWwLgRbscDAYktPptK4JPojCwwi3R9cwrvIxS4lvBpzmcqzR4bdn54Z0IG1uHFskW4dA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
+
+  '@typescript-eslint/project-service@8.33.1':
+    resolution: {integrity: sha512-DZR0efeNklDIHHGRpMpR5gJITQpu6tLr9lDJnKdONTC7vvzOlLAG/wcfxcdxEWrbiZApcoBCzXqU/Z458Za5Iw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.9.0'
+
+  '@typescript-eslint/scope-manager@8.33.1':
+    resolution: {integrity: sha512-dM4UBtgmzHR9bS0Rv09JST0RcHYearoEoo3pG5B6GoTR9XcyeqX87FEhPo+5kTvVfKCvfHaHrcgeJQc6mrDKrA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/scope-manager@8.23.0':
-    resolution: {integrity: sha512-OGqo7+dXHqI7Hfm+WqkZjKjsiRtFUQHPdGMXzk5mYXhJUedO7e/Y7i8AK3MyLMgZR93TX4bIzYrfyVjLC+0VSw==}
+  '@typescript-eslint/tsconfig-utils@8.33.1':
+    resolution: {integrity: sha512-STAQsGYbHCF0/e+ShUQ4EatXQ7ceh3fBCXkNU7/MZVKulrlq1usH7t2FhxvCpuCi5O5oi1vmVaAjrGeL71OK1g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/type-utils@8.23.0':
-    resolution: {integrity: sha512-iIuLdYpQWZKbiH+RkCGc6iu+VwscP5rCtQ1lyQ7TYuKLrcZoeJVpcLiG8DliXVkUxirW/PWlmS+d6yD51L9jvA==}
+  '@typescript-eslint/type-utils@8.33.1':
+    resolution: {integrity: sha512-1cG37d9xOkhlykom55WVwG2QRNC7YXlxMaMzqw2uPeJixBFfKWZgaP/hjAObqMN/u3fr5BrTwTnc31/L9jQ2ww==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/types@8.23.0':
-    resolution: {integrity: sha512-1sK4ILJbCmZOTt9k4vkoulT6/y5CHJ1qUYxqpF1K/DBAd8+ZUL4LlSCxOssuH5m4rUaaN0uS0HlVPvd45zjduQ==}
+  '@typescript-eslint/types@8.33.1':
+    resolution: {integrity: sha512-xid1WfizGhy/TKMTwhtVOgalHwPtV8T32MS9MaH50Cwvz6x6YqRIPdD2WvW0XaqOzTV9p5xdLY0h/ZusU5Lokg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.23.0':
-    resolution: {integrity: sha512-LcqzfipsB8RTvH8FX24W4UUFk1bl+0yTOf9ZA08XngFwMg4Kj8A+9hwz8Cr/ZS4KwHrmo9PJiLZkOt49vPnuvQ==}
+  '@typescript-eslint/typescript-estree@8.33.1':
+    resolution: {integrity: sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/utils@8.23.0':
-    resolution: {integrity: sha512-uB/+PSo6Exu02b5ZEiVtmY6RVYO7YU5xqgzTIVZwTHvvK3HsL8tZZHFaTLFtRG3CsV4A5mhOv+NZx5BlhXPyIA==}
+  '@typescript-eslint/utils@8.33.1':
+    resolution: {integrity: sha512-52HaBiEQUaRYqAXpfzWSR2U3gxk92Kw006+xZpElaPMg3C4PgM+A5LqwoQI1f9E5aZ/qlxAZxzm42WX+vn92SQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
-  '@typescript-eslint/visitor-keys@8.23.0':
-    resolution: {integrity: sha512-oWWhcWDLwDfu++BGTZcmXWqpwtkwb5o7fxUIGksMQQDSdPW9prsSnfIOZMlsj4vBOSrcnjIUZMiIjODgGosFhQ==}
+  '@typescript-eslint/visitor-keys@8.33.1':
+    resolution: {integrity: sha512-3i8NrFcZeeDHJ+7ZUuDkGT+UHq+XoFGsymNK2jZCOHcfEzRQ0BdpRtdpSx/Iyf3MHLWIcLS0COuOPibKQboIiQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@vitejs/plugin-react@4.3.4':
@@ -1195,39 +1291,17 @@ packages:
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
-    engines: {node: '>=12'}
-
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
-  ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
-
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
-  arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  array-buffer-byte-length@1.0.1:
-    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
-    engines: {node: '>= 0.4'}
-
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -1252,10 +1326,6 @@ packages:
     resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
     engines: {node: '>= 0.4'}
 
-  arraybuffer.prototype.slice@1.0.3:
-    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
-    engines: {node: '>= 0.4'}
-
   arraybuffer.prototype.slice@1.0.4:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
@@ -1263,13 +1333,6 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
-  autoprefixer@10.4.20:
-    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: ^8.1.0
-
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -1298,11 +1361,6 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
-  browserslist@4.23.3:
-    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   browserslist@4.24.2:
     resolution: {integrity: sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -1312,8 +1370,8 @@ packages:
     resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
     engines: {node: '>= 0.4'}
 
-  call-bind@1.0.7:
-    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
     engines: {node: '>= 0.4'}
 
   call-bind@1.0.8:
@@ -1324,14 +1382,14 @@ packages:
     resolution: {integrity: sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==}
     engines: {node: '>= 0.4'}
 
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
   callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-
   caniuse-lite@1.0.30001706:
     resolution: {integrity: sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==}
 
@@ -1343,9 +1401,9 @@ packages:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
 
   classnames@2.3.2:
     resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
@@ -1372,10 +1430,6 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
@@ -1408,34 +1462,17 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
 
-  data-view-buffer@1.0.1:
-    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
-    engines: {node: '>= 0.4'}
-
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-length@1.0.1:
-    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
-    engines: {node: '>= 0.4'}
-
   data-view-byte-length@1.0.2:
     resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
     engines: {node: '>= 0.4'}
 
-  data-view-byte-offset@1.0.0:
-    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
-    engines: {node: '>= 0.4'}
-
   data-view-byte-offset@1.0.1:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
@@ -1481,15 +1518,13 @@ packages:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
 
+  detect-libc@2.0.4:
+    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
+    engines: {node: '>=8'}
+
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -1505,28 +1540,16 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
-  eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-
-  electron-to-chromium@1.5.18:
-    resolution: {integrity: sha512-1OfuVACu+zKlmjsNdcJuVQuVE61sZOLbNM4JAQ1Rvh6EOj0/EUKhMJjRH73InPlXSh8HIJk1cVZ8pyOV/FMdUQ==}
-
   electron-to-chromium@1.5.49:
     resolution: {integrity: sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A==}
 
-  emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+  enhanced-resolve@5.18.1:
+    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+    engines: {node: '>=10.13.0'}
 
   error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
 
-  es-abstract@1.23.3:
-    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
-    engines: {node: '>= 0.4'}
-
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -1547,8 +1570,8 @@ packages:
     resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
     engines: {node: '>= 0.4'}
 
-  es-set-tostringtag@2.0.3:
-    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
 
   es-set-tostringtag@2.1.0:
@@ -1558,10 +1581,6 @@ packages:
   es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
 
-  es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-
   es-to-primitive@1.3.0:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
@@ -1584,20 +1603,20 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  eslint-config-prettier@10.0.1:
-    resolution: {integrity: sha512-lZBts941cyJyeaooiKxAtzoPHTN+GbQTJFAIdQbRhA4/8whaAraEh47Whw/ZFfrjNSnlAxqfm9i0XVAEkULjCw==}
+  eslint-config-prettier@10.1.5:
+    resolution: {integrity: sha512-zc1UmCpNltmVY34vuLRV61r1K27sWuX39E+uyUnY8xS2Bex88VV9cugG+UZbRSRGtGyFboj+D8JODyme1plMpw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-plugin-react-hooks@5.1.0:
-    resolution: {integrity: sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==}
+  eslint-plugin-react-hooks@5.2.0:
+    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
     engines: {node: '>=10'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react@7.37.4:
-    resolution: {integrity: sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==}
+  eslint-plugin-react@7.37.5:
+    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
@@ -1608,8 +1627,8 @@ packages:
     peerDependencies:
       tailwindcss: ^3.4.0
 
-  eslint-scope@8.2.0:
-    resolution: {integrity: sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==}
+  eslint-scope@8.3.0:
+    resolution: {integrity: sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint-visitor-keys@3.4.3:
@@ -1620,8 +1639,8 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.19.0:
-    resolution: {integrity: sha512-ug92j0LepKlbbEv6hD911THhoRHmbdXt2gX+VDABAW/Ir7D3nqKdv5Pf5vtlyY6HQMTEP2skXY43ueqTCWssEA==}
+  eslint@9.28.0:
+    resolution: {integrity: sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -1691,9 +1710,6 @@ packages:
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
-  flatten-tailwindcss-theme@1.0.0:
-    resolution: {integrity: sha512-7B795m0qzLF0yQYGkfGanO3NOisEI4EaVObnr3DBq7Qc8Ygq4yWGa0Gpx2rtb10NSgIcimUqu4Xaqh+0bkC87w==}
-
   follow-redirects@1.15.6:
     resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
     engines: {node: '>=4.0'}
@@ -1706,17 +1722,10 @@ packages:
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
-  foreground-child@3.3.0:
-    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
-    engines: {node: '>=14'}
-
   form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
-  fraction.js@4.3.7:
-    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
-
   fs-extra@11.2.0:
     resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
     engines: {node: '>=14.14'}
@@ -1734,10 +1743,6 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
-    engines: {node: '>= 0.4'}
-
   function.prototype.name@1.1.8:
     resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
@@ -1753,12 +1758,12 @@ packages:
     resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
     engines: {node: '>= 0.4'}
 
-  get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
-  get-symbol-description@1.0.2:
-    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
   get-symbol-description@1.1.0:
@@ -1776,10 +1781,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
-    hasBin: true
-
   globals@11.12.0:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
@@ -1788,8 +1789,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@15.14.0:
-    resolution: {integrity: sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==}
+  globals@15.15.0:
+    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
     engines: {node: '>=18'}
 
   globalthis@1.0.4:
@@ -1816,10 +1817,6 @@ packages:
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
-  has-proto@1.0.3:
-    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
-    engines: {node: '>= 0.4'}
-
   has-proto@1.2.0:
     resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
     engines: {node: '>= 0.4'}
@@ -1843,6 +1840,10 @@ packages:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
 
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
@@ -1857,10 +1858,6 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  internal-slot@1.0.7:
-    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
-    engines: {node: '>= 0.4'}
-
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -1868,10 +1865,6 @@ packages:
   intl-messageformat@10.7.16:
     resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
 
-  is-array-buffer@3.0.4:
-    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
-    engines: {node: '>= 0.4'}
-
   is-array-buffer@3.0.5:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
@@ -1886,9 +1879,6 @@ packages:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
 
-  is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-
   is-bigint@1.1.0:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
@@ -1897,10 +1887,6 @@ packages:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
-  is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-
   is-boolean-object@1.2.2:
     resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
@@ -1912,18 +1898,10 @@ packages:
   is-core-module@2.13.1:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
 
-  is-data-view@1.0.1:
-    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
-    engines: {node: '>= 0.4'}
-
   is-data-view@1.0.2:
     resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
     engines: {node: '>= 0.4'}
 
-  is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-
   is-date-object@1.1.0:
     resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
@@ -1936,10 +1914,6 @@ packages:
     resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
     engines: {node: '>= 0.4'}
 
-  is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-
   is-generator-function@1.0.10:
     resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
     engines: {node: '>= 0.4'}
@@ -1952,14 +1926,6 @@ packages:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
-  is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
-
-  is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -1968,10 +1934,6 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
@@ -1980,34 +1942,18 @@ packages:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
 
-  is-shared-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
-    engines: {node: '>= 0.4'}
-
   is-shared-array-buffer@1.0.4:
     resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
-  is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
 
-  is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-
   is-symbol@1.1.1:
     resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
 
-  is-typed-array@1.1.13:
-    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
-    engines: {node: '>= 0.4'}
-
   is-typed-array@1.1.15:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
@@ -2016,9 +1962,6 @@ packages:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
 
-  is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-
   is-weakref@1.1.1:
     resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
     engines: {node: '>= 0.4'}
@@ -2040,11 +1983,8 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
-  jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
-
-  jiti@1.21.6:
-    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+  jiti@2.4.2:
+    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
   js-tokens@4.0.0:
@@ -2096,9 +2036,69 @@ packages:
   lie@3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
-  lilconfig@3.1.3:
-    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
-    engines: {node: '>=14'}
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+    engines: {node: '>= 12.0.0'}
 
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
@@ -2114,12 +2114,12 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -2154,12 +2154,18 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minizlib@3.0.2:
+    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+    engines: {node: '>= 18'}
+
+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -2175,18 +2181,10 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
-  normalize-range@0.1.2:
-    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
-    engines: {node: '>=0.10.0'}
-
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
 
-  object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-
   object-inspect@1.13.4:
     resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
     engines: {node: '>= 0.4'}
@@ -2195,16 +2193,12 @@ packages:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
-  object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
-    engines: {node: '>= 0.4'}
-
   object.assign@4.1.7:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
-  object.entries@1.1.8:
-    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
     engines: {node: '>= 0.4'}
 
   object.fromentries@2.0.8:
@@ -2231,9 +2225,6 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  package-json-from-dist@1.0.1:
-    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
-
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
@@ -2256,17 +2247,10 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
-
   path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
-  picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2274,14 +2258,6 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
-  pirates@4.0.5:
-    resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==}
-    engines: {node: '>= 6'}
-
   playwright-core@1.50.1:
     resolution: {integrity: sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==}
     engines: {node: '>=18'}
@@ -2296,43 +2272,6 @@ packages:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-
-  postcss-js@4.0.1:
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-
-  postcss-load-config@4.0.2:
-    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-
-  postcss-selector-parser@6.1.2:
-    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
-    engines: {node: '>=4'}
-
-  postcss-value-parser@4.2.0:
-    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
-
   postcss@8.5.1:
     resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2341,8 +2280,8 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-tailwindcss@0.6.11:
-    resolution: {integrity: sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==}
+  prettier-plugin-tailwindcss@0.6.12:
+    resolution: {integrity: sha512-OuTQKoqNwV7RnxTPwXWzOFXy6Jc4z8oeRZYGuMpRyG3WbuR3jjXdQFK8qFBMBx8UHWdHrddARz2fgUenild6aw==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
@@ -2486,9 +2425,6 @@ packages:
     resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   readable-stream@2.3.8:
     resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
 
@@ -2503,10 +2439,6 @@ packages:
   regenerator-runtime@0.14.0:
     resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
 
-  regexp.prototype.flags@1.5.2:
-    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
-    engines: {node: '>= 0.4'}
-
   regexp.prototype.flags@1.5.4:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
@@ -2538,10 +2470,6 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
-  safe-array-concat@1.1.2:
-    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
-    engines: {node: '>=0.4'}
-
   safe-array-concat@1.1.3:
     resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
     engines: {node: '>=0.4'}
@@ -2553,10 +2481,6 @@ packages:
     resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
     engines: {node: '>= 0.4'}
 
-  safe-regex-test@1.0.3:
-    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
-    engines: {node: '>= 0.4'}
-
   safe-regex-test@1.1.0:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
@@ -2619,10 +2543,6 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
@@ -2634,14 +2554,6 @@ packages:
     resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
     engines: {node: '>=0.10.0'}
 
-  string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-
-  string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
-
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -2653,13 +2565,6 @@ packages:
     resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.trim@1.2.9:
-    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimend@1.0.8:
-    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
-
   string.prototype.trimend@1.0.9:
     resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
     engines: {node: '>= 0.4'}
@@ -2671,14 +2576,6 @@ packages:
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
-  strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-
-  strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
-
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -2686,11 +2583,6 @@ packages:
   stylis@4.2.0:
     resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
 
-  sucrase@3.35.0:
-    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2702,46 +2594,27 @@ packages:
   tailwind-merge@2.6.0:
     resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
 
-  tailwindcss-animate@1.0.7:
-    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
-    peerDependencies:
-      tailwindcss: '>=3.0.0 || insiders'
-
-  tailwindcss-shadow-fill@1.0.1:
-    resolution: {integrity: sha512-GvPU6IEXFprcvz/qz7SbAdlciWHg5CFg427nmrCPN1BYaDxTKxcxmFy/vh35i2/4RW3AHIRBp/h6VADMpYryww==}
-    peerDependencies:
-      tailwindcss: '>=2.0.0'
-
-  tailwindcss-text-fill@0.2.0:
-    resolution: {integrity: sha512-3lo6a/9jXSx4+24onFv7xnHO/1DZCk6qM+LoCsEUxn79sAeoc/ts74LSH0vRhLvWe4Yn+YglFfT+lxDv6wn2sQ==}
-    peerDependencies:
-      tailwindcss: '>=2.0.0'
-
-  tailwindcss@3.4.17:
-    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.1.8:
+    resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
+  tapable@2.2.2:
+    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
+    engines: {node: '>=6'}
 
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+  tar@7.4.3:
+    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+    engines: {node: '>=18'}
 
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  ts-api-utils@2.0.1:
-    resolution: {integrity: sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==}
+  ts-api-utils@2.1.0:
+    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
 
@@ -2756,57 +2629,41 @@ packages:
   turbo-stream@2.4.0:
     resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
 
+  tw-animate-css@1.3.3:
+    resolution: {integrity: sha512-tXE2TRWrskc4TU3RDd7T8n8Np/wCfoeH9gz22c7PzYqNPQ9FBGFbWWzwL0JyHcFp+jHozmF76tbHfPAx22ua2Q==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  typed-array-buffer@1.0.2:
-    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
-    engines: {node: '>= 0.4'}
-
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-length@1.0.1:
-    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
-    engines: {node: '>= 0.4'}
-
   typed-array-byte-length@1.0.3:
     resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
     engines: {node: '>= 0.4'}
 
-  typed-array-byte-offset@1.0.2:
-    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
-    engines: {node: '>= 0.4'}
-
   typed-array-byte-offset@1.0.4:
     resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
     engines: {node: '>= 0.4'}
 
-  typed-array-length@1.0.6:
-    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
-    engines: {node: '>= 0.4'}
-
   typed-array-length@1.0.7:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
-  typescript-eslint@8.23.0:
-    resolution: {integrity: sha512-/LBRo3HrXr5LxmrdYSOCvoAMm7p2jNizNfbIpCgvG4HMsnoprRUOce/+8VJ9BDYWW68rqIENE/haVLWPeFZBVQ==}
+  typescript-eslint@8.33.1:
+    resolution: {integrity: sha512-AgRnV4sKkWOiZ0Kjbnf5ytTJXMUZQ0qhSVdQtDNYLPLnjsATEYhaO94GlRQwi4t4gO8FfjM6NnikHeKjUm8D7A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <5.9.0'
 
   typescript@5.7.3:
     resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -2818,12 +2675,6 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
-  update-browserslist-db@1.1.0:
-    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
   update-browserslist-db@1.1.1:
     resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
     hasBin: true
@@ -2901,9 +2752,6 @@ packages:
       yaml:
         optional: true
 
-  which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -2916,10 +2764,6 @@ packages:
     resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
     engines: {node: '>= 0.4'}
 
-  which-typed-array@1.1.15:
-    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
-    engines: {node: '>= 0.4'}
-
   which-typed-array@1.1.18:
     resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
     engines: {node: '>= 0.4'}
@@ -2929,26 +2773,17 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-
-  wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
-
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
   yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
-  yaml@2.6.1:
-    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
-    engines: {node: '>= 14'}
-    hasBin: true
-
   yaml@2.7.1:
     resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
     engines: {node: '>= 14'}
@@ -2965,13 +2800,16 @@ snapshots:
 
   '@aashutoshrathi/word-wrap@1.2.6': {}
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@ampproject/remapping@2.2.1':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -3305,14 +3143,14 @@ snapshots:
   '@esbuild/win32-x64@0.25.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@9.19.0(jiti@1.21.6))':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.4.2))':
     dependencies:
-      eslint: 9.19.0(jiti@1.21.6)
+      eslint: 9.28.0(jiti@2.4.2)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/config-array@0.19.2':
+  '@eslint/config-array@0.20.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
       debug: 4.3.4
@@ -3320,11 +3158,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/core@0.10.0':
+  '@eslint/config-helpers@0.2.2': {}
+
+  '@eslint/core@0.14.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@3.2.0':
+  '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
@@ -3338,13 +3178,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.19.0': {}
+  '@eslint/js@9.28.0': {}
 
   '@eslint/object-schema@2.1.6': {}
 
-  '@eslint/plugin-kit@0.2.5':
+  '@eslint/plugin-kit@0.3.1':
     dependencies:
-      '@eslint/core': 0.10.0
+      '@eslint/core': 0.14.0
       levn: 0.4.1
 
   '@floating-ui/core@1.2.6': {}
@@ -3429,7 +3269,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.3.1': {}
 
-  '@humanwhocodes/retry@0.4.1': {}
+  '@humanwhocodes/retry@0.4.3': {}
 
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
@@ -3506,14 +3346,9 @@ snapshots:
   '@img/sharp-win32-x64@0.33.5':
     optional: true
 
-  '@isaacs/cliui@8.0.2':
+  '@isaacs/fs-minipass@4.0.1':
     dependencies:
-      string-width: 5.1.2
-      string-width-cjs: string-width@4.2.3
-      strip-ansi: 7.1.0
-      strip-ansi-cjs: strip-ansi@6.0.1
-      wrap-ansi: 8.1.0
-      wrap-ansi-cjs: wrap-ansi@7.0.0
+      minipass: 7.1.2
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
@@ -3527,6 +3362,8 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.4.15': {}
 
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.0
@@ -3544,9 +3381,6 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@pkgjs/parseargs@0.11.0':
-    optional: true
-
   '@playwright/test@1.50.1':
     dependencies:
       playwright: 1.50.1
@@ -3608,6 +3442,77 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.34.3':
     optional: true
 
+  '@tailwindcss/node@4.1.8':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      lightningcss: 1.30.1
+      magic-string: 0.30.17
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.8
+
+  '@tailwindcss/oxide-android-arm64@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.8':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.4.3
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.8
+      '@tailwindcss/oxide-darwin-arm64': 4.1.8
+      '@tailwindcss/oxide-darwin-x64': 4.1.8
+      '@tailwindcss/oxide-freebsd-x64': 4.1.8
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.8
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.8
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.8
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.8
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.8
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.8
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.8
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.8
+
+  '@tailwindcss/vite@4.1.8(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+    dependencies:
+      '@tailwindcss/node': 4.1.8
+      '@tailwindcss/oxide': 4.1.8
+      tailwindcss: 4.1.8
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+
   '@tanstack/form-core@1.12.0':
     dependencies:
       '@tanstack/store': 0.7.1
@@ -3730,91 +3635,106 @@ snapshots:
     dependencies:
       csstype: 3.1.2
 
-  '@typescript-eslint/eslint-plugin@8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3))(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/type-utils': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.23.0
-      eslint: 9.19.0(jiti@1.21.6)
+      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.33.1
+      '@typescript-eslint/type-utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.33.1
+      eslint: 9.28.0(jiti@2.4.2)
       graphemer: 1.4.0
-      ignore: 5.3.1
+      ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.0.1(typescript@5.7.3)
+      ts-api-utils: 2.1.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/scope-manager': 8.33.1
+      '@typescript-eslint/types': 8.33.1
+      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.33.1
       debug: 4.3.4
-      eslint: 9.19.0(jiti@1.21.6)
+      eslint: 9.28.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.23.0':
+  '@typescript-eslint/project-service@8.33.1(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/tsconfig-utils': 8.33.1(typescript@5.7.3)
+      '@typescript-eslint/types': 8.33.1
+      debug: 4.3.4
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
 
-  '@typescript-eslint/type-utils@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)':
+  '@typescript-eslint/scope-manager@8.33.1':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
+      '@typescript-eslint/types': 8.33.1
+      '@typescript-eslint/visitor-keys': 8.33.1
+
+  '@typescript-eslint/tsconfig-utils@8.33.1(typescript@5.7.3)':
+    dependencies:
+      typescript: 5.7.3
+
+  '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
       debug: 4.3.4
-      eslint: 9.19.0(jiti@1.21.6)
-      ts-api-utils: 2.0.1(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.4.2)
+      ts-api-utils: 2.1.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.23.0': {}
+  '@typescript-eslint/types@8.33.1': {}
 
-  '@typescript-eslint/typescript-estree@8.23.0(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.33.1(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/visitor-keys': 8.23.0
+      '@typescript-eslint/project-service': 8.33.1(typescript@5.7.3)
+      '@typescript-eslint/tsconfig-utils': 8.33.1(typescript@5.7.3)
+      '@typescript-eslint/types': 8.33.1
+      '@typescript-eslint/visitor-keys': 8.33.1
       debug: 4.3.4
       fast-glob: 3.3.2
       is-glob: 4.0.3
       minimatch: 9.0.4
       semver: 7.6.3
-      ts-api-utils: 2.0.1(typescript@5.7.3)
+      ts-api-utils: 2.1.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.19.0(jiti@1.21.6))
-      '@typescript-eslint/scope-manager': 8.23.0
-      '@typescript-eslint/types': 8.23.0
-      '@typescript-eslint/typescript-estree': 8.23.0(typescript@5.7.3)
-      eslint: 9.19.0(jiti@1.21.6)
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
+      '@typescript-eslint/scope-manager': 8.33.1
+      '@typescript-eslint/types': 8.33.1
+      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.23.0':
+  '@typescript-eslint/visitor-keys@8.33.1':
     dependencies:
-      '@typescript-eslint/types': 8.23.0
+      '@typescript-eslint/types': 8.33.1
       eslint-visitor-keys: 4.2.0
 
-  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1))':
+  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
       '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -3831,60 +3751,45 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ansi-regex@5.0.1: {}
-
-  ansi-regex@6.1.0: {}
-
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
 
-  ansi-styles@6.2.1: {}
-
-  any-promise@1.3.0: {}
-
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  arg@5.0.2: {}
-
   argparse@2.0.1: {}
 
-  array-buffer-byte-length@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      is-array-buffer: 3.0.4
-
   array-buffer-byte-length@1.0.2:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       is-array-buffer: 3.0.5
 
   array-includes@3.1.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.7
-      is-string: 1.0.7
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
 
   array.prototype.findlast@1.2.5:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
       es-shim-unscopables: 1.0.2
 
   array.prototype.flat@1.3.1:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-shim-unscopables: 1.0.2
 
   array.prototype.flatmap@1.3.3:
@@ -3896,23 +3801,12 @@ snapshots:
 
   array.prototype.tosorted@1.1.4:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
       es-errors: 1.3.0
       es-shim-unscopables: 1.0.2
 
-  arraybuffer.prototype.slice@1.0.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-errors: 1.3.0
-      get-intrinsic: 1.2.7
-      is-array-buffer: 3.0.4
-      is-shared-array-buffer: 1.0.3
-
   arraybuffer.prototype.slice@1.0.4:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -3920,21 +3814,11 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.23.9
       es-errors: 1.3.0
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
   asynckit@0.4.0: {}
 
-  autoprefixer@10.4.20(postcss@8.5.1):
-    dependencies:
-      browserslist: 4.23.3
-      caniuse-lite: 1.0.30001706
-      fraction.js: 4.3.7
-      normalize-range: 0.1.2
-      picocolors: 1.0.1
-      postcss: 8.5.1
-      postcss-value-parser: 4.2.0
-
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.0.0
@@ -3970,13 +3854,6 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
-  browserslist@4.23.3:
-    dependencies:
-      caniuse-lite: 1.0.30001706
-      electron-to-chromium: 1.5.18
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.0(browserslist@4.23.3)
-
   browserslist@4.24.2:
     dependencies:
       caniuse-lite: 1.0.30001706
@@ -3989,19 +3866,16 @@ snapshots:
       es-errors: 1.3.0
       function-bind: 1.1.2
 
-  call-bind@1.0.7:
+  call-bind-apply-helpers@1.0.2:
     dependencies:
-      es-define-property: 1.0.1
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.7
-      set-function-length: 1.2.2
 
   call-bind@1.0.8:
     dependencies:
-      call-bind-apply-helpers: 1.0.1
+      call-bind-apply-helpers: 1.0.2
       es-define-property: 1.0.1
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       set-function-length: 1.2.2
 
   call-bound@1.0.3:
@@ -4009,9 +3883,12 @@ snapshots:
       call-bind-apply-helpers: 1.0.1
       get-intrinsic: 1.2.7
 
-  callsites@3.1.0: {}
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
 
-  camelcase-css@2.0.1: {}
+  callsites@3.1.0: {}
 
   caniuse-lite@1.0.30001706: {}
 
@@ -4032,17 +3909,7 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
+  chownr@3.0.0: {}
 
   classnames@2.3.2: {}
 
@@ -4068,8 +3935,6 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
-  commander@4.1.1: {}
-
   concat-map@0.0.1: {}
 
   convert-source-map@1.9.0: {}
@@ -4100,43 +3965,23 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  cssesc@3.0.0: {}
-
   csstype@3.1.2: {}
 
-  data-view-buffer@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      is-data-view: 1.0.1
-
   data-view-buffer@1.0.2:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
-  data-view-byte-length@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      is-data-view: 1.0.1
-
   data-view-byte-length@1.0.2:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
-  data-view-byte-offset@1.0.0:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      is-data-view: 1.0.1
-
   data-view-byte-offset@1.0.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
@@ -4170,11 +4015,9 @@ snapshots:
 
   detect-libc@2.0.3: {}
 
-  devalue@5.1.1: {}
-
-  didyoumean@1.2.2: {}
+  detect-libc@2.0.4: {}
 
-  dlv@1.1.3: {}
+  devalue@5.1.1: {}
 
   doctrine@2.1.0:
     dependencies:
@@ -4193,86 +4036,34 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
-  eastasianwidth@0.2.0: {}
-
-  electron-to-chromium@1.5.18: {}
-
   electron-to-chromium@1.5.49: {}
 
-  emoji-regex@8.0.0: {}
-
-  emoji-regex@9.2.2: {}
+  enhanced-resolve@5.18.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.2
 
   error-ex@1.3.2:
     dependencies:
       is-arrayish: 0.2.1
 
-  es-abstract@1.23.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      arraybuffer.prototype.slice: 1.0.3
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      data-view-buffer: 1.0.1
-      data-view-byte-length: 1.0.1
-      data-view-byte-offset: 1.0.0
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      es-set-tostringtag: 2.0.3
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.7
-      get-symbol-description: 1.0.2
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.0.3
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      internal-slot: 1.0.7
-      is-array-buffer: 3.0.4
-      is-callable: 1.2.7
-      is-data-view: 1.0.1
-      is-negative-zero: 2.0.3
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      is-string: 1.0.7
-      is-typed-array: 1.1.13
-      is-weakref: 1.0.2
-      object-inspect: 1.13.4
-      object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.2
-      safe-array-concat: 1.1.2
-      safe-regex-test: 1.0.3
-      string.prototype.trim: 1.2.9
-      string.prototype.trimend: 1.0.8
-      string.prototype.trimstart: 1.0.8
-      typed-array-buffer: 1.0.2
-      typed-array-byte-length: 1.0.1
-      typed-array-byte-offset: 1.0.2
-      typed-array-length: 1.0.6
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.15
-
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
       arraybuffer.prototype.slice: 1.0.4
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       data-view-buffer: 1.0.2
       data-view-byte-length: 1.0.2
       data-view-byte-offset: 1.0.1
       es-define-property: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
       es-set-tostringtag: 2.1.0
       es-to-primitive: 1.3.0
       function.prototype.name: 1.1.8
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       get-proto: 1.0.1
       get-symbol-description: 1.1.0
       globalthis: 1.0.4
@@ -4317,13 +4108,13 @@ snapshots:
   es-iterator-helpers@1.2.1:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
       es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-set-tostringtag: 2.0.3
+      es-set-tostringtag: 2.1.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       globalthis: 1.0.4
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
@@ -4337,16 +4128,14 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
-  es-set-tostringtag@2.0.3:
+  es-object-atoms@1.1.1:
     dependencies:
-      get-intrinsic: 1.2.7
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
+      es-errors: 1.3.0
 
   es-set-tostringtag@2.1.0:
     dependencies:
       es-errors: 1.3.0
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
@@ -4354,17 +4143,11 @@ snapshots:
     dependencies:
       hasown: 2.0.2
 
-  es-to-primitive@1.2.1:
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-
   es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
 
   esbuild@0.24.2:
     optionalDependencies:
@@ -4427,15 +4210,15 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@10.0.1(eslint@9.19.0(jiti@1.21.6)):
+  eslint-config-prettier@10.1.5(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.19.0(jiti@1.21.6)
+      eslint: 9.28.0(jiti@2.4.2)
 
-  eslint-plugin-react-hooks@5.1.0(eslint@9.19.0(jiti@1.21.6)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
-      eslint: 9.19.0(jiti@1.21.6)
+      eslint: 9.28.0(jiti@2.4.2)
 
-  eslint-plugin-react@7.37.4(eslint@9.19.0(jiti@1.21.6)):
+  eslint-plugin-react@7.37.5(eslint@9.28.0(jiti@2.4.2)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -4443,12 +4226,12 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.19.0(jiti@1.21.6)
+      eslint: 9.28.0(jiti@2.4.2)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.4
       minimatch: 3.1.2
-      object.entries: 1.1.8
+      object.entries: 1.1.9
       object.fromentries: 2.0.8
       object.values: 1.2.1
       prop-types: 15.8.1
@@ -4457,13 +4240,13 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-tailwindcss@3.18.0(tailwindcss@3.4.17):
+  eslint-plugin-tailwindcss@3.18.0(tailwindcss@4.1.8):
     dependencies:
       fast-glob: 3.3.2
       postcss: 8.5.1
-      tailwindcss: 3.4.17
+      tailwindcss: 4.1.8
 
-  eslint-scope@8.2.0:
+  eslint-scope@8.3.0:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
@@ -4472,18 +4255,19 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.19.0(jiti@1.21.6):
+  eslint@9.28.0(jiti@2.4.2):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@9.19.0(jiti@1.21.6))
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.19.2
-      '@eslint/core': 0.10.0
-      '@eslint/eslintrc': 3.2.0
-      '@eslint/js': 9.19.0
-      '@eslint/plugin-kit': 0.2.5
+      '@eslint/config-array': 0.20.0
+      '@eslint/config-helpers': 0.2.2
+      '@eslint/core': 0.14.0
+      '@eslint/eslintrc': 3.3.1
+      '@eslint/js': 9.28.0
+      '@eslint/plugin-kit': 0.3.1
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.1
+      '@humanwhocodes/retry': 0.4.3
       '@types/estree': 1.0.6
       '@types/json-schema': 7.0.15
       ajv: 6.12.6
@@ -4491,7 +4275,7 @@ snapshots:
       cross-spawn: 7.0.6
       debug: 4.3.4
       escape-string-regexp: 4.0.0
-      eslint-scope: 8.2.0
+      eslint-scope: 8.3.0
       eslint-visitor-keys: 4.2.0
       espree: 10.3.0
       esquery: 1.5.0
@@ -4509,7 +4293,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.3
     optionalDependencies:
-      jiti: 1.21.6
+      jiti: 2.4.2
     transitivePeerDependencies:
       - supports-color
 
@@ -4573,27 +4357,18 @@ snapshots:
 
   flatted@3.3.2: {}
 
-  flatten-tailwindcss-theme@1.0.0: {}
-
   follow-redirects@1.15.6: {}
 
   for-each@0.3.3:
     dependencies:
       is-callable: 1.2.7
 
-  foreground-child@3.3.0:
-    dependencies:
-      cross-spawn: 7.0.6
-      signal-exit: 4.1.0
-
   form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
-  fraction.js@4.3.7: {}
-
   fs-extra@11.2.0:
     dependencies:
       graceful-fs: 4.2.11
@@ -4608,17 +4383,10 @@ snapshots:
 
   function-bind@1.1.2: {}
 
-  function.prototype.name@1.1.6:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      functions-have-names: 1.2.3
-
   function.prototype.name@1.1.8:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
       functions-have-names: 1.2.3
       hasown: 2.0.2
@@ -4641,22 +4409,29 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
       es-object-atoms: 1.0.0
 
-  get-symbol-description@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      get-intrinsic: 1.2.7
-
   get-symbol-description@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
 
   get-tsconfig@4.10.0:
     dependencies:
@@ -4671,20 +4446,11 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.4.5:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 3.4.3
-      minimatch: 9.0.4
-      minipass: 7.1.2
-      package-json-from-dist: 1.0.1
-      path-scurry: 1.11.1
-
   globals@11.12.0: {}
 
   globals@14.0.0: {}
 
-  globals@15.14.0: {}
+  globals@15.15.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -4705,8 +4471,6 @@ snapshots:
     dependencies:
       es-define-property: 1.0.1
 
-  has-proto@1.0.3: {}
-
   has-proto@1.2.0:
     dependencies:
       dunder-proto: 1.0.1
@@ -4727,6 +4491,8 @@ snapshots:
 
   ignore@5.3.1: {}
 
+  ignore@7.0.5: {}
+
   immediate@3.0.6: {}
 
   import-fresh@3.3.0:
@@ -4738,12 +4504,6 @@ snapshots:
 
   inherits@2.0.4: {}
 
-  internal-slot@1.0.7:
-    dependencies:
-      es-errors: 1.3.0
-      hasown: 2.0.2
-      side-channel: 1.1.0
-
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -4757,16 +4517,11 @@ snapshots:
       '@formatjs/icu-messageformat-parser': 2.11.2
       tslib: 2.8.1
 
-  is-array-buffer@3.0.4:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.7
-
   is-array-buffer@3.0.5:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
-      get-intrinsic: 1.2.7
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
 
   is-arrayish@0.2.1: {}
 
@@ -4776,10 +4531,6 @@ snapshots:
     dependencies:
       has-tostringtag: 1.0.2
 
-  is-bigint@1.0.4:
-    dependencies:
-      has-bigints: 1.0.2
-
   is-bigint@1.1.0:
     dependencies:
       has-bigints: 1.0.2
@@ -4788,14 +4539,9 @@ snapshots:
     dependencies:
       binary-extensions: 2.2.0
 
-  is-boolean-object@1.1.2:
-    dependencies:
-      call-bind: 1.0.7
-      has-tostringtag: 1.0.2
-
   is-boolean-object@1.2.2:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-callable@1.2.7: {}
@@ -4804,32 +4550,22 @@ snapshots:
     dependencies:
       hasown: 2.0.2
 
-  is-data-view@1.0.1:
-    dependencies:
-      is-typed-array: 1.1.13
-
   is-data-view@1.0.2:
     dependencies:
-      call-bound: 1.0.3
-      get-intrinsic: 1.2.7
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
       is-typed-array: 1.1.15
 
-  is-date-object@1.0.5:
-    dependencies:
-      has-tostringtag: 1.0.2
-
   is-date-object@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-extglob@2.1.1: {}
 
   is-finalizationregistry@1.1.1:
     dependencies:
-      call-bound: 1.0.3
-
-  is-fullwidth-code-point@3.0.0: {}
+      call-bound: 1.0.4
 
   is-generator-function@1.0.10:
     dependencies:
@@ -4841,82 +4577,51 @@ snapshots:
 
   is-map@2.0.3: {}
 
-  is-negative-zero@2.0.3: {}
-
-  is-number-object@1.0.7:
-    dependencies:
-      has-tostringtag: 1.0.2
-
   is-number-object@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-number@7.0.0: {}
 
-  is-regex@1.1.4:
-    dependencies:
-      call-bind: 1.0.7
-      has-tostringtag: 1.0.2
-
   is-regex@1.2.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       gopd: 1.2.0
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
   is-set@2.0.3: {}
 
-  is-shared-array-buffer@1.0.3:
-    dependencies:
-      call-bind: 1.0.7
-
   is-shared-array-buffer@1.0.4:
     dependencies:
-      call-bound: 1.0.3
-
-  is-string@1.0.7:
-    dependencies:
-      has-tostringtag: 1.0.2
+      call-bound: 1.0.4
 
   is-string@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
-  is-symbol@1.0.4:
-    dependencies:
-      has-symbols: 1.1.0
-
   is-symbol@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-symbols: 1.1.0
       safe-regex-test: 1.1.0
 
-  is-typed-array@1.1.13:
-    dependencies:
-      which-typed-array: 1.1.15
-
   is-typed-array@1.1.15:
     dependencies:
       which-typed-array: 1.1.18
 
   is-weakmap@2.0.2: {}
 
-  is-weakref@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
-
   is-weakref@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
 
   is-weakset@2.0.4:
     dependencies:
-      call-bound: 1.0.3
-      get-intrinsic: 1.2.7
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
 
   isarray@1.0.0: {}
 
@@ -4927,19 +4632,13 @@ snapshots:
   iterator.prototype@1.1.5:
     dependencies:
       define-data-property: 1.1.4
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.7
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
       get-proto: 1.0.1
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
-  jackspeak@3.4.3:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
-  jiti@1.21.6: {}
+  jiti@2.4.2: {}
 
   js-tokens@4.0.0: {}
 
@@ -4969,7 +4668,7 @@ snapshots:
     dependencies:
       array-includes: 3.1.8
       array.prototype.flat: 1.3.1
-      object.assign: 4.1.5
+      object.assign: 4.1.7
       object.values: 1.2.1
 
   jszip@3.10.1:
@@ -4992,7 +4691,50 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
-  lilconfig@3.1.3: {}
+  lightningcss-darwin-arm64@1.30.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    optional: true
+
+  lightningcss@1.30.1:
+    dependencies:
+      detect-libc: 2.0.4
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
 
   lines-and-columns@1.2.4: {}
 
@@ -5006,12 +4748,14 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  lru-cache@10.4.3: {}
-
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
 
+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   math-intrinsics@1.1.0: {}
 
   memoize-one@6.0.0: {}
@@ -5039,13 +4783,13 @@ snapshots:
 
   minipass@7.1.2: {}
 
-  ms@2.1.2: {}
-
-  mz@2.7.0:
+  minizlib@3.0.2:
     dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
+      minipass: 7.1.2
+
+  mkdirp@3.0.1: {}
+
+  ms@2.1.2: {}
 
   nanoid@3.3.8: {}
 
@@ -5055,51 +4799,41 @@ snapshots:
 
   normalize-path@3.0.0: {}
 
-  normalize-range@0.1.2: {}
-
   object-assign@4.1.1: {}
 
-  object-hash@3.0.0: {}
-
   object-inspect@1.13.4: {}
 
   object-keys@1.1.1: {}
 
-  object.assign@4.1.5:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      has-symbols: 1.1.0
-      object-keys: 1.1.1
-
   object.assign@4.1.7:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
-  object.entries@1.1.8:
+  object.entries@1.1.9:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   object.fromentries@2.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
+      es-abstract: 1.23.9
+      es-object-atoms: 1.1.1
 
   object.values@1.2.1:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   optionator@0.9.3:
     dependencies:
@@ -5112,7 +4846,7 @@ snapshots:
 
   own-keys@1.0.1:
     dependencies:
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
@@ -5124,8 +4858,6 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
-  package-json-from-dist@1.0.1: {}
-
   pako@1.0.11: {}
 
   parent-module@1.0.1:
@@ -5145,23 +4877,12 @@ snapshots:
 
   path-parse@1.0.7: {}
 
-  path-scurry@1.11.1:
-    dependencies:
-      lru-cache: 10.4.3
-      minipass: 7.1.2
-
   path-type@4.0.0: {}
 
-  picocolors@1.0.1: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
-  pify@2.3.0: {}
-
-  pirates@4.0.5: {}
-
   playwright-core@1.50.1: {}
 
   playwright@1.50.1:
@@ -5172,37 +4893,6 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-import@15.1.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.8
-
-  postcss-js@4.0.1(postcss@8.5.1):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.1
-
-  postcss-load-config@4.0.2(postcss@8.5.1):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.6.1
-    optionalDependencies:
-      postcss: 8.5.1
-
-  postcss-nested@6.2.0(postcss@8.5.1):
-    dependencies:
-      postcss: 8.5.1
-      postcss-selector-parser: 6.1.2
-
-  postcss-selector-parser@6.1.2:
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-
-  postcss-value-parser@4.2.0: {}
-
   postcss@8.5.1:
     dependencies:
       nanoid: 3.3.8
@@ -5211,7 +4901,7 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.6.11(prettier@3.4.2):
+  prettier-plugin-tailwindcss@0.6.12(prettier@3.4.2):
     dependencies:
       prettier: 3.4.2
 
@@ -5315,10 +5005,6 @@ snapshots:
 
   react@19.0.0: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   readable-stream@2.3.8:
     dependencies:
       core-util-is: 1.0.3
@@ -5339,20 +5025,13 @@ snapshots:
       define-properties: 1.2.1
       es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.7
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
       get-proto: 1.0.1
       which-builtin-type: 1.2.1
 
   regenerator-runtime@0.14.0: {}
 
-  regexp.prototype.flags@1.5.2:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-errors: 1.3.0
-      set-function-name: 2.0.2
-
   regexp.prototype.flags@1.5.4:
     dependencies:
       call-bind: 1.0.8
@@ -5410,18 +5089,11 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
-  safe-array-concat@1.1.2:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.7
-      has-symbols: 1.1.0
-      isarray: 2.0.5
-
   safe-array-concat@1.1.3:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
-      get-intrinsic: 1.2.7
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
       has-symbols: 1.1.0
       isarray: 2.0.5
 
@@ -5432,15 +5104,9 @@ snapshots:
       es-errors: 1.3.0
       isarray: 2.0.5
 
-  safe-regex-test@1.0.3:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      is-regex: 1.1.4
-
   safe-regex-test@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-regex: 1.2.1
 
@@ -5457,7 +5123,7 @@ snapshots:
       define-data-property: 1.1.4
       es-errors: 1.3.0
       function-bind: 1.1.2
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
@@ -5472,7 +5138,7 @@ snapshots:
     dependencies:
       dunder-proto: 1.0.1
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   setimmediate@1.0.5: {}
 
@@ -5536,8 +5202,6 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
-  signal-exit@4.1.0: {}
-
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
@@ -5546,27 +5210,15 @@ snapshots:
 
   source-map@0.5.7: {}
 
-  string-width@4.2.3:
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-
-  string-width@5.1.2:
-    dependencies:
-      eastasianwidth: 0.2.0
-      emoji-regex: 9.2.2
-      strip-ansi: 7.1.0
-
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
       es-abstract: 1.23.9
       es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      get-intrinsic: 1.2.7
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
       gopd: 1.2.0
       has-symbols: 1.1.0
       internal-slot: 1.1.0
@@ -5577,70 +5229,39 @@ snapshots:
   string.prototype.repeat@1.0.0:
     dependencies:
       define-properties: 1.2.1
-      es-abstract: 1.23.3
+      es-abstract: 1.23.9
 
   string.prototype.trim@1.2.10:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-data-property: 1.1.4
       define-properties: 1.2.1
       es-abstract: 1.23.9
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
       has-property-descriptors: 1.0.2
 
-  string.prototype.trim@1.2.9:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-object-atoms: 1.0.0
-
-  string.prototype.trimend@1.0.8:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-object-atoms: 1.0.0
-
   string.prototype.trimend@1.0.9:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   string.prototype.trimstart@1.0.8:
     dependencies:
-      call-bind: 1.0.7
+      call-bind: 1.0.8
       define-properties: 1.2.1
-      es-object-atoms: 1.0.0
+      es-object-atoms: 1.1.1
 
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
 
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-
-  strip-ansi@7.1.0:
-    dependencies:
-      ansi-regex: 6.1.0
-
   strip-json-comments@3.1.1: {}
 
   stylis@4.2.0: {}
 
-  sucrase@3.35.0:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      commander: 4.1.1
-      glob: 10.4.5
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.5
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -5649,65 +5270,27 @@ snapshots:
 
   tailwind-merge@2.6.0: {}
 
-  tailwindcss-animate@1.0.7(tailwindcss@3.4.17):
-    dependencies:
-      tailwindcss: 3.4.17
-
-  tailwindcss-shadow-fill@1.0.1(tailwindcss@3.4.17):
-    dependencies:
-      flatten-tailwindcss-theme: 1.0.0
-      tailwindcss: 3.4.17
-
-  tailwindcss-text-fill@0.2.0(tailwindcss@3.4.17):
-    dependencies:
-      flatten-tailwindcss-theme: 1.0.0
-      tailwindcss: 3.4.17
-
-  tailwindcss@3.4.17:
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.2
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.6
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.1
-      postcss-import: 15.1.0(postcss@8.5.1)
-      postcss-js: 4.0.1(postcss@8.5.1)
-      postcss-load-config: 4.0.2(postcss@8.5.1)
-      postcss-nested: 6.2.0(postcss@8.5.1)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.8
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
+  tailwindcss@4.1.8: {}
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
+  tapable@2.2.2: {}
 
-  thenify@3.3.1:
+  tar@7.4.3:
     dependencies:
-      any-promise: 1.3.0
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.0.2
+      mkdirp: 3.0.1
+      yallist: 5.0.0
 
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
-  ts-api-utils@2.0.1(typescript@5.7.3):
+  ts-api-utils@2.1.0(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
 
-  ts-interface-checker@0.1.13: {}
-
   tslib@2.5.3:
     optional: true
 
@@ -5723,30 +5306,18 @@ snapshots:
 
   turbo-stream@2.4.0: {}
 
+  tw-animate-css@1.3.3: {}
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  typed-array-buffer@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
-      es-errors: 1.3.0
-      is-typed-array: 1.1.13
-
   typed-array-buffer@1.0.3:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       es-errors: 1.3.0
       is-typed-array: 1.1.15
 
-  typed-array-byte-length@1.0.1:
-    dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.2.0
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-
   typed-array-byte-length@1.0.3:
     dependencies:
       call-bind: 1.0.8
@@ -5755,15 +5326,6 @@ snapshots:
       has-proto: 1.2.0
       is-typed-array: 1.1.15
 
-  typed-array-byte-offset@1.0.2:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.2.0
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-
   typed-array-byte-offset@1.0.4:
     dependencies:
       available-typed-arrays: 1.0.7
@@ -5774,15 +5336,6 @@ snapshots:
       is-typed-array: 1.1.15
       reflect.getprototypeof: 1.0.10
 
-  typed-array-length@1.0.6:
-    dependencies:
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.2.0
-      has-proto: 1.0.3
-      is-typed-array: 1.1.13
-      possible-typed-array-names: 1.0.0
-
   typed-array-length@1.0.7:
     dependencies:
       call-bind: 1.0.8
@@ -5792,28 +5345,21 @@ snapshots:
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3):
+  typescript-eslint@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.23.0(@typescript-eslint/parser@8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3))(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.23.0(eslint@9.19.0(jiti@1.21.6))(typescript@5.7.3)
-      eslint: 9.19.0(jiti@1.21.6)
+      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.4.2)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
   typescript@5.7.3: {}
 
-  unbox-primitive@1.0.2:
-    dependencies:
-      call-bind: 1.0.7
-      has-bigints: 1.0.2
-      has-symbols: 1.1.0
-      which-boxed-primitive: 1.0.2
-
   unbox-primitive@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-bigints: 1.0.2
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
@@ -5822,12 +5368,6 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  update-browserslist-db@1.1.0(browserslist@4.23.3):
-    dependencies:
-      browserslist: 4.23.3
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
   update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
       browserslist: 4.24.2
@@ -5850,20 +5390,20 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)):
+  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       fs-extra: 11.2.0
       picocolors: 1.1.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)):
+  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       jszip: 3.10.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite@6.1.0(@types/node@22.13.1)(jiti@1.21.6)(tsx@4.19.3)(yaml@2.7.1):
+  vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       esbuild: 0.24.2
       postcss: 8.5.1
@@ -5871,18 +5411,11 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.13.1
       fsevents: 2.3.3
-      jiti: 1.21.6
+      jiti: 2.4.2
+      lightningcss: 1.30.1
       tsx: 4.19.3
       yaml: 2.7.1
 
-  which-boxed-primitive@1.0.2:
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -5893,7 +5426,7 @@ snapshots:
 
   which-builtin-type@1.2.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
       is-async-function: 2.0.0
@@ -5914,19 +5447,11 @@ snapshots:
       is-weakmap: 2.0.2
       is-weakset: 2.0.4
 
-  which-typed-array@1.1.15:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.7
-      for-each: 0.3.3
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-
   which-typed-array@1.1.18:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       for-each: 0.3.3
       gopd: 1.2.0
       has-tostringtag: 1.0.2
@@ -5935,23 +5460,11 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  wrap-ansi@7.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
-  wrap-ansi@8.1.0:
-    dependencies:
-      ansi-styles: 6.2.1
-      string-width: 5.1.2
-      strip-ansi: 7.1.0
-
   yallist@3.1.1: {}
 
-  yaml@1.10.2: {}
+  yallist@5.0.0: {}
 
-  yaml@2.6.1: {}
+  yaml@1.10.2: {}
 
   yaml@2.7.1:
     optional: true
diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index 33ad091..0000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/src/App.tsx b/src/App.tsx
index b2c7a68..e6ce5e9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -56,7 +56,7 @@ function App() {
           ]}
         />
         {locationType === "popup" && (
-          <FontAwesomeIcon icon={faUpRightFromSquare} size="sm" className="absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer rounded-full bg-background-inner p-1.5" onClick={createPopOut} />
+          <FontAwesomeIcon icon={faUpRightFromSquare} size="sm" className="bg-background-inner absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full p-1.5" onClick={createPopOut} />
         )}
       </header>
       <main
diff --git a/src/components/general/Button.tsx b/src/components/general/Button.tsx
index 98d512b..4e4a73f 100644
--- a/src/components/general/Button.tsx
+++ b/src/components/general/Button.tsx
@@ -25,11 +25,11 @@ const Button = <T extends React.ElementType = "button">({
           "px-1 py-0.5 text-xs focus:ring-1": size === "xs",
           "px-3 py-2 text-xs focus:ring-2": size === "sm",
           "px-5 py-2.5 text-sm focus:ring-4": size === "md",
-          "bg-primary text-white hover:bg-primary-hover": variant === "primary",
-          "text-primary ring-1 ring-primary": variant === "outline",
+          "bg-primary hover:bg-primary-hover text-white": variant === "primary",
+          "text-primary ring-primary ring-1": variant === "outline",
           "bg-primary-disabled hover:bg-primary-disabled": props.disabled && variant === "primary",
         },
-        "focus:outline-none focus:ring-primary-focus",
+        "focus:ring-primary-focus focus:outline-hidden",
         className
       )}
       {...props}
diff --git a/src/components/general/CheckBox.tsx b/src/components/general/CheckBox.tsx
index 424ef74..88cdec7 100644
--- a/src/components/general/CheckBox.tsx
+++ b/src/components/general/CheckBox.tsx
@@ -10,15 +10,15 @@ const CheckBox = ({ title, description, className, ...props }: PropTypes) => {
   const id = useId();
 
   return (
-    <div className={clsx("flex items-center rounded-lg border border-field-border bg-field p-1 pl-2", className)}>
+    <div className={clsx("border-field-border bg-field flex items-center rounded-lg border p-1 pl-2", className)}>
       <div className="flex items-center">
         <input
           {...props}
           id={id}
           type="checkbox"
           className={clsx(
-            "size-4 rounded border-gray-300 bg-gray-100 accent-primary dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800",
-            "focus:outline-none focus:ring-2 focus:ring-primary-focus"
+            "accent-primary size-4 rounded-sm border-gray-300 bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800",
+            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden"
           )}
         />
       </div>
diff --git a/src/components/general/ContextMenu.tsx b/src/components/general/ContextMenu.tsx
index b3b4df6..dd30c88 100644
--- a/src/components/general/ContextMenu.tsx
+++ b/src/components/general/ContextMenu.tsx
@@ -63,7 +63,7 @@ const ContextMenu = ({ menu, children, ...props }: PropTypes) => {
         <div
           ref={ref}
           role="menu"
-          className="fixed z-50 w-40 divide-y divide-gray-200 rounded-lg border border-gray-200 bg-background shadow dark:divide-gray-600 dark:border-gray-600"
+          className="bg-background fixed z-50 w-40 divide-y divide-gray-200 rounded-lg border border-gray-200 shadow-sm dark:divide-gray-600 dark:border-gray-600"
           style={{ top: `${position.y}px`, left: `${position.x}px` }}
           onClick={() => setPosition(undefined)}
         >
diff --git a/src/components/general/DateInput.tsx b/src/components/general/DateInput.tsx
index 4c984a0..6ec7afd 100644
--- a/src/components/general/DateInput.tsx
+++ b/src/components/general/DateInput.tsx
@@ -66,7 +66,7 @@ const DateInput = ({ size = "md", title, icon, error, className, value, onChange
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } as any);
           }}
-          className={clsx("block w-full rounded-lg text-sm", "border border-field-border bg-field placeholder:text-field-placeholder", "focus:outline-none focus:ring-2 focus:ring-primary-focus", {
+          className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
             "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
             "pl-8": !!icon,
             "pr-8": !props.required && value,
@@ -75,7 +75,7 @@ const DateInput = ({ size = "md", title, icon, error, className, value, onChange
           })}
         />
         {!props.required && value && (
-          <svg viewBox="0 0 20 20" aria-hidden="true" className="absolute right-2 top-1/2 size-5 -translate-y-1/2 cursor-pointer fill-current" onClick={() => ref.current?.flatpickr.clear()}>
+          <svg viewBox="0 0 20 20" aria-hidden="true" className="absolute top-1/2 right-2 size-5 -translate-y-1/2 cursor-pointer fill-current" onClick={() => ref.current?.flatpickr.clear()}>
             <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
           </svg>
         )}
diff --git a/src/components/general/LoadingSpinner.tsx b/src/components/general/LoadingSpinner.tsx
index aea60b8..5219ce4 100644
--- a/src/components/general/LoadingSpinner.tsx
+++ b/src/components/general/LoadingSpinner.tsx
@@ -2,7 +2,7 @@ const LoadingSpinner = () => {
   return (
     <div className="flex items-center justify-center">
       <div role="status">
-        <svg aria-hidden="true" className="size-4 animate-spin fill-primary text-gray-200 dark:text-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg aria-hidden="true" className="fill-primary size-4 animate-spin text-gray-200 dark:text-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path
             d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
             fill="currentColor"
diff --git a/src/components/general/Modal.tsx b/src/components/general/Modal.tsx
index 9328787..b95a080 100644
--- a/src/components/general/Modal.tsx
+++ b/src/components/general/Modal.tsx
@@ -13,13 +13,13 @@ const Modal = ({ title, children, onClose }: PropTypes) => {
   useHotKey(onClose, { key: "Escape" });
 
   return (
-    <div tabIndex={-1} className="fixed inset-0 z-40 flex size-full min-w-[320px] items-center justify-center overflow-y-auto bg-gray-800/50 p-2 animate-in fade-in dark:bg-gray-600/50">
+    <div tabIndex={-1} className="animate-in fade-in fixed inset-0 z-40 flex size-full min-w-[320px] items-center justify-center overflow-y-auto bg-gray-800/50 p-2 dark:bg-gray-600/50">
       <div className="relative max-h-full w-full max-w-md" role="dialog">
-        <div className="relative rounded-lg bg-background drop-shadow-lg animate-in fade-in zoom-in">
+        <div className="bg-background animate-in fade-in zoom-in relative rounded-lg drop-shadow-lg">
           <div className="p-2.5">
             <div className="mb-2 flex items-start justify-between">
               <h3 className="text-lg font-medium">{title}</h3>
-              <button type="button" className="rounded-lg bg-transparent p-1.5 text-sm hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary-focus" onClick={onClose}>
+              <button type="button" className="hover:text-primary focus:ring-primary-focus rounded-lg bg-transparent p-1.5 text-sm focus:ring-2 focus:outline-hidden" onClick={onClose}>
                 <svg aria-hidden="true" className="size-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                   <path
                     fillRule="evenodd"
diff --git a/src/components/general/Navbar.tsx b/src/components/general/Navbar.tsx
index c0d36df..c133cb6 100644
--- a/src/components/general/Navbar.tsx
+++ b/src/components/general/Navbar.tsx
@@ -16,7 +16,7 @@ const Navbar = ({ navigation }: PropTypes) => {
   const location = useLocation();
 
   return (
-    <nav className="fixed top-0 w-full border-b-2 border-primary bg-background p-1.5">
+    <nav className="border-primary bg-background fixed top-0 w-full border-b-2 p-1.5">
       <ul className="-mb-px flex gap-x-1 text-center text-sm font-medium text-gray-500 dark:text-gray-400">
         {navigation.map((item) => (
           <li key={item.href}>
@@ -25,7 +25,7 @@ const Navbar = ({ navigation }: PropTypes) => {
               className={clsx(
                 "inline-flex items-center gap-x-1 px-1 py-2",
                 location.pathname === item.href ? "text-primary" : "hover:text-gray-600 dark:hover:text-gray-300",
-                "select-none focus:outline-none"
+                "select-none focus:outline-hidden"
               )}
               tabIndex={-1}
             >
diff --git a/src/components/general/ReactSelect.tsx b/src/components/general/ReactSelect.tsx
index 5e73960..2ea74d5 100644
--- a/src/components/general/ReactSelect.tsx
+++ b/src/components/general/ReactSelect.tsx
@@ -62,10 +62,10 @@ function ReactSelect<Option = unknown, IsMulti extends boolean = false, Group ex
         unstyled
         classNames={{
           control: (state) =>
-            clsx("block w-full rounded-lg border border-field-border bg-field text-sm", {
-              "!min-h-[unset] p-1.5": size === "sm",
+            clsx("border-field-border bg-field block w-full rounded-lg border text-sm", {
+              "min-h-[unset]! p-1.5": size === "sm",
               "p-2.5": size === "md",
-              "outline-none ring-2 ring-primary-focus": state.isFocused,
+              "ring-primary-focus ring-2 outline-hidden": state.isFocused,
               "border-red-500 text-red-900 dark:border-red-500 dark:text-red-500": error !== undefined,
               "bg-field-disabled": props.isDisabled,
             }),
diff --git a/src/components/general/SelectInput.tsx b/src/components/general/SelectInput.tsx
index 6bc76b3..b26ad43 100644
--- a/src/components/general/SelectInput.tsx
+++ b/src/components/general/SelectInput.tsx
@@ -29,7 +29,7 @@ const SelectInput = ({ size = "md", title, error, children, placeholder, classNa
       <select
         {...props}
         id={id}
-        className={clsx("block w-full rounded-lg text-sm", "border border-field-border bg-field placeholder:text-field-placeholder", "focus:outline-none focus:ring-2 focus:ring-primary-focus", {
+        className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
           "p-1.5": size === "sm",
           "p-2.5": size === "md",
         })}
diff --git a/src/components/general/Switch.tsx b/src/components/general/Switch.tsx
index 6903eeb..af81903 100644
--- a/src/components/general/Switch.tsx
+++ b/src/components/general/Switch.tsx
@@ -25,7 +25,7 @@ const Switch = ({ size = "md", title, name, value, onChange, onBlur, options, re
     <div
       className={clsx(
         {
-          "flex items-center justify-between rounded-lg border border-field-border bg-field p-1 pl-2": title,
+          "border-field-border bg-field flex items-center justify-between rounded-lg border p-1 pl-2": title,
         },
         className
       )}
@@ -38,7 +38,7 @@ const Switch = ({ size = "md", title, name, value, onChange, onBlur, options, re
       )}
 
       <div
-        className={clsxm("flex w-fit items-center gap-x-1 rounded-full border border-field-border bg-field", {
+        className={clsxm("border-field-border bg-field flex w-fit items-center gap-x-1 rounded-full border", {
           "bg-field-inner": title,
           "p-1": size === "md",
           "p-1.5": size === "lg",
@@ -48,7 +48,7 @@ const Switch = ({ size = "md", title, name, value, onChange, onBlur, options, re
           <div className="flex justify-center" key={option.value}>
             <button
               type="button"
-              className={clsx("w-full whitespace-nowrap rounded-full", "focus:outline-none focus:ring-2 focus:ring-primary-focus", {
+              className={clsx("w-full rounded-full whitespace-nowrap", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
                 "bg-primary text-white": value === option.value,
                 "p-0.5 px-2": size === "md",
                 "p-1 px-3": size === "lg",
diff --git a/src/components/general/TextInput.tsx b/src/components/general/TextInput.tsx
index 7afdc1e..d6ab9bd 100644
--- a/src/components/general/TextInput.tsx
+++ b/src/components/general/TextInput.tsx
@@ -37,9 +37,8 @@ const TextInput = ({ size = "md", title, icon, error, extraText, className, inpu
           required={false} // Remove html required attribute
           className={clsx(
             "block w-full rounded-lg text-sm",
-            "border border-field-border bg-field placeholder:text-field-placeholder",
-            "focus:outline-none focus:ring-2 focus:ring-primary-focus",
-            "dark:autofill:shadow-fill-field-DEFAULT dark:autofill:text-fill-white",
+            "border-field-border bg-field placeholder:text-field-placeholder border",
+            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
             {
               "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
               "bg-field-disabled": props.disabled,
@@ -53,9 +52,9 @@ const TextInput = ({ size = "md", title, icon, error, extraText, className, inpu
         />
         {extraText && (
           <span
-            className={clsx("absolute whitespace-nowrap rounded bg-field-inner font-medium text-gray-800 dark:text-gray-400", {
-              "right-1.5 top-1/2 -translate-y-1/2 px-2.5 py-0.5": size === "sm",
-              "right-2.5 top-1/2 -translate-y-1/2 px-3.5 py-1": size === "md",
+            className={clsx("bg-field-inner absolute rounded-sm font-medium whitespace-nowrap text-gray-800 dark:text-gray-400", {
+              "top-1/2 right-1.5 -translate-y-1/2 px-2.5 py-0.5": size === "sm",
+              "top-1/2 right-2.5 -translate-y-1/2 px-3.5 py-1": size === "md",
             })}
           >
             {extraText}
diff --git a/src/components/general/TextareaInput.tsx b/src/components/general/TextareaInput.tsx
index bb8c9e9..a0e6e60 100644
--- a/src/components/general/TextareaInput.tsx
+++ b/src/components/general/TextareaInput.tsx
@@ -29,7 +29,7 @@ const TextareaInput = ({ size = "md", title, error, value, rows = 3, className,
         {...props}
         id={id}
         required={false} // Remove html required attribute
-        className={clsx("block w-full rounded-lg text-sm", "border border-field-border bg-field placeholder:text-field-placeholder", "focus:outline-none focus:ring-2 focus:ring-primary-focus", {
+        className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
           "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
           "p-1.5": size === "sm",
           "p-2.5": size === "md",
diff --git a/src/components/general/TimeInput.tsx b/src/components/general/TimeInput.tsx
index a7654ff..895c1d3 100644
--- a/src/components/general/TimeInput.tsx
+++ b/src/components/general/TimeInput.tsx
@@ -58,7 +58,7 @@ const TimeInput = ({ size = "md", title, icon, error, className, type = "date",
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } as any);
           }}
-          className={clsx("block w-full rounded-lg text-sm", "border border-field-border bg-field placeholder:text-field-placeholder", "focus:outline-none focus:ring-2 focus:ring-primary-focus", {
+          className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
             "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
             "pl-8": !!icon,
             "p-1.5": size === "sm",
diff --git a/src/components/general/Toast.tsx b/src/components/general/Toast.tsx
index 044f694..a8a91b7 100644
--- a/src/components/general/Toast.tsx
+++ b/src/components/general/Toast.tsx
@@ -13,7 +13,7 @@ const Toast = ({ type, message, allowClose = true, autoClose, onClose }: PropTyp
 
   return (
     <div className="fixed bottom-0 left-0 z-50 w-full p-2">
-      <div className="flex w-full items-center rounded-lg bg-background-inner p-1 shadow" role="alert">
+      <div className="bg-background-inner flex w-full items-center rounded-lg p-1 shadow-sm" role="alert">
         <div
           className={clsx("inline-flex size-8 shrink-0 items-center justify-center", {
             "rounded-lg bg-green-100 text-green-700 dark:bg-green-800 dark:text-green-200": type === "success",
@@ -39,7 +39,7 @@ const Toast = ({ type, message, allowClose = true, autoClose, onClose }: PropTyp
         {allowClose && (
           <button
             type="button"
-            className="ml-auto inline-flex size-8 rounded-lg p-1.5 hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary-focus"
+            className="hover:text-primary focus:ring-primary-focus ml-auto inline-flex size-8 rounded-lg p-1.5 focus:ring-2 focus:outline-hidden"
             aria-label="Close"
             onClick={onClose}
           >
diff --git a/src/components/general/Toggle.tsx b/src/components/general/Toggle.tsx
index 2bc284d..cdad64b 100644
--- a/src/components/general/Toggle.tsx
+++ b/src/components/general/Toggle.tsx
@@ -15,20 +15,20 @@ const Toggle = ({ size = "md", title, onLabel, offLabel, className, ...props }:
       <input {...props} id={id} type="checkbox" className="peer sr-only" />
       <div
         className={clsx(
-          "peer relative rounded-full border border-field-border bg-field after:absolute after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary-focus",
+          "peer border-field-border bg-field peer-checked:bg-primary peer-focus:ring-primary-focus relative rounded-full border peer-focus:ring-2 peer-focus:outline-hidden after:absolute after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white",
           {
-            "h-4 w-7 after:left-[1px] after:top-[1px] after:size-3": size === "sm",
-            "h-5 w-9 after:left-[1px] after:top-[1px] after:size-4": size === "md",
-            "h-6 w-11 after:left-[1px] after:top-[1px] after:size-5": size === "lg",
+            "h-4 w-7 after:top-px after:left-px after:size-3": size === "sm",
+            "h-5 w-9 after:top-px after:left-px after:size-4": size === "md",
+            "h-6 w-11 after:top-px after:left-px after:size-5": size === "lg",
           }
         )}
       >
         {offLabel && (
           <span
-            className={clsx("absolute font-normal uppercase text-white", {
-              "right-0.5 top-0.5 text-[0.4rem] uppercase leading-3": size === "sm",
-              "right-0.5 top-1 text-[0.5rem] uppercase leading-3": size === "md",
-              "right-1 top-1.5 text-[0.6rem] uppercase leading-3": size === "lg",
+            className={clsx("absolute font-normal text-white uppercase", {
+              "top-0.5 right-0.5 text-[0.4rem] leading-3 uppercase": size === "sm",
+              "top-1 right-0.5 text-[0.5rem] leading-3 uppercase": size === "md",
+              "top-1.5 right-1 text-[0.6rem] leading-3 uppercase": size === "lg",
             })}
           >
             {offLabel}
@@ -36,10 +36,10 @@ const Toggle = ({ size = "md", title, onLabel, offLabel, className, ...props }:
         )}
         {onLabel && (
           <span
-            className={clsx("absolute font-normal uppercase text-white", {
-              "left-0.5 top-0.5 text-[0.4rem] uppercase leading-3": size === "sm",
-              "left-0.5 top-1 text-[0.5rem] uppercase leading-3": size === "md",
-              "left-1 top-1.5 text-[0.6rem] uppercase leading-3": size === "lg",
+            className={clsx("absolute font-normal text-white uppercase", {
+              "top-0.5 left-0.5 text-[0.4rem] leading-3 uppercase": size === "sm",
+              "top-1 left-0.5 text-[0.5rem] leading-3 uppercase": size === "md",
+              "top-1.5 left-1 text-[0.6rem] leading-3 uppercase": size === "lg",
             })}
           >
             {onLabel}
diff --git a/src/components/issue/Issue.tsx b/src/components/issue/Issue.tsx
index 543debb..6ee8225 100644
--- a/src/components/issue/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -52,7 +52,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           data-type="issue"
           className={clsxm(
             "relative block w-full rounded-lg p-1",
-            "focus:outline-none focus:ring-4 focus:ring-primary-focus",
+            "focus:ring-primary-focus focus:ring-4 focus:outline-hidden",
             "bg-background hover:bg-background-hover",
             settings.style.showIssuesPriority
               ? {
@@ -86,7 +86,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           <div className="flex flex-row justify-between gap-x-2">
             <div className="mt-1">
               <div className="w-[80px] bg-[#eeeeee]">
-                <div className="select-none bg-[#bae0ba] p-1 text-center text-xs font-medium leading-none text-gray-600" style={{ width: `${issue.done_ratio}%` }}>
+                <div className="bg-[#bae0ba] p-1 text-center text-xs leading-none font-medium text-gray-600 select-none" style={{ width: `${issue.done_ratio}%` }}>
                   {issue.done_ratio}%
                 </div>
               </div>
@@ -109,11 +109,11 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
               ))}
             </div>
           )}
-          <div className="absolute right-2 top-2 flex items-start justify-end gap-x-1">
+          <div className="absolute top-2 right-2 flex items-start justify-end gap-x-1">
             {localIssue.pinned && (
               <>
                 {settings.style.showTooltips && <Tooltip id={`tooltip-pinned-${issue.id}`} place="left" delayShow={700} content={formatMessage({ id: "issues.issue.pinned" })} className="italic" />}
-                <FontAwesomeIcon icon={faThumbTack} className="rotate-[30deg] text-gray-300 focus:outline-none dark:text-gray-600" data-tooltip-id={`tooltip-pinned-${issue.id}`} tabIndex={-1} />
+                <FontAwesomeIcon icon={faThumbTack} className="rotate-30 text-gray-300 focus:outline-hidden dark:text-gray-600" data-tooltip-id={`tooltip-pinned-${issue.id}`} tabIndex={-1} />
               </>
             )}
             {!assignedToMe && (
@@ -121,7 +121,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
                 {settings.style.showTooltips && (
                   <Tooltip id={`tooltip-not-assigned-to-me-${issue.id}`} place="left" delayShow={700} content={formatMessage({ id: "issues.issue.not-assigned-to-me" })} className="italic" />
                 )}
-                <FontAwesomeIcon icon={faCircleUser} className="text-gray-300 focus:outline-none dark:text-gray-600" data-tooltip-id={`tooltip-not-assigned-to-me-${issue.id}`} tabIndex={-1} />
+                <FontAwesomeIcon icon={faCircleUser} className="text-gray-300 focus:outline-hidden dark:text-gray-600" data-tooltip-id={`tooltip-not-assigned-to-me-${issue.id}`} tabIndex={-1} />
               </>
             )}
           </div>
diff --git a/src/components/issue/IssueContextMenu.tsx b/src/components/issue/IssueContextMenu.tsx
index 2f17eee..0d28014 100644
--- a/src/components/issue/IssueContextMenu.tsx
+++ b/src/components/issue/IssueContextMenu.tsx
@@ -92,7 +92,7 @@ const IssueContextMenu = ({ issue, localIssue, primaryTimer, assignedToMe, canEd
           [
             {
               name: formatMessage({ id: assignedToMe || localIssue.remembered ? "issues.context-menu.pin" : "issues.context-menu.pin-and-remember" }),
-              icon: <FontAwesomeIcon icon={faThumbTack} className="rotate-[30deg]" />,
+              icon: <FontAwesomeIcon icon={faThumbTack} className="rotate-30" />,
               onClick: () => localIssue.setLocalIssue({ pinned: true, remembered: !assignedToMe ? true : undefined }),
               disabled: localIssue.pinned,
             },
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 357f10b..2831ca6 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -58,7 +58,7 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
             {project && (
               <div
                 className={clsx("flex justify-between gap-x-2", {
-                  "sticky top-0 z-[5] -mx-2 -my-1 bg-background px-2 py-1 shadow shadow-background": settings.style.stickyScroll,
+                  "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow-sm": settings.style.stickyScroll,
                 })}
               >
                 <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="max-w-fit truncate text-xs hover:underline" rel="noreferrer">
@@ -86,10 +86,10 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
                     {version && <VersionTooltip version={version} />}
                     <div
                       className={clsx({
-                        "shadow- sticky top-6 z-[5] -mx-2 -my-1 bg-background px-2 py-1 shadow shadow-background": settings.style.stickyScroll,
+                        "shadow- bg-background shadow-background sticky top-6 z-5 -mx-2 -my-1 px-2 py-1 shadow-sm": settings.style.stickyScroll,
                       })}
                     >
-                      <span className="w-fit truncate rounded bg-background-inner px-1.5 text-xs text-gray-950 dark:text-gray-300" data-tooltip-id={`tooltip-version-${version?.id}`}>
+                      <span className="bg-background-inner w-fit truncate rounded-sm px-1.5 text-xs text-gray-950 dark:text-gray-300" data-tooltip-id={`tooltip-version-${version?.id}`}>
                         {type === "version" && version && (
                           <a href={`${settings.redmineURL}/versions/${version.id}`} target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
                             {version.name}
diff --git a/src/components/issue/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
index 85dea05..bf30d30 100644
--- a/src/components/issue/IssuesListSkeleton.tsx
+++ b/src/components/issue/IssuesListSkeleton.tsx
@@ -6,21 +6,21 @@ const IssuesListSkeleton = () => {
     <>
       {[...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => (
         <Fragment key={i}>
-          <div className="my-0.5 h-2.5 w-28 animate-pulse rounded-full bg-background-inner" />
+          <div className="bg-background-inner my-0.5 h-2.5 w-28 animate-pulse rounded-full" />
           {[...Array(Math.floor(Math.random() * 5 + 1)).keys()].map((_, i) => {
             return (
-              <div key={i} className={clsx("relative block w-full animate-pulse rounded-lg border border-gray-200 bg-background p-1 dark:border-gray-700")}>
-                <div className="my-0.5 mb-2 h-2.5 w-52 rounded-full bg-background-inner" />
+              <div key={i} className={clsx("bg-background relative block w-full animate-pulse rounded-lg border border-gray-200 p-1 dark:border-gray-700")}>
+                <div className="bg-background-inner my-0.5 mb-2 h-2.5 w-52 rounded-full" />
                 <div className="flex flex-row justify-between gap-x-2">
                   <div className="mt-1">
-                    <div className="h-5 w-[80px] rounded bg-background-inner" />
+                    <div className="bg-background-inner h-5 w-[80px] rounded-sm" />
                   </div>
                   <div className="mr-2 flex flex-col">
                     <div className="flex items-center justify-end gap-x-3">
-                      <div className="my-0.5 h-5 w-14 rounded-2xl bg-background-inner" />
-                      <div className="size-5 rounded-full bg-background-inner" />
-                      <div className="size-5 rounded-full bg-background-inner" />
-                      <div className="size-5 rounded-full bg-background-inner" />
+                      <div className="bg-background-inner my-0.5 h-5 w-14 rounded-2xl" />
+                      <div className="bg-background-inner size-5 rounded-full" />
+                      <div className="bg-background-inner size-5 rounded-full" />
+                      <div className="bg-background-inner size-5 rounded-full" />
                     </div>
                   </div>
                 </div>
diff --git a/src/components/issue/Search.tsx b/src/components/issue/Search.tsx
index 27ab289..b100732 100644
--- a/src/components/issue/Search.tsx
+++ b/src/components/issue/Search.tsx
@@ -94,7 +94,7 @@ const Search = ({ children, ref }: PropTypes) => {
                 id="issues.search.search-in-project"
                 values={{
                   projectName: inProject.name,
-                  badge: (children) => <span className="truncate rounded-full bg-primary px-1.5 text-xs text-white">{children}</span>,
+                  badge: (children) => <span className="bg-primary truncate rounded-full px-1.5 text-xs text-white">{children}</span>,
                 }}
               />
               <div className="mr-2 flex grow justify-end">
diff --git a/src/components/issue/form/fields/DoneSliderField.tsx b/src/components/issue/form/fields/DoneSliderField.tsx
index 8e20c3a..8b520ef 100644
--- a/src/components/issue/form/fields/DoneSliderField.tsx
+++ b/src/components/issue/form/fields/DoneSliderField.tsx
@@ -16,10 +16,10 @@ const DoneSliderField = ({ className, ...props }: Omit<ComponentProps<"input">,
         max="100"
         step="10"
         type="range"
-        className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus:outline-none focus:ring-2 focus:ring-primary-focus")}
+        className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden")}
         style={{ background: `linear-gradient(90deg, #bae0ba ${state.value * 0.9 + 10}%, #eeeeee ${state.value * 0.9 + 10}%)` }}
       />
-      <p className="pointer-events-none absolute left-1 top-1 select-none text-xs font-medium leading-none text-gray-600">{state.value}%</p>
+      <p className="pointer-events-none absolute top-1 left-1 text-xs leading-none font-medium text-gray-600 select-none">{state.value}%</p>
     </div>
   );
 };
diff --git a/src/components/time-entry/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
index 97263c5..e83ba92 100644
--- a/src/components/time-entry/TimeEntry.tsx
+++ b/src/components/time-entry/TimeEntry.tsx
@@ -31,7 +31,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
               projectRoles={projectRoles}
               role="cell"
               data-type="time-entry"
-              className="h-4 rounded bg-primary"
+              className="bg-primary h-4 rounded-sm"
               style={{
                 width: `${(entry.hours / maxHours) * 100}%`,
               }}
@@ -41,7 +41,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
             <div
               role="cell"
               data-type="time-entry"
-              className="h-4 rounded bg-primary"
+              className="bg-primary h-4 rounded-sm"
               style={{
                 width: `${(entry.hours / maxHours) * 100}%`,
               }}
@@ -56,7 +56,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
             <p className="text-sm font-semibold">{formatHours(previewHours)}</p>
           </Tooltip>
           <div
-            className="h-4 rounded bg-primary opacity-50"
+            className="bg-primary h-4 rounded-sm opacity-50"
             style={{
               width: `${(previewHours / maxHours) * 100}%`,
               backgroundSize: "1rem 1rem",
@@ -68,7 +68,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
       )) ||
         undefined}
       <div
-        className="h-3 rounded bg-gray-400/40 dark:bg-gray-700/40"
+        className="h-3 rounded-sm bg-gray-400/40 dark:bg-gray-700/40"
         style={{
           width: `${((maxHours - sumHours - (previewHours ?? 0)) / maxHours) * 100}%`,
           backgroundSize: "1rem 1rem",
diff --git a/src/components/time-entry/TimeEntryList.tsx b/src/components/time-entry/TimeEntryList.tsx
index 271cbbb..b89ab45 100644
--- a/src/components/time-entry/TimeEntryList.tsx
+++ b/src/components/time-entry/TimeEntryList.tsx
@@ -58,7 +58,7 @@ const TimeEntryList = ({ entries }: PropTypes) => {
                 <h1 className="text-lg">
                   {formatDate(monday)} - {formatDate(addDays(monday, 6))}
                 </h1>
-                <span className="inline-flex items-center rounded border border-primary bg-background-inner px-2.5 py-0.5 text-xs font-medium text-primary">
+                <span className="border-primary bg-background-inner text-primary inline-flex items-center rounded-sm border px-2.5 py-0.5 text-xs font-medium">
                   <svg aria-hidden="true" className="mr-1 size-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                     <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clipRule="evenodd"></path>
                   </svg>
diff --git a/src/components/time-entry/TimeEntryListSkeleton.tsx b/src/components/time-entry/TimeEntryListSkeleton.tsx
index 0ea5fca..287f318 100644
--- a/src/components/time-entry/TimeEntryListSkeleton.tsx
+++ b/src/components/time-entry/TimeEntryListSkeleton.tsx
@@ -5,19 +5,19 @@ const TimeEntryListSkeleton = () => {
         return (
           <div className="mb-5 flex animate-pulse flex-col gap-y-1" key={i}>
             <div className="flex items-center gap-x-3">
-              <h1 className="h-4 w-40 bg-background-inner"></h1>
-              <span className="h-5 w-12 rounded bg-background-inner"></span>
+              <h1 className="bg-background-inner h-4 w-40"></h1>
+              <span className="bg-background-inner h-5 w-12 rounded-sm"></span>
             </div>
             {[...Array(5).keys()].map((i) => {
               return (
                 <div className="flex items-center gap-x-1" key={i}>
-                  <h4 className="h-3 w-8 bg-background-inner"></h4>
-                  <h3 className="h-3 w-14 justify-self-end bg-background-inner"></h3>
+                  <h4 className="bg-background-inner h-3 w-8"></h4>
+                  <h3 className="bg-background-inner h-3 w-14 justify-self-end"></h3>
                   <div className="grow">
                     <div className="flex items-center gap-x-0.5">
                       {[...Array(Math.floor(Math.random() * 4 + 1)).keys()].map((i) => (
                         <div
-                          className="h-4 rounded bg-background-inner"
+                          className="bg-background-inner h-4 rounded-sm"
                           style={{
                             width: `${(Math.floor(Math.random() * 2 + 1) / 8) * 100}%`,
                           }}
diff --git a/src/components/timer/EditTimer.tsx b/src/components/timer/EditTimer.tsx
index d5d2779..1c5b177 100644
--- a/src/components/timer/EditTimer.tsx
+++ b/src/components/timer/EditTimer.tsx
@@ -36,8 +36,8 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           max={100}
           className={clsx(
             "w-4 appearance-none rounded-md text-center text-lg",
-            "border border-field-border bg-field placeholder:text-field-placeholder",
-            "focus:outline-none focus:ring-2 focus:ring-primary-focus",
+            "border-field-border bg-field placeholder:text-field-placeholder border",
+            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
             initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
           )}
           /**
@@ -74,8 +74,8 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           max={59}
           className={clsx(
             "w-6 appearance-none rounded-md text-center text-lg",
-            "border border-field-border bg-field placeholder:text-field-placeholder",
-            "focus:outline-none focus:ring-2 focus:ring-primary-focus",
+            "border-field-border bg-field placeholder:text-field-placeholder border",
+            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
             initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
           )}
           onChange={(e) => {
@@ -107,8 +107,8 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           max={59}
           className={clsx(
             "w-6 appearance-none rounded-md text-center text-lg",
-            "border border-field-border bg-field placeholder:text-field-placeholder",
-            "focus:outline-none focus:ring-2 focus:ring-primary-focus",
+            "border-field-border bg-field placeholder:text-field-placeholder border",
+            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
             initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
           )}
           onChange={(e) => {
diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
index dcaec3e..d1a8a85 100644
--- a/src/components/timer/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -64,8 +64,8 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
               ref={timerRef}
               displayNameField={variant === "expanded"}
               className={clsx(
-                "rounded-lg border border-gray-200 bg-background p-0.5 px-1.5 hover:bg-background-hover dark:border-gray-700",
-                "focus:outline-none focus:ring-4 focus:ring-primary-focus"
+                "bg-background hover:bg-background-hover rounded-lg border border-gray-200 p-0.5 px-1.5 dark:border-gray-700",
+                "focus:ring-primary-focus focus:ring-4 focus:outline-hidden"
               )}
               tabIndex={1}
               // On "Enter" or "Space" => toggle timer
@@ -91,8 +91,8 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
               data-type="timer"
               className={clsxm(
                 "relative block w-full rounded-lg p-1",
-                "focus:outline-none focus:ring-4 focus:ring-primary-focus",
-                "border border-gray-200 bg-background hover:bg-background-hover dark:border-gray-700"
+                "focus:ring-primary-focus focus:ring-4 focus:outline-hidden",
+                "bg-background hover:bg-background-hover border border-gray-200 dark:border-gray-700"
               )}
               tabIndex={1}
               // On "Enter" or "Space" => toggle timer
@@ -162,7 +162,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
         {displayNameField && (
           <input
             type="text"
-            className="min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic placeholder:text-field-placeholder focus:outline-none dark:text-gray-200"
+            className="placeholder:text-field-placeholder min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic focus:outline-hidden dark:text-gray-200"
             value={timer.name}
             placeholder={formatMessage({ id: "timer.unnamed-timer" })}
             tabIndex={-1}
@@ -209,7 +209,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
               data-type="start-timer"
               icon={faPlay}
               size="2x"
-              className="cursor-pointer text-green-500 focus:outline-none"
+              className="cursor-pointer text-green-500 focus:outline-hidden"
               onClick={timer.startTimer}
               data-tooltip-id={`tooltip-start-timer-${timer.id}`}
               tabIndex={-1}
@@ -227,7 +227,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
               data-type="pause-timer"
               icon={faPause}
               size="2x"
-              className="cursor-pointer text-red-500 focus:outline-none"
+              className="cursor-pointer text-red-500 focus:outline-hidden"
               onClick={timer.pauseTimer}
               data-tooltip-id={`tooltip-pause-timer-${timer.id}`}
               tabIndex={-1}
@@ -244,7 +244,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
             data-type="reset-timer"
             icon={faStop}
             size="2x"
-            className="cursor-pointer text-red-500 focus:outline-none"
+            className="cursor-pointer text-red-500 focus:outline-hidden"
             onClick={() => setConfirmResetModal(true)}
             data-tooltip-id={`tooltip-reset-timer-${timer.id}`}
             tabIndex={-1}
@@ -260,7 +260,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
             data-type="done-timer"
             icon={faCircleCheck}
             size="2x"
-            className="cursor-pointer text-green-600 focus:outline-none"
+            className="cursor-pointer text-green-600 focus:outline-hidden"
             onClick={() => {
               const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currenTime, settings.features.roundingInterval) : currenTime;
               const hours = Number((time / 1000 / 60 / 60).toFixed(2));
diff --git a/src/hooks/useLocalIssues.ts b/src/hooks/useLocalIssues.ts
index 27cc992..c39abd9 100644
--- a/src/hooks/useLocalIssues.ts
+++ b/src/hooks/useLocalIssues.ts
@@ -1,52 +1,52 @@
-import useStorage from "./useStorage";
-
-export type LocalIssueData = {
-  id: number;
-  pinned: boolean;
-  remembered: boolean;
-};
-
-export type LocalIssue = LocalIssueData & {
-  setLocalIssue: (data: Partial<Omit<LocalIssueData, "id">>) => void;
-};
-
-const _defaultLocalIssues: LocalIssueData[] = [];
-
-const defaultLocalIssueData: Omit<LocalIssueData, "id"> = {
-  pinned: false,
-  remembered: false,
-};
-
-const useLocalIssues = () => {
-  const { data: localIssues, setData: setLocalIssues, isLoading } = useStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
-
-  return {
-    isLoading,
-    localIssues,
-    getIssuesIds: () => localIssues.map((issue) => issue.id),
-    getLocalIssue: (id: number): LocalIssue => {
-      const localIssue = localIssues.find((localIssue) => localIssue.id === id) ?? { id, ...defaultLocalIssueData };
-
-      return {
-        ...localIssue,
-        setLocalIssue: (data) => {
-          const newLocalIssues = localIssues.filter((l) => l.id !== id);
-          const updatedLocalIssue = { ...localIssue, ...data };
-
-          // Only add non-default local issues
-          if (!isDefaultLocalIssue(updatedLocalIssue)) {
-            newLocalIssues.push(updatedLocalIssue);
-          }
-
-          setLocalIssues(newLocalIssues);
-        },
-      };
-    },
-  };
-};
-
-const isDefaultLocalIssue = (issue: LocalIssueData) => {
-  return issue.pinned === defaultLocalIssueData.pinned && issue.remembered === defaultLocalIssueData.remembered;
-};
-
-export default useLocalIssues;
+import useStorage from "./useStorage";
+
+export type LocalIssueData = {
+  id: number;
+  pinned: boolean;
+  remembered: boolean;
+};
+
+export type LocalIssue = LocalIssueData & {
+  setLocalIssue: (data: Partial<Omit<LocalIssueData, "id">>) => void;
+};
+
+const _defaultLocalIssues: LocalIssueData[] = [];
+
+const defaultLocalIssueData: Omit<LocalIssueData, "id"> = {
+  pinned: false,
+  remembered: false,
+};
+
+const useLocalIssues = () => {
+  const { data: localIssues, setData: setLocalIssues, isLoading } = useStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
+
+  return {
+    isLoading,
+    localIssues,
+    getIssuesIds: () => localIssues.map((issue) => issue.id),
+    getLocalIssue: (id: number): LocalIssue => {
+      const localIssue = localIssues.find((localIssue) => localIssue.id === id) ?? { id, ...defaultLocalIssueData };
+
+      return {
+        ...localIssue,
+        setLocalIssue: (data) => {
+          const newLocalIssues = localIssues.filter((l) => l.id !== id);
+          const updatedLocalIssue = { ...localIssue, ...data };
+
+          // Only add non-default local issues
+          if (!isDefaultLocalIssue(updatedLocalIssue)) {
+            newLocalIssues.push(updatedLocalIssue);
+          }
+
+          setLocalIssues(newLocalIssues);
+        },
+      };
+    },
+  };
+};
+
+const isDefaultLocalIssue = (issue: LocalIssueData) => {
+  return issue.pinned === defaultLocalIssueData.pinned && issue.remembered === defaultLocalIssueData.remembered;
+};
+
+export default useLocalIssues;
diff --git a/src/index.css b/src/index.css
index 0db9cc6..36115e6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,74 +1,120 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@import "tw-animate-css";
 
-@layer base {
-  :root,
-  :host {
-    --color-primary: theme("colors.blue.800");
-    --color-primary-hover: theme("colors.blue.700");
-    --color-primary-disabled: theme("colors.blue.400");
-    --color-primary-focus: theme("colors.blue.400");
+@custom-variant dark (@media (prefers-color-scheme: dark));
 
-    --color-background: theme("colors.white");
-    --color-background-hover: theme("colors.gray.100");
-    --color-background-inner: theme("colors.gray.200");
+@theme {
+  --color-primary: var(--color-primary);
+  --color-primary-hover: var(--color-primary-hover);
+  --color-primary-disabled: var(--color-primary-disabled);
+  --color-primary-focus: var(--color-primary-focus);
 
-    --color-text: theme("colors.gray.900");
+  --color-background: var(--color-background);
+  --color-background-hover: var(--color-background-hover);
+  --color-background-inner: var(--color-background-inner);
 
-    --color-text-disabled: theme("colors.gray.300");
+  --color-text: var(--color-text);
+  --color-text-disabled: var(--color-text-disabled);
 
-    --color-field-bg: theme("colors.gray.100");
-    --color-field-inner: theme("colors.gray.200");
-    --color-field-border: theme("colors.gray.300");
-    --color-field-placeholder: theme("colors.gray.500");
-    --color-field-disabled: theme("colors.gray.200");
-  }
-  @media (prefers-color-scheme: dark) {
-    :root,
-    :host {
-      --color-primary: theme("colors.blue.700");
-      --color-primary-hover: theme("colors.blue.800");
-      --color-primary-disabled: theme("colors.blue.500");
-      --color-primary-focus: theme("colors.blue.800");
-
-      --color-background: theme("colors.dark.800");
-      --color-background-hover: theme("colors.dark.700");
-      --color-background-inner: theme("colors.dark.600");
-
-      --color-text: theme("colors.white");
-      --color-text-disabled: theme("colors.gray.500");
-
-      --color-field-bg: theme("colors.dark.900");
-      --color-field-inner: theme("colors.dark.800");
-      --color-field-border: theme("colors.dark.600");
-      --color-field-placeholder: theme("colors.gray.500");
-      --color-field-disabled: theme("colors.dark.700");
-    }
-  }
+  --color-field: var(--color-field);
+  --color-field-inner: var(--color-field-inner);
+  --color-field-border: var(--color-field-border);
+  --color-field-placeholder: var(--color-field-placeholder);
+  --color-field-disabled: var(--color-field-disabled);
+
+  --color-dark-50: #c9c9c9;
+  --color-dark-100: #b8b8b8;
+  --color-dark-200: #828282;
+  --color-dark-300: #696969;
+  --color-dark-400: #424242;
+  --color-dark-500: #3b3b3b;
+  --color-dark-600: #2e2e2e;
+  --color-dark-700: #242424;
+  --color-dark-800: #1f1f1f;
+  --color-dark-900: #141414;
+
+  --color-blue-50: #eff6ff;
+  --color-blue-100: #dbeafe;
+  --color-blue-200: #bfdbfe;
+  --color-blue-300: #93c5fd;
+  --color-blue-400: #60a5fa;
+  --color-blue-500: #3b82f6;
+  --color-blue-600: #2563eb;
+  --color-blue-700: #1d4ed8;
+  --color-blue-800: #1e40af;
+  --color-blue-900: #1e3a8a;
+  --color-blue-950: #172554;
+  --color-blue: #1d4ed8;
 }
 
-@layer utilities {
-  input[type="number"].appearance-none::-webkit-inner-spin-button,
-  input[type="number"].appearance-none::-webkit-outer-spin-button {
+@utility appearance-none {
+  &input[type="number"]::-webkit-inner-spin-button {
     appearance: none;
   }
-  input[type="number"].appearance-none {
+  & input[type="number"]::-webkit-outer-spin-button {
+    appearance: none;
+  }
+  &input[type="number"] {
     -moz-appearance: textfield;
   }
 
-  input[type="range"].appearance-none::-webkit-slider-thumb {
+  &input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     cursor: pointer;
     width: 2px;
   }
-  input[type="range"].appearance-none::-moz-range-thumb {
+  &input[type="range"]::-moz-range-thumb {
     cursor: pointer;
     width: 2px;
   }
 }
 
+@layer base {
+  :root,
+  :host {
+    --color-primary: var(--color-blue-800);
+    --color-primary-hover: var(--color-blue-700);
+    --color-primary-disabled: var(--color-blue-400);
+    --color-primary-focus: var(--color-blue-400);
+
+    --color-background: var(--color-white);
+    --color-background-hover: var(--color-gray-100);
+    --color-background-inner: var(--color-gray-200);
+
+    --color-text: var(--color-gray-900);
+    --color-text-disabled: var(--color-gray-300);
+
+    --color-field: var(--color-gray-100);
+    --color-field-inner: var(--color-gray-200);
+    --color-field-border: var(--color-gray-300);
+    --color-field-placeholder: var(--color-gray-500);
+    --color-field-disabled: var(--color-gray-200);
+  }
+  @media (prefers-color-scheme: dark) {
+    :root,
+    :host {
+      --color-primary: var(--color-blue-700);
+      --color-primary-hover: var(--color-blue-800);
+      --color-primary-disabled: var(--color-blue-500);
+      --color-primary-focus: var(--color-blue-800);
+
+      --color-background: var(--color-dark-800);
+      --color-background-hover: var(--color-dark-700);
+      --color-background-inner: var(--color-dark-600);
+
+      --color-text: var(--color-white);
+      --color-text-disabled: var(--color-gray-500);
+
+      --color-field: var(--color-dark-900);
+      --color-field-inner: var(--color-dark-800);
+      --color-field-border: var(--color-dark-600);
+      --color-field-placeholder: var(--color-gray-500);
+      --color-field-disabled: var(--color-dark-700);
+    }
+  }
+}
+
 ::-webkit-scrollbar {
   width: 5px;
 }
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index a6426e3..2d14363 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -204,7 +204,7 @@ const SettingsPage = () => {
                           />
                         </p>
                       )}
-                      <Button className="absolute bottom-0 right-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
+                      <Button className="absolute right-0 bottom-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
                         <FormattedMessage id="settings.redmine.edit" />
                       </Button>
                     </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
deleted file mode 100644
index 1375826..0000000
--- a/tailwind.config.cjs
+++ /dev/null
@@ -1,62 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-// eslint-disable-next-line no-undef
-module.exports = {
-  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
-  darkMode: "media",
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          DEFAULT: "var(--color-primary)",
-          hover: "var(--color-primary-hover)",
-          disabled: "var(--color-primary-disabled)",
-          focus: "var(--color-primary-focus)",
-        },
-        background: {
-          DEFAULT: "var(--color-background)",
-          hover: "var(--color-background-hover)",
-          inner: "var(--color-background-inner)",
-        },
-        text: {
-          DEFAULT: "var(--color-text)",
-          disabled: "var(--color-text-disabled)",
-        },
-        field: {
-          DEFAULT: "var(--color-field-bg)",
-          inner: "var(--color-field-inner)",
-          border: "var(--color-field-border)",
-          placeholder: "var(--color-field-placeholder)",
-          disabled: "var(--color-field-disabled)",
-        },
-        dark: {
-          50: "#C9C9C9",
-          100: "#B8B8B8",
-          200: "#828282",
-          300: "#696969",
-          400: "#424242",
-          500: "#3B3B3B",
-          600: "#2E2E2E",
-          700: "#242424",
-          800: "#1F1F1F",
-          900: "#141414",
-        },
-        blue: {
-          DEFAULT: "#1d4ed8",
-          50: "#eff6ff",
-          100: "#dbeafe",
-          200: "#bfdbfe",
-          300: "#93c5fd",
-          400: "#60a5fa",
-          500: "#3b82f6",
-          600: "#2563eb",
-          700: "#1d4ed8",
-          800: "#1e40af",
-          900: "#1e3a8a",
-          950: "#172554",
-        },
-      },
-    },
-  },
-  // eslint-disable-next-line no-undef
-  plugins: [require("tailwindcss-animate"), require("tailwindcss-shadow-fill"), require("tailwindcss-text-fill")],
-};
diff --git a/vite.config.ts b/vite.config.ts
index 728d098..3c55247 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,3 +1,4 @@
+import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import "dotenv/config";
 import { defineConfig } from "vite";
@@ -30,6 +31,7 @@ export default defineConfig((env) => ({
   },
   plugins: [
     react(),
+    tailwindcss(),
     viteStaticCopy({
       targets: [
         {

From 274e220fa43123c8f204a844b1c50c4530dcf9f8 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 22 Oct 2025 20:03:50 +0200
Subject: [PATCH 07/55] refactor(ui): Migrate to shadcn components (#48)

---
 components.json                               |   21 +
 index.html                                    |    2 +-
 package.json                                  |   21 +-
 pnpm-lock.yaml                                | 2703 ++++++++++++-----
 public/tw-properties.css                      |   65 +
 src/{App.tsx => MainApp.tsx}                  |   58 +-
 src/assets/themes/dark.css                    |  820 -----
 src/assets/themes/light.css                   |  825 -----
 src/background.ts                             |    2 +-
 src/components/form/CheckboxField.tsx         |   28 +-
 src/components/form/ComboboxField.tsx         |  236 ++
 src/components/form/DateField.tsx             |  130 +-
 src/components/form/HoursField.tsx            |  130 +-
 src/components/form/SelectField.tsx           |   75 +-
 src/components/form/SubmitButton.tsx          |   10 +-
 src/components/form/SwitchField.tsx           |    9 -
 src/components/form/TextField.tsx             |   38 +-
 src/components/form/TextareaField.tsx         |   25 +-
 src/components/form/ToggleField.tsx           |   25 +-
 src/components/form/ToggleGroupField.tsx      |   34 +
 src/components/general/Button.tsx             |   42 -
 src/components/general/CheckBox.tsx           |   35 -
 src/components/general/ContextMenu.tsx        |  109 -
 src/components/general/DateInput.tsx          |   88 -
 src/components/general/DismissableWarning.tsx |   20 +-
 src/components/general/Fieldset.tsx           |   17 -
 src/components/general/HelpTooltip.tsx        |   23 +
 src/components/general/LoadingSpinner.tsx     |   20 -
 src/components/general/Modal.tsx              |   41 -
 src/components/general/Navbar.tsx             |   32 +-
 src/components/general/ReactSelect.tsx        |   93 -
 src/components/general/SelectInput.tsx        |   49 -
 src/components/general/Switch.tsx             |   72 -
 src/components/general/TextInput.tsx          |   76 -
 src/components/general/TextareaInput.tsx      |   46 -
 src/components/general/TimeInput.tsx          |   86 -
 src/components/general/Toast.tsx              |   60 -
 src/components/general/Toggle.tsx             |   64 -
 src/components/issue/AddIssueNotesModal.tsx   |   68 +-
 src/components/issue/CreateIssueModal.tsx     |   31 +-
 src/components/issue/EditIssueModal.tsx       |   33 +-
 src/components/issue/Filter.tsx               |  121 +-
 src/components/issue/Issue.tsx                |   41 +-
 src/components/issue/IssueContextMenu.tsx     |  184 +-
 src/components/issue/IssueInfoTooltip.tsx     |   32 +-
 src/components/issue/IssueTitle.tsx           |   39 +-
 src/components/issue/IssuesList.tsx           |   31 +-
 src/components/issue/IssuesListSkeleton.tsx   |   29 +-
 src/components/issue/Search.tsx               |   38 +-
 src/components/issue/VersionTooltip.tsx       |   35 +-
 src/components/issue/form/IssueForm.tsx       |  131 +-
 .../issue/form/fields/ActivityField.tsx       |   17 +-
 .../issue/form/fields/AssigneeField.tsx       |    9 +-
 .../issue/form/fields/CategoryField.tsx       |   17 +-
 .../issue/form/fields/DoneRatioField.tsx      |    4 +-
 .../issue/form/fields/DoneSliderField.tsx     |   33 +-
 .../issue/form/fields/PriorityField.tsx       |   17 +-
 .../issue/form/fields/VersionField.tsx        |   21 +-
 .../time-entry/CreateTimeEntryModal.tsx       |  228 +-
 .../time-entry/EditTimeEntryModal.tsx         |  156 +-
 src/components/time-entry/TimeEntry.tsx       |   74 +-
 .../time-entry/TimeEntryContextMenu.tsx       |   48 +-
 src/components/time-entry/TimeEntryList.tsx   |   18 +-
 .../time-entry/TimeEntryListSkeleton.tsx      |   40 +-
 .../time-entry/TimeEntryPreview.tsx           |    6 +-
 .../time-entry/TimeEntryTooltip.tsx           |   21 +-
 .../time-entry/form/fields/UserField.tsx      |   10 +-
 src/components/timer/EditTimer.tsx            |   63 +-
 src/components/timer/Timer.tsx                |  144 +-
 src/components/timer/TimerContextMenu.tsx     |   51 +-
 src/components/ui/alert-dialog.tsx            |   84 +
 src/components/ui/alert.tsx                   |   33 +
 src/components/ui/badge.tsx                   |   30 +
 src/components/ui/button.tsx                  |   50 +
 src/components/ui/calendar.tsx                |  131 +
 src/components/ui/checkbox.tsx                |   24 +
 src/components/ui/command.tsx                 |   95 +
 src/components/ui/context-menu.tsx            |  182 ++
 src/components/ui/dialog.tsx                  |   86 +
 src/components/ui/field.tsx                   |  171 ++
 src/components/ui/form.tsx                    |   50 +
 src/components/ui/input-group.tsx             |  108 +
 src/components/ui/input.tsx                   |   21 +
 src/components/ui/label.tsx                   |   19 +
 src/components/ui/navigation-menu.tsx         |  111 +
 src/components/ui/popover.tsx                 |   36 +
 src/components/ui/select.tsx                  |  115 +
 src/components/ui/separator.tsx               |   19 +
 src/components/ui/skeleton.tsx                |    7 +
 src/components/ui/sonner.tsx                  |   23 +
 src/components/ui/switch.tsx                  |   26 +
 src/components/ui/textarea.tsx                |   18 +
 src/components/ui/toggle-group.tsx            |   51 +
 src/components/ui/toggle.tsx                  |   32 +
 src/components/ui/tooltip.tsx                 |   42 +
 src/content.css                               |    1 -
 src/content.tsx                               |   65 +-
 src/hooks/useAppForm.ts                       |    6 +-
 src/hooks/useMyUser.ts                        |    6 +-
 src/hooks/useOnClickOutside.ts                |   25 -
 src/index.css                                 |  219 +-
 src/lang/de.json                              |   14 +-
 src/lang/en.json                              |   14 +-
 src/lang/fr.json                              |   14 +-
 src/lang/ru.json                              |   14 +-
 src/lib/utils.ts                              |    6 +
 src/main.tsx                                  |    7 +-
 src/pages/IssuesPage.tsx                      |   23 +-
 src/pages/SettingsPage.tsx                    |  230 +-
 src/pages/TimePage.tsx                        |   16 +-
 src/provider/IntlProvider.tsx                 |   24 -
 src/provider/Providers.tsx                    |    6 +-
 src/provider/QueryClientProvider.tsx          |   87 +-
 src/types/redmine.ts                          |    2 +-
 src/utils/error.ts                            |   14 +
 src/utils/popout.ts                           |    4 +-
 tsconfig.app.json                             |   29 +
 tsconfig.json                                 |   26 +-
 tsconfig.node.json                            |   20 +-
 vite.config.ts                                |    7 +
 120 files changed, 5680 insertions(+), 4783 deletions(-)
 create mode 100644 components.json
 create mode 100644 public/tw-properties.css
 rename src/{App.tsx => MainApp.tsx} (53%)
 delete mode 100644 src/assets/themes/dark.css
 delete mode 100644 src/assets/themes/light.css
 create mode 100644 src/components/form/ComboboxField.tsx
 delete mode 100644 src/components/form/SwitchField.tsx
 create mode 100644 src/components/form/ToggleGroupField.tsx
 delete mode 100644 src/components/general/Button.tsx
 delete mode 100644 src/components/general/CheckBox.tsx
 delete mode 100644 src/components/general/ContextMenu.tsx
 delete mode 100644 src/components/general/DateInput.tsx
 delete mode 100644 src/components/general/Fieldset.tsx
 create mode 100644 src/components/general/HelpTooltip.tsx
 delete mode 100644 src/components/general/LoadingSpinner.tsx
 delete mode 100644 src/components/general/Modal.tsx
 delete mode 100644 src/components/general/ReactSelect.tsx
 delete mode 100644 src/components/general/SelectInput.tsx
 delete mode 100644 src/components/general/Switch.tsx
 delete mode 100644 src/components/general/TextInput.tsx
 delete mode 100644 src/components/general/TextareaInput.tsx
 delete mode 100644 src/components/general/TimeInput.tsx
 delete mode 100644 src/components/general/Toast.tsx
 delete mode 100644 src/components/general/Toggle.tsx
 create mode 100644 src/components/ui/alert-dialog.tsx
 create mode 100644 src/components/ui/alert.tsx
 create mode 100644 src/components/ui/badge.tsx
 create mode 100644 src/components/ui/button.tsx
 create mode 100644 src/components/ui/calendar.tsx
 create mode 100644 src/components/ui/checkbox.tsx
 create mode 100644 src/components/ui/command.tsx
 create mode 100644 src/components/ui/context-menu.tsx
 create mode 100644 src/components/ui/dialog.tsx
 create mode 100644 src/components/ui/field.tsx
 create mode 100644 src/components/ui/form.tsx
 create mode 100644 src/components/ui/input-group.tsx
 create mode 100644 src/components/ui/input.tsx
 create mode 100644 src/components/ui/label.tsx
 create mode 100644 src/components/ui/navigation-menu.tsx
 create mode 100644 src/components/ui/popover.tsx
 create mode 100644 src/components/ui/select.tsx
 create mode 100644 src/components/ui/separator.tsx
 create mode 100644 src/components/ui/skeleton.tsx
 create mode 100644 src/components/ui/sonner.tsx
 create mode 100644 src/components/ui/switch.tsx
 create mode 100644 src/components/ui/textarea.tsx
 create mode 100644 src/components/ui/toggle-group.tsx
 create mode 100644 src/components/ui/toggle.tsx
 create mode 100644 src/components/ui/tooltip.tsx
 delete mode 100644 src/content.css
 delete mode 100644 src/hooks/useOnClickOutside.ts
 create mode 100644 src/lib/utils.ts
 create mode 100644 src/utils/error.ts
 create mode 100644 tsconfig.app.json

diff --git a/components.json b/components.json
new file mode 100644
index 0000000..ba0c18c
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}
diff --git a/index.html b/index.html
index 91f6d02..f207d25 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Redmine Time Tracking</title>
   </head>
-  <body class="text-text bg-background overflow-x-hidden">
+  <body class="bg-background overflow-hidden">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/package.json b/package.json
index 4570f98..29e875b 100644
--- a/package.json
+++ b/package.json
@@ -24,32 +24,30 @@
     "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/query-async-storage-persister": "^5.66.0",
     "@tanstack/react-form": "^1.12.0",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-query-devtools": "^5.66.0",
     "@tanstack/react-query-persist-client": "^5.66.0",
     "axios": "^1.7.9",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "country-flag-icons": "^1.5.14",
     "date-fns": "^3.6.0",
     "deepmerge": "^4.3.1",
-    "flatpickr": "^4.6.13",
+    "lucide-react": "^0.546.0",
+    "next-themes": "^0.4.6",
     "qs": "^6.14.0",
+    "radix-ui": "^1.4.3",
     "react": "^19.0.0",
+    "react-day-picker": "^9.11.1",
     "react-dom": "^19.0.0",
-    "react-flatpickr": "^3.10.13",
     "react-intl": "^7.1.11",
     "react-router-dom": "^7.1.5",
-    "react-select": "^5.10.0",
-    "react-tooltip": "^5.28.0",
-    "tailwind-merge": "^2.6.0",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.3.1",
     "zod": "^3.25.46"
   },
   "devDependencies": {
@@ -61,7 +59,6 @@
     "@types/qs": "^6.9.18",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@types/react-flatpickr": "^3.8.11",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitejs/plugin-react": "^4.3.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index add7294..fb7e523 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,24 +8,9 @@ importers:
 
   .:
     dependencies:
-      '@fortawesome/fontawesome-svg-core':
-        specifier: ^6.7.2
-        version: 6.7.2
-      '@fortawesome/free-brands-svg-icons':
-        specifier: ^6.7.2
-        version: 6.7.2
-      '@fortawesome/free-regular-svg-icons':
-        specifier: ^6.7.2
-        version: 6.7.2
-      '@fortawesome/free-solid-svg-icons':
-        specifier: ^6.7.2
-        version: 6.7.2
-      '@fortawesome/react-fontawesome':
-        specifier: ^0.2.2
-        version: 0.2.2(@fortawesome/fontawesome-svg-core@6.7.2)(react@19.0.0)
       '@tailwindcss/vite':
-        specifier: ^4.1.8
-        version: 4.1.8(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^4.1.14
+        version: 4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/query-async-storage-persister':
         specifier: ^5.66.0
         version: 5.66.0
@@ -44,9 +29,15 @@ importers:
       axios:
         specifier: ^1.7.9
         version: 1.7.9
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      cmdk:
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       country-flag-icons:
         specifier: ^1.5.14
         version: 1.5.14
@@ -56,36 +47,39 @@ importers:
       deepmerge:
         specifier: ^4.3.1
         version: 4.3.1
-      flatpickr:
-        specifier: ^4.6.13
-        version: 4.6.13
+      lucide-react:
+        specifier: ^0.546.0
+        version: 0.546.0(react@19.0.0)
+      next-themes:
+        specifier: ^0.4.6
+        version: 0.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       qs:
         specifier: ^6.14.0
         version: 6.14.0
+      radix-ui:
+        specifier: ^1.4.3
+        version: 1.4.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       react:
         specifier: ^19.0.0
         version: 19.0.0
+      react-day-picker:
+        specifier: ^9.11.1
+        version: 9.11.1(react@19.0.0)
       react-dom:
         specifier: ^19.0.0
         version: 19.0.0(react@19.0.0)
-      react-flatpickr:
-        specifier: ^3.10.13
-        version: 3.10.13(react@19.0.0)
       react-intl:
         specifier: ^7.1.11
         version: 7.1.11(react@19.0.0)(typescript@5.7.3)
       react-router-dom:
         specifier: ^7.1.5
         version: 7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react-select:
-        specifier: ^5.10.0
-        version: 5.10.0(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react-tooltip:
-        specifier: ^5.28.0
-        version: 5.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      sonner:
+        specifier: ^2.0.5
+        version: 2.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       tailwind-merge:
-        specifier: ^2.6.0
-        version: 2.6.0
+        specifier: ^3.3.1
+        version: 3.3.1
       zod:
         specifier: ^3.25.46
         version: 3.25.46
@@ -114,18 +108,15 @@ importers:
       '@types/react-dom':
         specifier: ^19.0.3
         version: 19.0.3(@types/react@19.0.8)
-      '@types/react-flatpickr':
-        specifier: ^3.8.11
-        version: 3.8.11
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.23.0
-        version: 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+        version: 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@typescript-eslint/parser':
         specifier: ^8.23.0
-        version: 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+        version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^4.3.4
-        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -134,16 +125,16 @@ importers:
         version: 16.4.7
       eslint:
         specifier: ^9.19.0
-        version: 9.28.0(jiti@2.4.2)
+        version: 9.28.0(jiti@2.6.1)
       eslint-config-prettier:
         specifier: ^10.0.1
-        version: 10.1.5(eslint@9.28.0(jiti@2.4.2))
+        version: 10.1.5(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-react:
         specifier: ^7.37.4
-        version: 7.37.5(eslint@9.28.0(jiti@2.4.2))
+        version: 7.37.5(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-react-hooks:
         specifier: ^5.1.0
-        version: 5.2.0(eslint@9.28.0(jiti@2.4.2))
+        version: 5.2.0(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-tailwindcss:
         specifier: ^3.18.0
         version: 3.18.0(tailwindcss@4.1.8)
@@ -170,16 +161,16 @@ importers:
         version: 5.7.3
       typescript-eslint:
         specifier: ^8.23.0
-        version: 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+        version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       vite:
         specifier: ^6.1.0
-        version: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+        version: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
       vite-plugin-static-copy:
         specifier: ^2.2.0
-        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       vite-plugin-zip-pack:
         specifier: ^1.2.4
-        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
 
 packages:
 
@@ -191,10 +182,6 @@ packages:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -262,10 +249,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/runtime@7.24.0':
-    resolution: {integrity: sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/template@7.25.9':
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
@@ -278,50 +261,12 @@ packages:
     resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
 
+  '@date-fns/tz@1.4.1':
+    resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
+
   '@emnapi/runtime@1.2.0':
     resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==}
 
-  '@emotion/babel-plugin@11.11.0':
-    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
-
-  '@emotion/cache@11.11.0':
-    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
-
-  '@emotion/hash@0.9.1':
-    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
-
-  '@emotion/memoize@0.8.1':
-    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
-
-  '@emotion/react@11.11.1':
-    resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: '>=16.8.0'
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@emotion/serialize@1.1.2':
-    resolution: {integrity: sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==}
-
-  '@emotion/sheet@1.2.2':
-    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
-
-  '@emotion/unitless@0.8.1':
-    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
-
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1':
-    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
-    peerDependencies:
-      react: '>=16.8.0'
-
-  '@emotion/utils@1.2.1':
-    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
-
-  '@emotion/weak-memoize@0.3.1':
-    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
-
   '@esbuild/aix-ppc64@0.24.2':
     resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
     engines: {node: '>=18'}
@@ -666,6 +611,12 @@ packages:
   '@floating-ui/dom@1.6.3':
     resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
 
+  '@floating-ui/react-dom@2.1.3':
+    resolution: {integrity: sha512-huMBfiU9UnQ2oBwIhgzyIiSpVgvlDstU8CX0AF+wS+KzmYMs0J2a3GwuFHV1Lz+jlrQGeC1fF+Nv0QoumyV0bA==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   '@floating-ui/utils@0.2.1':
     resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
 
@@ -723,32 +674,6 @@ packages:
       typescript:
         optional: true
 
-  '@fortawesome/fontawesome-common-types@6.7.2':
-    resolution: {integrity: sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==}
-    engines: {node: '>=6'}
-
-  '@fortawesome/fontawesome-svg-core@6.7.2':
-    resolution: {integrity: sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==}
-    engines: {node: '>=6'}
-
-  '@fortawesome/free-brands-svg-icons@6.7.2':
-    resolution: {integrity: sha512-zu0evbcRTgjKfrr77/2XX+bU+kuGfjm0LbajJHVIgBWNIDzrhpRxiCPNT8DW5AdmSsq7Mcf9D1bH0aSeSUSM+Q==}
-    engines: {node: '>=6'}
-
-  '@fortawesome/free-regular-svg-icons@6.7.2':
-    resolution: {integrity: sha512-7Z/ur0gvCMW8G93dXIQOkQqHo2M5HLhYrRVC0//fakJXxcF1VmMPsxnG6Ee8qEylA8b8Q3peQXWMNZ62lYF28g==}
-    engines: {node: '>=6'}
-
-  '@fortawesome/free-solid-svg-icons@6.7.2':
-    resolution: {integrity: sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==}
-    engines: {node: '>=6'}
-
-  '@fortawesome/react-fontawesome@0.2.2':
-    resolution: {integrity: sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==}
-    peerDependencies:
-      '@fortawesome/fontawesome-svg-core': ~1 || ~6
-      react: '>=16.3'
-
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -882,6 +807,9 @@ packages:
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
   '@jridgewell/resolve-uri@3.1.0':
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
     engines: {node: '>=6.0.0'}
@@ -890,12 +818,12 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/sourcemap-codec@1.4.15':
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -916,160 +844,850 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  '@rollup/rollup-android-arm-eabi@4.34.3':
-    resolution: {integrity: sha512-8kq/NjMKkMTGKMPldWihncOl62kgnLYk7cW+/4NCUWfS70/wz4+gQ7rMxMMpZ3dIOP/xw7wKNzIuUnN/H2GfUg==}
-    cpu: [arm]
-    os: [android]
-
-  '@rollup/rollup-android-arm64@4.34.3':
-    resolution: {integrity: sha512-1PqMHiuRochQ6++SDI7SaRDWJKr/NgAlezBi5nOne6Da6IWJo3hK0TdECBDwd92IUDPG4j/bZmWuwOnomNT8wA==}
-    cpu: [arm64]
-    os: [android]
-
-  '@rollup/rollup-darwin-arm64@4.34.3':
-    resolution: {integrity: sha512-fqbrykX4mGV3DlCDXhF4OaMGcchd2tmLYxVt3On5oOZWVDFfdEoYAV2alzNChl8OzNaeMAGqm1f7gk7eIw/uDg==}
-    cpu: [arm64]
-    os: [darwin]
+  '@radix-ui/number@1.1.1':
+    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
 
-  '@rollup/rollup-darwin-x64@4.34.3':
-    resolution: {integrity: sha512-8Wxrx/KRvMsTyLTbdrMXcVKfpW51cCNW8x7iQD72xSEbjvhCY3b+w83Bea3nQfysTMR7K28esc+ZFITThXm+1w==}
-    cpu: [x64]
-    os: [darwin]
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
-  '@rollup/rollup-freebsd-arm64@4.34.3':
-    resolution: {integrity: sha512-lpBmV2qSiELh+ATQPTjQczt5hvbTLsE0c43Rx4bGxN2VpnAZWy77we7OO62LyOSZNY7CzjMoceRPc+Lt4e9J6A==}
-    cpu: [arm64]
-    os: [freebsd]
+  '@radix-ui/react-accessible-icon@1.1.7':
+    resolution: {integrity: sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-freebsd-x64@4.34.3':
-    resolution: {integrity: sha512-sNPvBIXpgaYcI6mAeH13GZMXFrrw5mdZVI1M9YQPRG2LpjwL8DSxSIflZoh/B5NEuOi53kxsR/S2GKozK1vDXA==}
-    cpu: [x64]
-    os: [freebsd]
+  '@radix-ui/react-accordion@1.2.12':
+    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.3':
-    resolution: {integrity: sha512-MW6N3AoC61OfE1VgnN5O1OW0gt8VTbhx9s/ZEPLBM11wEdHjeilPzOxVmmsrx5YmejpGPvez8QwGGvMU+pGxpw==}
-    cpu: [arm]
-    os: [linux]
+  '@radix-ui/react-alert-dialog@1.1.15':
+    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.3':
-    resolution: {integrity: sha512-2SQkhr5xvatYq0/+H6qyW0zvrQz9LM4lxGkpWURLoQX5+yP8MsERh4uWmxFohOvwCP6l/+wgiHZ1qVwLDc7Qmw==}
-    cpu: [arm]
-    os: [linux]
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.3':
-    resolution: {integrity: sha512-R3JLYt8YoRwKI5shJsovLpcR6pwIMui/MGG/MmxZ1DYI3iRSKI4qcYrvYgDf4Ss2oCR3RL3F3dYK7uAGQgMIuQ==}
-    cpu: [arm64]
-    os: [linux]
+  '@radix-ui/react-aspect-ratio@1.1.7':
+    resolution: {integrity: sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.34.3':
-    resolution: {integrity: sha512-4XQhG8v/t3S7Rxs7rmFUuM6j09hVrTArzONS3fUZ6oBRSN/ps9IPQjVhp62P0W3KhqJdQADo/MRlYRMdgxr/3w==}
-    cpu: [arm64]
-    os: [linux]
+  '@radix-ui/react-avatar@1.1.10':
+    resolution: {integrity: sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.3':
-    resolution: {integrity: sha512-QlW1jCUZ1LHUIYCAK2FciVw1ptHsxzApYVi05q7bz2A8oNE8QxQ85NhM4arLxkAlcnS42t4avJbSfzSQwbIaKg==}
-    cpu: [loong64]
-    os: [linux]
+  '@radix-ui/react-checkbox@1.3.3':
+    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.3':
-    resolution: {integrity: sha512-kMbLToizVeCcN69+nnm20Dh0hrRIAjgaaL+Wh0gWZcNt8e542d2FUGtsyuNsHVNNF3gqTJrpzUGIdwMGLEUM7g==}
-    cpu: [ppc64]
-    os: [linux]
+  '@radix-ui/react-collapsible@1.1.12':
+    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.3':
-    resolution: {integrity: sha512-YgD0DnZ3CHtvXRH8rzjVSxwI0kMTr0RQt3o1N92RwxGdx7YejzbBO0ELlSU48DP96u1gYYVWfUhDRyaGNqJqJg==}
-    cpu: [riscv64]
-    os: [linux]
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.3':
-    resolution: {integrity: sha512-dIOoOz8altjp6UjAi3U9EW99s8nta4gzi52FeI45GlPyrUH4QixUoBMH9VsVjt+9A2RiZBWyjYNHlJ/HmJOBCQ==}
-    cpu: [s390x]
-    os: [linux]
+  '@radix-ui/react-compose-refs@1.1.2':
+    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.34.3':
-    resolution: {integrity: sha512-lOyG3aF4FTKrhpzXfMmBXgeKUUXdAWmP2zSNf8HTAXPqZay6QYT26l64hVizBjq+hJx3pl0DTEyvPi9sTA6VGA==}
-    cpu: [x64]
-    os: [linux]
+  '@radix-ui/react-context-menu@2.2.16':
+    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.34.3':
-    resolution: {integrity: sha512-usztyYLu2i+mYzzOjqHZTaRXbUOqw3P6laNUh1zcqxbPH1P2Tz/QdJJCQSnGxCtsRQeuU2bCyraGMtMumC46rw==}
-    cpu: [x64]
-    os: [linux]
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.3':
-    resolution: {integrity: sha512-ojFOKaz/ZyalIrizdBq2vyc2f0kFbJahEznfZlxdB6pF9Do6++i1zS5Gy6QLf8D7/S57MHrmBLur6AeRYeQXSA==}
-    cpu: [arm64]
-    os: [win32]
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.3':
-    resolution: {integrity: sha512-K/V97GMbNa+Da9mGcZqmSl+DlJmWfHXTuI9V8oB2evGsQUtszCl67+OxWjBKpeOnYwox9Jpmt/J6VhpeRCYqow==}
-    cpu: [ia32]
-    os: [win32]
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.34.3':
-    resolution: {integrity: sha512-CUypcYP31Q8O04myV6NKGzk9GVXslO5EJNfmARNSzLF2A+5rmZUlDJ4et6eoJaZgBT9wrC2p4JZH04Vkic8HdQ==}
-    cpu: [x64]
-    os: [win32]
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@tailwindcss/node@4.1.8':
-    resolution: {integrity: sha512-OWwBsbC9BFAJelmnNcrKuf+bka2ZxCE2A4Ft53Tkg4uoiE67r/PMEYwCsourC26E+kmxfwE0hVzMdxqeW+xu7Q==}
+  '@radix-ui/react-dropdown-menu@2.1.16':
+    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@tailwindcss/oxide-android-arm64@4.1.8':
-    resolution: {integrity: sha512-Fbz7qni62uKYceWYvUjRqhGfZKwhZDQhlrJKGtnZfuNtHFqa8wmr+Wn74CTWERiW2hn3mN5gTpOoxWKk0jRxjg==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [android]
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.8':
-    resolution: {integrity: sha512-RdRvedGsT0vwVVDztvyXhKpsU2ark/BjgG0huo4+2BluxdXo8NDgzl77qh0T1nUxmM11eXwR8jA39ibvSTbi7A==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.8':
-    resolution: {integrity: sha512-t6PgxjEMLp5Ovf7uMb2OFmb3kqzVTPPakWpBIFzppk4JE4ix0yEtbtSjPbU8+PZETpaYMtXvss2Sdkx8Vs4XRw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
+  '@radix-ui/react-form@0.1.8':
+    resolution: {integrity: sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.8':
-    resolution: {integrity: sha512-g8C8eGEyhHTqwPStSwZNSrOlyx0bhK/V/+zX0Y+n7DoRUzyS8eMbVshVOLJTDDC+Qn9IJnilYbIKzpB9n4aBsg==}
-    engines: {node: '>= 10'}
+  '@radix-ui/react-hover-card@1.1.15':
+    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-label@2.1.7':
+    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menu@2.1.16':
+    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-menubar@1.1.16':
+    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-navigation-menu@1.2.14':
+    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-one-time-password-field@0.1.8':
+    resolution: {integrity: sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-password-toggle-field@0.1.3':
+    resolution: {integrity: sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popover@1.1.15':
+    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-progress@1.1.7':
+    resolution: {integrity: sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-radio-group@1.3.8':
+    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.11':
+    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-scroll-area@1.2.10':
+    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-select@2.2.6':
+    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-separator@1.1.7':
+    resolution: {integrity: sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slider@1.3.6':
+    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-switch@1.2.6':
+    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tabs@1.1.13':
+    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toast@1.2.15':
+    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle-group@1.1.11':
+    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toggle@1.1.10':
+    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toolbar@1.1.11':
+    resolution: {integrity: sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tooltip@1.2.8':
+    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-is-hydrated@0.1.0':
+    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-previous@1.1.1':
+    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
+  '@rollup/rollup-android-arm-eabi@4.34.3':
+    resolution: {integrity: sha512-8kq/NjMKkMTGKMPldWihncOl62kgnLYk7cW+/4NCUWfS70/wz4+gQ7rMxMMpZ3dIOP/xw7wKNzIuUnN/H2GfUg==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.34.3':
+    resolution: {integrity: sha512-1PqMHiuRochQ6++SDI7SaRDWJKr/NgAlezBi5nOne6Da6IWJo3hK0TdECBDwd92IUDPG4j/bZmWuwOnomNT8wA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.34.3':
+    resolution: {integrity: sha512-fqbrykX4mGV3DlCDXhF4OaMGcchd2tmLYxVt3On5oOZWVDFfdEoYAV2alzNChl8OzNaeMAGqm1f7gk7eIw/uDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.34.3':
+    resolution: {integrity: sha512-8Wxrx/KRvMsTyLTbdrMXcVKfpW51cCNW8x7iQD72xSEbjvhCY3b+w83Bea3nQfysTMR7K28esc+ZFITThXm+1w==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.34.3':
+    resolution: {integrity: sha512-lpBmV2qSiELh+ATQPTjQczt5hvbTLsE0c43Rx4bGxN2VpnAZWy77we7OO62LyOSZNY7CzjMoceRPc+Lt4e9J6A==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.34.3':
+    resolution: {integrity: sha512-sNPvBIXpgaYcI6mAeH13GZMXFrrw5mdZVI1M9YQPRG2LpjwL8DSxSIflZoh/B5NEuOi53kxsR/S2GKozK1vDXA==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.34.3':
+    resolution: {integrity: sha512-MW6N3AoC61OfE1VgnN5O1OW0gt8VTbhx9s/ZEPLBM11wEdHjeilPzOxVmmsrx5YmejpGPvez8QwGGvMU+pGxpw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.34.3':
+    resolution: {integrity: sha512-2SQkhr5xvatYq0/+H6qyW0zvrQz9LM4lxGkpWURLoQX5+yP8MsERh4uWmxFohOvwCP6l/+wgiHZ1qVwLDc7Qmw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.34.3':
+    resolution: {integrity: sha512-R3JLYt8YoRwKI5shJsovLpcR6pwIMui/MGG/MmxZ1DYI3iRSKI4qcYrvYgDf4Ss2oCR3RL3F3dYK7uAGQgMIuQ==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.34.3':
+    resolution: {integrity: sha512-4XQhG8v/t3S7Rxs7rmFUuM6j09hVrTArzONS3fUZ6oBRSN/ps9IPQjVhp62P0W3KhqJdQADo/MRlYRMdgxr/3w==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.34.3':
+    resolution: {integrity: sha512-QlW1jCUZ1LHUIYCAK2FciVw1ptHsxzApYVi05q7bz2A8oNE8QxQ85NhM4arLxkAlcnS42t4avJbSfzSQwbIaKg==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-powerpc64le-gnu@4.34.3':
+    resolution: {integrity: sha512-kMbLToizVeCcN69+nnm20Dh0hrRIAjgaaL+Wh0gWZcNt8e542d2FUGtsyuNsHVNNF3gqTJrpzUGIdwMGLEUM7g==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.34.3':
+    resolution: {integrity: sha512-YgD0DnZ3CHtvXRH8rzjVSxwI0kMTr0RQt3o1N92RwxGdx7YejzbBO0ELlSU48DP96u1gYYVWfUhDRyaGNqJqJg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.34.3':
+    resolution: {integrity: sha512-dIOoOz8altjp6UjAi3U9EW99s8nta4gzi52FeI45GlPyrUH4QixUoBMH9VsVjt+9A2RiZBWyjYNHlJ/HmJOBCQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.34.3':
+    resolution: {integrity: sha512-lOyG3aF4FTKrhpzXfMmBXgeKUUXdAWmP2zSNf8HTAXPqZay6QYT26l64hVizBjq+hJx3pl0DTEyvPi9sTA6VGA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.34.3':
+    resolution: {integrity: sha512-usztyYLu2i+mYzzOjqHZTaRXbUOqw3P6laNUh1zcqxbPH1P2Tz/QdJJCQSnGxCtsRQeuU2bCyraGMtMumC46rw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.34.3':
+    resolution: {integrity: sha512-ojFOKaz/ZyalIrizdBq2vyc2f0kFbJahEznfZlxdB6pF9Do6++i1zS5Gy6QLf8D7/S57MHrmBLur6AeRYeQXSA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.34.3':
+    resolution: {integrity: sha512-K/V97GMbNa+Da9mGcZqmSl+DlJmWfHXTuI9V8oB2evGsQUtszCl67+OxWjBKpeOnYwox9Jpmt/J6VhpeRCYqow==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.34.3':
+    resolution: {integrity: sha512-CUypcYP31Q8O04myV6NKGzk9GVXslO5EJNfmARNSzLF2A+5rmZUlDJ4et6eoJaZgBT9wrC2p4JZH04Vkic8HdQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/node@4.1.14':
+    resolution: {integrity: sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.14':
+    resolution: {integrity: sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+    resolution: {integrity: sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
+    resolution: {integrity: sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+    resolution: {integrity: sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==}
+    engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
-    resolution: {integrity: sha512-Jmzr3FA4S2tHhaC6yCjac3rGf7hG9R6Gf2z9i9JFcuyy0u79HfQsh/thifbYTF2ic82KJovKKkIB6Z9TdNhCXQ==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+    resolution: {integrity: sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
-    resolution: {integrity: sha512-qq7jXtO1+UEtCmCeBBIRDrPFIVI4ilEQ97qgBGdwXAARrUqSn/L9fUrkb1XP/mvVtoVeR2bt/0L77xx53bPZ/Q==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+    resolution: {integrity: sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
-    resolution: {integrity: sha512-O6b8QesPbJCRshsNApsOIpzKt3ztG35gfX9tEf4arD7mwNinsoCKxkj8TgEE0YRjmjtO3r9FlJnT/ENd9EVefQ==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+    resolution: {integrity: sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
-    resolution: {integrity: sha512-32iEXX/pXwikshNOGnERAFwFSfiltmijMIAbUhnNyjFr3tmWmMJWQKU2vNcFX0DACSXJ3ZWcSkzNbaKTdngH6g==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+    resolution: {integrity: sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
-    resolution: {integrity: sha512-s+VSSD+TfZeMEsCaFaHTaY5YNj3Dri8rST09gMvYQKwPphacRG7wbuQ5ZJMIJXN/puxPcg/nU+ucvWguPpvBDg==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+    resolution: {integrity: sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
-    resolution: {integrity: sha512-CXBPVFkpDjM67sS1psWohZ6g/2/cd+cq56vPxK4JeawelxwK4YECgl9Y9TjkE2qfF+9/s1tHHJqrC4SS6cVvSg==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+    resolution: {integrity: sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -1080,26 +1698,26 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
-    resolution: {integrity: sha512-7GmYk1n28teDHUjPlIx4Z6Z4hHEgvP5ZW2QS9ygnDAdI/myh3HTHjDqtSqgu1BpRoI4OiLx+fThAyA1JePoENA==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+    resolution: {integrity: sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
-    resolution: {integrity: sha512-fou+U20j+Jl0EHwK92spoWISON2OBnCazIc038Xj2TdweYV33ZRkS9nwqiUi2d/Wba5xg5UoHfvynnb/UB49cQ==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+    resolution: {integrity: sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.8':
-    resolution: {integrity: sha512-d7qvv9PsM5N3VNKhwVUhpK6r4h9wtLkJ6lz9ZY9aeZgrUWk1Z8VPyqyDT9MZlem7GTGseRQHkeB1j3tC7W1P+A==}
+  '@tailwindcss/oxide@4.1.14':
+    resolution: {integrity: sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/vite@4.1.8':
-    resolution: {integrity: sha512-CQ+I8yxNV5/6uGaJjiuymgw0kEQiNKRinYbZXPdx1fk5WgiyReG0VaUx/Xq6aVNSUNJFzxm6o8FNKS5aMaim5A==}
+  '@tailwindcss/vite@4.1.14':
+    resolution: {integrity: sha512-BoFUoU0XqgCUS1UXWhmDJroKKhNXeDzD7/XwabjkDIAbMnc4ULn5e2FuEuBbhZ6ENZoSYzKlzvZ44Yr6EUDUSA==}
     peerDependencies:
-      vite: ^5.2.0 || ^6
+      vite: ^5.2.0 || ^6 || ^7
 
   '@tanstack/form-core@1.12.0':
     resolution: {integrity: sha512-TfMUPHussIzopA4WOWDdt8WI0k7y4XiehGfdamtlHAqHqDcNCgsvou3cH5irA0XYm9GokIDXd/XRo4cHQVK5xw==}
@@ -1193,9 +1811,6 @@ packages:
   '@types/node@22.13.1':
     resolution: {integrity: sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==}
 
-  '@types/parse-json@4.0.0':
-    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
-
   '@types/qs@6.9.18':
     resolution: {integrity: sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==}
 
@@ -1204,12 +1819,6 @@ packages:
     peerDependencies:
       '@types/react': ^19.0.0
 
-  '@types/react-flatpickr@3.8.11':
-    resolution: {integrity: sha512-wXGyGRpUjiGknioxWzWJdNvF2XxKw5lAI7H64Iv7w4iL+1iT7QvAzrigz5FkW4lTg9IJOww6t7g21FzsrmRV6A==}
-
-  '@types/react-transition-group@4.4.6':
-    resolution: {integrity: sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==}
-
   '@types/react@19.0.8':
     resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
 
@@ -1302,6 +1911,10 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -1340,10 +1953,6 @@ packages:
   axios@1.7.9:
     resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
 
-  babel-plugin-macros@3.1.0:
-    resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
-    engines: {node: '>=10', npm: '>=6'}
-
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -1405,13 +2014,19 @@ packages:
     resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
     engines: {node: '>=18'}
 
-  classnames@2.3.2:
-    resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
+  cmdk@1.1.1:
+    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
+    peerDependencies:
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1433,9 +2048,6 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  convert-source-map@1.9.0:
-    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
-
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -1446,10 +2058,6 @@ packages:
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  cosmiconfig@7.1.0:
-    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
-    engines: {node: '>=10'}
-
   country-flag-icons@1.5.14:
     resolution: {integrity: sha512-GAFsVzHDu3bdAhbQ1LwBRqk/Ad8+ZzS5zU49P+lRla0KGy/V1V8ywNa1SxBOAmI/lyEOT9dfH3Q++q1lqJlvBA==}
 
@@ -1477,9 +2085,15 @@ packages:
     resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
     engines: {node: '>= 0.4'}
 
+  date-fns-jalali@4.1.0-0:
+    resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
+
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
   debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -1522,6 +2136,9 @@ packages:
     resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
     engines: {node: '>=8'}
 
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
@@ -1529,9 +2146,6 @@ packages:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
-  dom-helpers@5.2.1:
-    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
-
   dotenv@16.4.7:
     resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
     engines: {node: '>=12'}
@@ -1543,13 +2157,10 @@ packages:
   electron-to-chromium@1.5.49:
     resolution: {integrity: sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A==}
 
-  enhanced-resolve@5.18.1:
-    resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
     engines: {node: '>=10.13.0'}
 
-  error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -1693,9 +2304,6 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
-  find-root@1.1.0:
-    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
-
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -1704,9 +2312,6 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
-  flatpickr@4.6.13:
-    resolution: {integrity: sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==}
-
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
@@ -1762,6 +2367,10 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -1869,9 +2478,6 @@ packages:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
-  is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
@@ -1983,8 +2589,8 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
-  jiti@2.4.2:
-    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
   js-tokens@4.0.0:
@@ -2002,9 +2608,6 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
-  json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -2100,9 +2703,6 @@ packages:
     resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
     engines: {node: '>= 12.0.0'}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2117,16 +2717,18 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  magic-string@0.30.17:
-    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+  lucide-react@0.546.0:
+    resolution: {integrity: sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  magic-string@0.30.19:
+    resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
 
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
-  memoize-one@6.0.0:
-    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
-
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -2154,15 +2756,10 @@ packages:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minizlib@3.0.2:
-    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
     engines: {node: '>= 18'}
 
-  mkdirp@3.0.1:
-    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
@@ -2174,6 +2771,12 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  next-themes@0.4.6:
+    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
+    peerDependencies:
+      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
+
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
@@ -2232,10 +2835,6 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
-  parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
-
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -2247,10 +2846,6 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2360,16 +2955,30 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  radix-ui@1.4.3:
+    resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  react-day-picker@9.11.1:
+    resolution: {integrity: sha512-l3ub6o8NlchqIjPKrRFUCkTUEq6KwemQlfv3XZzzwpUeGwmDJ+0u0Upmt38hJyd7D/vn2dQoOoLV/qAp0o3uUw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: '>=16.8.0'
+
   react-dom@19.0.0:
     resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
       react: ^19.0.0
 
-  react-flatpickr@3.10.13:
-    resolution: {integrity: sha512-4m+K1K8jhvRFI8J/AHmQfA5hLALzhebEtEK8mLevXjX24MV3u502crzBn+EGFIBOfNUtrL5PId9FsGwgtuz/og==}
-    peerDependencies:
-      react: '>=16, <=18'
-
   react-intl@7.1.11:
     resolution: {integrity: sha512-tnVoRCWvW5Ie2ikYSdPF7z3+880yCe/9xPmitFeRPw3RYDcCfR4m8ZYa4MBq19W4adt9Z+PQA4FaMBCJ7E+HCQ==}
     peerDependencies:
@@ -2386,6 +2995,26 @@ packages:
     resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
 
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.1:
+    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react-router-dom@7.1.5:
     resolution: {integrity: sha512-/4f9+up0Qv92D3bB8iN5P1s3oHAepSGa9h5k6tpTFlixTTskJZwKGhJ6vRJ277tLD1zuaZTt95hyGWV1Z37csQ==}
     engines: {node: '>=20.0.0'}
@@ -2403,23 +3032,15 @@ packages:
       react-dom:
         optional: true
 
-  react-select@5.10.0:
-    resolution: {integrity: sha512-k96gw+i6N3ExgDwPIg0lUPmexl1ygPe6u5BdQFNBhkpbwroIgCNXdubtIzHfThYXYYTubwOBafoMnn7ruEP1xA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  react-tooltip@5.28.0:
-    resolution: {integrity: sha512-R5cO3JPPXk6FRbBHMO0rI9nkUG/JKfalBSQfZedZYzmqaZQgq7GLzF8vcCWx6IhUCKg0yPqJhXIzmIO5ff15xg==}
-    peerDependencies:
-      react: '>=16.14.0'
-      react-dom: '>=16.14.0'
-
-  react-transition-group@4.4.5:
-    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
     peerDependencies:
-      react: '>=16.6.0'
-      react-dom: '>=16.6.0'
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
 
   react@19.0.0:
     resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
@@ -2436,9 +3057,6 @@ packages:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
 
-  regenerator-runtime@0.14.0:
-    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
-
   regexp.prototype.flags@1.5.4:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
@@ -2450,10 +3068,6 @@ packages:
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
-  resolve@1.22.8:
-    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
-    hasBin: true
-
   resolve@2.0.0-next.5:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
@@ -2546,14 +3160,16 @@ packages:
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
+  sonner@2.0.5:
+    resolution: {integrity: sha512-YwbHQO6cSso3HBXlbCkgrgzDNIhws14r4MO87Ofy+cV2X7ES4pOoAK3+veSmVTvqNx1BWUxlhPmZzP00Crk2aQ==}
+    peerDependencies:
+      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  source-map@0.5.7:
-    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
-    engines: {node: '>=0.10.0'}
-
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -2580,9 +3196,6 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  stylis@4.2.0:
-    resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2591,8 +3204,11 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  tailwind-merge@2.6.0:
-    resolution: {integrity: sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==}
+  tailwind-merge@3.3.1:
+    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+
+  tailwindcss@4.1.14:
+    resolution: {integrity: sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==}
 
   tailwindcss@4.1.8:
     resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
@@ -2601,8 +3217,8 @@ packages:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
     engines: {node: '>=6'}
 
-  tar@7.4.3:
-    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+  tar@7.5.1:
+    resolution: {integrity: sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==}
     engines: {node: '>=18'}
 
   to-regex-range@5.0.1:
@@ -2684,11 +3300,22 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  use-isomorphic-layout-effect@1.2.0:
-    resolution: {integrity: sha512-q6ayo8DWoPZT0VdG4u3D3uxcgONP3Mevx2i2b0434cwWBoL+aelL1DzkXI6w3PhTZzUeR2kaVlZn70iCiseP6w==}
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
     peerDependencies:
       '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -2780,10 +3407,6 @@ packages:
     resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
     engines: {node: '>=18'}
 
-  yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
-
   yaml@2.7.1:
     resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
     engines: {node: '>= 14'}
@@ -2805,11 +3428,6 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@ampproject/remapping@2.3.0':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -2897,10 +3515,6 @@ snapshots:
       '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
-  '@babel/runtime@7.24.0':
-    dependencies:
-      regenerator-runtime: 0.14.0
-
   '@babel/template@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -2924,75 +3538,13 @@ snapshots:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
 
+  '@date-fns/tz@1.4.1': {}
+
   '@emnapi/runtime@1.2.0':
     dependencies:
       tslib: 2.5.3
     optional: true
 
-  '@emotion/babel-plugin@11.11.0':
-    dependencies:
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/runtime': 7.24.0
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/serialize': 1.1.2
-      babel-plugin-macros: 3.1.0
-      convert-source-map: 1.9.0
-      escape-string-regexp: 4.0.0
-      find-root: 1.1.0
-      source-map: 0.5.7
-      stylis: 4.2.0
-    transitivePeerDependencies:
-      - supports-color
-
-  '@emotion/cache@11.11.0':
-    dependencies:
-      '@emotion/memoize': 0.8.1
-      '@emotion/sheet': 1.2.2
-      '@emotion/utils': 1.2.1
-      '@emotion/weak-memoize': 0.3.1
-      stylis: 4.2.0
-
-  '@emotion/hash@0.9.1': {}
-
-  '@emotion/memoize@0.8.1': {}
-
-  '@emotion/react@11.11.1(@types/react@19.0.8)(react@19.0.0)':
-    dependencies:
-      '@babel/runtime': 7.24.0
-      '@emotion/babel-plugin': 11.11.0
-      '@emotion/cache': 11.11.0
-      '@emotion/serialize': 1.1.2
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0)
-      '@emotion/utils': 1.2.1
-      '@emotion/weak-memoize': 0.3.1
-      hoist-non-react-statics: 3.3.2
-      react: 19.0.0
-    optionalDependencies:
-      '@types/react': 19.0.8
-    transitivePeerDependencies:
-      - supports-color
-
-  '@emotion/serialize@1.1.2':
-    dependencies:
-      '@emotion/hash': 0.9.1
-      '@emotion/memoize': 0.8.1
-      '@emotion/unitless': 0.8.1
-      '@emotion/utils': 1.2.1
-      csstype: 3.1.2
-
-  '@emotion/sheet@1.2.2': {}
-
-  '@emotion/unitless@0.8.1': {}
-
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0)':
-    dependencies:
-      react: 19.0.0
-
-  '@emotion/utils@1.2.1': {}
-
-  '@emotion/weak-memoize@0.3.1': {}
-
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
@@ -3143,9 +3695,9 @@ snapshots:
   '@esbuild/win32-x64@0.25.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.4.2))':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.6.1))':
     dependencies:
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
@@ -3194,6 +3746,12 @@ snapshots:
       '@floating-ui/core': 1.2.6
       '@floating-ui/utils': 0.2.1
 
+  '@floating-ui/react-dom@2.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@floating-ui/dom': 1.6.3
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   '@floating-ui/utils@0.2.1': {}
 
   '@formatjs/cli@6.7.1': {}
@@ -3234,30 +3792,6 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.3
 
-  '@fortawesome/fontawesome-common-types@6.7.2': {}
-
-  '@fortawesome/fontawesome-svg-core@6.7.2':
-    dependencies:
-      '@fortawesome/fontawesome-common-types': 6.7.2
-
-  '@fortawesome/free-brands-svg-icons@6.7.2':
-    dependencies:
-      '@fortawesome/fontawesome-common-types': 6.7.2
-
-  '@fortawesome/free-regular-svg-icons@6.7.2':
-    dependencies:
-      '@fortawesome/fontawesome-common-types': 6.7.2
-
-  '@fortawesome/free-solid-svg-icons@6.7.2':
-    dependencies:
-      '@fortawesome/fontawesome-common-types': 6.7.2
-
-  '@fortawesome/react-fontawesome@0.2.2(@fortawesome/fontawesome-svg-core@6.7.2)(react@19.0.0)':
-    dependencies:
-      '@fortawesome/fontawesome-svg-core': 6.7.2
-      prop-types: 15.8.1
-      react: 19.0.0
-
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.6':
@@ -3312,78 +3846,830 @@ snapshots:
 
   '@img/sharp-linux-arm@0.33.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.0.5
-    optional: true
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.2.0
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.0': {}
+
+  '@jridgewell/set-array@1.2.1': {}
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+
+  '@playwright/test@1.50.1':
+    dependencies:
+      playwright: 1.50.1
+
+  '@radix-ui/number@1.1.1': {}
+
+  '@radix-ui/primitive@1.1.3': {}
+
+  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-avatar@1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-context@1.1.2(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      aria-hidden: 1.2.6
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-direction@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-form@0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-id@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  '@radix-ui/react-label@2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      aria-hidden: 1.2.6
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-one-time-password-field@0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-password-toggle-field@0.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      aria-hidden: 1.2.6
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/rect': 1.1.1
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@img/sharp-linux-s390x@0.33.5':
+  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.0.4
-    optional: true
-
-  '@img/sharp-linux-x64@0.33.5':
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.0.4
-    optional: true
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      aria-hidden: 1.2.6
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@img/sharp-linuxmusl-arm64@0.33.5':
+  '@radix-ui/react-separator@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
-    optional: true
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/number': 1.1.1
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@img/sharp-linuxmusl-x64@0.33.5':
+  '@radix-ui/react-slot@1.2.3(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
-    optional: true
+      '@types/react': 19.0.8
 
-  '@img/sharp-wasm32@0.33.5':
+  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@emnapi/runtime': 1.2.0
-    optional: true
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@img/sharp-win32-ia32@0.33.5':
-    optional: true
+  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@img/sharp-win32-x64@0.33.5':
-    optional: true
+  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@isaacs/fs-minipass@4.0.1':
+  '@radix-ui/react-toolbar@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      minipass: 7.1.2
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
 
-  '@jridgewell/gen-mapping@0.3.5':
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.25
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@jridgewell/resolve-uri@3.1.0': {}
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@jridgewell/set-array@1.2.1': {}
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@jridgewell/sourcemap-codec@1.4.15': {}
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@jridgewell/sourcemap-codec@1.5.0': {}
+  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      react: 19.0.0
+      use-sync-external-store: 1.5.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@jridgewell/trace-mapping@0.3.25':
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.15
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@nodelib/fs.scandir@2.1.5':
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@nodelib/fs.stat@2.0.5': {}
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@nodelib/fs.walk@1.2.8':
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.8
 
-  '@playwright/test@1.50.1':
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      playwright: 1.50.1
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  '@radix-ui/rect@1.1.1': {}
 
   '@rollup/rollup-android-arm-eabi@4.34.3':
     optional: true
@@ -3442,76 +4728,76 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.34.3':
     optional: true
 
-  '@tailwindcss/node@4.1.8':
+  '@tailwindcss/node@4.1.14':
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      enhanced-resolve: 5.18.1
-      jiti: 2.4.2
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.18.3
+      jiti: 2.6.1
       lightningcss: 1.30.1
-      magic-string: 0.30.17
+      magic-string: 0.30.19
       source-map-js: 1.2.1
-      tailwindcss: 4.1.8
+      tailwindcss: 4.1.14
 
-  '@tailwindcss/oxide-android-arm64@4.1.8':
+  '@tailwindcss/oxide-android-arm64@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.8':
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.8':
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.8':
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.8':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.8':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.8':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.8':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.8':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.8':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.8':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.8':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
     optional: true
 
-  '@tailwindcss/oxide@4.1.8':
+  '@tailwindcss/oxide@4.1.14':
     dependencies:
       detect-libc: 2.0.4
-      tar: 7.4.3
+      tar: 7.5.1
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.8
-      '@tailwindcss/oxide-darwin-arm64': 4.1.8
-      '@tailwindcss/oxide-darwin-x64': 4.1.8
-      '@tailwindcss/oxide-freebsd-x64': 4.1.8
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.8
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.8
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.8
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.8
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.8
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.8
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.8
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.8
-
-  '@tailwindcss/vite@4.1.8(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
-    dependencies:
-      '@tailwindcss/node': 4.1.8
-      '@tailwindcss/oxide': 4.1.8
-      tailwindcss: 4.1.8
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      '@tailwindcss/oxide-android-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-x64': 4.1.14
+      '@tailwindcss/oxide-freebsd-x64': 4.1.14
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.14
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.14
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.14
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.14
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.14
+
+  '@tailwindcss/vite@4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+    dependencies:
+      '@tailwindcss/node': 4.1.14
+      '@tailwindcss/oxide': 4.1.14
+      tailwindcss: 4.1.14
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
   '@tanstack/form-core@1.12.0':
     dependencies:
@@ -3614,36 +4900,25 @@ snapshots:
     dependencies:
       undici-types: 6.20.0
 
-  '@types/parse-json@4.0.0': {}
-
   '@types/qs@6.9.18': {}
 
   '@types/react-dom@19.0.3(@types/react@19.0.8)':
     dependencies:
       '@types/react': 19.0.8
 
-  '@types/react-flatpickr@3.8.11':
-    dependencies:
-      '@types/react': 19.0.8
-      flatpickr: 4.6.13
-
-  '@types/react-transition-group@4.4.6':
-    dependencies:
-      '@types/react': 19.0.8
-
   '@types/react@19.0.8':
     dependencies:
       csstype: 3.1.2
 
-  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@typescript-eslint/scope-manager': 8.33.1
-      '@typescript-eslint/type-utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/type-utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@typescript-eslint/visitor-keys': 8.33.1
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       graphemer: 1.4.0
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -3652,14 +4927,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.33.1
       '@typescript-eslint/types': 8.33.1
       '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
       '@typescript-eslint/visitor-keys': 8.33.1
       debug: 4.3.4
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -3682,12 +4957,12 @@ snapshots:
     dependencies:
       typescript: 5.7.3
 
-  '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       debug: 4.3.4
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       ts-api-utils: 2.1.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
@@ -3711,13 +4986,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.33.1
       '@typescript-eslint/types': 8.33.1
       '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -3727,14 +5002,14 @@ snapshots:
       '@typescript-eslint/types': 8.33.1
       eslint-visitor-keys: 4.2.0
 
-  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
       '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -3762,6 +5037,10 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
   array-buffer-byte-length@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -3831,12 +5110,6 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  babel-plugin-macros@3.1.0:
-    dependencies:
-      '@babel/runtime': 7.24.0
-      cosmiconfig: 7.1.0
-      resolve: 1.22.8
-
   balanced-match@1.0.2: {}
 
   binary-extensions@2.2.0: {}
@@ -3911,10 +5184,24 @@ snapshots:
 
   chownr@3.0.0: {}
 
-  classnames@2.3.2: {}
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
 
   clsx@2.1.1: {}
 
+  cmdk@1.1.1(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    transitivePeerDependencies:
+      - '@types/react'
+      - '@types/react-dom'
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -3937,22 +5224,12 @@ snapshots:
 
   concat-map@0.0.1: {}
 
-  convert-source-map@1.9.0: {}
-
   convert-source-map@2.0.0: {}
 
   cookie@1.0.2: {}
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig@7.1.0:
-    dependencies:
-      '@types/parse-json': 4.0.0
-      import-fresh: 3.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-      yaml: 1.10.2
-
   country-flag-icons@1.5.14: {}
 
   cross-env@7.0.3:
@@ -3985,8 +5262,12 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.2
 
+  date-fns-jalali@4.1.0-0: {}
+
   date-fns@3.6.0: {}
 
+  date-fns@4.1.0: {}
+
   debug@4.3.4:
     dependencies:
       ms: 2.1.2
@@ -4017,17 +5298,14 @@ snapshots:
 
   detect-libc@2.0.4: {}
 
+  detect-node-es@1.1.0: {}
+
   devalue@5.1.1: {}
 
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
 
-  dom-helpers@5.2.1:
-    dependencies:
-      '@babel/runtime': 7.24.0
-      csstype: 3.1.2
-
   dotenv@16.4.7: {}
 
   dunder-proto@1.0.1:
@@ -4038,15 +5316,11 @@ snapshots:
 
   electron-to-chromium@1.5.49: {}
 
-  enhanced-resolve@5.18.1:
+  enhanced-resolve@5.18.3:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.2
 
-  error-ex@1.3.2:
-    dependencies:
-      is-arrayish: 0.2.1
-
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -4210,15 +5484,15 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-prettier@10.1.5(eslint@9.28.0(jiti@2.4.2)):
+  eslint-config-prettier@10.1.5(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.4.2)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
 
-  eslint-plugin-react@7.37.5(eslint@9.28.0(jiti@2.4.2)):
+  eslint-plugin-react@7.37.5(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -4226,7 +5500,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.28.0(jiti@2.4.2)
+      eslint: 9.28.0(jiti@2.6.1)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.4
@@ -4255,9 +5529,9 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.28.0(jiti@2.4.2):
+  eslint@9.28.0(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.20.0
       '@eslint/config-helpers': 0.2.2
@@ -4293,7 +5567,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.3
     optionalDependencies:
-      jiti: 2.4.2
+      jiti: 2.6.1
     transitivePeerDependencies:
       - supports-color
 
@@ -4341,8 +5615,6 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
-  find-root@1.1.0: {}
-
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
@@ -4353,8 +5625,6 @@ snapshots:
       flatted: 3.3.2
       keyv: 4.5.4
 
-  flatpickr@4.6.13: {}
-
   flatted@3.3.2: {}
 
   follow-redirects@1.15.6: {}
@@ -4422,6 +5692,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-nonce@1.0.1: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -4523,8 +5795,6 @@ snapshots:
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
-  is-arrayish@0.2.1: {}
-
   is-arrayish@0.3.2: {}
 
   is-async-function@2.0.0:
@@ -4638,7 +5908,7 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
-  jiti@2.4.2: {}
+  jiti@2.6.1: {}
 
   js-tokens@4.0.0: {}
 
@@ -4650,8 +5920,6 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
-  json-parse-even-better-errors@2.3.1: {}
-
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
@@ -4736,8 +6004,6 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.30.1
       lightningcss-win32-x64-msvc: 1.30.1
 
-  lines-and-columns@1.2.4: {}
-
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -4752,13 +6018,15 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  magic-string@0.30.17:
+  lucide-react@0.546.0(react@19.0.0):
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
+      react: 19.0.0
 
-  math-intrinsics@1.1.0: {}
+  magic-string@0.30.19:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  memoize-one@6.0.0: {}
+  math-intrinsics@1.1.0: {}
 
   merge2@1.4.1: {}
 
@@ -4783,18 +6051,21 @@ snapshots:
 
   minipass@7.1.2: {}
 
-  minizlib@3.0.2:
+  minizlib@3.1.0:
     dependencies:
       minipass: 7.1.2
 
-  mkdirp@3.0.1: {}
-
   ms@2.1.2: {}
 
   nanoid@3.3.8: {}
 
   natural-compare@1.4.0: {}
 
+  next-themes@0.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+
   node-releases@2.0.18: {}
 
   normalize-path@3.0.0: {}
@@ -4864,21 +6135,12 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
-  parse-json@5.2.0:
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 2.3.1
-      lines-and-columns: 1.2.4
-
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
 
   path-parse@1.0.7: {}
 
-  path-type@4.0.0: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -4925,16 +6187,80 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  react-dom@19.0.0(react@19.0.0):
+  radix-ui@1.4.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-menubar': 1.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-progress': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-select': 2.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slider': 1.3.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-switch': 1.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toast': 1.2.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-toolbar': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+
+  react-day-picker@9.11.1(react@19.0.0):
     dependencies:
+      '@date-fns/tz': 1.4.1
+      date-fns: 4.1.0
+      date-fns-jalali: 4.1.0-0
       react: 19.0.0
-      scheduler: 0.25.0
 
-  react-flatpickr@3.10.13(react@19.0.0):
+  react-dom@19.0.0(react@19.0.0):
     dependencies:
-      flatpickr: 4.6.13
-      prop-types: 15.8.1
       react: 19.0.0
+      scheduler: 0.25.0
 
   react-intl@7.1.11(react@19.0.0)(typescript@5.7.3):
     dependencies:
@@ -4954,6 +6280,25 @@ snapshots:
 
   react-refresh@0.14.2: {}
 
+  react-remove-scroll-bar@2.3.8(@types/react@19.0.8)(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-style-singleton: 2.2.3(@types/react@19.0.8)(react@19.0.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  react-remove-scroll@2.7.1(@types/react@19.0.8)(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.0.8)(react@19.0.0)
+      react-style-singleton: 2.2.3(@types/react@19.0.8)(react@19.0.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.0.8)(react@19.0.0)
+      use-sidecar: 1.1.3(@types/react@19.0.8)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.8
+
   react-router-dom@7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -4970,38 +6315,13 @@ snapshots:
     optionalDependencies:
       react-dom: 19.0.0(react@19.0.0)
 
-  react-select@5.10.0(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      '@babel/runtime': 7.24.0
-      '@emotion/cache': 11.11.0
-      '@emotion/react': 11.11.1(@types/react@19.0.8)(react@19.0.0)
-      '@floating-ui/dom': 1.6.3
-      '@types/react-transition-group': 4.4.6
-      memoize-one: 6.0.0
-      prop-types: 15.8.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-transition-group: 4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      use-isomorphic-layout-effect: 1.2.0(@types/react@19.0.8)(react@19.0.0)
-    transitivePeerDependencies:
-      - '@types/react'
-      - supports-color
-
-  react-tooltip@5.28.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      '@floating-ui/dom': 1.6.3
-      classnames: 2.3.2
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-
-  react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  react-style-singleton@2.2.3(@types/react@19.0.8)(react@19.0.0):
     dependencies:
-      '@babel/runtime': 7.24.0
-      dom-helpers: 5.2.1
-      loose-envify: 1.4.0
-      prop-types: 15.8.1
+      get-nonce: 1.0.1
       react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.0.8
 
   react@19.0.0: {}
 
@@ -5030,8 +6350,6 @@ snapshots:
       get-proto: 1.0.1
       which-builtin-type: 1.2.1
 
-  regenerator-runtime@0.14.0: {}
-
   regexp.prototype.flags@1.5.4:
     dependencies:
       call-bind: 1.0.8
@@ -5046,12 +6364,6 @@ snapshots:
   resolve-pkg-maps@1.0.0:
     optional: true
 
-  resolve@1.22.8:
-    dependencies:
-      is-core-module: 2.13.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   resolve@2.0.0-next.5:
     dependencies:
       is-core-module: 2.13.1
@@ -5206,9 +6518,12 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
-  source-map-js@1.2.1: {}
+  sonner@2.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  source-map@0.5.7: {}
+  source-map-js@1.2.1: {}
 
   string.prototype.matchall@4.0.12:
     dependencies:
@@ -5260,27 +6575,26 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stylis@4.2.0: {}
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  tailwind-merge@2.6.0: {}
+  tailwind-merge@3.3.1: {}
+
+  tailwindcss@4.1.14: {}
 
   tailwindcss@4.1.8: {}
 
   tapable@2.2.2: {}
 
-  tar@7.4.3:
+  tar@7.5.1:
     dependencies:
       '@isaacs/fs-minipass': 4.0.1
       chownr: 3.0.0
       minipass: 7.1.2
-      minizlib: 3.0.2
-      mkdirp: 3.0.1
+      minizlib: 3.1.0
       yallist: 5.0.0
 
   to-regex-range@5.0.1:
@@ -5345,12 +6659,12 @@ snapshots:
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.10
 
-  typescript-eslint@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3):
+  typescript-eslint@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.4.2))(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.4.2)
+      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.6.1)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
@@ -5378,9 +6692,18 @@ snapshots:
     dependencies:
       punycode: 2.3.0
 
-  use-isomorphic-layout-effect@1.2.0(@types/react@19.0.8)(react@19.0.0):
+  use-callback-ref@1.3.3(@types/react@19.0.8)(react@19.0.0):
     dependencies:
       react: 19.0.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.0.8
+
+  use-sidecar@1.1.3(@types/react@19.0.8)(react@19.0.0):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.0.0
+      tslib: 2.8.1
     optionalDependencies:
       '@types/react': 19.0.8
 
@@ -5390,20 +6713,20 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
+  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       fs-extra: 11.2.0
       picocolors: 1.1.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
+  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
     dependencies:
       jszip: 3.10.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
-  vite@6.1.0(@types/node@22.13.1)(jiti@2.4.2)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1):
+  vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       esbuild: 0.24.2
       postcss: 8.5.1
@@ -5411,7 +6734,7 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.13.1
       fsevents: 2.3.3
-      jiti: 2.4.2
+      jiti: 2.6.1
       lightningcss: 1.30.1
       tsx: 4.19.3
       yaml: 2.7.1
@@ -5464,8 +6787,6 @@ snapshots:
 
   yallist@5.0.0: {}
 
-  yaml@1.10.2: {}
-
   yaml@2.7.1:
     optional: true
 
diff --git a/public/tw-properties.css b/public/tw-properties.css
new file mode 100644
index 0000000..0994b38
--- /dev/null
+++ b/public/tw-properties.css
@@ -0,0 +1,65 @@
+@layer properties {
+  *,
+  :before,
+  :after,
+  ::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-translate-z: 0;
+    --tw-rotate-x: initial;
+    --tw-rotate-y: initial;
+    --tw-rotate-z: initial;
+    --tw-skew-x: initial;
+    --tw-skew-y: initial;
+    --tw-border-style: solid;
+    --tw-leading: initial;
+    --tw-font-weight: initial;
+    --tw-tracking: initial;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-color: initial;
+    --tw-shadow-alpha: 100%;
+    --tw-inset-shadow: 0 0 #0000;
+    --tw-inset-shadow-color: initial;
+    --tw-inset-shadow-alpha: 100%;
+    --tw-ring-color: initial;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-inset-ring-color: initial;
+    --tw-inset-ring-shadow: 0 0 #0000;
+    --tw-ring-inset: initial;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-outline-style: solid;
+    --tw-blur: initial;
+    --tw-brightness: initial;
+    --tw-contrast: initial;
+    --tw-grayscale: initial;
+    --tw-hue-rotate: initial;
+    --tw-invert: initial;
+    --tw-opacity: initial;
+    --tw-saturate: initial;
+    --tw-sepia: initial;
+    --tw-drop-shadow: initial;
+    --tw-drop-shadow-color: initial;
+    --tw-drop-shadow-alpha: 100%;
+    --tw-drop-shadow-size: initial;
+    --tw-duration: initial;
+    --tw-animation-delay: 0s;
+    --tw-animation-direction: normal;
+    --tw-animation-duration: initial;
+    --tw-animation-fill-mode: forwards;
+    --tw-animation-iteration-count: 1;
+    --tw-enter-opacity: 1;
+    --tw-enter-rotate: 0;
+    --tw-enter-scale: 1;
+    --tw-enter-translate-x: 0;
+    --tw-enter-translate-y: 0;
+    --tw-exit-opacity: 1;
+    --tw-exit-rotate: 0;
+    --tw-exit-scale: 1;
+    --tw-exit-translate-x: 0;
+    --tw-exit-translate-y: 0;
+  }
+}
diff --git a/src/App.tsx b/src/MainApp.tsx
similarity index 53%
rename from src/App.tsx
rename to src/MainApp.tsx
index e6ce5e9..29ab658 100644
--- a/src/App.tsx
+++ b/src/MainApp.tsx
@@ -1,69 +1,63 @@
-import { faCalendarDays, faGear, faList, faStopwatch, faUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
+import { Alert, AlertTitle } from "@//components/ui/alert";
+import Navbar from "@/components/general/Navbar";
+import { clsxm } from "@/utils/clsxm";
+import { createPopOut, getWindowLocationType } from "@/utils/popout";
+import { AlertCircleIcon, CalendarDaysIcon, ListIcon, SettingsIcon, SquareArrowOutUpRightIcon, TimerIcon } from "lucide-react";
 import { Suspense, lazy } from "react";
 import { useIntl } from "react-intl";
 import { Navigate, Route, Routes } from "react-router-dom";
-import Navbar from "./components/general/Navbar";
-import Toast from "./components/general/Toast";
-import { clsxm } from "./utils/clsxm";
-import { getPlatform } from "./utils/platform";
-import { createPopOut, getWindowLocationType } from "./utils/popout";
 
-const TimersPage = lazy(() => import("./pages/TimersPage"));
-const IssuesPage = lazy(() => import("./pages/IssuesPage"));
-const SettingsPage = lazy(() => import("./pages/SettingsPage"));
-const TimePage = lazy(() => import("./pages/TimePage"));
+const TimersPage = lazy(() => import("@/pages/TimersPage"));
+const IssuesPage = lazy(() => import("@/pages/IssuesPage"));
+const SettingsPage = lazy(() => import("@/pages/SettingsPage"));
+const TimePage = lazy(() => import("@/pages/TimePage"));
 
-function App() {
+function MainApp() {
   const { formatMessage } = useIntl();
 
   const locationType = getWindowLocationType();
 
   return (
     <div
-      className={clsx("mx-auto w-[320px]", {
-        "w-full min-w-[320px]": locationType === "popout" || locationType === "options",
+      className={clsxm("mx-auto flex h-screen w-[320px] flex-col overflow-hidden", {
+        "w-full min-w-[320px]": ["popout", "options"].includes(locationType),
+        "h-[550px]": ["popup", "options"].includes(locationType),
       })}
       // disable context menu
       onContextMenu={(e) => {
         e.preventDefault();
       }}
     >
-      <header className="relative z-30 h-12">
+      <header className="relative">
         <Navbar
           navigation={[
             {
               href: "/timers",
-              icon: <FontAwesomeIcon icon={faStopwatch} />,
+              icon: <TimerIcon />,
               name: formatMessage({ id: "nav.tabs.timers" }),
             },
             {
               href: "/issues",
-              icon: <FontAwesomeIcon icon={faList} />,
+              icon: <ListIcon />,
               name: formatMessage({ id: "nav.tabs.issues" }),
             },
             {
               href: "/time",
-              icon: <FontAwesomeIcon icon={faCalendarDays} />,
+              icon: <CalendarDaysIcon />,
               name: formatMessage({ id: "nav.tabs.time" }),
             },
             {
               href: "/settings",
-              icon: <FontAwesomeIcon icon={faGear} />,
+              icon: <SettingsIcon />,
               name: formatMessage({ id: "nav.tabs.settings" }),
             },
           ]}
         />
         {locationType === "popup" && (
-          <FontAwesomeIcon icon={faUpRightFromSquare} size="sm" className="bg-background-inner absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full p-1.5" onClick={createPopOut} />
+          <SquareArrowOutUpRightIcon className="bg-card border-border/30 absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full border p-1.5" onClick={createPopOut} />
         )}
       </header>
-      <main
-        className={clsxm("h-[500px] overflow-y-scroll", {
-          "h-[calc(100vh-3rem)]": locationType === "popout" || (locationType === "options" && getPlatform() === "Edge"),
-        })}
-      >
+      <main className="flex-1 overflow-y-auto">
         <div className="p-2">
           <Routes>
             <Route index element={<Navigate to="/issues" replace />} />
@@ -101,7 +95,15 @@ function App() {
               }
             />
 
-            <Route path="*" element={<Toast type="error" message={formatMessage({ id: "nav.error.page-not-found" })} allowClose={false} />} />
+            <Route
+              path="*"
+              element={
+                <Alert variant="destructive">
+                  <AlertCircleIcon />
+                  <AlertTitle>{formatMessage({ id: "nav.error.page-not-found" })}</AlertTitle>
+                </Alert>
+              }
+            />
           </Routes>
         </div>
       </main>
@@ -109,4 +111,4 @@ function App() {
   );
 }
 
-export default App;
+export default MainApp;
diff --git a/src/assets/themes/dark.css b/src/assets/themes/dark.css
deleted file mode 100644
index 6d1bff1..0000000
--- a/src/assets/themes/dark.css
+++ /dev/null
@@ -1,820 +0,0 @@
-@media (prefers-color-scheme: dark) {
-  .flatpickr-calendar {
-    background: transparent;
-    opacity: 0;
-    display: none;
-    text-align: center;
-    visibility: hidden;
-    padding: 0;
-    -webkit-animation: none;
-    animation: none;
-    direction: ltr;
-    border: 0;
-    font-size: 14px;
-    line-height: 24px;
-    border-radius: 5px;
-    position: absolute;
-    width: 307.875px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    background: var(--color-background);
-    -webkit-box-shadow:
-      1px 0 0 #20222c,
-      -1px 0 0 #20222c,
-      0 1px 0 #20222c,
-      0 -1px 0 #20222c,
-      0 3px 13px rgba(0, 0, 0, 0.08);
-    box-shadow:
-      1px 0 0 #20222c,
-      -1px 0 0 #20222c,
-      0 1px 0 #20222c,
-      0 -1px 0 #20222c,
-      0 3px 13px rgba(0, 0, 0, 0.08);
-    border: 1px solid var(--color-background-inner);
-  }
-  .flatpickr-calendar.open,
-  .flatpickr-calendar.inline {
-    opacity: 1;
-    max-height: 640px;
-    visibility: visible;
-  }
-  .flatpickr-calendar.open {
-    display: inline-block;
-    z-index: 99999;
-  }
-  .flatpickr-calendar.animate.open {
-    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  }
-  .flatpickr-calendar.inline {
-    display: block;
-    position: relative;
-    top: 2px;
-  }
-  .flatpickr-calendar.static {
-    position: absolute;
-    top: calc(100% + 2px);
-  }
-  .flatpickr-calendar.static.open {
-    z-index: 999;
-    display: block;
-  }
-  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
-  }
-  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
-    -webkit-box-shadow:
-      -2px 0 0 #e6e6e6,
-      5px 0 0 #e6e6e6;
-    box-shadow:
-      -2px 0 0 #e6e6e6,
-      5px 0 0 #e6e6e6;
-  }
-  .flatpickr-calendar .hasWeeks .dayContainer,
-  .flatpickr-calendar .hasTime .dayContainer {
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .flatpickr-calendar .hasWeeks .dayContainer {
-    border-left: 0;
-  }
-  .flatpickr-calendar.hasTime .flatpickr-time {
-    height: 40px;
-    border-top: 1px solid #20222c;
-  }
-  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
-    height: auto;
-  }
-  .flatpickr-calendar:before,
-  .flatpickr-calendar:after {
-    position: absolute;
-    display: block;
-    pointer-events: none;
-    border: solid transparent;
-    content: "";
-    height: 0;
-    width: 0;
-    left: 22px;
-  }
-  .flatpickr-calendar.rightMost:before,
-  .flatpickr-calendar.arrowRight:before,
-  .flatpickr-calendar.rightMost:after,
-  .flatpickr-calendar.arrowRight:after {
-    left: auto;
-    right: 22px;
-  }
-  .flatpickr-calendar.arrowCenter:before,
-  .flatpickr-calendar.arrowCenter:after {
-    left: 50%;
-    right: 50%;
-  }
-  .flatpickr-calendar:before {
-    border-width: 5px;
-    margin: 0 -5px;
-  }
-  .flatpickr-calendar:after {
-    border-width: 4px;
-    margin: 0 -4px;
-  }
-  .flatpickr-calendar.arrowTop:before,
-  .flatpickr-calendar.arrowTop:after {
-    bottom: 100%;
-  }
-  .flatpickr-calendar.arrowTop:before {
-    border-bottom-color: #20222c;
-  }
-  .flatpickr-calendar.arrowTop:after {
-    border-bottom-color: var(--color-background);
-  }
-  .flatpickr-calendar.arrowBottom:before,
-  .flatpickr-calendar.arrowBottom:after {
-    top: 100%;
-  }
-  .flatpickr-calendar.arrowBottom:before {
-    border-top-color: #20222c;
-  }
-  .flatpickr-calendar.arrowBottom:after {
-    border-top-color: var(--color-background);
-  }
-  .flatpickr-calendar:focus {
-    outline: 0;
-  }
-  .flatpickr-wrapper {
-    position: relative;
-    display: inline-block;
-  }
-  .flatpickr-months {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-  .flatpickr-months .flatpickr-month {
-    background: transparent;
-    color: #fff;
-    fill: #fff;
-    height: 34px;
-    line-height: 1;
-    text-align: center;
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    overflow: hidden;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  }
-  .flatpickr-months .flatpickr-prev-month,
-  .flatpickr-months .flatpickr-next-month {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    text-decoration: none;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    height: 34px;
-    padding: 10px;
-    z-index: 3;
-    color: #fff;
-    fill: #fff;
-  }
-  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
-  .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
-    display: none;
-  }
-  .flatpickr-months .flatpickr-prev-month i,
-  .flatpickr-months .flatpickr-next-month i {
-    position: relative;
-  }
-  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
-  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
-    /*
-      /*rtl:begin:ignore*/
-    /*
-      */
-    left: 0;
-    /*
-      /*rtl:end:ignore*/
-    /*
-      */
-  }
-  /*
-      /*rtl:begin:ignore*/
-  /*
-      /*rtl:end:ignore*/
-  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
-  .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
-    /*
-      /*rtl:begin:ignore*/
-    /*
-      */
-    right: 0;
-    /*
-      /*rtl:end:ignore*/
-    /*
-      */
-  }
-  /*
-      /*rtl:begin:ignore*/
-  /*
-      /*rtl:end:ignore*/
-  .flatpickr-months .flatpickr-prev-month:hover,
-  .flatpickr-months .flatpickr-next-month:hover {
-    color: #eee;
-  }
-  .flatpickr-months .flatpickr-prev-month:hover svg,
-  .flatpickr-months .flatpickr-next-month:hover svg {
-    fill: var(--color-primary);
-  }
-  .flatpickr-months .flatpickr-prev-month svg,
-  .flatpickr-months .flatpickr-next-month svg {
-    width: 14px;
-    height: 14px;
-  }
-  .flatpickr-months .flatpickr-prev-month svg path,
-  .flatpickr-months .flatpickr-next-month svg path {
-    -webkit-transition: fill 0.1s;
-    transition: fill 0.1s;
-    fill: inherit;
-  }
-  .numInputWrapper {
-    position: relative;
-    height: auto;
-  }
-  .numInputWrapper input,
-  .numInputWrapper span {
-    display: inline-block;
-  }
-  .numInputWrapper input {
-    width: 100%;
-  }
-  .numInputWrapper input::-ms-clear {
-    display: none;
-  }
-  .numInputWrapper input::-webkit-outer-spin-button,
-  .numInputWrapper input::-webkit-inner-spin-button {
-    margin: 0;
-    -webkit-appearance: none;
-  }
-  .numInputWrapper span {
-    position: absolute;
-    right: 0;
-    width: 14px;
-    padding: 0 4px 0 2px;
-    height: 50%;
-    line-height: 50%;
-    opacity: 0;
-    cursor: pointer;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  .numInputWrapper span:hover {
-    background: rgba(192, 187, 167, 0.1);
-  }
-  .numInputWrapper span:active {
-    background: rgba(192, 187, 167, 0.2);
-  }
-  .numInputWrapper span:after {
-    display: block;
-    content: "";
-    position: absolute;
-  }
-  .numInputWrapper span.arrowUp {
-    top: 0;
-    border-bottom: 0;
-  }
-  .numInputWrapper span.arrowUp:after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-bottom: 4px solid rgba(255, 255, 255, 0.6);
-    top: 26%;
-  }
-  .numInputWrapper span.arrowDown {
-    top: 50%;
-  }
-  .numInputWrapper span.arrowDown:after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 4px solid rgba(255, 255, 255, 0.6);
-    top: 40%;
-  }
-  .numInputWrapper span svg {
-    width: inherit;
-    height: auto;
-  }
-  .numInputWrapper span svg path {
-    fill: rgba(255, 255, 255, 0.5);
-  }
-  .numInputWrapper:hover {
-    background: rgba(192, 187, 167, 0.05);
-  }
-  .numInputWrapper:hover span {
-    opacity: 1;
-  }
-  .flatpickr-current-month {
-    font-size: 135%;
-    line-height: inherit;
-    font-weight: 300;
-    color: inherit;
-    position: absolute;
-    width: 75%;
-    left: 12.5%;
-    padding: 7.48px 0 0 0;
-    line-height: 1;
-    height: 34px;
-    display: inline-block;
-    text-align: center;
-    -webkit-transform: translate3d(0px, 0px, 0px);
-    transform: translate3d(0px, 0px, 0px);
-  }
-  .flatpickr-current-month span.cur-month {
-    font-family: inherit;
-    font-weight: 700;
-    color: inherit;
-    display: inline-block;
-    margin-left: 0.5ch;
-    padding: 0;
-  }
-  .flatpickr-current-month span.cur-month:hover {
-    background: rgba(192, 187, 167, 0.05);
-  }
-  .flatpickr-current-month .numInputWrapper {
-    width: 6ch;
-    width: 7ch\0;
-    display: inline-block;
-  }
-  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
-    border-bottom-color: #fff;
-  }
-  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
-    border-top-color: #fff;
-  }
-  .flatpickr-current-month input.cur-year {
-    background: transparent;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: inherit;
-    cursor: text;
-    padding: 0 0 0 0.5ch;
-    margin: 0;
-    display: inline-block;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: 300;
-    line-height: inherit;
-    height: auto;
-    border: 0;
-    border-radius: 0;
-    vertical-align: initial;
-    -webkit-appearance: textfield;
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-  .flatpickr-current-month input.cur-year:focus {
-    outline: 0;
-  }
-  .flatpickr-current-month input.cur-year[disabled],
-  .flatpickr-current-month input.cur-year[disabled]:hover {
-    font-size: 100%;
-    color: rgba(255, 255, 255, 0.5);
-    background: transparent;
-    pointer-events: none;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months {
-    appearance: menulist;
-    background: var(--color-background);
-    border: none;
-    border-radius: 0;
-    box-sizing: border-box;
-    color: inherit;
-    cursor: pointer;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: 300;
-    height: auto;
-    line-height: inherit;
-    margin: -1px 0 0 0;
-    outline: none;
-    padding: 0 0 0 0.5ch;
-    position: relative;
-    vertical-align: initial;
-    -webkit-box-sizing: border-box;
-    -webkit-appearance: menulist;
-    -moz-appearance: menulist;
-    width: auto;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
-  .flatpickr-current-month .flatpickr-monthDropdown-months:active {
-    outline: none;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
-    background: rgba(192, 187, 167, 0.05);
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
-    background-color: var(--color-background);
-    outline: none;
-    padding: 0;
-  }
-  .flatpickr-weekdays {
-    background: var(--color-background-inner);
-    text-align: center;
-    overflow: hidden;
-    width: 100%;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    height: 28px;
-  }
-  .flatpickr-weekdays .flatpickr-weekdaycontainer {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  }
-  span.flatpickr-weekday {
-    cursor: default;
-    font-size: 90%;
-    background: transparent;
-    color: #fff;
-    line-height: 1;
-    margin: 0;
-    text-align: center;
-    display: block;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    font-weight: bolder;
-  }
-  .dayContainer,
-  .flatpickr-weeks {
-    padding: 1px 0 0 0;
-  }
-  .flatpickr-days {
-    position: relative;
-    overflow: hidden;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: start;
-    -webkit-align-items: flex-start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    width: 307.875px;
-  }
-  .flatpickr-days:focus {
-    outline: 0;
-  }
-  .dayContainer {
-    padding: 0;
-    outline: 0;
-    text-align: left;
-    width: 307.875px;
-    min-width: 307.875px;
-    max-width: 307.875px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
-    display: -ms-flexbox;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-around;
-    justify-content: space-around;
-    -webkit-transform: translate3d(0px, 0px, 0px);
-    transform: translate3d(0px, 0px, 0px);
-    opacity: 1;
-  }
-  .dayContainer + .dayContainer {
-    -webkit-box-shadow: -1px 0 0 #20222c;
-    box-shadow: -1px 0 0 #20222c;
-  }
-  .flatpickr-day {
-    background: none;
-    border: 1px solid transparent;
-    border-radius: 150px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: rgba(255, 255, 255, 0.95);
-    cursor: pointer;
-    font-weight: 400;
-    width: 14.2857143%;
-    -webkit-flex-basis: 14.2857143%;
-    -ms-flex-preferred-size: 14.2857143%;
-    flex-basis: 14.2857143%;
-    max-width: 39px;
-    height: 39px;
-    line-height: 39px;
-    margin: 0;
-    display: inline-block;
-    position: relative;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    text-align: center;
-  }
-  .flatpickr-day.inRange,
-  .flatpickr-day.prevMonthDay.inRange,
-  .flatpickr-day.nextMonthDay.inRange,
-  .flatpickr-day.today.inRange,
-  .flatpickr-day.prevMonthDay.today.inRange,
-  .flatpickr-day.nextMonthDay.today.inRange,
-  .flatpickr-day:hover,
-  .flatpickr-day.prevMonthDay:hover,
-  .flatpickr-day.nextMonthDay:hover,
-  .flatpickr-day:focus,
-  .flatpickr-day.prevMonthDay:focus,
-  .flatpickr-day.nextMonthDay:focus {
-    cursor: pointer;
-    outline: 0;
-    background: var(--color-background-hover);
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.today {
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.today:hover,
-  .flatpickr-day.today:focus {
-    border-color: var(--color-primary);
-    background: var(--color-primary);
-    color: #fff;
-  }
-  .flatpickr-day.selected,
-  .flatpickr-day.startRange,
-  .flatpickr-day.endRange,
-  .flatpickr-day.selected.inRange,
-  .flatpickr-day.startRange.inRange,
-  .flatpickr-day.endRange.inRange,
-  .flatpickr-day.selected:focus,
-  .flatpickr-day.startRange:focus,
-  .flatpickr-day.endRange:focus,
-  .flatpickr-day.selected:hover,
-  .flatpickr-day.startRange:hover,
-  .flatpickr-day.endRange:hover,
-  .flatpickr-day.selected.prevMonthDay,
-  .flatpickr-day.startRange.prevMonthDay,
-  .flatpickr-day.endRange.prevMonthDay,
-  .flatpickr-day.selected.nextMonthDay,
-  .flatpickr-day.startRange.nextMonthDay,
-  .flatpickr-day.endRange.nextMonthDay {
-    background: var(--color-primary);
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    color: #fff;
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.selected.startRange,
-  .flatpickr-day.startRange.startRange,
-  .flatpickr-day.endRange.startRange {
-    border-radius: 50px 0 0 50px;
-  }
-  .flatpickr-day.selected.endRange,
-  .flatpickr-day.startRange.endRange,
-  .flatpickr-day.endRange.endRange {
-    border-radius: 0 50px 50px 0;
-  }
-  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
-  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
-  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
-    -webkit-box-shadow: -10px 0 0 var(--color-primary);
-    box-shadow: -10px 0 0 var(--color-primary);
-  }
-  .flatpickr-day.selected.startRange.endRange,
-  .flatpickr-day.startRange.startRange.endRange,
-  .flatpickr-day.endRange.startRange.endRange {
-    border-radius: 50px;
-  }
-  .flatpickr-day.inRange {
-    border-radius: 0;
-    -webkit-box-shadow:
-      -5px 0 0 #646c8c,
-      5px 0 0 #646c8c;
-    box-shadow:
-      -5px 0 0 #646c8c,
-      5px 0 0 #646c8c;
-  }
-  .flatpickr-day.flatpickr-disabled,
-  .flatpickr-day.flatpickr-disabled:hover,
-  .flatpickr-day.prevMonthDay,
-  .flatpickr-day.nextMonthDay,
-  .flatpickr-day.notAllowed,
-  .flatpickr-day.notAllowed.prevMonthDay,
-  .flatpickr-day.notAllowed.nextMonthDay {
-    color: rgba(255, 255, 255, 0.3);
-    background: transparent;
-    border-color: transparent;
-    cursor: default;
-  }
-  .flatpickr-day.flatpickr-disabled,
-  .flatpickr-day.flatpickr-disabled:hover {
-    cursor: not-allowed;
-    color: rgba(255, 255, 255, 0.1);
-  }
-  .flatpickr-day.week.selected {
-    border-radius: 0;
-    -webkit-box-shadow:
-      -5px 0 0 var(--color-primary),
-      5px 0 0 var(--color-primary);
-    box-shadow:
-      -5px 0 0 var(--color-primary),
-      5px 0 0 var(--color-primary);
-  }
-  .flatpickr-day.hidden {
-    visibility: hidden;
-  }
-  .rangeMode .flatpickr-day {
-    margin-top: 1px;
-  }
-  .flatpickr-weekwrapper {
-    float: left;
-  }
-  .flatpickr-weekwrapper .flatpickr-weeks {
-    padding: 0 12px;
-    -webkit-box-shadow: 1px 0 0 #20222c;
-    box-shadow: 1px 0 0 #20222c;
-  }
-  .flatpickr-weekwrapper .flatpickr-weekday {
-    float: none;
-    width: 100%;
-    line-height: 28px;
-  }
-  .flatpickr-weekwrapper span.flatpickr-day,
-  .flatpickr-weekwrapper span.flatpickr-day:hover {
-    display: block;
-    width: 100%;
-    max-width: none;
-    color: rgba(255, 255, 255, 0.3);
-    background: transparent;
-    cursor: default;
-    border: none;
-  }
-  .flatpickr-innerContainer {
-    display: block;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-  .flatpickr-rContainer {
-    display: inline-block;
-    padding: 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  .flatpickr-time {
-    text-align: center;
-    outline: 0;
-    display: block;
-    height: 0;
-    line-height: 40px;
-    max-height: 40px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-  .flatpickr-time:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-  .flatpickr-time .numInputWrapper {
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    width: 40%;
-    height: 40px;
-    float: left;
-  }
-  .flatpickr-time .numInputWrapper span.arrowUp:after {
-    border-bottom-color: rgba(255, 255, 255, 0.95);
-  }
-  .flatpickr-time .numInputWrapper span.arrowDown:after {
-    border-top-color: rgba(255, 255, 255, 0.95);
-  }
-  .flatpickr-time.hasSeconds .numInputWrapper {
-    width: 26%;
-  }
-  .flatpickr-time.time24hr .numInputWrapper {
-    width: 49%;
-  }
-  .flatpickr-time input {
-    background: transparent;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    border: 0;
-    border-radius: 0;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    height: inherit;
-    line-height: inherit;
-    color: rgba(255, 255, 255, 0.95);
-    font-size: 14px;
-    position: relative;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: textfield;
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-  .flatpickr-time input.flatpickr-hour {
-    font-weight: bold;
-  }
-  .flatpickr-time input.flatpickr-minute,
-  .flatpickr-time input.flatpickr-second {
-    font-weight: 400;
-  }
-  .flatpickr-time input:focus {
-    outline: 0;
-    border: 0;
-  }
-  .flatpickr-time .flatpickr-time-separator,
-  .flatpickr-time .flatpickr-am-pm {
-    height: inherit;
-    float: left;
-    line-height: inherit;
-    color: rgba(255, 255, 255, 0.95);
-    font-weight: bold;
-    width: 2%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-align-self: center;
-    -ms-flex-item-align: center;
-    align-self: center;
-  }
-  .flatpickr-time .flatpickr-am-pm {
-    outline: 0;
-    width: 18%;
-    cursor: pointer;
-    text-align: center;
-    font-weight: 400;
-  }
-  .flatpickr-time input:hover,
-  .flatpickr-time .flatpickr-am-pm:hover,
-  .flatpickr-time input:focus,
-  .flatpickr-time .flatpickr-am-pm:focus {
-    background: #6a7395;
-  }
-  .flatpickr-input[readonly] {
-    cursor: pointer;
-  }
-  @-webkit-keyframes fpFadeInDown {
-    from {
-      opacity: 0;
-      -webkit-transform: translate3d(0, -20px, 0);
-      transform: translate3d(0, -20px, 0);
-    }
-    to {
-      opacity: 1;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-    }
-  }
-  @keyframes fpFadeInDown {
-    from {
-      opacity: 0;
-      -webkit-transform: translate3d(0, -20px, 0);
-      transform: translate3d(0, -20px, 0);
-    }
-    to {
-      opacity: 1;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-    }
-  }
-}
diff --git a/src/assets/themes/light.css b/src/assets/themes/light.css
deleted file mode 100644
index 33e164c..0000000
--- a/src/assets/themes/light.css
+++ /dev/null
@@ -1,825 +0,0 @@
-@media (prefers-color-scheme: light) {
-  .flatpickr-calendar {
-    background: transparent;
-    opacity: 0;
-    display: none;
-    text-align: center;
-    visibility: hidden;
-    padding: 0;
-    -webkit-animation: none;
-    animation: none;
-    direction: ltr;
-    border: 0;
-    font-size: 14px;
-    line-height: 24px;
-    border-radius: 5px;
-    position: absolute;
-    width: 307.875px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    background: var(--color-background);
-    -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
-    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
-    border: 1px solid var(--color-background-inner);
-  }
-  .flatpickr-calendar.open,
-  .flatpickr-calendar.inline {
-    opacity: 1;
-    max-height: 640px;
-    visibility: visible;
-  }
-  .flatpickr-calendar.open {
-    display: inline-block;
-    z-index: 99999;
-  }
-  .flatpickr-calendar.animate.open {
-    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  }
-  .flatpickr-calendar.inline {
-    display: block;
-    position: relative;
-    top: 2px;
-  }
-  .flatpickr-calendar.static {
-    position: absolute;
-    top: calc(100% + 2px);
-  }
-  .flatpickr-calendar.static.open {
-    z-index: 999;
-    display: block;
-  }
-  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
-  }
-  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
-    -webkit-box-shadow:
-      -2px 0 0 #e6e6e6,
-      5px 0 0 #e6e6e6;
-    box-shadow:
-      -2px 0 0 #e6e6e6,
-      5px 0 0 #e6e6e6;
-  }
-  .flatpickr-calendar .hasWeeks .dayContainer,
-  .flatpickr-calendar .hasTime .dayContainer {
-    border-bottom: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .flatpickr-calendar .hasWeeks .dayContainer {
-    border-left: 0;
-  }
-  .flatpickr-calendar.hasTime .flatpickr-time {
-    height: 40px;
-    border-top: 1px solid var(--color-background);
-  }
-  .flatpickr-calendar.hasTime .flatpickr-innerContainer {
-    border-bottom: 0;
-  }
-  .flatpickr-calendar.hasTime .flatpickr-time {
-    border: 1px solid var(--color-background);
-  }
-  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
-    height: auto;
-  }
-  .flatpickr-calendar:before,
-  .flatpickr-calendar:after {
-    position: absolute;
-    display: block;
-    pointer-events: none;
-    border: solid transparent;
-    content: "";
-    height: 0;
-    width: 0;
-    left: 22px;
-  }
-  .flatpickr-calendar.rightMost:before,
-  .flatpickr-calendar.arrowRight:before,
-  .flatpickr-calendar.rightMost:after,
-  .flatpickr-calendar.arrowRight:after {
-    left: auto;
-    right: 22px;
-  }
-  .flatpickr-calendar.arrowCenter:before,
-  .flatpickr-calendar.arrowCenter:after {
-    left: 50%;
-    right: 50%;
-  }
-  .flatpickr-calendar:before {
-    border-width: 5px;
-    margin: 0 -5px;
-  }
-  .flatpickr-calendar:after {
-    border-width: 4px;
-    margin: 0 -4px;
-  }
-  .flatpickr-calendar.arrowTop:before,
-  .flatpickr-calendar.arrowTop:after {
-    bottom: 100%;
-  }
-  .flatpickr-calendar.arrowTop:before {
-    border-bottom-color: var(--color-background);
-  }
-  .flatpickr-calendar.arrowTop:after {
-    border-bottom-color: var(--color-background);
-  }
-  .flatpickr-calendar.arrowBottom:before,
-  .flatpickr-calendar.arrowBottom:after {
-    top: 100%;
-  }
-  .flatpickr-calendar.arrowBottom:before {
-    border-top-color: var(--color-background);
-  }
-  .flatpickr-calendar.arrowBottom:after {
-    border-top-color: var(--color-background);
-  }
-  .flatpickr-calendar:focus {
-    outline: 0;
-  }
-  .flatpickr-wrapper {
-    position: relative;
-    display: inline-block;
-  }
-  .flatpickr-months {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-  .flatpickr-months .flatpickr-month {
-    border-radius: 5px 5px 0 0;
-    background: transparent;
-    color: #5a6171;
-    fill: #5a6171;
-    height: 34px;
-    line-height: 1;
-    text-align: center;
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    overflow: hidden;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  }
-  .flatpickr-months .flatpickr-prev-month,
-  .flatpickr-months .flatpickr-next-month {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    text-decoration: none;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    height: 34px;
-    padding: 10px;
-    z-index: 3;
-    color: #5a6171;
-    fill: #5a6171;
-  }
-  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
-  .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
-    display: none;
-  }
-  .flatpickr-months .flatpickr-prev-month i,
-  .flatpickr-months .flatpickr-next-month i {
-    position: relative;
-  }
-  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
-  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
-    /*
-      /*rtl:begin:ignore*/
-    /*
-      */
-    left: 0;
-    /*
-      /*rtl:end:ignore*/
-    /*
-      */
-  }
-  /*
-      /*rtl:begin:ignore*/
-  /*
-      /*rtl:end:ignore*/
-  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
-  .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
-    /*
-      /*rtl:begin:ignore*/
-    /*
-      */
-    right: 0;
-    /*
-      /*rtl:end:ignore*/
-    /*
-      */
-  }
-  /*
-      /*rtl:begin:ignore*/
-  /*
-      /*rtl:end:ignore*/
-  .flatpickr-months .flatpickr-prev-month:hover,
-  .flatpickr-months .flatpickr-next-month:hover {
-    color: #bbb;
-  }
-  .flatpickr-months .flatpickr-prev-month:hover svg,
-  .flatpickr-months .flatpickr-next-month:hover svg {
-    fill: var(--color-primary);
-  }
-  .flatpickr-months .flatpickr-prev-month svg,
-  .flatpickr-months .flatpickr-next-month svg {
-    width: 14px;
-    height: 14px;
-  }
-  .flatpickr-months .flatpickr-prev-month svg path,
-  .flatpickr-months .flatpickr-next-month svg path {
-    -webkit-transition: fill 0.1s;
-    transition: fill 0.1s;
-    fill: inherit;
-  }
-  .numInputWrapper {
-    position: relative;
-    height: auto;
-  }
-  .numInputWrapper input,
-  .numInputWrapper span {
-    display: inline-block;
-  }
-  .numInputWrapper input {
-    width: 100%;
-  }
-  .numInputWrapper input::-ms-clear {
-    display: none;
-  }
-  .numInputWrapper input::-webkit-outer-spin-button,
-  .numInputWrapper input::-webkit-inner-spin-button {
-    margin: 0;
-    -webkit-appearance: none;
-  }
-  .numInputWrapper span {
-    position: absolute;
-    right: 0;
-    width: 14px;
-    padding: 0 4px 0 2px;
-    height: 50%;
-    line-height: 50%;
-    opacity: 0;
-    cursor: pointer;
-    border: 1px solid rgba(72, 72, 72, 0.15);
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  .numInputWrapper span:hover {
-    background: rgba(0, 0, 0, 0.1);
-  }
-  .numInputWrapper span:active {
-    background: rgba(0, 0, 0, 0.2);
-  }
-  .numInputWrapper span:after {
-    display: block;
-    content: "";
-    position: absolute;
-  }
-  .numInputWrapper span.arrowUp {
-    top: 0;
-    border-bottom: 0;
-  }
-  .numInputWrapper span.arrowUp:after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-bottom: 4px solid rgba(72, 72, 72, 0.6);
-    top: 26%;
-  }
-  .numInputWrapper span.arrowDown {
-    top: 50%;
-  }
-  .numInputWrapper span.arrowDown:after {
-    border-left: 4px solid transparent;
-    border-right: 4px solid transparent;
-    border-top: 4px solid rgba(72, 72, 72, 0.6);
-    top: 40%;
-  }
-  .numInputWrapper span svg {
-    width: inherit;
-    height: auto;
-  }
-  .numInputWrapper span svg path {
-    fill: rgba(90, 97, 113, 0.5);
-  }
-  .numInputWrapper:hover {
-    background: rgba(0, 0, 0, 0.05);
-  }
-  .numInputWrapper:hover span {
-    opacity: 1;
-  }
-  .flatpickr-current-month {
-    font-size: 135%;
-    line-height: inherit;
-    font-weight: 300;
-    color: inherit;
-    position: absolute;
-    width: 75%;
-    left: 12.5%;
-    padding: 7.48px 0 0 0;
-    line-height: 1;
-    height: 34px;
-    display: inline-block;
-    text-align: center;
-    -webkit-transform: translate3d(0px, 0px, 0px);
-    transform: translate3d(0px, 0px, 0px);
-  }
-  .flatpickr-current-month span.cur-month {
-    font-family: inherit;
-    font-weight: 700;
-    color: inherit;
-    display: inline-block;
-    margin-left: 0.5ch;
-    padding: 0;
-  }
-  .flatpickr-current-month span.cur-month:hover {
-    background: rgba(0, 0, 0, 0.05);
-  }
-  .flatpickr-current-month .numInputWrapper {
-    width: 6ch;
-    width: 7ch\0;
-    display: inline-block;
-  }
-  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
-    border-bottom-color: #5a6171;
-  }
-  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
-    border-top-color: #5a6171;
-  }
-  .flatpickr-current-month input.cur-year {
-    background: transparent;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: inherit;
-    cursor: text;
-    padding: 0 0 0 0.5ch;
-    margin: 0;
-    display: inline-block;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: 300;
-    line-height: inherit;
-    height: auto;
-    border: 0;
-    border-radius: 0;
-    vertical-align: initial;
-    -webkit-appearance: textfield;
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-  .flatpickr-current-month input.cur-year:focus {
-    outline: 0;
-  }
-  .flatpickr-current-month input.cur-year[disabled],
-  .flatpickr-current-month input.cur-year[disabled]:hover {
-    font-size: 100%;
-    color: rgba(90, 97, 113, 0.5);
-    background: transparent;
-    pointer-events: none;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months {
-    appearance: menulist;
-    background: var(--color-background);
-    border: none;
-    border-radius: 0;
-    box-sizing: border-box;
-    color: inherit;
-    cursor: pointer;
-    font-size: inherit;
-    font-family: inherit;
-    font-weight: 300;
-    height: auto;
-    line-height: inherit;
-    margin: -1px 0 0 0;
-    outline: none;
-    padding: 0 0 0 0.5ch;
-    position: relative;
-    vertical-align: initial;
-    -webkit-box-sizing: border-box;
-    -webkit-appearance: menulist;
-    -moz-appearance: menulist;
-    width: auto;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
-  .flatpickr-current-month .flatpickr-monthDropdown-months:active {
-    outline: none;
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
-    background: rgba(0, 0, 0, 0.05);
-  }
-  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
-    background-color: var(--color-background);
-    outline: none;
-    padding: 0;
-  }
-  .flatpickr-weekdays {
-    background: var(--color-background-inner);
-    text-align: center;
-    overflow: hidden;
-    width: 100%;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    height: 28px;
-  }
-  .flatpickr-weekdays .flatpickr-weekdaycontainer {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  }
-  span.flatpickr-weekday {
-    cursor: default;
-    font-size: 90%;
-    background: transparent;
-    color: #5a6171;
-    line-height: 1;
-    margin: 0;
-    text-align: center;
-    display: block;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    font-weight: bolder;
-  }
-  .dayContainer,
-  .flatpickr-weeks {
-    padding: 1px 0 0 0;
-  }
-  .flatpickr-days {
-    position: relative;
-    overflow: hidden;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: start;
-    -webkit-align-items: flex-start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    width: 307.875px;
-    border-left: 1px solid var(--color-background);
-    border-right: 1px solid var(--color-background);
-  }
-  .flatpickr-days:focus {
-    outline: 0;
-  }
-  .dayContainer {
-    padding: 0;
-    outline: 0;
-    text-align: left;
-    width: 307.875px;
-    min-width: 307.875px;
-    max-width: 307.875px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
-    display: -ms-flexbox;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    -ms-flex-pack: justify;
-    -webkit-justify-content: space-around;
-    justify-content: space-around;
-    -webkit-transform: translate3d(0px, 0px, 0px);
-    transform: translate3d(0px, 0px, 0px);
-    opacity: 1;
-  }
-  .dayContainer + .dayContainer {
-    -webkit-box-shadow: -1px 0 0 var(--color-background);
-    box-shadow: -1px 0 0 var(--color-background);
-  }
-  .flatpickr-day {
-    background: none;
-    border: 1px solid transparent;
-    border-radius: 150px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #484848;
-    cursor: pointer;
-    font-weight: 400;
-    width: 14.2857143%;
-    -webkit-flex-basis: 14.2857143%;
-    -ms-flex-preferred-size: 14.2857143%;
-    flex-basis: 14.2857143%;
-    max-width: 39px;
-    height: 39px;
-    line-height: 39px;
-    margin: 0;
-    display: inline-block;
-    position: relative;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    text-align: center;
-  }
-  .flatpickr-day.inRange,
-  .flatpickr-day.prevMonthDay.inRange,
-  .flatpickr-day.nextMonthDay.inRange,
-  .flatpickr-day.today.inRange,
-  .flatpickr-day.prevMonthDay.today.inRange,
-  .flatpickr-day.nextMonthDay.today.inRange,
-  .flatpickr-day:hover,
-  .flatpickr-day.prevMonthDay:hover,
-  .flatpickr-day.nextMonthDay:hover,
-  .flatpickr-day:focus,
-  .flatpickr-day.prevMonthDay:focus,
-  .flatpickr-day.nextMonthDay:focus {
-    cursor: pointer;
-    outline: 0;
-    background: var(--color-background-hover);
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.today {
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.today:hover,
-  .flatpickr-day.today:focus {
-    border-color: var(--color-primary);
-    background: var(--color-primary);
-    color: #fff;
-  }
-  .flatpickr-day.selected,
-  .flatpickr-day.startRange,
-  .flatpickr-day.endRange,
-  .flatpickr-day.selected.inRange,
-  .flatpickr-day.startRange.inRange,
-  .flatpickr-day.endRange.inRange,
-  .flatpickr-day.selected:focus,
-  .flatpickr-day.startRange:focus,
-  .flatpickr-day.endRange:focus,
-  .flatpickr-day.selected:hover,
-  .flatpickr-day.startRange:hover,
-  .flatpickr-day.endRange:hover,
-  .flatpickr-day.selected.prevMonthDay,
-  .flatpickr-day.startRange.prevMonthDay,
-  .flatpickr-day.endRange.prevMonthDay,
-  .flatpickr-day.selected.nextMonthDay,
-  .flatpickr-day.startRange.nextMonthDay,
-  .flatpickr-day.endRange.nextMonthDay {
-    background: var(--color-primary);
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    color: #fff;
-    border-color: var(--color-primary);
-  }
-  .flatpickr-day.selected.startRange,
-  .flatpickr-day.startRange.startRange,
-  .flatpickr-day.endRange.startRange {
-    border-radius: 50px 0 0 50px;
-  }
-  .flatpickr-day.selected.endRange,
-  .flatpickr-day.startRange.endRange,
-  .flatpickr-day.endRange.endRange {
-    border-radius: 0 50px 50px 0;
-  }
-  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
-  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
-  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
-    -webkit-box-shadow: -10px 0 0 var(--color-primary);
-    box-shadow: -10px 0 0 var(--color-primary);
-  }
-  .flatpickr-day.selected.startRange.endRange,
-  .flatpickr-day.startRange.startRange.endRange,
-  .flatpickr-day.endRange.startRange.endRange {
-    border-radius: 50px;
-  }
-  .flatpickr-day.inRange {
-    border-radius: 0;
-    -webkit-box-shadow:
-      -5px 0 0 #e2e2e2,
-      5px 0 0 #e2e2e2;
-    box-shadow:
-      -5px 0 0 #e2e2e2,
-      5px 0 0 #e2e2e2;
-  }
-  .flatpickr-day.flatpickr-disabled,
-  .flatpickr-day.flatpickr-disabled:hover,
-  .flatpickr-day.prevMonthDay,
-  .flatpickr-day.nextMonthDay,
-  .flatpickr-day.notAllowed,
-  .flatpickr-day.notAllowed.prevMonthDay,
-  .flatpickr-day.notAllowed.nextMonthDay {
-    color: rgba(72, 72, 72, 0.3);
-    background: transparent;
-    border-color: transparent;
-    cursor: default;
-  }
-  .flatpickr-day.flatpickr-disabled,
-  .flatpickr-day.flatpickr-disabled:hover {
-    cursor: not-allowed;
-    color: rgba(10, 10, 10, 0.2);
-  }
-  .flatpickr-day.week.selected {
-    border-radius: 0;
-    -webkit-box-shadow:
-      -5px 0 0 var(--color-primary),
-      5px 0 0 var(--color-primary);
-    box-shadow:
-      -5px 0 0 var(--color-primary),
-      5px 0 0 var(--color-primary);
-  }
-  .flatpickr-day.hidden {
-    visibility: hidden;
-  }
-  .rangeMode .flatpickr-day {
-    margin-top: 1px;
-  }
-  .flatpickr-weekwrapper {
-    float: left;
-  }
-  .flatpickr-weekwrapper .flatpickr-weeks {
-    padding: 0 12px;
-    border-left: 1px solid var(--color-background);
-  }
-  .flatpickr-weekwrapper .flatpickr-weekday {
-    float: none;
-    width: 100%;
-    line-height: 28px;
-  }
-  .flatpickr-weekwrapper span.flatpickr-day,
-  .flatpickr-weekwrapper span.flatpickr-day:hover {
-    display: block;
-    width: 100%;
-    max-width: none;
-    color: rgba(72, 72, 72, 0.3);
-    background: transparent;
-    cursor: default;
-    border: none;
-  }
-  .flatpickr-innerContainer {
-    display: block;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    background: #fff;
-    border-bottom: 1px solid var(--color-background);
-  }
-  .flatpickr-rContainer {
-    display: inline-block;
-    padding: 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  .flatpickr-time {
-    text-align: center;
-    outline: 0;
-    display: block;
-    height: 0;
-    line-height: 40px;
-    max-height: 40px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow: hidden;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    background: #fff;
-    border-radius: 0 0 5px 5px;
-  }
-  .flatpickr-time:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-  .flatpickr-time .numInputWrapper {
-    -webkit-box-flex: 1;
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    width: 40%;
-    height: 40px;
-    float: left;
-  }
-  .flatpickr-time .numInputWrapper span.arrowUp:after {
-    border-bottom-color: #484848;
-  }
-  .flatpickr-time .numInputWrapper span.arrowDown:after {
-    border-top-color: #484848;
-  }
-  .flatpickr-time.hasSeconds .numInputWrapper {
-    width: 26%;
-  }
-  .flatpickr-time.time24hr .numInputWrapper {
-    width: 49%;
-  }
-  .flatpickr-time input {
-    background: transparent;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    border: 0;
-    border-radius: 0;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    height: inherit;
-    line-height: inherit;
-    color: #484848;
-    font-size: 14px;
-    position: relative;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-appearance: textfield;
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-  .flatpickr-time input.flatpickr-hour {
-    font-weight: bold;
-  }
-  .flatpickr-time input.flatpickr-minute,
-  .flatpickr-time input.flatpickr-second {
-    font-weight: 400;
-  }
-  .flatpickr-time input:focus {
-    outline: 0;
-    border: 0;
-  }
-  .flatpickr-time .flatpickr-time-separator,
-  .flatpickr-time .flatpickr-am-pm {
-    height: inherit;
-    float: left;
-    line-height: inherit;
-    color: #484848;
-    font-weight: bold;
-    width: 2%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-align-self: center;
-    -ms-flex-item-align: center;
-    align-self: center;
-  }
-  .flatpickr-time .flatpickr-am-pm {
-    outline: 0;
-    width: 18%;
-    cursor: pointer;
-    text-align: center;
-    font-weight: 400;
-  }
-  .flatpickr-time input:hover,
-  .flatpickr-time .flatpickr-am-pm:hover,
-  .flatpickr-time input:focus,
-  .flatpickr-time .flatpickr-am-pm:focus {
-    background: #eaeaea;
-  }
-  .flatpickr-input[readonly] {
-    cursor: pointer;
-  }
-  @-webkit-keyframes fpFadeInDown {
-    from {
-      opacity: 0;
-      -webkit-transform: translate3d(0, -20px, 0);
-      transform: translate3d(0, -20px, 0);
-    }
-    to {
-      opacity: 1;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-    }
-  }
-  @keyframes fpFadeInDown {
-    from {
-      opacity: 0;
-      -webkit-transform: translate3d(0, -20px, 0);
-      transform: translate3d(0, -20px, 0);
-    }
-    to {
-      opacity: 1;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-    }
-  }
-  span.flatpickr-day.selected {
-    font-weight: bold;
-  }
-}
diff --git a/src/background.ts b/src/background.ts
index a0c78f5..1a6d6d0 100644
--- a/src/background.ts
+++ b/src/background.ts
@@ -1,4 +1,4 @@
-import { getSettings } from "./provider/SettingsProvider";
+import { getSettings } from "@/provider/SettingsProvider";
 
 /**
  * Open options page on install and set uninstall URL
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
index db656fd..0a7012e 100644
--- a/src/components/form/CheckboxField.tsx
+++ b/src/components/form/CheckboxField.tsx
@@ -1,9 +1,29 @@
-import { ComponentProps } from "react";
+import { ComponentProps, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import CheckBox from "../general/CheckBox";
+import { Checkbox } from "../ui/checkbox";
+import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field";
 
-export const CheckboxField = (props: Omit<ComponentProps<typeof CheckBox>, "checked" | "onChange" | "onBlur">) => {
+type CheckboxFieldProps = Omit<ComponentProps<typeof Checkbox>, "checked" | "onCheckedChange" | "onBlur"> & {
+  description?: string;
+};
+
+export const CheckboxField = ({ title, description, className, ...props }: CheckboxFieldProps) => {
   const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
-  return <CheckBox {...props} checked={state.value} onChange={(e) => handleChange(e.target.checked)} onBlur={handleBlur} />;
+  return (
+    <Field data-invalid={isInvalid} orientation="horizontal" className={className}>
+      <Checkbox {...props} id={id} checked={state.value} onCheckedChange={(checked) => handleChange(!!checked)} onBlur={handleBlur} aria-invalid={isInvalid} />
+      <FieldContent>
+        <span className="flex items-center gap-2">
+          <FieldLabel required={props.required} htmlFor={id}>
+            {title}
+          </FieldLabel>
+          {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
+        </span>
+        {description && <FieldDescription>{description}</FieldDescription>}
+      </FieldContent>
+    </Field>
+  );
 };
diff --git a/src/components/form/ComboboxField.tsx b/src/components/form/ComboboxField.tsx
new file mode 100644
index 0000000..bb40d2b
--- /dev/null
+++ b/src/components/form/ComboboxField.tsx
@@ -0,0 +1,236 @@
+import clsx from "clsx";
+import { CheckIcon, ChevronsUpDown, Loader2Icon, XIcon } from "lucide-react";
+import { ReactNode, useId, useState } from "react";
+import { useIntl } from "react-intl";
+import { useFieldContext } from "../../hooks/useAppForm";
+import { Badge } from "../ui/badge";
+import { Button } from "../ui/button";
+import { Checkbox } from "../ui/checkbox";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../ui/command";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+
+type Option<Value> = { value: Value; label: string; icon?: ReactNode };
+type Group<Value> = { label: string; options: Option<Value>[] };
+
+type ComboboxFieldProps<Value> = {
+  mode?: "single" | "multiple";
+  title?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  options: Option<Value>[] | Group<Value>[];
+  onOpen?: () => void;
+  searchMessage?: string;
+  noOptionsMessage?: string;
+  isLoading?: boolean;
+  className?: string;
+};
+
+export const ComboboxField = <Value extends string | number>({
+  title,
+  placeholder,
+  required,
+  disabled,
+  mode = "single",
+  options,
+  onOpen,
+  searchMessage,
+  noOptionsMessage,
+  isLoading,
+  className,
+}: ComboboxFieldProps<Value>) => {
+  const { state, handleChange, handleBlur } = useFieldContext<null | Value | Value[]>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
+
+  const { formatMessage } = useIntl();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      <Popover
+        modal
+        open={open}
+        onOpenChange={(open) => {
+          setOpen(open);
+          if (open) onOpen?.();
+        }}
+      >
+        <PopoverTrigger asChild>
+          <Button
+            id={id}
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            disabled={disabled}
+            onBlur={handleBlur}
+            aria-invalid={isInvalid}
+            className={clsx("hover:text-foreground relative w-full justify-between truncate text-base font-normal", {
+              "h-auto min-h-9 py-1.5": mode === "multiple",
+              "ps-2!": mode === "multiple" && Array.isArray(state.value) && state.value.length > 0,
+            })}
+          >
+            <SelectedValue mode={mode} value={state.value} options={options} placeholder={placeholder} className="truncate" handleChange={handleChange} />
+            {isLoading ? (
+              <Loader2Icon className="animate-spin" />
+            ) : !required && (mode === "single" ? state.value : Array.isArray(state.value) && state.value.length > 0) ? (
+              <>
+                <ClearButton mode={mode} handleChange={handleChange} />
+                <ChevronsUpDown className="opacity-0" />
+              </>
+            ) : (
+              <ChevronsUpDown className="opacity-50" />
+            )}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="p-0">
+          <Command>
+            <CommandInput placeholder={searchMessage ?? formatMessage({ id: "general.search" })} />
+            <CommandList>
+              <CommandEmpty>{noOptionsMessage ?? formatMessage({ id: "general.no-options" })}</CommandEmpty>
+              {options?.map((option) =>
+                typeof option === "object" && "options" in option ? (
+                  <CommandGroup key={option.label} heading={option.label}>
+                    {option.options.map((subOption) => (
+                      <RenderOption
+                        key={subOption.value}
+                        mode={mode}
+                        option={subOption}
+                        value={state.value}
+                        required={required}
+                        handleChange={(value) => {
+                          handleChange(value);
+                          if (mode === "single") setOpen(false);
+                        }}
+                      />
+                    ))}
+                  </CommandGroup>
+                ) : (
+                  <RenderOption
+                    key={option.value}
+                    mode={mode}
+                    option={option}
+                    value={state.value}
+                    required={required}
+                    handleChange={(value) => {
+                      handleChange(value);
+                      if (mode === "single") setOpen(false);
+                    }}
+                  />
+                )
+              )}
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+      {isInvalid && <FieldError errors={state.meta.errors} />}
+    </Field>
+  );
+};
+
+const SelectedValue = <Value extends string | number>({
+  mode = "single",
+  value,
+  options,
+  placeholder = "Select option",
+  handleChange,
+  className,
+}: Pick<ComboboxFieldProps<Value>, "mode" | "options" | "placeholder"> & { value: null | Value | Value[]; className?: string; handleChange: (value: null | Value | Value[]) => void }) => {
+  const flattenedOptions = options.flatMap((option) => (typeof option === "object" && "options" in option ? option.options : option));
+
+  if (mode === "single") {
+    const selectedOption = flattenedOptions.find((option) => option.value === value);
+    if (selectedOption) {
+      return (
+        <span className={clsx("flex items-center gap-2", className)}>
+          {selectedOption.icon}
+          {selectedOption.label}
+        </span>
+      );
+    }
+  } else if (mode === "multiple" && Array.isArray(value)) {
+    const selectedOptions = flattenedOptions.filter((option) => value.includes(option.value));
+    if (selectedOptions.length > 0) {
+      return (
+        <div className={clsx("flex flex-wrap gap-1", className)}>
+          {selectedOptions.map((option) => (
+            <Badge
+              key={option.value}
+              variant="outline"
+              className="group flex items-center gap-1"
+              onClick={(e) => {
+                e.stopPropagation();
+                handleChange(value.filter((v) => v !== option.value));
+              }}
+            >
+              {option.label}
+              <XIcon className="text-muted-foreground group-hover:text-destructive size-2" />
+            </Badge>
+          ))}
+        </div>
+      );
+    }
+  }
+
+  return <span className={clsx("text-muted-foreground", className)}>{placeholder}</span>;
+};
+
+const ClearButton = <Value extends string | number>({ mode, handleChange }: { mode: NonNullable<ComboboxFieldProps<Value>["mode"]>; handleChange: (value: null | Value | Value[]) => void }) => {
+  return (
+    <button
+      type="button"
+      tabIndex={-1}
+      className="text-muted-foreground hover:text-destructive absolute -end-0 top-1/2 mx-2 -translate-y-1/2 p-1 outline-none"
+      onClick={(e) => {
+        e.preventDefault();
+        handleChange(mode === "single" ? null : []);
+      }}
+    >
+      <XIcon />
+    </button>
+  );
+};
+
+const RenderOption = <Value extends string | number>({
+  mode,
+  option,
+  value,
+  required,
+  handleChange,
+}: {
+  mode: NonNullable<ComboboxFieldProps<Value>["mode"]>;
+  option: Option<Value>;
+  value: null | Value | Value[];
+  required?: boolean;
+  handleChange: (value: null | Value | Value[]) => void;
+}) => {
+  const isSelected = Array.isArray(value) ? value.includes(option.value) : value === option.value;
+
+  return (
+    <CommandItem
+      value={option.label}
+      onSelect={() => {
+        if (mode === "single") {
+          handleChange(isSelected && !required ? null : option.value);
+        } else {
+          const currentValue = Array.isArray(value) ? value : [];
+          if (isSelected) {
+            handleChange(currentValue.filter((v) => v !== option.value));
+          } else {
+            handleChange([...currentValue, option.value]);
+          }
+        }
+      }}
+      className="flex items-center gap-2"
+    >
+      {mode === "multiple" && <Checkbox checked={isSelected} className="data-[state=checked]:[&_svg]:text-primary-foreground!" />}
+      {option.icon}
+      {option.label}
+      {mode === "single" && <CheckIcon className={clsx("ml-auto", isSelected ? "opacity-100" : "opacity-0")} />}
+    </CommandItem>
+  );
+};
diff --git a/src/components/form/DateField.tsx b/src/components/form/DateField.tsx
index a886fc3..03f44b4 100644
--- a/src/components/form/DateField.tsx
+++ b/src/components/form/DateField.tsx
@@ -1,18 +1,124 @@
-import { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+import { XIcon } from "lucide-react";
+import { ComponentProps, useEffect, useId, useState } from "react";
+import { DateRange } from "react-day-picker";
+import { useIntl } from "react-intl";
 import { useFieldContext } from "../../hooks/useAppForm";
-import DateInput from "../general/DateInput";
+import { Button } from "../ui/button";
+import { Calendar } from "../ui/calendar";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-export const DateField = (props: Omit<ComponentProps<typeof DateInput>, "value" | "onChange" | "onBlur">) => {
-  const { state, handleChange, handleBlur } = useFieldContext<Date | Date[]>();
+type DateFieldProps = Omit<ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect" | "onBlur" | "disabled"> & {
+  mode?: Exclude<ComponentProps<typeof Calendar>["mode"], "default">;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  disabledDates?: ComponentProps<typeof Calendar>["disabled"];
+};
+
+export const DateField = ({ title, disabled, placeholder, mode = "single", className, disabledDates, ...props }: DateFieldProps) => {
+  const { state, handleChange, handleBlur } = useFieldContext<null | Date | Date[] | DateRange>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
+
+  const [open, setOpen] = useState(false);
+
+  const { locale } = useIntl();
+  const [calendarLocale, setCalendarLocale] = useState<ComponentProps<typeof Calendar>["locale"]>();
+  useEffect(() => {
+    import("react-day-picker/locale").then((locales) => {
+      setCalendarLocale(locales[locale === "en" ? "enUS" : locale]);
+    });
+  }, [locale]);
+
+  return (
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={props.required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      <Popover modal open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            id={id}
+            variant="outline"
+            disabled={disabled}
+            onBlur={handleBlur}
+            aria-invalid={isInvalid}
+            className={cn("hover:text-foreground relative w-full justify-start truncate text-left text-base font-normal", {
+              "text-muted-foreground": !state.value,
+            })}
+          >
+            <DateValue mode={mode} value={state.value} placeholder={placeholder} />
+            {!props.required && <ClearButton mode={mode} value={state.value} handleChange={handleChange} />}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-auto p-0">
+          <Calendar
+            mode={mode}
+            disabled={disabledDates}
+            {...props}
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            selected={state.value as any}
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            onSelect={(date: any) => {
+              handleChange(date);
+              if (mode === "single") setOpen(false);
+            }}
+            locale={calendarLocale}
+          />
+        </PopoverContent>
+      </Popover>
+      {isInvalid && <FieldError errors={state.meta.errors} />}
+    </Field>
+  );
+};
+
+const DateValue = ({ mode, value, placeholder }: { mode: NonNullable<DateFieldProps["mode"]>; placeholder?: string; value: null | Date | Date[] | DateRange }) => {
+  const { formatDate } = useIntl();
+
+  if (mode === "single" && value && value instanceof Date) {
+    return formatDate(value);
+  } else if (mode === "multiple" && Array.isArray(value)) {
+    return value.map((date) => formatDate(date)).join(", ");
+  } else if (mode === "range" && typeof value === "object" && value && (value as DateRange).from && (value as DateRange).to) {
+    return `${formatDate((value as DateRange).from)} - ${formatDate((value as DateRange).to)}`;
+  }
+  return placeholder || "";
+};
+
+const ClearButton = ({
+  mode,
+  value,
+  handleChange,
+}: {
+  mode: NonNullable<DateFieldProps["mode"]>;
+  value: null | Date | Date[] | DateRange;
+  handleChange: (value: null | Date | Date[] | DateRange) => void;
+}) => {
+  switch (mode) {
+    case "single":
+      if (!value) return null;
+      break;
+    case "multiple":
+      if (!Array.isArray(value) || value.length === 0) return null;
+      break;
+    case "range":
+      if (typeof value !== "object" || !value || !("from" in value) || !("to" in value)) return null;
+      break;
+  }
 
   return (
-    <DateInput
-      {...props}
-      value={state.value}
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      onChange={(e) => handleChange(e.target.value as any)}
-      onBlur={handleBlur}
-      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-    />
+    <button
+      type="button"
+      tabIndex={-1}
+      className="text-muted-foreground hover:text-destructive absolute -end-0 top-1/2 mx-2 -translate-y-1/2 p-1 outline-none"
+      onClick={(e) => {
+        e.preventDefault();
+        handleChange(mode === "multiple" ? [] : null);
+      }}
+    >
+      <XIcon />
+    </button>
   );
 };
diff --git a/src/components/form/HoursField.tsx b/src/components/form/HoursField.tsx
index 696711e..71fb04a 100644
--- a/src/components/form/HoursField.tsx
+++ b/src/components/form/HoursField.tsx
@@ -1,52 +1,94 @@
-import { ComponentProps } from "react";
-import { useIntl } from "react-intl";
+import { ComponentProps, useEffect, useId, useState } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
 import { useSettings } from "../../provider/SettingsProvider";
-import { formatHoursUsually } from "../../utils/date";
-import TextInput from "../general/TextInput";
-import TimeInput from "../general/TimeInput";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Input } from "../ui/input";
+
+export const HoursField = ({ title, required, className, ...props }: Omit<ComponentProps<typeof Input>, "value" | "onChange" | "onBlur">) => {
+  const { state, handleChange, handleBlur } = useFieldContext<number | null>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
-export const HoursField = (props: Omit<ComponentProps<typeof TextInput> | ComponentProps<typeof TimeInput>, "value" | "onChange" | "onBlur">) => {
   const { settings } = useSettings();
-  const { formatMessage } = useIntl();
 
-  const { state, handleChange, handleBlur } = useFieldContext<number | null>();
+  return (
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      {settings.style.timeFormat === "decimal" ? (
+        <Input
+          {...props}
+          id={id}
+          value={typeof state.value === "number" ? state.value : ""}
+          onChange={(e) => handleChange(isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber)}
+          onBlur={handleBlur}
+          aria-invalid={isInvalid}
+          type="number"
+          min="0"
+          step="0.01"
+          className="appearance-none"
+        />
+      ) : (
+        <TimeInput
+          {...props}
+          id={id}
+          value={state.value ? formatHoursToHmm(state.value) : ""}
+          onChange={(e) => handleChange(e.target.value ? parseHmmToHours(e.target.value) : null)}
+          onBlur={handleBlur}
+          aria-invalid={isInvalid}
+          className="appearance-none"
+        />
+      )}
+      {isInvalid && <FieldError errors={state.meta.errors} />}
+    </Field>
+  );
+};
 
-  if (settings.style.timeFormat === "decimal") {
-    return (
-      <TextInput
-        {...(props as ComponentProps<typeof TextInput>)}
-        type="number"
-        min="0"
-        step="0.01"
-        inputClassName="appearance-none"
-        extraText={
-          state.value && !isNaN(state.value) && state.value > 0 && state.value <= 1000
-            ? formatMessage(
-                { id: "format.hours" },
-                {
-                  hours: formatHoursUsually(state.value),
-                }
-              )
-            : undefined
+const TimeInput = ({ value, onChange, onBlur, ...props }: ComponentProps<typeof Input>) => {
+  const [raw, setRaw] = useState("");
+
+  useEffect(() => {
+    setRaw(typeof value === "string" ? value : "");
+  }, [value]);
+
+  return (
+    <Input
+      {...props}
+      type="text"
+      value={raw}
+      onChange={(e) => setRaw(e.target.value)}
+      onBlur={(e) => {
+        const match = raw.match(/^\s*(\d+)[,:]?([0-5]?\d)?\s*$/);
+        if (match) {
+          e.target.value = `${Number(match[1])}:${Number(match[2] ?? 0)
+            .toString()
+            .padStart(2, "0")}`;
+        } else {
+          e.target.value = "";
         }
-        value={state.value ?? undefined}
-        onChange={(e) => handleChange(isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber)}
-        onBlur={handleBlur}
-        error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-      />
-    );
-  } else {
-    return (
-      <TimeInput
-        {...(props as ComponentProps<typeof TimeInput>)}
-        type="number"
-        value={state.value ?? undefined}
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        onChange={(e) => handleChange(e.target.value as any)}
-        onBlur={handleBlur}
-        error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-      />
-    );
-  }
+        setRaw(e.target.value);
+        onBlur?.(e);
+        onChange?.(e);
+      }}
+    />
+  );
 };
+
+// Helper to format number of hours (float) to H:mm string
+function formatHoursToHmm(hours: number | null): string {
+  if (!hours || isNaN(hours)) hours = 0;
+  const h = Math.floor(hours);
+  const m = Math.round((hours - h) * 60);
+  return `${h}:${m.toString().padStart(2, "0")}`;
+}
+
+// Helper to parse H:mm string to number of hours (float)
+function parseHmmToHours(value: string): number {
+  const match = value?.match(/^(\d+):([0-5]?\d)$/);
+  if (!match) return 0;
+  const h = parseInt(match[1], 10);
+  const m = parseInt(match[2], 10);
+  if (isNaN(h) || isNaN(m)) return 0;
+  return h + m / 60;
+}
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
index 710f595..6b547d7 100644
--- a/src/components/form/SelectField.tsx
+++ b/src/components/form/SelectField.tsx
@@ -1,36 +1,57 @@
-import { ComponentProps, ReactNode } from "react";
-import { GroupBase, MultiValue, SingleValue } from "react-select";
+import { ReactNode, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import ReactSelect from "../general/ReactSelect";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../ui/select";
 
 type Option<Value> = { value: Value; label: string; icon?: ReactNode };
+type Group<Value> = { label: string; options: Option<Value>[] };
 
-export const SelectField = <Value extends number | string, IsMulti extends boolean = false, Group extends GroupBase<Option<Value>> = GroupBase<Option<Value>>>(
-  props: Omit<ComponentProps<typeof ReactSelect<Option<Value>, IsMulti, Group>>, "value" | "onChange" | "onBlur">
-) => {
-  const { state, handleChange, handleBlur } = useFieldContext<IsMulti extends true ? Value[] : Value>();
-
-  const flattedOptions = props.options?.reduce((result, option) => {
-    if (typeof option === "object" && "options" in option) {
-      return [...result, ...option.options];
-    }
-    return [...result, option];
-  }, [] as Option<Value>[]);
+type SelectFieldProps<Value> = {
+  title?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  options: Option<Value>[] | Group<Value>[];
+  className?: string;
+};
 
-  const selectedValue = Array.isArray(state.value)
-    ? flattedOptions?.filter((option) => (state.value as Value[])?.includes(option.value))
-    : flattedOptions?.find((option) => (state.value as Value) === option.value);
+export const SelectField = <Value extends string | number>({ title, placeholder, required, disabled, options, className }: SelectFieldProps<Value>) => {
+  const { state, handleChange, handleBlur } = useFieldContext<Value>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
   return (
-    <ReactSelect
-      {...props}
-      value={selectedValue}
-      onChange={(selected) => {
-        const value = Array.isArray(selected) ? (selected as MultiValue<Option<Value>>)?.map((v) => v.value) : ((selected as SingleValue<Option<Value>>)?.value ?? null);
-        handleChange(value as IsMulti extends true ? Value[] : Value);
-      }}
-      onBlur={handleBlur}
-      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-    />
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      <Select required={required} disabled={disabled} value={JSON.stringify(state.value)} onValueChange={(value) => handleChange(JSON.parse(value) as Value)}>
+        <SelectTrigger id={id} className="w-full truncate" onBlur={handleBlur} aria-invalid={isInvalid}>
+          <SelectValue placeholder={placeholder} />
+        </SelectTrigger>
+        <SelectContent>
+          {options?.map((option) =>
+            typeof option === "object" && "options" in option ? (
+              <SelectGroup key={option.label}>
+                <SelectLabel>{option.label}</SelectLabel>
+                {option.options.map((subOption) => (
+                  <SelectOption key={subOption.value} option={subOption} />
+                ))}
+              </SelectGroup>
+            ) : (
+              <SelectOption key={option.value} option={option} />
+            )
+          )}
+        </SelectContent>
+      </Select>
+      {isInvalid && <FieldError errors={state.meta.errors} />}
+    </Field>
   );
 };
+
+const SelectOption = <Value extends string | number>({ option }: { option: Option<Value> }) => (
+  <SelectItem value={JSON.stringify(option.value)} className="flex items-center gap-1">
+    {option.icon}
+    {option.label}
+  </SelectItem>
+);
diff --git a/src/components/form/SubmitButton.tsx b/src/components/form/SubmitButton.tsx
index a7955b0..024c682 100644
--- a/src/components/form/SubmitButton.tsx
+++ b/src/components/form/SubmitButton.tsx
@@ -1,16 +1,18 @@
+import { Loader2Icon } from "lucide-react";
 import { ComponentProps } from "react";
 import { useFormContext } from "../../hooks/useAppForm";
-import Button from "../general/Button";
+import { Button } from "../ui/button";
 
 export const SubmitButton = ({ children = "Submit", ...props }: ComponentProps<typeof Button>) => {
   const form = useFormContext();
 
   return (
     <form.Subscribe
-      selector={(state) => !state.isSubmitting}
+      selector={(state) => state.isSubmitting}
       // eslint-disable-next-line react/no-children-prop
-      children={(enabled) => (
-        <Button type="submit" disabled={!enabled} {...props}>
+      children={(isSubmitting) => (
+        <Button type="submit" disabled={isSubmitting} {...props}>
+          {isSubmitting && <Loader2Icon className="animate-spin" />}
           {children}
         </Button>
       )}
diff --git a/src/components/form/SwitchField.tsx b/src/components/form/SwitchField.tsx
deleted file mode 100644
index ed7a912..0000000
--- a/src/components/form/SwitchField.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ComponentProps } from "react";
-import { useFieldContext } from "../../hooks/useAppForm";
-import Switch from "../general/Switch";
-
-export const SwitchField = (props: Omit<ComponentProps<typeof Switch>, "value" | "onChange" | "onBlur">) => {
-  const { state, handleChange } = useFieldContext<string>();
-
-  return <Switch {...props} value={state.value} onChange={(e) => handleChange(e.target.value)} />;
-};
diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
index c530ea0..af80f9e 100644
--- a/src/components/form/TextField.tsx
+++ b/src/components/form/TextField.tsx
@@ -1,18 +1,36 @@
-import { ComponentProps } from "react";
+import { ComponentProps, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import TextInput from "../general/TextInput";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Input } from "../ui/input";
 
-export const TextField = (props: Omit<ComponentProps<typeof TextInput>, "value" | "onChange" | "onBlur">) => {
+type TextFieldProps = Omit<ComponentProps<typeof Input>, "id" | "value" | "onChange" | "onBlur"> & {
+  classNames?: {
+    input?: string;
+  };
+  fieldErrorVariant?: ComponentProps<typeof FieldError>["variant"];
+};
+
+export const TextField = ({ title, required, className, classNames, fieldErrorVariant, ...props }: TextFieldProps) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const { state, handleChange, handleBlur } = useFieldContext<any>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
   return (
-    <TextInput
-      {...props}
-      value={state.value}
-      onChange={(e) => handleChange(props.type === "number" ? e.target.valueAsNumber : e.target.value)}
-      onBlur={handleBlur}
-      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-    />
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      <Input
+        {...props}
+        id={id}
+        value={state.value}
+        onChange={(e) => handleChange(props.type === "number" ? e.target.valueAsNumber : e.target.value)}
+        onBlur={handleBlur}
+        aria-invalid={isInvalid}
+        className={classNames?.input}
+      />
+      {isInvalid && <FieldError variant={fieldErrorVariant} errors={state.meta.errors} />}
+    </Field>
   );
 };
diff --git a/src/components/form/TextareaField.tsx b/src/components/form/TextareaField.tsx
index 8072720..5737d2e 100644
--- a/src/components/form/TextareaField.tsx
+++ b/src/components/form/TextareaField.tsx
@@ -1,17 +1,22 @@
-import { ComponentProps } from "react";
+import { ComponentProps, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import Textarea from "../general/TextareaInput";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { Textarea } from "../ui/textarea";
 
-export const TextareaField = (props: Omit<ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur">) => {
+type TextareaFieldProps = Omit<ComponentProps<typeof Textarea>, "id" | "value" | "onChange" | "onBlur">;
+
+export const TextareaField = ({ title, required, className, ...props }: TextareaFieldProps) => {
   const { state, handleChange, handleBlur } = useFieldContext<string>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
   return (
-    <Textarea
-      {...props}
-      value={state.value}
-      onChange={(e) => handleChange(e.target.value)}
-      onBlur={handleBlur}
-      error={!state.meta.isValid && state.meta.isTouched ? state.meta.errors.map((error) => error.message).join(", ") : undefined}
-    />
+    <Field data-invalid={isInvalid} className={className}>
+      <FieldLabel required={required} htmlFor={id}>
+        {title}
+      </FieldLabel>
+      <Textarea {...props} id={id} value={state.value} onChange={(e) => handleChange(e.target.value)} onBlur={handleBlur} aria-invalid={isInvalid} />
+      {isInvalid && <FieldError errors={state.meta.errors} />}
+    </Field>
   );
 };
diff --git a/src/components/form/ToggleField.tsx b/src/components/form/ToggleField.tsx
index 2d11552..05b259f 100644
--- a/src/components/form/ToggleField.tsx
+++ b/src/components/form/ToggleField.tsx
@@ -1,9 +1,26 @@
-import { ComponentProps } from "react";
+import { ComponentProps, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import Toggle from "../general/Toggle";
+import { Field, FieldContent, FieldError, FieldLabel } from "../ui/field";
+import { Switch } from "../ui/switch";
 
-export const ToggleField = (props: Omit<ComponentProps<typeof Toggle>, "checked" | "onChange" | "onBlur">) => {
+type ToggleFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "onCheckedChange" | "onBlur">;
+
+export const ToggleField = ({ title, className, ...props }: ToggleFieldProps) => {
   const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+  const id = useId();
 
-  return <Toggle {...props} checked={state.value} onChange={(e) => handleChange(e.target.checked)} onBlur={handleBlur} />;
+  return (
+    <Field data-invalid={isInvalid} orientation="horizontal" className={className}>
+      <Switch {...props} id={id} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />
+      <FieldContent>
+        <span className="flex items-center gap-2">
+          <FieldLabel required={props.required} htmlFor={id}>
+            {title}
+          </FieldLabel>
+          {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
+        </span>
+      </FieldContent>
+    </Field>
+  );
 };
diff --git a/src/components/form/ToggleGroupField.tsx b/src/components/form/ToggleGroupField.tsx
new file mode 100644
index 0000000..17d2479
--- /dev/null
+++ b/src/components/form/ToggleGroupField.tsx
@@ -0,0 +1,34 @@
+import { clsxm } from "@/utils/clsxm";
+import { ComponentProps } from "react";
+import { useFieldContext } from "../../hooks/useAppForm";
+import { Field, FieldError, FieldLabel } from "../ui/field";
+import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";
+
+type ToggleGroupFieldProps = Omit<ComponentProps<typeof ToggleGroup>, "type" | "value" | "defaultValue" | "onValueChange"> & {
+  type?: ComponentProps<typeof ToggleGroup>["type"];
+  title?: string;
+  required?: boolean;
+  options: { value: string; name: string }[];
+};
+
+export const ToggleGroupField = ({ title, className, required, options, type = "single", variant = "outline", ...props }: ToggleGroupFieldProps) => {
+  const { state, handleChange } = useFieldContext<string | string[]>();
+  const isInvalid = !state.meta.isValid && state.meta.isTouched;
+
+  return (
+    <Field data-invalid={isInvalid} orientation="horizontal" className={clsxm("justify-between", className)}>
+      <span className="flex items-center gap-2 truncate">
+        <FieldLabel required={required}>{title}</FieldLabel>
+        {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
+      </span>
+      {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
+      <ToggleGroup size="sm" type={type} variant={variant} {...props} value={state.value as any} onValueChange={(value: any) => handleChange(value)}>
+        {options.map((option) => (
+          <ToggleGroupItem key={option.value} value={option.value} className="flex items-center justify-center" aria-label={option.name}>
+            {option.name}
+          </ToggleGroupItem>
+        ))}
+      </ToggleGroup>
+    </Field>
+  );
+};
diff --git a/src/components/general/Button.tsx b/src/components/general/Button.tsx
deleted file mode 100644
index 4e4a73f..0000000
--- a/src/components/general/Button.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { clsxm } from "../../utils/clsxm";
-
-interface PropTypes<T extends React.ElementType> {
-  as?: T;
-  variant?: "primary" | "outline";
-  size?: "xs" | "sm" | "md";
-  className?: string;
-}
-
-const Button = <T extends React.ElementType = "button">({
-  as,
-  variant = "primary",
-  size = "md",
-  children,
-  className,
-  ...props
-}: PropTypes<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof PropTypes<T>>) => {
-  const Component = as || "button";
-  return (
-    <Component
-      className={clsxm(
-        "rounded-lg font-medium",
-        {
-          "px-1 py-0.5 text-xs focus:ring-1": size === "xs",
-          "px-3 py-2 text-xs focus:ring-2": size === "sm",
-          "px-5 py-2.5 text-sm focus:ring-4": size === "md",
-          "bg-primary hover:bg-primary-hover text-white": variant === "primary",
-          "text-primary ring-primary ring-1": variant === "outline",
-          "bg-primary-disabled hover:bg-primary-disabled": props.disabled && variant === "primary",
-        },
-        "focus:ring-primary-focus focus:outline-hidden",
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </Component>
-  );
-};
-
-export default Button;
diff --git a/src/components/general/CheckBox.tsx b/src/components/general/CheckBox.tsx
deleted file mode 100644
index 88cdec7..0000000
--- a/src/components/general/CheckBox.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import clsx from "clsx";
-import { useId } from "react";
-
-interface PropTypes extends Omit<React.ComponentProps<"input">, "id" | "type"> {
-  title: string;
-  description?: string;
-}
-
-const CheckBox = ({ title, description, className, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <div className={clsx("border-field-border bg-field flex items-center rounded-lg border p-1 pl-2", className)}>
-      <div className="flex items-center">
-        <input
-          {...props}
-          id={id}
-          type="checkbox"
-          className={clsx(
-            "accent-primary size-4 rounded-sm border-gray-300 bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800",
-            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden"
-          )}
-        />
-      </div>
-      <div className="ml-2 text-sm">
-        <label htmlFor={id} className="font-medium">
-          {title}
-        </label>
-        {description && <p className="text-xs font-normal text-gray-500 dark:text-gray-300">{description}</p>}
-      </div>
-    </div>
-  );
-};
-
-export default CheckBox;
diff --git a/src/components/general/ContextMenu.tsx b/src/components/general/ContextMenu.tsx
deleted file mode 100644
index dd30c88..0000000
--- a/src/components/general/ContextMenu.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import clsx from "clsx";
-import React, { useLayoutEffect, useRef, useState } from "react";
-import useOnClickOutside from "../../hooks/useOnClickOutside";
-
-type MenuItem = {
-  name: string;
-  icon: React.ReactNode;
-  disabled?: boolean;
-  onClick: () => void;
-};
-type PropTypes = {
-  menu: MenuItem[] | MenuItem[][];
-} & Omit<React.ComponentProps<"div">, "onContextMenu">;
-
-const OUTER_SPACING = 5;
-
-const ContextMenu = ({ menu, children, ...props }: PropTypes) => {
-  const [position, setPosition] = useState<{ x: number; y: number } | undefined>(undefined);
-
-  const ref = useRef<HTMLDivElement>(null);
-
-  // close on click outside
-  useOnClickOutside(ref, () => setPosition(undefined));
-
-  // set the correct position
-  useLayoutEffect(() => {
-    if (ref.current && position) {
-      const { width, height } = ref.current.getBoundingClientRect();
-      let newTop = position.y;
-      let newLeft = position.x;
-
-      if (newTop + height + OUTER_SPACING > window.innerHeight) {
-        newTop = window.innerHeight - height - OUTER_SPACING;
-        if (newTop < OUTER_SPACING) {
-          newTop = OUTER_SPACING;
-        }
-      }
-      if (newLeft + width + OUTER_SPACING > window.innerWidth) {
-        newLeft = window.innerWidth - width - OUTER_SPACING;
-        if (newLeft < OUTER_SPACING) {
-          newLeft = OUTER_SPACING;
-        }
-      }
-
-      ref.current.style.top = `${newTop}px`;
-      ref.current.style.left = `${newLeft}px`;
-    }
-  }, [ref, position]);
-
-  return (
-    <>
-      <div
-        {...props}
-        onContextMenu={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          setPosition({ x: e.pageX, y: e.pageY });
-        }}
-      >
-        {children}
-      </div>
-      {position && (
-        <div
-          ref={ref}
-          role="menu"
-          className="bg-background fixed z-50 w-40 divide-y divide-gray-200 rounded-lg border border-gray-200 shadow-sm dark:divide-gray-600 dark:border-gray-600"
-          style={{ top: `${position.y}px`, left: `${position.x}px` }}
-          onClick={() => setPosition(undefined)}
-        >
-          {(menu.length > 0 && Array.isArray(menu[0]) && (
-            <>
-              {(menu as MenuItem[][]).map((group, i) => (
-                <ul className="py-1 text-sm text-gray-700 dark:text-gray-200" key={i}>
-                  {group.map((item) => (
-                    <li
-                      role="menuitem"
-                      className={clsx("flex px-2 py-1", item.disabled ? "text-text-disabled" : "hover:bg-background-hover")}
-                      onClick={!item.disabled ? item.onClick : undefined}
-                      key={item.name}
-                    >
-                      <span className="me-2 flex w-4 items-center justify-center">{item.icon}</span>
-                      {item.name}
-                    </li>
-                  ))}
-                </ul>
-              ))}
-            </>
-          )) || (
-            <ul className="py-1 text-sm text-gray-700 dark:text-gray-200">
-              {(menu as MenuItem[]).map((item) => (
-                <li
-                  role="menuitem"
-                  className={clsx("flex px-2 py-1", item.disabled ? "text-text-disabled" : "hover:bg-background-hover")}
-                  onClick={!item.disabled ? item.onClick : undefined}
-                  key={item.name}
-                >
-                  <span className="me-2 flex w-4 items-center justify-center">{item.icon}</span>
-                  {item.name}
-                </li>
-              ))}
-            </ul>
-          )}
-        </div>
-      )}
-    </>
-  );
-};
-
-export default ContextMenu;
diff --git a/src/components/general/DateInput.tsx b/src/components/general/DateInput.tsx
deleted file mode 100644
index 6ec7afd..0000000
--- a/src/components/general/DateInput.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { ChangeEventHandler, useId, useRef } from "react";
-import Flatpickr, { DateTimePickerProps } from "react-flatpickr";
-
-import { useIntl } from "react-intl";
-import "../../assets/themes/dark.css";
-import "../../assets/themes/light.css";
-
-interface PropTypes extends Omit<DateTimePickerProps, "id" | "size" | "onChange"> {
-  size?: "sm" | "md";
-  icon?: React.ReactNode;
-  error?: string;
-  onChange?: ChangeEventHandler<HTMLInputElement>;
-}
-
-const DateInput = ({ size = "md", title, icon, error, className, value, onChange, onBlur, ...props }: PropTypes) => {
-  const { formatDate } = useIntl();
-  const id = useId();
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const ref = useRef<any>(null);
-
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          htmlFor={id}
-          className={clsx("mb-1 block font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <div className="relative">
-        {icon && <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">{icon}</div>}
-        <Flatpickr
-          id={id}
-          ref={ref}
-          {...props}
-          type="hidden"
-          options={{
-            ...props.options,
-            altInput: true,
-            formatDate: (date: Date) => formatDate(date),
-          }}
-          value={value}
-          onChange={(dates, _, instance) => {
-            onChange?.({
-              target: {
-                name: props.name,
-                value: instance.config.mode === "single" ? (dates[0] ?? null) : dates,
-              },
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } as any);
-          }}
-          onClose={() => {
-            onBlur?.({
-              target: {
-                name: props.name,
-              },
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } as any);
-          }}
-          className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
-            "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
-            "pl-8": !!icon,
-            "pr-8": !props.required && value,
-            "p-1.5": size === "sm",
-            "p-2.5": size === "md",
-          })}
-        />
-        {!props.required && value && (
-          <svg viewBox="0 0 20 20" aria-hidden="true" className="absolute top-1/2 right-2 size-5 -translate-y-1/2 cursor-pointer fill-current" onClick={() => ref.current?.flatpickr.clear()}>
-            <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
-          </svg>
-        )}
-      </div>
-      {error && <p className="text-sm text-red-600 dark:text-red-500">{error}</p>}
-    </div>
-  );
-};
-
-export default DateInput;
diff --git a/src/components/general/DismissableWarning.tsx b/src/components/general/DismissableWarning.tsx
index 487d14e..1164ed4 100644
--- a/src/components/general/DismissableWarning.tsx
+++ b/src/components/general/DismissableWarning.tsx
@@ -1,7 +1,8 @@
-import { faWarning } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { TriangleAlertIcon } from "lucide-react";
 import { FormattedMessage } from "react-intl";
 import useStorage from "../../hooks/useStorage";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
+import { Button } from "../ui/button";
 
 type PropTypes = {
   name: string;
@@ -14,13 +15,16 @@ function DismissibleWarning({ name, children }: PropTypes) {
   if (hideWarning || isLoading) return null;
 
   return (
-    <p className="rounded-lg border border-gray-200 p-1 dark:border-gray-700" role="alert">
-      <FontAwesomeIcon icon={faWarning} className="mr-1 text-yellow-500 dark:text-yellow-400" />
-      <span className="mr-1">{children}</span>
-      <button type="button" className="text-blue-500 underline dark:text-blue-400" onClick={() => setData(true)}>
+    <Alert>
+      <TriangleAlertIcon />
+      <AlertTitle>
+        <FormattedMessage id="dismissible-warning.title" />
+      </AlertTitle>
+      <AlertDescription>{children}</AlertDescription>
+      <Button type="button" variant="ghost" size="sm" onClick={() => setData(true)} className="absolute top-1 right-1">
         <FormattedMessage id="dismissible-warning.dont-show-again" />
-      </button>
-    </p>
+      </Button>
+    </Alert>
   );
 }
 
diff --git a/src/components/general/Fieldset.tsx b/src/components/general/Fieldset.tsx
deleted file mode 100644
index 2684e9f..0000000
--- a/src/components/general/Fieldset.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import clsx from "clsx";
-import React from "react";
-
-interface PropTypes extends React.ComponentProps<"fieldset"> {
-  legend?: string | React.ReactNode;
-}
-
-const Fieldset = ({ legend, className, children, ...props }: PropTypes) => {
-  return (
-    <fieldset className={clsx("rounded-lg border border-gray-200 p-1.5 dark:border-gray-700", className)} {...props}>
-      {legend && <legend className="-mb-0.5 px-2 text-base font-semibold">{legend}</legend>}
-      {children}
-    </fieldset>
-  );
-};
-
-export default Fieldset;
diff --git a/src/components/general/HelpTooltip.tsx b/src/components/general/HelpTooltip.tsx
new file mode 100644
index 0000000..fae0d13
--- /dev/null
+++ b/src/components/general/HelpTooltip.tsx
@@ -0,0 +1,23 @@
+import { useSettings } from "@/provider/SettingsProvider";
+import { ReactNode } from "react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+
+type PropTypes = {
+  message: ReactNode;
+  children: ReactNode;
+};
+
+const HelpTooltip = ({ message, children }: PropTypes) => {
+  const { settings } = useSettings();
+
+  if (!settings.style.showTooltips) return children;
+
+  return (
+    <Tooltip delayDuration={700}>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent className="italic">{message}</TooltipContent>
+    </Tooltip>
+  );
+};
+
+export default HelpTooltip;
diff --git a/src/components/general/LoadingSpinner.tsx b/src/components/general/LoadingSpinner.tsx
deleted file mode 100644
index 5219ce4..0000000
--- a/src/components/general/LoadingSpinner.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-const LoadingSpinner = () => {
-  return (
-    <div className="flex items-center justify-center">
-      <div role="status">
-        <svg aria-hidden="true" className="fill-primary size-4 animate-spin text-gray-200 dark:text-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path
-            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
-            fill="currentColor"
-          />
-          <path
-            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
-            fill="currentFill"
-          />
-        </svg>
-      </div>
-    </div>
-  );
-};
-
-export default LoadingSpinner;
diff --git a/src/components/general/Modal.tsx b/src/components/general/Modal.tsx
deleted file mode 100644
index b95a080..0000000
--- a/src/components/general/Modal.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import useHotKey from "../../hooks/useHotkey";
-
-type PropTypes = {
-  title: string;
-  children: React.ReactNode;
-  onClose: () => void;
-};
-
-const Modal = ({ title, children, onClose }: PropTypes) => {
-  /**
-   * On "Escape" => close
-   */
-  useHotKey(onClose, { key: "Escape" });
-
-  return (
-    <div tabIndex={-1} className="animate-in fade-in fixed inset-0 z-40 flex size-full min-w-[320px] items-center justify-center overflow-y-auto bg-gray-800/50 p-2 dark:bg-gray-600/50">
-      <div className="relative max-h-full w-full max-w-md" role="dialog">
-        <div className="bg-background animate-in fade-in zoom-in relative rounded-lg drop-shadow-lg">
-          <div className="p-2.5">
-            <div className="mb-2 flex items-start justify-between">
-              <h3 className="text-lg font-medium">{title}</h3>
-              <button type="button" className="hover:text-primary focus:ring-primary-focus rounded-lg bg-transparent p-1.5 text-sm focus:ring-2 focus:outline-hidden" onClick={onClose}>
-                <svg aria-hidden="true" className="size-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                  <path
-                    fillRule="evenodd"
-                    d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                    clipRule="evenodd"
-                  />
-                </svg>
-                <span className="sr-only">Close modal</span>
-              </button>
-            </div>
-            {children}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Modal;
diff --git a/src/components/general/Navbar.tsx b/src/components/general/Navbar.tsx
index c133cb6..346b5c8 100644
--- a/src/components/general/Navbar.tsx
+++ b/src/components/general/Navbar.tsx
@@ -1,6 +1,6 @@
-import clsx from "clsx";
 import React from "react";
 import { Link, useLocation } from "react-router-dom";
+import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList } from "../ui/navigation-menu";
 
 type NavItem = {
   href: string;
@@ -16,26 +16,20 @@ const Navbar = ({ navigation }: PropTypes) => {
   const location = useLocation();
 
   return (
-    <nav className="border-primary bg-background fixed top-0 w-full border-b-2 p-1.5">
-      <ul className="-mb-px flex gap-x-1 text-center text-sm font-medium text-gray-500 dark:text-gray-400">
+    <NavigationMenu className="border-primary max-w-screen border-b" viewport={false}>
+      <NavigationMenuList>
         {navigation.map((item) => (
-          <li key={item.href}>
-            <Link
-              to={item.href}
-              className={clsx(
-                "inline-flex items-center gap-x-1 px-1 py-2",
-                location.pathname === item.href ? "text-primary" : "hover:text-gray-600 dark:hover:text-gray-300",
-                "select-none focus:outline-hidden"
-              )}
-              tabIndex={-1}
-            >
-              {item.icon}
-              {item.name}
-            </Link>
-          </li>
+          <NavigationMenuItem key={item.href}>
+            <NavigationMenuLink asChild data-active={location.pathname === item.href} className="inline-flex flex-row items-center">
+              <Link to={item.href}>
+                {item.icon}
+                <span className="truncate max-[21rem]:max-w-[3rem]">{item.name}</span>
+              </Link>
+            </NavigationMenuLink>
+          </NavigationMenuItem>
         ))}
-      </ul>
-    </nav>
+      </NavigationMenuList>
+    </NavigationMenu>
   );
 };
 
diff --git a/src/components/general/ReactSelect.tsx b/src/components/general/ReactSelect.tsx
deleted file mode 100644
index 2ea74d5..0000000
--- a/src/components/general/ReactSelect.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import Select, { GroupBase, Props, components } from "react-select";
-
-type PropTypes = {
-  size?: "sm" | "md";
-  title?: string;
-  error?: string;
-};
-
-function ReactSelect<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({
-  size = "md",
-  title,
-  error,
-  className,
-  ...props
-}: Props<Option, IsMulti, Group> & PropTypes) {
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          className={clsx("mb-1 block text-sm font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <Select<Option, IsMulti, Group>
-        maxMenuHeight={200}
-        menuPlacement="auto"
-        {...props}
-        isClearable={props.isClearable ?? !props.required}
-        required={false} // Remove html required attribute
-        components={{
-          DropdownIndicator: () => null,
-          IndicatorSeparator: () => null,
-          Option: (optionProps) => (
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            <components.Option {...optionProps}>
-              {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-              {(optionProps.data as any).icon && <span className="mr-2 inline-block w-5">{(optionProps.data as any).icon}</span>}
-              {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-              {(optionProps.data as any).label}
-            </components.Option>
-          ),
-          SingleValue: (singleValueProps) => (
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            <components.SingleValue {...singleValueProps}>
-              {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-              {(singleValueProps.data as any).icon && <span className="mr-2">{(singleValueProps.data as any).icon}</span>}
-              {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-              {(singleValueProps.data as any).label}
-            </components.SingleValue>
-          ),
-        }}
-        unstyled
-        classNames={{
-          control: (state) =>
-            clsx("border-field-border bg-field block w-full rounded-lg border text-sm", {
-              "min-h-[unset]! p-1.5": size === "sm",
-              "p-2.5": size === "md",
-              "ring-primary-focus ring-2 outline-hidden": state.isFocused,
-              "border-red-500 text-red-900 dark:border-red-500 dark:text-red-500": error !== undefined,
-              "bg-field-disabled": props.isDisabled,
-            }),
-          placeholder: () =>
-            clsx("text-field-placeholder", {
-              "text-red-700 dark:text-red-500": error !== undefined,
-            }),
-          menu: () => "mt-1 py-2 rounded-lg border-field-border bg-field border",
-          option: (state) =>
-            clsx("truncate p-1.5", {
-              "bg-field-inner": state.isFocused,
-            }),
-          groupHeading: () => "px-2 py-1 text-xs font-bold uppercase font-mono",
-          valueContainer: () => "gap-1",
-          multiValue: () => "rounded-md bg-field-inner px-2 py-1 text-xs font-medium text-gray-600 dark:text-gray-300 ring-1 ring-inset ring-gray-600/10 dark:ring-gray-300/10 max-w-[240px]",
-          indicatorsContainer: () => "cursor-pointer",
-        }}
-        styles={{ menuPortal: (base) => ({ ...base, zIndex: 20 }) }}
-      />
-      {error && <p className="text-sm text-red-600 dark:text-red-500">{error}</p>}
-    </div>
-  );
-}
-
-export default ReactSelect;
diff --git a/src/components/general/SelectInput.tsx b/src/components/general/SelectInput.tsx
deleted file mode 100644
index b26ad43..0000000
--- a/src/components/general/SelectInput.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { useId } from "react";
-
-interface PropTypes extends Omit<React.ComponentProps<"select">, "id" | "size"> {
-  size?: "sm" | "md";
-  error?: string;
-  placeholder?: string;
-}
-
-const SelectInput = ({ size = "md", title, error, children, placeholder, className, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          htmlFor={id}
-          className={clsx("mb-1 block font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <select
-        {...props}
-        id={id}
-        className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
-          "p-1.5": size === "sm",
-          "p-2.5": size === "md",
-        })}
-      >
-        {placeholder && (
-          <option disabled selected>
-            {placeholder}
-          </option>
-        )}
-        {children}
-      </select>
-      {error && <p className="text-sm text-red-600 dark:text-red-500">{error}</p>}
-    </div>
-  );
-};
-
-export default SelectInput;
diff --git a/src/components/general/Switch.tsx b/src/components/general/Switch.tsx
deleted file mode 100644
index af81903..0000000
--- a/src/components/general/Switch.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { clsxm } from "../../utils/clsxm";
-
-interface PropTypes {
-  size?: "md" | "lg";
-  title?: string;
-  name?: string;
-  value: string;
-  onChange?: (e: { target: { name?: string; value: string } }) => void;
-  onBlur?: () => void;
-  options: {
-    value: string;
-    name: string;
-    disabled?: boolean;
-  }[];
-  required?: boolean;
-  className?: string;
-  tabIndex?: number;
-}
-
-const Switch = ({ size = "md", title, name, value, onChange, onBlur, options, required, className, tabIndex }: PropTypes) => {
-  return (
-    <div
-      className={clsx(
-        {
-          "border-field-border bg-field flex items-center justify-between rounded-lg border p-1 pl-2": title,
-        },
-        className
-      )}
-    >
-      {title && (
-        <label className="text-sm font-medium">
-          {title}
-          {required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-
-      <div
-        className={clsxm("border-field-border bg-field flex w-fit items-center gap-x-1 rounded-full border", {
-          "bg-field-inner": title,
-          "p-1": size === "md",
-          "p-1.5": size === "lg",
-        })}
-      >
-        {options.map((option) => (
-          <div className="flex justify-center" key={option.value}>
-            <button
-              type="button"
-              className={clsx("w-full rounded-full whitespace-nowrap", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
-                "bg-primary text-white": value === option.value,
-                "p-0.5 px-2": size === "md",
-                "p-1 px-3": size === "lg",
-              })}
-              disabled={option.disabled}
-              onClick={() => {
-                onChange?.({ target: { name: name, value: option.value } });
-                onBlur?.();
-              }}
-              tabIndex={tabIndex}
-            >
-              {option.name}
-            </button>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default Switch;
diff --git a/src/components/general/TextInput.tsx b/src/components/general/TextInput.tsx
deleted file mode 100644
index d6ab9bd..0000000
--- a/src/components/general/TextInput.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { useId } from "react";
-import { Tooltip } from "react-tooltip";
-
-interface PropTypes extends Omit<React.ComponentProps<"input">, "id" | "size"> {
-  size?: "sm" | "md";
-  icon?: React.ReactNode;
-  error?: string;
-  extraText?: string;
-  inputClassName?: string;
-}
-
-const TextInput = ({ size = "md", title, icon, error, extraText, className, inputClassName, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          htmlFor={id}
-          className={clsx("mb-1 block font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <div className="relative">
-        {icon && <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">{icon}</div>}
-        <input
-          {...props}
-          id={id}
-          required={false} // Remove html required attribute
-          className={clsx(
-            "block w-full rounded-lg text-sm",
-            "border-field-border bg-field placeholder:text-field-placeholder border",
-            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
-            {
-              "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
-              "bg-field-disabled": props.disabled,
-              "pl-8": !!icon,
-              "p-1.5": size === "sm",
-              "p-2.5": size === "md",
-              "appearance-none": extraText,
-            },
-            inputClassName
-          )}
-        />
-        {extraText && (
-          <span
-            className={clsx("bg-field-inner absolute rounded-sm font-medium whitespace-nowrap text-gray-800 dark:text-gray-400", {
-              "top-1/2 right-1.5 -translate-y-1/2 px-2.5 py-0.5": size === "sm",
-              "top-1/2 right-2.5 -translate-y-1/2 px-3.5 py-1": size === "md",
-            })}
-          >
-            {extraText}
-          </span>
-        )}
-      </div>
-      {error && (
-        <>
-          <p className="truncate text-sm text-red-600 dark:text-red-500">
-            <span data-tooltip-id={`tooltip-error-${id}`}>{error}</span>
-          </p>
-          <Tooltip id={`tooltip-error-${id}`} delayShow={200} content={error} className="text-red-600 dark:text-red-500" />
-        </>
-      )}
-    </div>
-  );
-};
-
-export default TextInput;
diff --git a/src/components/general/TextareaInput.tsx b/src/components/general/TextareaInput.tsx
deleted file mode 100644
index a0e6e60..0000000
--- a/src/components/general/TextareaInput.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { useId } from "react";
-
-interface PropTypes extends Omit<React.ComponentProps<"textarea">, "id" | "size"> {
-  size?: "sm" | "md";
-  error?: string;
-}
-
-const TextareaInput = ({ size = "md", title, error, value, rows = 3, className, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          htmlFor={id}
-          className={clsx("mb-1 block font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <textarea
-        {...props}
-        id={id}
-        required={false} // Remove html required attribute
-        className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
-          "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
-          "p-1.5": size === "sm",
-          "p-2.5": size === "md",
-        })}
-        rows={rows}
-      >
-        {value}
-      </textarea>
-      {error && <p className="text-sm text-red-600 dark:text-red-500">{error}</p>}
-    </div>
-  );
-};
-
-export default TextareaInput;
diff --git a/src/components/general/TimeInput.tsx b/src/components/general/TimeInput.tsx
deleted file mode 100644
index 895c1d3..0000000
--- a/src/components/general/TimeInput.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { faAsterisk } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import clsx from "clsx";
-import { ChangeEventHandler, useId } from "react";
-import Flatpickr, { DateTimePickerProps } from "react-flatpickr";
-
-interface PropTypes extends Omit<DateTimePickerProps, "id" | "size" | "type" | "onChange"> {
-  size?: "sm" | "md";
-  icon?: React.ReactNode;
-  error?: string;
-  onChange?: ChangeEventHandler<HTMLInputElement>;
-  type?: "date" | "number";
-}
-
-const TimeInput = ({ size = "md", title, icon, error, className, type = "date", value, onChange, onBlur, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <div className={className}>
-      {title && (
-        <label
-          htmlFor={id}
-          className={clsx("mb-1 block font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-          })}
-        >
-          {title}
-          {props.required && <FontAwesomeIcon icon={faAsterisk} size="2xs" className="ml-1 text-red-600" />}
-        </label>
-      )}
-      <div className="relative">
-        {icon && <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">{icon}</div>}
-        <Flatpickr
-          id={id}
-          {...props}
-          options={{
-            ...props.options,
-            dateFormat: "H:i",
-            allowInput: true,
-            clickOpens: false,
-          }}
-          value={type === "number" && typeof value === "number" ? convertHoursToString(value) : value}
-          onChange={(dates) => {
-            onChange?.({
-              target: {
-                name: props.name,
-                value: type === "number" ? convertDateToHours(dates[0]) : dates[0],
-              },
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } as any);
-          }}
-          onClose={() => {
-            onBlur?.({
-              target: {
-                name: props.name,
-              },
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } as any);
-          }}
-          className={clsx("block w-full rounded-lg text-sm", "border-field-border bg-field placeholder:text-field-placeholder border", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden", {
-            "border-red-500 text-red-900 placeholder:text-red-700 dark:border-red-500 dark:text-red-500 dark:placeholder:text-red-500": error !== undefined,
-            "pl-8": !!icon,
-            "p-1.5": size === "sm",
-            "p-2.5": size === "md",
-          })}
-        />
-      </div>
-      {error && <p className="text-sm text-red-600 dark:text-red-500">{error}</p>}
-    </div>
-  );
-};
-
-const convertHoursToString = (hours: number) => {
-  const h = Math.floor(hours);
-  const m = Math.round((hours - h) * 60);
-
-  return `${h}:${m}`;
-};
-
-const convertDateToHours = (date?: Date) => {
-  if (!date) return null;
-  return Number((date.getHours() + date.getMinutes() / 60).toFixed(2));
-};
-
-export default TimeInput;
diff --git a/src/components/general/Toast.tsx b/src/components/general/Toast.tsx
deleted file mode 100644
index a8a91b7..0000000
--- a/src/components/general/Toast.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import clsx from "clsx";
-
-type PropTypes = {
-  type: "success" | "error";
-  message: string;
-  allowClose?: boolean;
-  autoClose?: number;
-  onClose?: () => void;
-};
-
-const Toast = ({ type, message, allowClose = true, autoClose, onClose }: PropTypes) => {
-  if (autoClose) setTimeout(() => onClose?.(), autoClose);
-
-  return (
-    <div className="fixed bottom-0 left-0 z-50 w-full p-2">
-      <div className="bg-background-inner flex w-full items-center rounded-lg p-1 shadow-sm" role="alert">
-        <div
-          className={clsx("inline-flex size-8 shrink-0 items-center justify-center", {
-            "rounded-lg bg-green-100 text-green-700 dark:bg-green-800 dark:text-green-200": type === "success",
-            "rounded-lg bg-red-100 text-red-700 dark:bg-red-800 dark:text-red-200": type === "error",
-          })}
-        >
-          {type === "success" && (
-            <svg aria-hidden="true" className="size-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-              <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd"></path>
-            </svg>
-          )}
-          {type === "error" && (
-            <svg aria-hidden="true" className="size-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-              <path
-                fillRule="evenodd"
-                d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                clipRule="evenodd"
-              ></path>
-            </svg>
-          )}
-        </div>
-        <div className="ml-3 text-sm font-normal">{message}</div>
-        {allowClose && (
-          <button
-            type="button"
-            className="hover:text-primary focus:ring-primary-focus ml-auto inline-flex size-8 rounded-lg p-1.5 focus:ring-2 focus:outline-hidden"
-            aria-label="Close"
-            onClick={onClose}
-          >
-            <svg aria-hidden="true" className="size-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-              <path
-                fillRule="evenodd"
-                d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                clipRule="evenodd"
-              ></path>
-            </svg>
-          </button>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default Toast;
diff --git a/src/components/general/Toggle.tsx b/src/components/general/Toggle.tsx
deleted file mode 100644
index cdad64b..0000000
--- a/src/components/general/Toggle.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import clsx from "clsx";
-import { useId } from "react";
-
-interface PropTypes extends Omit<React.ComponentProps<"input">, "id" | "size" | "type"> {
-  size?: "sm" | "md" | "lg";
-  onLabel?: string;
-  offLabel?: string;
-}
-
-const Toggle = ({ size = "md", title, onLabel, offLabel, className, ...props }: PropTypes) => {
-  const id = useId();
-
-  return (
-    <label htmlFor={id} className={clsx("inline-flex w-fit cursor-pointer items-center", className)}>
-      <input {...props} id={id} type="checkbox" className="peer sr-only" />
-      <div
-        className={clsx(
-          "peer border-field-border bg-field peer-checked:bg-primary peer-focus:ring-primary-focus relative rounded-full border peer-focus:ring-2 peer-focus:outline-hidden after:absolute after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white",
-          {
-            "h-4 w-7 after:top-px after:left-px after:size-3": size === "sm",
-            "h-5 w-9 after:top-px after:left-px after:size-4": size === "md",
-            "h-6 w-11 after:top-px after:left-px after:size-5": size === "lg",
-          }
-        )}
-      >
-        {offLabel && (
-          <span
-            className={clsx("absolute font-normal text-white uppercase", {
-              "top-0.5 right-0.5 text-[0.4rem] leading-3 uppercase": size === "sm",
-              "top-1 right-0.5 text-[0.5rem] leading-3 uppercase": size === "md",
-              "top-1.5 right-1 text-[0.6rem] leading-3 uppercase": size === "lg",
-            })}
-          >
-            {offLabel}
-          </span>
-        )}
-        {onLabel && (
-          <span
-            className={clsx("absolute font-normal text-white uppercase", {
-              "top-0.5 left-0.5 text-[0.4rem] leading-3 uppercase": size === "sm",
-              "top-1 left-0.5 text-[0.5rem] leading-3 uppercase": size === "md",
-              "top-1.5 left-1 text-[0.6rem] leading-3 uppercase": size === "lg",
-            })}
-          >
-            {onLabel}
-          </span>
-        )}
-      </div>
-      {title && (
-        <span
-          className={clsx("ml-2 font-medium", {
-            "text-xs": size === "sm",
-            "text-sm": size === "md",
-            "text-base": size === "lg",
-          })}
-        >
-          {title}
-        </span>
-      )}
-    </label>
-  );
-};
-
-export default Toggle;
diff --git a/src/components/issue/AddIssueNotesModal.tsx b/src/components/issue/AddIssueNotesModal.tsx
index a722ce9..eb9337f 100644
--- a/src/components/issue/AddIssueNotesModal.tsx
+++ b/src/components/issue/AddIssueNotesModal.tsx
@@ -1,13 +1,12 @@
 /* eslint-disable react/no-children-prop */
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
 import { useAppForm } from "../../hooks/useAppForm";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import Modal from "../general/Modal";
-import Toast from "../general/Toast";
+import { TIssue, TUpdateIssue } from "../../types/redmine";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
+import { Form, FormGrid } from "../ui/form";
 import IssueTitle from "./IssueTitle";
 
 const addIssueNotesFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
@@ -36,6 +35,9 @@ const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
       queryClient.invalidateQueries({ queryKey: ["issues"] });
       onSuccess();
     },
+    meta: {
+      successMessage: formatMessage({ id: "issues.modal.add-issue-notes.success" }),
+    },
   });
 
   const form = useAppForm({
@@ -51,43 +53,31 @@ const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
 
   return (
     <>
-      <Modal title={formatMessage({ id: "issues.modal.add-issue-notes.title" })} onClose={onClose}>
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            form.handleSubmit();
-          }}
-        >
-          <div className="flex flex-col gap-y-2">
+      <Dialog open onOpenChange={onClose}>
+        <DialogContent>
+          <Form onSubmit={form.handleSubmit} className="contents">
+            <DialogHeader>
+              <DialogTitle>{formatMessage({ id: "issues.modal.add-issue-notes.title" })}</DialogTitle>
+            </DialogHeader>
             <IssueTitle issue={issue} />
+            <FormGrid>
+              <form.AppField
+                name="notes"
+                children={(field) => (
+                  <field.TextareaField title={formatMessage({ id: "issues.issue.field.notes" })} placeholder={formatMessage({ id: "issues.issue.field.notes" })} required autoFocus />
+                )}
+              />
 
-            <form.AppField
-              name="notes"
-              children={(field) => (
-                <field.TextareaField title={formatMessage({ id: "issues.issue.field.notes" })} placeholder={formatMessage({ id: "issues.issue.field.notes" })} required size="sm" autoFocus />
-              )}
-            />
-
-            <form.AppField name="private_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.issue.field.private-notes" })} />} />
-
-            <form.AppForm>
-              <form.SubmitButton children={formatMessage({ id: "issues.modal.add-issue-notes.submit" })} />
-            </form.AppForm>
-          </div>
-        </form>
-      </Modal>
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
+              <form.AppField name="private_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.issue.field.private-notes" })} />} />
+            </FormGrid>
+            <DialogFooter>
+              <form.AppForm>
+                <form.SubmitButton children={formatMessage({ id: "issues.modal.add-issue-notes.submit" })} />
+              </form.AppForm>
+            </DialogFooter>
+          </Form>
+        </DialogContent>
+      </Dialog>
     </>
   );
 };
diff --git a/src/components/issue/CreateIssueModal.tsx b/src/components/issue/CreateIssueModal.tsx
index 452383d..194175f 100644
--- a/src/components/issue/CreateIssueModal.tsx
+++ b/src/components/issue/CreateIssueModal.tsx
@@ -1,10 +1,8 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
 import { useIntl } from "react-intl";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TCreateIssue, TRedmineError } from "../../types/redmine";
-import Modal from "../general/Modal";
-import Toast from "../general/Toast";
+import { TCreateIssue } from "../../types/redmine";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { IssueForm } from "./form/IssueForm";
 
 type PropTypes = {
@@ -24,25 +22,20 @@ const CreateIssueModal = ({ projectId, onClose, onSuccess }: PropTypes) => {
       queryClient.invalidateQueries({ queryKey: ["issues"] });
       onSuccess();
     },
+    meta: {
+      successMessage: formatMessage({ id: "issues.modal.add-issue.success" }),
+    },
   });
 
   return (
-    <>
-      <Modal title={formatMessage({ id: "issues.modal.add-issue.title" })} onClose={onClose}>
+    <Dialog open onOpenChange={onClose}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{formatMessage({ id: "issues.modal.add-issue.title" })}</DialogTitle>
+        </DialogHeader>
         <IssueForm action="create" projectId={projectId} onSubmit={(data) => createIssueMutation.mutateAsync(data)} />
-      </Modal>
-      {createIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(createIssueMutation.error)
-              ? ((createIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createIssueMutation.error as AxiosError).message)
-              : (createIssueMutation.error as Error).message
-          }
-        />
-      )}
-    </>
+      </DialogContent>
+    </Dialog>
   );
 };
 
diff --git a/src/components/issue/EditIssueModal.tsx b/src/components/issue/EditIssueModal.tsx
index eba481a..60b7b13 100644
--- a/src/components/issue/EditIssueModal.tsx
+++ b/src/components/issue/EditIssueModal.tsx
@@ -1,12 +1,11 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
 import { useIntl } from "react-intl";
 import useIssue from "../../hooks/useIssue";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import Modal from "../general/Modal";
-import Toast from "../general/Toast";
+import { TIssue, TUpdateIssue } from "../../types/redmine";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { IssueForm } from "./form/IssueForm";
+import IssueTitle from "./IssueTitle";
 
 type PropTypes = {
   issue: TIssue;
@@ -29,24 +28,22 @@ const EditIssueModal = ({ issue: currentIssue, onClose, onSuccess }: PropTypes)
       queryClient.invalidateQueries({ queryKey: ["issues"] });
       onSuccess();
     },
+    meta: {
+      successMessage: formatMessage({ id: "issues.modal.edit-issue.success" }),
+    },
   });
 
   return (
     <>
-      <Modal title={formatMessage({ id: "issues.modal.edit-issue.title" })} onClose={onClose}>
-        <IssueForm action="edit" issue={issue} onSubmit={(data) => updateIssueMutation.mutateAsync(data)} />
-      </Modal>
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
+      <Dialog open onOpenChange={onClose}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>{formatMessage({ id: "issues.modal.edit-issue.title" })}</DialogTitle>
+          </DialogHeader>
+          <IssueTitle issue={issue} />
+          <IssueForm action="edit" issue={issue} onSubmit={(data) => updateIssueMutation.mutateAsync(data)} />
+        </DialogContent>
+      </Dialog>
     </>
   );
 };
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 5eca461..27fd702 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -1,12 +1,14 @@
-import { faSliders, faX } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { MouseEventHandler, ReactNode, useState } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import useHotKey from "../../hooks/useHotkey";
+/* eslint-disable react/no-children-prop */
+import { useAppForm } from "@/hooks/useAppForm";
+import { SlidersHorizontalIcon } from "lucide-react";
+import { ReactNode, useState } from "react";
+import { useIntl } from "react-intl";
+import { z } from "zod/v4";
 import useMyProjects from "../../hooks/useMyProjects";
 import useStorage from "../../hooks/useStorage";
-import CheckBox from "../general/CheckBox";
-import ReactSelect from "../general/ReactSelect";
+import { Button } from "../ui/button";
+import { Form, FormGrid } from "../ui/form";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
 export type FilterQuery = {
   projects: number[];
@@ -24,67 +26,74 @@ const Filter = ({ children }: PropTypes) => {
 
   const [showFilter, setShowFilter] = useState(false);
 
-  // On "Escape" => close filter
-  useHotKey(() => setShowFilter(false), { key: "Escape" });
-
   const { data: projects, isLoading: isLoadingProjects } = useMyProjects({
     enabled: showFilter,
   });
 
   const { data: filter, setData: setFilter, isLoading } = useStorage<FilterQuery>("filter", defaultFilter);
 
+  const form = useAppForm({
+    defaultValues: filter,
+    validators: {
+      onChange: z.object({
+        projects: z.array(z.number()),
+        hideCompletedIssues: z.boolean(),
+      }),
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        if (formApi.state.isValid) {
+          setFilter(formApi.state.values);
+        }
+      },
+    },
+  });
+
   return (
     <>
-      {(!showFilter && (
-        <div className="mb-1 flex justify-end">
-          <FilterButton onClick={() => setShowFilter((show) => !show)} />
+      <Popover open={showFilter} onOpenChange={setShowFilter}>
+        <div className="flex justify-end">
+          <PopoverTrigger asChild>
+            <Button variant="ghost" size="sm" className="mb-1" tabIndex={-1}>
+              <SlidersHorizontalIcon />
+              {formatMessage({ id: "issues.filter" })}
+            </Button>
+          </PopoverTrigger>
         </div>
-      )) || (
-        <fieldset className="mb-2 rounded-md border border-gray-200 p-1.5 dark:border-gray-700">
-          <legend className="cursor-pointer px-2 text-right" onClick={() => setShowFilter((show) => !show)}>
-            <FilterButton />
-            <FontAwesomeIcon icon={faX} className="ml-2" />
-          </legend>
-          <div className="-mt-2 flex flex-col gap-y-2">
-            <ReactSelect
-              title={formatMessage({ id: "issues.filter.projects" })}
-              placeholder={formatMessage({ id: "issues.filter.projects" })}
-              noOptionsMessage={() => formatMessage({ id: "issues.filter.projects.no-options" })}
-              options={projects.map((project) => ({ value: project.id, label: project.name }))}
-              isLoading={isLoadingProjects}
-              value={filter.projects.map((id) => ({ value: id, label: projects.find((p) => p.id === id)?.name ?? "..." }))}
-              onChange={(selected) => {
-                setFilter({
-                  ...filter,
-                  projects: selected.map((v) => v.value),
-                });
-              }}
-              isMulti
-              isClearable
-              closeMenuOnSelect={false}
-              menuPortalTarget={document.body}
-            />
-            <CheckBox
-              title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
-              description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
-              checked={filter.hideCompletedIssues}
-              onChange={(e) => setFilter({ ...filter, hideCompletedIssues: e.target.checked })}
-            />
-          </div>
-        </fieldset>
-      )}
+        <PopoverContent className="bg-background w-[18.5rem]">
+          <Form onSubmit={form.handleSubmit}>
+            <FormGrid className="gap-3">
+              <form.AppField
+                name="projects"
+                children={(field) => (
+                  <field.ComboboxField
+                    title={formatMessage({ id: "issues.filter.projects" })}
+                    placeholder={formatMessage({ id: "issues.filter.projects" })}
+                    noOptionsMessage={formatMessage({ id: "issues.filter.projects.no-options" })}
+                    options={projects.map((project) => ({ value: project.id, label: project.name }))}
+                    isLoading={isLoadingProjects}
+                    mode="multiple"
+                  />
+                )}
+              />
+
+              <form.AppField
+                name="hideCompletedIssues"
+                children={(field) => (
+                  <field.CheckboxField
+                    title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
+                    description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
+                    className="border-input dark:bg-input/30 rounded-lg border bg-transparent p-1.5"
+                  />
+                )}
+              />
+            </FormGrid>
+          </Form>
+        </PopoverContent>
+      </Popover>
       {children({ filter, isLoading })}
     </>
   );
 };
 
-const FilterButton = ({ onClick }: { onClick?: MouseEventHandler<HTMLButtonElement> }) => {
-  return (
-    <button className="text-sm" tabIndex={-1} onClick={onClick}>
-      <FontAwesomeIcon icon={faSliders} className="mr-1" />
-      <FormattedMessage id="issues.filter" />
-    </button>
-  );
-};
-
 export default Filter;
diff --git a/src/components/issue/Issue.tsx b/src/components/issue/Issue.tsx
index 6ee8225..717bb79 100644
--- a/src/components/issue/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -1,15 +1,14 @@
-import { faCircleUser, faThumbTack } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
+import { PinIcon, UserIcon } from "lucide-react";
 import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { Tooltip } from "react-tooltip";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { LocalIssue } from "../../hooks/useLocalIssues";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
+import HelpTooltip from "../general/HelpTooltip";
 import Timer from "../timer/Timer";
 import IssueContextMenu from "./IssueContextMenu";
 import IssueTitle from "./IssueTitle";
@@ -51,13 +50,11 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           role="listitem"
           data-type="issue"
           className={clsxm(
-            "relative block w-full rounded-lg p-1",
-            "focus:ring-primary-focus focus:ring-4 focus:outline-hidden",
-            "bg-background hover:bg-background-hover",
-            settings.style.showIssuesPriority
+            "bg-card relative flex w-full flex-col gap-1 rounded-lg p-1",
+            "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]",
+            settings.style.showIssuesPriority && priorityType !== "normal"
               ? {
                   "border-2 border-[#add7f3] dark:border-[#4973f3]/40": priorityType === "lowest",
-                  "border border-gray-200 dark:border-gray-700": priorityType === "normal",
                   "border-2 border-[#fcc] dark:border-[#ff6868]/40": priorityType === "high",
                   "border-2 border-[#ffb4b4] dark:border-[#ff5050]/40": priorityType === "higher" || priorityType === "highest",
                 }
@@ -66,7 +63,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           tabIndex={1}
           // On "Enter" or "Space" => toggle timer
           onKeyDown={(e) => {
-            if (e.key === "Enter" || e.code === "Space") {
+            if ((e.key === "Enter" || e.code === "Space") && e.currentTarget === document.activeElement) {
               if (!canLogTime) return;
 
               primaryTimer.toggleTimer();
@@ -79,11 +76,11 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
             issue={issue}
             priorityType={priorityType}
             className={clsx({
-              "me-4": (localIssue.pinned && assignedToMe) || (!localIssue.pinned && !assignedToMe),
-              "me-9": localIssue.pinned && !assignedToMe,
+              "me-5": (localIssue.pinned && assignedToMe) || (!localIssue.pinned && !assignedToMe),
+              "me-10": localIssue.pinned && !assignedToMe,
             })}
           />
-          <div className="flex flex-row justify-between gap-x-2">
+          <div className="flex justify-between gap-x-2">
             <div className="mt-1">
               <div className="w-[80px] bg-[#eeeeee]">
                 <div className="bg-[#bae0ba] p-1 text-center text-xs leading-none font-medium text-gray-600 select-none" style={{ width: `${issue.done_ratio}%` }}>
@@ -95,7 +92,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
               <div>
                 <Timer timer={primaryTimer} issue={issue} />
                 {timers.length > 1 && (
-                  <div className="pl-3 text-[9px] text-gray-500" onClick={() => setAreTimersExpanded(true)}>
+                  <div className="pl-3 text-xs text-gray-500" onClick={() => setAreTimersExpanded(true)}>
                     <FormattedMessage id="issues.timers.more-timers" values={{ count: timers.length - 1 }} />
                   </div>
                 )}
@@ -109,20 +106,16 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
               ))}
             </div>
           )}
-          <div className="absolute top-2 right-2 flex items-start justify-end gap-x-1">
+          <div className="absolute top-2 right-2 flex items-start justify-end gap-x-2">
             {localIssue.pinned && (
-              <>
-                {settings.style.showTooltips && <Tooltip id={`tooltip-pinned-${issue.id}`} place="left" delayShow={700} content={formatMessage({ id: "issues.issue.pinned" })} className="italic" />}
-                <FontAwesomeIcon icon={faThumbTack} className="rotate-30 text-gray-300 focus:outline-hidden dark:text-gray-600" data-tooltip-id={`tooltip-pinned-${issue.id}`} tabIndex={-1} />
-              </>
+              <HelpTooltip message={formatMessage({ id: "issues.issue.pinned" })}>
+                <PinIcon className="size-3.5 rotate-30 fill-current text-gray-300 focus:outline-hidden dark:text-gray-600" tabIndex={-1} />
+              </HelpTooltip>
             )}
             {!assignedToMe && (
-              <>
-                {settings.style.showTooltips && (
-                  <Tooltip id={`tooltip-not-assigned-to-me-${issue.id}`} place="left" delayShow={700} content={formatMessage({ id: "issues.issue.not-assigned-to-me" })} className="italic" />
-                )}
-                <FontAwesomeIcon icon={faCircleUser} className="text-gray-300 focus:outline-hidden dark:text-gray-600" data-tooltip-id={`tooltip-not-assigned-to-me-${issue.id}`} tabIndex={-1} />
-              </>
+              <HelpTooltip message={formatMessage({ id: "issues.issue.not-assigned-to-me" })}>
+                <UserIcon className="size-3.5 fill-current text-gray-300 focus:outline-hidden dark:text-gray-600" tabIndex={-1} />
+              </HelpTooltip>
             )}
           </div>
         </div>
diff --git a/src/components/issue/IssueContextMenu.tsx b/src/components/issue/IssueContextMenu.tsx
index 0d28014..2aa2669 100644
--- a/src/components/issue/IssueContextMenu.tsx
+++ b/src/components/issue/IssueContextMenu.tsx
@@ -1,14 +1,25 @@
-import { faCopy } from "@fortawesome/free-regular-svg-icons";
-import { faAdd, faArrowUpRightFromSquare, faBan, faBookmark, faNoteSticky, faPause, faPen, faPlay, faStop, faThumbTack, faXmark } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  BookmarkMinusIcon,
+  BookmarkPlusIcon,
+  CopyIcon,
+  NotebookPenIcon,
+  PencilIcon,
+  PinIcon,
+  PinOffIcon,
+  PlusIcon,
+  SquareArrowOutUpRightIcon,
+  TimerIcon,
+  TimerOffIcon,
+  TimerResetIcon,
+} from "lucide-react";
 import { ReactNode, useState } from "react";
 import { useIntl } from "react-intl";
+import { toast } from "sonner";
 import { LocalIssue } from "../../hooks/useLocalIssues";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
-import ContextMenu from "../general/ContextMenu";
-import Toast from "../general/Toast";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
 import AddIssueNotesModal from "./AddIssueNotesModal";
 import EditIssueModal from "./EditIssueModal";
 
@@ -28,115 +39,78 @@ const IssueContextMenu = ({ issue, localIssue, primaryTimer, assignedToMe, canEd
   const { formatMessage } = useIntl();
   const { settings } = useSettings();
 
-  const [copiedIdToClipboard, setCopiedIdToClipboard] = useState(false);
   const [editIssue, setEditIssue] = useState(false);
   const [addNotes, setAddNotes] = useState(false);
 
   return (
     <>
-      <ContextMenu
-        menu={[
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.open-in-redmine" }),
-              icon: <FontAwesomeIcon icon={faArrowUpRightFromSquare} />,
-              onClick: () => {
-                window.open(`${settings.redmineURL}/issues/${issue.id}`, "_blank");
-              },
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.copy-id-to-clipboard" }),
-              icon: <FontAwesomeIcon icon={faCopy} />,
-              onClick: () => {
-                navigator.clipboard.writeText(`#${issue.id}`);
-                setCopiedIdToClipboard(true);
-              },
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "issues.context-menu.edit" }),
-              icon: <FontAwesomeIcon icon={faPen} />,
-              onClick: () => setEditIssue(true),
-              disabled: !canEdit,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.add-notes" }),
-              icon: <FontAwesomeIcon icon={faNoteSticky} />,
-              onClick: () => setAddNotes(true),
-              disabled: !canAddNotes,
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: primaryTimer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" }),
-              icon: <FontAwesomeIcon icon={primaryTimer.isActive ? faPause : faPlay} />,
-              onClick: primaryTimer.isActive ? primaryTimer.pauseTimer : primaryTimer.startTimer,
-              disabled: !canLogTime,
-            },
-            {
-              name: formatMessage({ id: "timer.context-menu.reset" }),
-              icon: <FontAwesomeIcon icon={faStop} />,
-              onClick: primaryTimer.resetTimer,
-              disabled: primaryTimer.getElapsedTime() === 0 || !canLogTime,
-            },
-            {
-              name: formatMessage({ id: "timer.context-menu.add-timer" }),
-              icon: <FontAwesomeIcon icon={faAdd} />,
-              onClick: onAddTimer,
-              disabled: !canLogTime,
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: assignedToMe || localIssue.remembered ? "issues.context-menu.pin" : "issues.context-menu.pin-and-remember" }),
-              icon: <FontAwesomeIcon icon={faThumbTack} className="rotate-30" />,
-              onClick: () => localIssue.setLocalIssue({ pinned: true, remembered: !assignedToMe ? true : undefined }),
-              disabled: localIssue.pinned,
-            },
-            {
-              name: formatMessage({ id: "issues.context-menu.unpin" }),
-              icon: <FontAwesomeIcon icon={faXmark} />,
-              onClick: () => localIssue.setLocalIssue({ pinned: false }),
-              disabled: !localIssue.pinned,
-            },
-          ],
-          ...(!assignedToMe
-            ? [
-                [
-                  {
-                    name: formatMessage({ id: "issues.context-menu.remember" }),
-                    icon: <FontAwesomeIcon icon={faBookmark} />,
-                    onClick: () =>
-                      localIssue.setLocalIssue({
-                        remembered: true,
-                      }),
-                    disabled: localIssue.remembered,
-                  },
-                  {
-                    name: formatMessage({ id: "issues.context-menu.forgot" }),
-                    icon: <FontAwesomeIcon icon={faBan} />,
-                    onClick: () =>
-                      localIssue.setLocalIssue({
-                        remembered: false,
-                      }),
-                    disabled: !localIssue.remembered,
-                  },
-                ],
-              ]
-            : []),
-        ]}
-      >
-        {children}
+      <ContextMenu>
+        <ContextMenuTrigger>{children}</ContextMenuTrigger>
+        <ContextMenuContent>
+          <ContextMenuItem onClick={() => window.open(`${settings.redmineURL}/issues/${issue.id}`, "_blank")}>
+            <SquareArrowOutUpRightIcon />
+            {formatMessage({ id: "issues.context-menu.open-in-redmine" })}
+          </ContextMenuItem>
+          <ContextMenuItem
+            onClick={() => {
+              navigator.clipboard.writeText(`#${issue.id}`);
+              toast.success(formatMessage({ id: "issues.id-copied-to-clipboard" }, { issueId: issue.id }), {
+                duration: 2000,
+              });
+            }}
+          >
+            <CopyIcon />
+            {formatMessage({ id: "issues.context-menu.copy-id-to-clipboard" })}
+          </ContextMenuItem>
+          <ContextMenuSeparator />
+          <ContextMenuItem disabled={!canEdit} onClick={() => setEditIssue(true)}>
+            <PencilIcon />
+            {formatMessage({ id: "issues.context-menu.edit" })}
+          </ContextMenuItem>
+          <ContextMenuItem disabled={!canAddNotes} onClick={() => setAddNotes(true)}>
+            <NotebookPenIcon />
+            {formatMessage({ id: "issues.context-menu.add-notes" })}
+          </ContextMenuItem>
+          <ContextMenuSeparator />
+          <ContextMenuItem onClick={primaryTimer.isActive ? primaryTimer.pauseTimer : primaryTimer.startTimer} disabled={!canLogTime}>
+            {primaryTimer.isActive ? <TimerOffIcon /> : <TimerIcon />}
+            {formatMessage({ id: primaryTimer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" })}
+          </ContextMenuItem>
+          <ContextMenuItem onClick={primaryTimer.resetTimer} disabled={primaryTimer.getElapsedTime() === 0 || !canLogTime}>
+            <TimerResetIcon />
+            {formatMessage({ id: "timer.context-menu.reset" })}
+          </ContextMenuItem>
+          <ContextMenuItem onClick={onAddTimer} disabled={!canLogTime}>
+            <PlusIcon />
+            {formatMessage({ id: "timer.context-menu.add-timer" })}
+          </ContextMenuItem>
+          <ContextMenuSeparator />
+          <ContextMenuItem disabled={localIssue.pinned} onClick={() => localIssue.setLocalIssue({ pinned: true, remembered: !assignedToMe ? true : undefined })}>
+            <PinIcon className="rotate-30" />
+            {formatMessage({ id: assignedToMe || localIssue.remembered ? "issues.context-menu.pin" : "issues.context-menu.pin-and-remember" })}
+          </ContextMenuItem>
+          <ContextMenuItem disabled={!localIssue.pinned} onClick={() => localIssue.setLocalIssue({ pinned: false })}>
+            <PinOffIcon />
+            {formatMessage({ id: "issues.context-menu.unpin" })}
+          </ContextMenuItem>
+          {!assignedToMe && (
+            <>
+              <ContextMenuSeparator />
+              <ContextMenuItem disabled={localIssue.remembered} onClick={() => localIssue.setLocalIssue({ remembered: true })}>
+                <BookmarkPlusIcon />
+                {formatMessage({ id: "issues.context-menu.remember" })}
+              </ContextMenuItem>
+              <ContextMenuItem disabled={!localIssue.remembered} onClick={() => localIssue.setLocalIssue({ remembered: false })}>
+                <BookmarkMinusIcon />
+                {formatMessage({ id: "issues.context-menu.forgot" })}
+              </ContextMenuItem>
+            </>
+          )}
+        </ContextMenuContent>
       </ContextMenu>
 
       {editIssue && <EditIssueModal issue={issue} onClose={() => setEditIssue(false)} onSuccess={() => setEditIssue(false)} />}
       {addNotes && <AddIssueNotesModal issue={issue} onClose={() => setAddNotes(false)} onSuccess={() => setAddNotes(false)} />}
-      {copiedIdToClipboard && (
-        <Toast type="success" message={formatMessage({ id: "issues.id-copied-to-clipboard" }, { issueId: issue.id })} autoClose={2500} onClose={() => setCopiedIdToClipboard(false)} />
-      )}
     </>
   );
 };
diff --git a/src/components/issue/IssueInfoTooltip.tsx b/src/components/issue/IssueInfoTooltip.tsx
index 4ddd534..5528820 100644
--- a/src/components/issue/IssueInfoTooltip.tsx
+++ b/src/components/issue/IssueInfoTooltip.tsx
@@ -1,26 +1,30 @@
 import { parseISO } from "date-fns";
+import { ReactNode } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { Tooltip } from "react-tooltip";
 import useFormatHours from "../../hooks/useFormatHours";
 import { TIssue } from "../../types/redmine";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   issue: TIssue;
-  id?: string;
+  children?: ReactNode;
 };
 
-const IssueInfoTooltip = ({ issue, id = `tooltip-issue-${issue.id}` }: PropTypes) => {
+const IssueInfoTooltip = ({ issue, children }: PropTypes) => {
   const { formatDate } = useIntl();
   const formatHours = useFormatHours();
 
   return (
-    <Tooltip id={id} place="right" className="z-10 opacity-100">
-      <div className="relative max-w-[230px] truncate">
-        <p className="mb-3 text-sm font-semibold">
-          {issue.tracker.name} #{issue.id}
-          <p className="mt-1 truncate text-xs font-normal">{issue.subject}</p>
-        </p>
-        <table className="-mx-1 border-separate border-spacing-x-1 text-left text-sm text-gray-300">
+    <Tooltip>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
+        <div>
+          <p className="text-sm font-semibold">
+            {issue.tracker.name} #{issue.id}
+          </p>
+          <p className="truncate text-xs font-normal">{issue.subject}</p>
+        </div>
+        <table className="-mx-1 border-separate border-spacing-x-1 truncate text-left text-sm">
           <tbody>
             <tr>
               <th className="text-xs font-medium">
@@ -92,10 +96,10 @@ const IssueInfoTooltip = ({ issue, id = `tooltip-issue-${issue.id}` }: PropTypes
             )}
           </tbody>
         </table>
-      </div>
-      <p className="mt-5 italic">
-        <FormattedMessage id="issues.issue-tooltip.open-in-redmine" />
-      </p>
+        <p className="italic">
+          <FormattedMessage id="issues.issue-tooltip.open-in-redmine" />
+        </p>
+      </TooltipContent>
     </Tooltip>
   );
 };
diff --git a/src/components/issue/IssueTitle.tsx b/src/components/issue/IssueTitle.tsx
index 8866633..cf45d97 100644
--- a/src/components/issue/IssueTitle.tsx
+++ b/src/components/issue/IssueTitle.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, useId } from "react";
+import { ComponentProps } from "react";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
@@ -12,22 +12,21 @@ type PropTypes = {
 
 const IssueTitle = ({ issue, priorityType, className, ...props }: PropTypes) => {
   const { settings } = useSettings();
-  const id = useId();
 
   return (
-    <>
-      <h1
-        {...props}
-        className={clsxm(
-          "mb-1 truncate",
-          settings.style.showIssuesPriority && {
-            "text-[#559] dark:text-[#9393ed]": priorityType === "lowest",
-            "text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "higher",
-            "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "highest",
-          },
-          className
-        )}
-      >
+    <h1
+      {...props}
+      className={clsxm(
+        "truncate",
+        settings.style.showIssuesPriority && {
+          "text-[#559] dark:text-[#9393ed]": priorityType === "lowest",
+          "text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "higher",
+          "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "highest",
+        },
+        className
+      )}
+    >
+      <IssueInfoTooltip issue={issue}>
         <a
           href={`${settings.redmineURL}/issues/${issue.id}`}
           target="_blank"
@@ -35,15 +34,13 @@ const IssueTitle = ({ issue, priorityType, className, ...props }: PropTypes) =>
           className={clsxm("text-blue-500 hover:underline", {
             "text-gray-500 line-through hover:line-through": issue.status.is_closed,
           })}
-          data-tooltip-id={`tooltip-issue-${id}`}
           rel="noreferrer"
         >
           {issue.tracker.name} #{issue.id}
-        </a>{" "}
-        {issue.subject}
-      </h1>
-      <IssueInfoTooltip issue={issue} id={`tooltip-issue-${id}`} />
-    </>
+        </a>
+      </IssueInfoTooltip>{" "}
+      {issue.subject}
+    </h1>
   );
 };
 
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 2831ca6..b4a1c4f 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -1,6 +1,5 @@
-import { faMagnifyingGlass, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
+import { PlusIcon, SearchIcon } from "lucide-react";
 import { Fragment, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
@@ -14,6 +13,7 @@ import useTimers from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue, TReference } from "../../types/redmine";
 import { getGroupedIssues, getSortedIssues } from "../../utils/issue";
+import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
 import VersionTooltip from "./VersionTooltip";
@@ -58,7 +58,7 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
             {project && (
               <div
                 className={clsx("flex justify-between gap-x-2", {
-                  "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow-sm": settings.style.stickyScroll,
+                  "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
                 })}
               >
                 <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="max-w-fit truncate text-xs hover:underline" rel="noreferrer">
@@ -68,12 +68,12 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
                 <div className="flex gap-x-2">
                   {projectRoles?.hasProjectPermission(project.id, "add_issues") && (
                     <button type="button" onClick={() => setCreateIssue(project.id)} tabIndex={-1}>
-                      <FontAwesomeIcon icon={faPlus} />
+                      <PlusIcon className="size-4" />
                     </button>
                   )}
                   {onSearchInProject && (
                     <button type="button" onClick={() => onSearchInProject(project)} tabIndex={-1}>
-                      <FontAwesomeIcon icon={faMagnifyingGlass} />
+                      <SearchIcon className="size-4" />
                     </button>
                   )}
                 </div>
@@ -82,23 +82,22 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
             {groups.map(({ type, version, issues }) => (
               <Fragment key={`${type}-${version?.id}`}>
                 {settings.style.groupIssuesByVersion && versions.length > 0 && ["version", "no-version"].includes(type) && (
-                  <>
-                    {version && <VersionTooltip version={version} />}
-                    <div
-                      className={clsx({
-                        "shadow- bg-background shadow-background sticky top-6 z-5 -mx-2 -my-1 px-2 py-1 shadow-sm": settings.style.stickyScroll,
-                      })}
-                    >
-                      <span className="bg-background-inner w-fit truncate rounded-sm px-1.5 text-xs text-gray-950 dark:text-gray-300" data-tooltip-id={`tooltip-version-${version?.id}`}>
+                  <div
+                    className={clsx({
+                      "bg-background shadow-background sticky top-6 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
+                    })}
+                  >
+                    <VersionTooltip version={version}>
+                      <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
                         {type === "version" && version && (
                           <a href={`${settings.redmineURL}/versions/${version.id}`} target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
                             {version.name}
                           </a>
                         )}
                         {type === "no-version" && <FormattedMessage id="issues.version.no-version" />}
-                      </span>
-                    </div>
-                  </>
+                      </Badge>
+                    </VersionTooltip>
+                  </div>
                 )}
 
                 {issues.map((issue) => (
diff --git a/src/components/issue/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
index bf30d30..6134179 100644
--- a/src/components/issue/IssuesListSkeleton.tsx
+++ b/src/components/issue/IssuesListSkeleton.tsx
@@ -1,26 +1,33 @@
 import clsx from "clsx";
 import { Fragment } from "react";
+import { Skeleton } from "../ui/skeleton";
 
 const IssuesListSkeleton = () => {
   return (
     <>
       {[...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => (
         <Fragment key={i}>
-          <div className="bg-background-inner my-0.5 h-2.5 w-28 animate-pulse rounded-full" />
+          <div className="flex justify-between gap-x-2">
+            <Skeleton className="h-4.5 w-28" />
+            <div className="flex items-center gap-x-2">
+              <Skeleton className="size-3" />
+              <Skeleton className="size-3" />
+            </div>
+          </div>
           {[...Array(Math.floor(Math.random() * 5 + 1)).keys()].map((_, i) => {
             return (
-              <div key={i} className={clsx("bg-background relative block w-full animate-pulse rounded-lg border border-gray-200 p-1 dark:border-gray-700")}>
-                <div className="bg-background-inner my-0.5 mb-2 h-2.5 w-52 rounded-full" />
-                <div className="flex flex-row justify-between gap-x-2">
+              <div key={i} role="listitem" data-type="issue" className={clsx("bg-card relative flex w-full flex-col gap-1 rounded-lg p-1", "border-card border")}>
+                <Skeleton className="h-4.5 w-52" />
+                <div className="flex justify-between gap-x-2">
                   <div className="mt-1">
-                    <div className="bg-background-inner h-5 w-[80px] rounded-sm" />
+                    <Skeleton className="h-5 w-[80px] rounded-sm" />
                   </div>
-                  <div className="mr-2 flex flex-col">
-                    <div className="flex items-center justify-end gap-x-3">
-                      <div className="bg-background-inner my-0.5 h-5 w-14 rounded-2xl" />
-                      <div className="bg-background-inner size-5 rounded-full" />
-                      <div className="bg-background-inner size-5 rounded-full" />
-                      <div className="bg-background-inner size-5 rounded-full" />
+                  <div>
+                    <div role="listitem" data-type="timer" className="flex items-center gap-x-3">
+                      <Skeleton className="h-7 w-14" />
+                      <Skeleton className="size-6" />
+                      <Skeleton className="size-6" />
+                      <Skeleton className="size-6" />
                     </div>
                   </div>
                 </div>
diff --git a/src/components/issue/Search.tsx b/src/components/issue/Search.tsx
index b100732..b820b38 100644
--- a/src/components/issue/Search.tsx
+++ b/src/components/issue/Search.tsx
@@ -1,12 +1,12 @@
-import { faChevronRight, faSearch, faX } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ChevronRightIcon, SearchIcon, XIcon } from "lucide-react";
 import { ReactNode, Ref, useImperativeHandle, useRef, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import useDebounce from "../../hooks/useDebounce";
 import useHotKey from "../../hooks/useHotkey";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TReference } from "../../types/redmine";
-import TextInput from "../general/TextInput";
+import { Badge } from "../ui/badge";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../ui/input-group";
 
 export type SearchQuery = {
   searching: boolean;
@@ -76,29 +76,29 @@ const Search = ({ children, ref }: PropTypes) => {
   return (
     <>
       {isSearching && (
-        <div className="relative mb-3">
-          <TextInput
-            ref={searchRef}
-            icon={<FontAwesomeIcon icon={faSearch} />}
-            type="search"
-            name="query"
-            placeholder={formatMessage({ id: "issues.search" })}
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
-            autoFocus
-          />
+        <div className="mb-4 flex flex-col gap-2">
+          <InputGroup>
+            <InputGroupInput ref={searchRef} type="search" name="query" placeholder={formatMessage({ id: "issues.search" })} value={query} onChange={(e) => setQuery(e.target.value)} autoFocus />
+            <InputGroupAddon>
+              <SearchIcon />
+            </InputGroupAddon>
+          </InputGroup>
           {inProject && (
-            <div className="mt-1.5 flex items-center gap-x-1.5 whitespace-nowrap">
-              <FontAwesomeIcon icon={faChevronRight} className="ps-2" />
+            <div className="flex items-center gap-x-1.5 px-1 whitespace-nowrap">
+              <ChevronRightIcon className="size-4 shrink-0" />
               <FormattedMessage
                 id="issues.search.search-in-project"
                 values={{
                   projectName: inProject.name,
-                  badge: (children) => <span className="bg-primary truncate rounded-full px-1.5 text-xs text-white">{children}</span>,
+                  badge: (children) => (
+                    <Badge variant="secondary" className="shrink justify-start">
+                      {children}
+                    </Badge>
+                  ),
                 }}
               />
-              <div className="mr-2 flex grow justify-end">
-                <FontAwesomeIcon icon={faX} className="cursor-pointer" onClick={() => setInProject(undefined)} />
+              <div className="flex grow justify-end">
+                <XIcon className="size-4 cursor-pointer opacity-70 transition-opacity hover:opacity-100" onClick={() => setInProject(undefined)} />
               </div>
             </div>
           )}
diff --git a/src/components/issue/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
index 45d2b6d..2accaab 100644
--- a/src/components/issue/VersionTooltip.tsx
+++ b/src/components/issue/VersionTooltip.tsx
@@ -1,23 +1,30 @@
 import { differenceInDays, parseISO, startOfDay } from "date-fns";
+import { ReactNode } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { Tooltip } from "react-tooltip";
 import { TVersion } from "../../types/redmine";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
-  version: TVersion;
+  version?: TVersion;
+  children?: ReactNode;
 };
 
-const VersionTooltip = ({ version }: PropTypes) => {
+const VersionTooltip = ({ version, children }: PropTypes) => {
   const { formatDate, formatRelativeTime } = useIntl();
 
+  if (!version) return children;
+
   return (
-    <Tooltip id={`tooltip-version-${version.id}`} place="right" className="z-10 opacity-100">
-      <div className="relative max-w-[230px] truncate">
-        <p className="mb-3 text-sm font-semibold">
-          {version.name} {version.due_date && <>({formatRelativeTime(differenceInDays(parseISO(version.due_date), startOfDay(new Date())), "days")})</>}
-          {version.description && <p className="mt-1 truncate text-xs font-normal">{version.description}</p>}
-        </p>
-        <table className="-mx-1 border-separate border-spacing-x-1 text-left text-sm text-gray-300">
+    <Tooltip>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
+        <div>
+          <p className="truncate text-sm font-semibold">
+            {version.name} {version.due_date && <>({formatRelativeTime(differenceInDays(parseISO(version.due_date), startOfDay(new Date())), "days")})</>}
+          </p>
+          {version.description && <p className="truncate text-xs font-normal">{version.description}</p>}
+        </div>
+        <table className="-mx-1 border-separate border-spacing-x-1 text-left text-sm">
           <tbody>
             <tr>
               <th className="text-xs font-medium">
@@ -35,10 +42,10 @@ const VersionTooltip = ({ version }: PropTypes) => {
             )}
           </tbody>
         </table>
-      </div>
-      <p className="mt-5 italic">
-        <FormattedMessage id="issues.version-tooltip.open-in-redmine" />
-      </p>
+        <p className="italic">
+          <FormattedMessage id="issues.version-tooltip.open-in-redmine" />
+        </p>
+      </TooltipContent>
     </Tooltip>
   );
 };
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 2cf4e8f..4db7253 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -1,4 +1,6 @@
 /* eslint-disable react/no-children-prop */
+import { DialogFooter } from "@/components/ui/dialog";
+import { Form, FormGrid } from "@/components/ui/form";
 import { parseISO } from "date-fns";
 import { FormattedMessage, useIntl } from "react-intl";
 import { z } from "zod/v4";
@@ -10,7 +12,6 @@ import useMyUser from "../../../hooks/useMyUser";
 import useProject from "../../../hooks/useProject";
 import { TIssue } from "../../../types/redmine";
 import DismissibleWarning from "../../general/DismissableWarning";
-import IssueTitle from "../IssueTitle";
 import AssigneeField from "./fields/AssigneeField";
 import CategoryField from "./fields/CategoryField";
 import DoneRatioField from "./fields/DoneRatioField";
@@ -43,10 +44,7 @@ const createOrEditIssueFormSchema = ({ formatMessage }: { formatMessage: ReturnT
       fixed_version_id: z.int().nullish(),
       start_date: z.date().nullish(),
       due_date: z.date().nullish(),
-      estimated_hours: z
-        .number()
-        .min(0.01, formatMessage({ id: "issues.issue.field.estimated-hours.validation.greater-than-zero" }))
-        .nullish(),
+      estimated_hours: z.number().nullish(),
       done_ratio: z.int().min(0).max(100).nullish(),
     })
     .check((ctx) => {
@@ -118,13 +116,7 @@ export const IssueForm = (props: PropTypes) => {
   });
 
   return (
-    <form
-      onSubmit={(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        form.handleSubmit();
-      }}
-    >
+    <Form onSubmit={form.handleSubmit}>
       <form.Subscribe
         selector={(state) => {
           const selectedTracker = issueTrackers.data?.find((tracker) => tracker.id === state.values.tracker_id);
@@ -135,24 +127,23 @@ export const IssueForm = (props: PropTypes) => {
           };
         }}
         children={({ selectedTracker, hasTrackerNoEnabledFields }) => (
-          <div className="flex flex-col gap-y-2">
-            {props.action === "edit" && <IssueTitle issue={props.issue} />}
-
-            <div className="grid grid-cols-2 gap-x-2">
+          <>
+            <FormGrid cols={2}>
               <form.AppField
                 name="tracker_id"
                 children={(field) => (
-                  <field.SelectField
+                  <field.ComboboxField
                     title={formatMessage({ id: "issues.issue.field.tracker" })}
                     placeholder={formatMessage({ id: "issues.issue.field.tracker" })}
-                    noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
                     required
-                    size="sm"
-                    options={issueTrackers.data?.map((tracker) => ({
-                      label: tracker.name,
-                      value: tracker.id,
-                    }))}
+                    options={
+                      issueTrackers.data?.map((tracker) => ({
+                        label: tracker.name,
+                        value: tracker.id,
+                      })) ?? []
+                    }
                     isLoading={issueTrackers.isLoading}
+                    className="col-span-1"
                   />
                 )}
                 listeners={{
@@ -168,13 +159,11 @@ export const IssueForm = (props: PropTypes) => {
               <form.AppField
                 name="status_id"
                 children={(field) => (
-                  <field.SelectField
+                  <field.ComboboxField
                     title={formatMessage({ id: "issues.issue.field.status" })}
                     placeholder={formatMessage({ id: "issues.issue.field.status" })}
-                    noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
                     required
-                    isDisabled={props.action === "edit" ? props.issue.allowed_statuses?.length === 0 : true}
-                    size="sm"
+                    disabled={props.action === "edit" ? props.issue.allowed_statuses?.length === 0 : true}
                     options={
                       props.action === "create"
                         ? selectedTracker?.default_status
@@ -185,49 +174,49 @@ export const IssueForm = (props: PropTypes) => {
                               },
                             ]
                           : []
-                        : issueStatuses.data?.map((status) => ({
+                        : (issueStatuses.data?.map((status) => ({
                             label: status.name,
                             value: status.id,
-                          }))
+                          })) ?? [])
                     }
+                    className="col-span-1"
                   />
                 )}
               />
-            </div>
-
-            <form.AppField
-              name="subject"
-              children={(field) => (
-                <field.TextField title={formatMessage({ id: "issues.issue.field.subject" })} placeholder={formatMessage({ id: "issues.issue.field.subject" })} required size="sm" autoFocus />
-              )}
-            />
 
-            {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("description")) && (
               <form.AppField
-                name="description"
+                name="subject"
                 children={(field) => (
-                  <field.TextareaField title={formatMessage({ id: "issues.issue.field.description" })} placeholder={formatMessage({ id: "issues.issue.field.description" })} size="sm" rows={1} />
+                  <field.TextField title={formatMessage({ id: "issues.issue.field.subject" })} placeholder={formatMessage({ id: "issues.issue.field.subject" })} required autoFocus />
                 )}
               />
-            )}
 
-            <div className="grid grid-cols-2 gap-x-2">
-              <div className="flex flex-col gap-y-2">
-                <form.AppField name="priority_id" children={() => <PriorityField required size="sm" />} />
+              {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("description")) && (
+                <form.AppField
+                  name="description"
+                  children={(field) => (
+                    <field.TextareaField title={formatMessage({ id: "issues.issue.field.description" })} placeholder={formatMessage({ id: "issues.issue.field.description" })} rows={1} />
+                  )}
+                />
+              )}
+
+              <FormGrid className="col-span-1">
+                <form.AppField name="priority_id" children={() => <PriorityField required />} />
 
                 {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("assigned_to_id")) && (
-                  <form.AppField name="assigned_to_id" children={() => <AssigneeField projectId={projectId} size="sm" />} />
+                  <form.AppField name="assigned_to_id" children={() => <AssigneeField projectId={projectId} />} />
                 )}
 
                 {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("category_id")) && (
-                  <form.AppField name="category_id" children={() => <CategoryField projectId={projectId} size="sm" />} />
+                  <form.AppField name="category_id" children={() => <CategoryField projectId={projectId} />} />
                 )}
 
                 {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("fixed_version_id")) && (
-                  <form.AppField name="fixed_version_id" children={() => <VersionField projectId={projectId} size="sm" />} />
+                  <form.AppField name="fixed_version_id" children={() => <VersionField projectId={projectId} />} />
                 )}
-              </div>
-              <div className="flex flex-col gap-y-2">
+              </FormGrid>
+
+              <FormGrid className="col-span-1">
                 {(hasTrackerNoEnabledFields || selectedTracker?.enabled_standard_fields?.includes("start_date")) && (
                   <form.Subscribe
                     selector={(state) => ({
@@ -240,10 +229,13 @@ export const IssueForm = (props: PropTypes) => {
                           <field.DateField
                             title={formatMessage({ id: "issues.issue.field.start-date" })}
                             placeholder={formatMessage({ id: "issues.issue.field.start-date" })}
-                            size="sm"
-                            options={{
-                              maxDate: due_date ?? undefined,
-                            }}
+                            disabledDates={
+                              due_date
+                                ? {
+                                    after: due_date,
+                                  }
+                                : undefined
+                            }
                           />
                         )}
                       />
@@ -263,10 +255,13 @@ export const IssueForm = (props: PropTypes) => {
                           <field.DateField
                             title={formatMessage({ id: "issues.issue.field.due-date" })}
                             placeholder={formatMessage({ id: "issues.issue.field.due-date" })}
-                            size="sm"
-                            options={{
-                              minDate: start_date ?? undefined,
-                            }}
+                            disabledDates={
+                              start_date
+                                ? {
+                                    before: start_date,
+                                  }
+                                : undefined
+                            }
                           />
                         )}
                       />
@@ -278,15 +273,14 @@ export const IssueForm = (props: PropTypes) => {
                   <form.AppField
                     name="estimated_hours"
                     children={(field) => (
-                      <field.HoursField title={formatMessage({ id: "issues.issue.field.estimated-hours" })} placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })} size="sm" />
+                      <field.HoursField title={formatMessage({ id: "issues.issue.field.estimated-hours" })} placeholder={formatMessage({ id: "issues.issue.field.estimated-hours" })} />
                     )}
                   />
                 )}
 
-                {hasTrackerNoEnabledFields ||
-                  (selectedTracker?.enabled_standard_fields?.includes("done_ratio") && <form.AppField name="done_ratio" children={() => <DoneRatioField required size="sm" />} />)}
-              </div>
-            </div>
+                {hasTrackerNoEnabledFields || (selectedTracker?.enabled_standard_fields?.includes("done_ratio") && <form.AppField name="done_ratio" children={() => <DoneRatioField required />} />)}
+              </FormGrid>
+            </FormGrid>
 
             {props.action === "create" && issueStatuses.hasIssueNoAllowedStatuses && (
               <DismissibleWarning name="issueNoAllowedStatuses">
@@ -303,13 +297,14 @@ export const IssueForm = (props: PropTypes) => {
             <DismissibleWarning name="unknownWorkflowPermissions">
               <FormattedMessage id="issues.modal.add-issue.unknown-workflow-permissions.warning" />
             </DismissibleWarning>
-
-            <form.AppForm>
-              <form.SubmitButton children={formatMessage({ id: props.action === "create" ? "issues.modal.add-issue.submit" : "issues.modal.edit-issue.submit" })} />
-            </form.AppForm>
-          </div>
+          </>
         )}
       />
-    </form>
+      <DialogFooter>
+        <form.AppForm>
+          <form.SubmitButton children={formatMessage({ id: props.action === "create" ? "issues.modal.add-issue.submit" : "issues.modal.edit-issue.submit" })} />
+        </form.AppForm>
+      </DialogFooter>
+    </Form>
   );
 };
diff --git a/src/components/issue/form/fields/ActivityField.tsx b/src/components/issue/form/fields/ActivityField.tsx
index 9edaeca..b63c251 100644
--- a/src/components/issue/form/fields/ActivityField.tsx
+++ b/src/components/issue/form/fields/ActivityField.tsx
@@ -1,14 +1,14 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps, useEffect } from "react";
 import { useIntl } from "react-intl";
 import useTimeEntryActivities from "../../../../hooks/useTimeEntryActivities";
-import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
   onDefaultActivityChange?: (activityId: number) => void;
 };
 
-const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: ComponentProps<typeof SelectField> & Props) => {
+const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
   const timeEntryActivities = useTimeEntryActivities(projectId);
@@ -20,15 +20,16 @@ const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Compone
   }, [timeEntryActivities.defaultActivity, onDefaultActivityChange]);
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "time.time-entry.field.activity" })}
       placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-      options={timeEntryActivities.data?.map((activity) => ({
-        label: activity.name,
-        value: activity.id,
-      }))}
+      options={
+        timeEntryActivities.data?.map((activity) => ({
+          label: activity.name,
+          value: activity.id,
+        })) ?? []
+      }
       isLoading={timeEntryActivities.isLoading}
     />
   );
diff --git a/src/components/issue/form/fields/AssigneeField.tsx b/src/components/issue/form/fields/AssigneeField.tsx
index 0a76b78..f41b79a 100644
--- a/src/components/issue/form/fields/AssigneeField.tsx
+++ b/src/components/issue/form/fields/AssigneeField.tsx
@@ -1,15 +1,15 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
 import useMyUser from "../../../../hooks/useMyUser";
 import useProjectUsers from "../../../../hooks/useProjectUsers";
 import { getGroupedUsers } from "../../../../utils/user";
-import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const AssigneeField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
+const AssigneeField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -21,12 +21,11 @@ const AssigneeField = ({ projectId, ...props }: ComponentProps<typeof SelectFiel
   const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "issues.issue.field.assignee" })}
       placeholder={formatMessage({ id: "issues.issue.field.assignee" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-      onFocus={() => setLoadUsers(true)}
+      onOpen={() => setLoadUsers(true)}
       options={
         loadUsers
           ? groupedUsers.map(({ role, users }) => ({
diff --git a/src/components/issue/form/fields/CategoryField.tsx b/src/components/issue/form/fields/CategoryField.tsx
index be3fff9..6a9d218 100644
--- a/src/components/issue/form/fields/CategoryField.tsx
+++ b/src/components/issue/form/fields/CategoryField.tsx
@@ -1,13 +1,13 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
 import useProject from "../../../../hooks/useProject";
-import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const CategoryField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
+const CategoryField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
   const project = useProject(projectId);
@@ -15,15 +15,16 @@ const CategoryField = ({ projectId, ...props }: ComponentProps<typeof SelectFiel
   if (project.data?.issue_categories?.length === 0) return null;
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "issues.issue.field.category" })}
       placeholder={formatMessage({ id: "issues.issue.field.category" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-      options={project.data?.issue_categories?.map((category) => ({
-        label: category.name,
-        value: category.id,
-      }))}
+      options={
+        project.data?.issue_categories?.map((category) => ({
+          label: category.name,
+          value: category.id,
+        })) ?? []
+      }
       isLoading={project.isLoading}
     />
   );
diff --git a/src/components/issue/form/fields/DoneRatioField.tsx b/src/components/issue/form/fields/DoneRatioField.tsx
index b2b4fc3..a9ca9b6 100644
--- a/src/components/issue/form/fields/DoneRatioField.tsx
+++ b/src/components/issue/form/fields/DoneRatioField.tsx
@@ -1,9 +1,8 @@
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import { Props } from "react-select";
 import { SelectField } from "../../../form/SelectField";
 
-const DoneRatioField = ({ ...props }: ComponentProps<typeof SelectField> & Props) => {
+const DoneRatioField = ({ ...props }: Omit<ComponentProps<typeof SelectField>, "options">) => {
   const { formatMessage } = useIntl();
 
   return (
@@ -11,7 +10,6 @@ const DoneRatioField = ({ ...props }: ComponentProps<typeof SelectField> & Props
       {...props}
       title={formatMessage({ id: "issues.issue.field.done-ratio" })}
       placeholder={formatMessage({ id: "issues.issue.field.done-ratio" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
       options={[0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((value) => ({
         label: `${value} %`,
         value,
diff --git a/src/components/issue/form/fields/DoneSliderField.tsx b/src/components/issue/form/fields/DoneSliderField.tsx
index 8b520ef..9069c1d 100644
--- a/src/components/issue/form/fields/DoneSliderField.tsx
+++ b/src/components/issue/form/fields/DoneSliderField.tsx
@@ -1,3 +1,4 @@
+import { Field } from "@/components/ui/field";
 import clsx from "clsx";
 import { ComponentProps } from "react";
 import { useFieldContext } from "../../../../hooks/useAppForm";
@@ -6,21 +7,23 @@ const DoneSliderField = ({ className, ...props }: Omit<ComponentProps<"input">,
   const { state, handleChange, handleBlur } = useFieldContext<number>();
 
   return (
-    <div className={clsx("relative", className)}>
-      <input
-        {...props}
-        value={state.value}
-        onChange={(e) => handleChange(e.target.valueAsNumber)}
-        onBlur={handleBlur}
-        min="0"
-        max="100"
-        step="10"
-        type="range"
-        className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus:ring-primary-focus focus:ring-2 focus:outline-hidden")}
-        style={{ background: `linear-gradient(90deg, #bae0ba ${state.value * 0.9 + 10}%, #eeeeee ${state.value * 0.9 + 10}%)` }}
-      />
-      <p className="pointer-events-none absolute top-1 left-1 text-xs leading-none font-medium text-gray-600 select-none">{state.value}%</p>
-    </div>
+    <Field className={className}>
+      <div className="relative mt-1">
+        <input
+          {...props}
+          value={state.value}
+          onChange={(e) => handleChange(e.target.valueAsNumber)}
+          onBlur={handleBlur}
+          min="0"
+          max="100"
+          step="10"
+          type="range"
+          className={clsx("h-5 w-[80px] cursor-pointer appearance-none border-transparent", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]")}
+          style={{ background: `linear-gradient(90deg, #bae0ba ${state.value * 0.9 + 10}%, #eeeeee ${state.value * 0.9 + 10}%)` }}
+        />
+        <p className="pointer-events-none absolute top-1 left-1 text-xs leading-none font-medium text-gray-600 select-none">{state.value}%</p>
+      </div>
+    </Field>
   );
 };
 
diff --git a/src/components/issue/form/fields/PriorityField.tsx b/src/components/issue/form/fields/PriorityField.tsx
index d9a1f26..42515c3 100644
--- a/src/components/issue/form/fields/PriorityField.tsx
+++ b/src/components/issue/form/fields/PriorityField.tsx
@@ -1,23 +1,24 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
 import useIssuePriorities from "../../../../hooks/useIssuePriorities";
-import { SelectField } from "../../../form/SelectField";
 
-const PriorityField = (props: ComponentProps<typeof SelectField>) => {
+const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "options">) => {
   const { formatMessage } = useIntl();
 
   const issuePriorities = useIssuePriorities();
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "issues.issue.field.priority" })}
       placeholder={formatMessage({ id: "issues.issue.field.priority" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-      options={issuePriorities.data?.map((priority) => ({
-        label: priority.name,
-        value: priority.id,
-      }))}
+      options={
+        issuePriorities.data?.map((priority) => ({
+          label: priority.name,
+          value: priority.id,
+        })) ?? []
+      }
       isLoading={issuePriorities.isLoading}
     />
   );
diff --git a/src/components/issue/form/fields/VersionField.tsx b/src/components/issue/form/fields/VersionField.tsx
index af3ad60..a6154db 100644
--- a/src/components/issue/form/fields/VersionField.tsx
+++ b/src/components/issue/form/fields/VersionField.tsx
@@ -1,13 +1,13 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
 import useProjectVersions from "../../../../hooks/useProjectVersions";
-import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const VersionField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
+const VersionField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
   const projectVersions = useProjectVersions([projectId]);
@@ -15,17 +15,18 @@ const VersionField = ({ projectId, ...props }: ComponentProps<typeof SelectField
   if (projectVersions.data[projectId]?.length === 0) return null;
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "issues.issue.field.version" })}
       placeholder={formatMessage({ id: "issues.issue.field.version" })}
-      noOptionsMessage={() => formatMessage({ id: "general.no-options" })}
-      options={projectVersions.data[projectId]
-        ?.filter((version) => version.status === "open")
-        .map((version) => ({
-          label: version.name,
-          value: version.id,
-        }))}
+      options={
+        projectVersions.data[projectId]
+          ?.filter((version) => version.status === "open")
+          .map((version) => ({
+            label: version.name,
+            value: version.id,
+          })) ?? []
+      }
       isLoading={projectVersions.isLoading}
     />
   );
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index 3e0f559..6a05dd6 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -1,7 +1,5 @@
 /* eslint-disable react/no-children-prop */
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import clsx from "clsx";
 import { startOfDay } from "date-fns";
 import { useIntl } from "react-intl";
 import z from "zod/v4";
@@ -12,14 +10,13 @@ import useMyUser from "../../hooks/useMyUser";
 import useProject from "../../hooks/useProject";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TCreateTimeEntry, TIssue, TRedmineError, TUpdateIssue } from "../../types/redmine";
-import Fieldset from "../general/Fieldset";
-import Modal from "../general/Modal";
-import Toast from "../general/Toast";
+import { TCreateTimeEntry, TIssue, TUpdateIssue } from "../../types/redmine";
 import ActivityField from "../issue/form/fields/ActivityField";
 import { DoneSliderField } from "../issue/form/fields/DoneSliderField";
 import IssueTitle from "../issue/IssueTitle";
 import SpentVsEstimatedTime from "../issue/SpentVsEstimatedTime";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
+import { Form, FormFieldset, FormGrid } from "../ui/form";
 import UserField from "./form/fields/UserField";
 import TimeEntryPreview from "./TimeEntryPreview";
 
@@ -68,6 +65,9 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
         });
       }
     },
+    meta: {
+      successMessage: formatMessage({ id: "issues.modal.add-spent-time.success" }),
+    },
   });
 
   const updateIssueMutation = useMutation({
@@ -138,9 +138,9 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
 
   return (
     <>
-      <Modal
-        title={formatMessage({ id: "issues.modal.add-spent-time.title" })}
-        onClose={() => {
+      <Dialog
+        open
+        onOpenChange={() => {
           // if comment exist => save/update comment
           const comment = form.state.values.comments;
           if (cachedComments.isEnabled && (comment || cachedComments.isCached)) {
@@ -150,140 +150,106 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
           onClose();
         }}
       >
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            form.handleSubmit();
-          }}
-        >
-          <div className="flex flex-col gap-y-2">
+        <DialogContent>
+          <Form onSubmit={form.handleSubmit}>
+            <DialogHeader>
+              <DialogTitle>{formatMessage({ id: "issues.modal.add-spent-time.title" })}</DialogTitle>
+            </DialogHeader>
             <IssueTitle issue={issue} />
+            <FormGrid cols={2}>
+              <form.AppField name="done_ratio" children={() => <DoneSliderField className="col-span-1 self-center" />} />
 
-            <div className="flex justify-between gap-x-3">
-              <form.AppField name="done_ratio" children={() => <DoneSliderField className="mb-1" />} />
+              <form.Subscribe selector={(state) => state.values.hours} children={(hours) => <SpentVsEstimatedTime issue={issue} previewHours={hours} className="col-span-1 justify-self-end" />} />
 
-              <form.Subscribe selector={(state) => state.values.hours} children={(hours) => <SpentVsEstimatedTime issue={issue} previewHours={hours} />} />
-            </div>
+              <form.Subscribe
+                selector={(state) => ({
+                  hours: state.values.hours,
+                  spent_on: state.values.spent_on,
+                })}
+                children={({ hours, spent_on }) => <TimeEntryPreview date={startOfDay(spent_on)} previewHours={hours} />}
+              />
 
-            <form.Subscribe
-              selector={(state) => ({
-                hours: state.values.hours,
-                spent_on: state.values.spent_on,
-              })}
-              children={({ hours, spent_on }) => <TimeEntryPreview date={startOfDay(spent_on)} previewHours={hours} />}
-            />
+              <FormFieldset>
+                <FormGrid cols={2}>
+                  <form.AppField
+                    name="hours"
+                    children={(field) => (
+                      <field.HoursField
+                        title={formatMessage({ id: "time.time-entry.field.hours" })}
+                        placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
+                        required
+                        {...(settings.style.timeFormat === "decimal" && {
+                          max: "24",
+                        })}
+                        autoFocus={field.state.value === 0}
+                        className="col-span-1"
+                      />
+                    )}
+                  />
 
-            <Fieldset className="flex flex-col gap-y-2">
-              <div
-                className={clsx("grid gap-x-2", {
-                  "grid-cols-5": settings.style.timeFormat === "decimal",
-                  "grid-cols-4": settings.style.timeFormat === "minutes",
-                })}
-              >
-                <form.AppField
-                  name="hours"
-                  children={(field) => (
-                    <field.HoursField
-                      title={formatMessage({ id: "time.time-entry.field.hours" })}
-                      placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                      required
-                      size="sm"
-                      className={clsx({
-                        "col-span-3": settings.style.timeFormat === "decimal",
-                        "col-span-2": settings.style.timeFormat === "minutes",
-                      })}
-                      {...(settings.style.timeFormat === "decimal" && {
-                        max: "24",
-                      })}
-                      autoFocus={field.state.value === 0}
-                    />
-                  )}
-                />
+                  <form.AppField
+                    name="spent_on"
+                    children={(field) => (
+                      <field.DateField
+                        title={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                        placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                        required
+                        disabledDates={{
+                          after: new Date(),
+                        }}
+                        className="col-span-1"
+                      />
+                    )}
+                  />
 
-                <form.AppField
-                  name="spent_on"
-                  children={(field) => (
-                    <field.DateField
-                      title={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                      placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                      required
-                      size="sm"
-                      options={{
-                        maxDate: new Date(),
-                      }}
-                      className="col-span-2"
-                    />
+                  {projectRoles.hasProjectPermission(issue.project.id, "log_time_for_other_users") && (
+                    <form.AppField name="user_id" children={() => <UserField projectId={issue.project.id} mode="multiple" />} />
                   )}
-                />
-              </div>
-
-              {projectRoles.hasProjectPermission(issue.project.id, "log_time_for_other_users") && (
-                <form.AppField name="user_id" children={() => <UserField projectId={issue.project.id} size="sm" isMulti closeMenuOnSelect={false} />} />
-              )}
 
-              <form.AppField
-                name="comments"
-                children={(field) => (
-                  <field.TextField
-                    title={formatMessage({ id: "time.time-entry.field.comments" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.comments" })}
-                    size="sm"
-                    autoFocus={field.form.state.values.hours > 0}
+                  <form.AppField
+                    name="comments"
+                    children={(field) => (
+                      <field.TextField
+                        title={formatMessage({ id: "time.time-entry.field.comments" })}
+                        placeholder={formatMessage({ id: "time.time-entry.field.comments" })}
+                        autoFocus={field.form.state.values.hours > 0}
+                      />
+                    )}
                   />
-                )}
-              />
 
-              <form.AppField
-                name="activity_id"
-                children={(field) => <ActivityField projectId={issue.project.id} onDefaultActivityChange={(activityId) => field.setValue(activityId)} required size="sm" />}
-              />
-            </Fieldset>
+                  <form.AppField
+                    name="activity_id"
+                    children={(field) => <ActivityField projectId={issue.project.id} onDefaultActivityChange={(activityId) => field.setValue(activityId)} required />}
+                  />
+                </FormGrid>
+              </FormFieldset>
 
-            {settings.features.addNotes && projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
-              <form.Subscribe
-                selector={(state) => state.values.add_notes}
-                children={(add_notes) =>
-                  !add_notes ? (
-                    <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
-                  ) : (
-                    <Fieldset legend={formatMessage({ id: "issues.issue.field.notes" })} className="flex flex-col gap-y-2">
+              {settings.features.addNotes && projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
+                <form.Subscribe
+                  selector={(state) => state.values.add_notes}
+                  children={(add_notes) =>
+                    !add_notes ? (
                       <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
-                      <form.AppField name="notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} size="sm" />} />
-                    </Fieldset>
-                  )
-                }
-              />
-            )}
-
-            <form.AppForm>
-              <form.SubmitButton children={formatMessage({ id: "issues.modal.add-spent-time.submit" })} />
-            </form.AppForm>
-          </div>
-        </form>
-      </Modal>
-      {createTimeEntryMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(createTimeEntryMutation.error)
-              ? ((createTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (createTimeEntryMutation.error as AxiosError).message)
-              : (createTimeEntryMutation.error as Error).message
-          }
-        />
-      )}
-      {updateIssueMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateIssueMutation.error)
-              ? ((updateIssueMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateIssueMutation.error as AxiosError).message)
-              : (updateIssueMutation.error as Error).message
-          }
-        />
-      )}
+                    ) : (
+                      <FormFieldset legend={formatMessage({ id: "issues.issue.field.notes" })}>
+                        <FormGrid>
+                          <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                          <form.AppField name="notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} />} />
+                        </FormGrid>
+                      </FormFieldset>
+                    )
+                  }
+                />
+              )}
+            </FormGrid>
+            <DialogFooter>
+              <form.AppForm>
+                <form.SubmitButton children={formatMessage({ id: "issues.modal.add-spent-time.submit" })} />
+              </form.AppForm>
+            </DialogFooter>
+          </Form>
+        </DialogContent>
+      </Dialog>
     </>
   );
 };
diff --git a/src/components/time-entry/EditTimeEntryModal.tsx b/src/components/time-entry/EditTimeEntryModal.tsx
index b6fbf9c..9ea61e0 100644
--- a/src/components/time-entry/EditTimeEntryModal.tsx
+++ b/src/components/time-entry/EditTimeEntryModal.tsx
@@ -1,7 +1,5 @@
 /* eslint-disable react/no-children-prop */
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { AxiosError, isAxiosError } from "axios";
-import clsx from "clsx";
 import { parseISO } from "date-fns";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
@@ -9,12 +7,12 @@ import { useAppForm } from "../../hooks/useAppForm";
 import useIssue from "../../hooks/useIssue";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TRedmineError, TTimeEntry, TUpdateTimeEntry } from "../../types/redmine";
-import { clsxm } from "../../utils/clsxm";
-import Modal from "../general/Modal";
-import TextInput from "../general/TextInput";
-import Toast from "../general/Toast";
+import { TTimeEntry, TUpdateTimeEntry } from "../../types/redmine";
 import ActivityField from "../issue/form/fields/ActivityField";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
+import { Field, FieldLabel } from "../ui/field";
+import { Form, FormGrid } from "../ui/form";
+import { Input } from "../ui/input";
 
 type PropTypes = {
   entry: TTimeEntry;
@@ -29,7 +27,7 @@ const editTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnType<
       .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
       .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
     spent_on: z.date(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
-    comments: z.string().optional(),
+    comments: z.string().nullish(),
     activity_id: z.int(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
   });
 
@@ -52,6 +50,9 @@ const EditTimeEntryModal = ({ entry, onClose, onSuccess }: PropTypes) => {
         queryKey: ["timeEntries"],
       });
     },
+    meta: {
+      successMessage: formatMessage({ id: "time.modal.edit-time-entry.success" }),
+    },
   });
 
   const form = useAppForm({
@@ -73,108 +74,71 @@ const EditTimeEntryModal = ({ entry, onClose, onSuccess }: PropTypes) => {
   });
 
   return (
-    <>
-      <Modal title={formatMessage({ id: "time.modal.edit-time-entry.title" })} onClose={onClose}>
-        <form
-          onSubmit={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            form.handleSubmit();
-          }}
-        >
-          <div className="flex flex-col gap-y-2">
-            <TextInput
-              name="project_id"
-              title={formatMessage({ id: "time.time-entry.field.project" })}
-              placeholder={formatMessage({ id: "time.time-entry.field.project" })}
-              required
-              disabled
-              size="sm"
-              value={entry.project.name}
-            />
+    <Dialog open onOpenChange={onClose}>
+      <DialogContent>
+        <Form onSubmit={form.handleSubmit}>
+          <DialogHeader>
+            <DialogTitle>{formatMessage({ id: "time.modal.edit-time-entry.title" })}</DialogTitle>
+          </DialogHeader>
+          <FormGrid cols={2}>
+            <Field>
+              <FieldLabel required>{formatMessage({ id: "time.time-entry.field.project" })}</FieldLabel>
+              <Input name="project_id" placeholder={formatMessage({ id: "time.time-entry.field.project" })} value={entry.project.name} disabled />
+            </Field>
 
             {issue.data && (
-              <TextInput
-                name="issue_id"
-                title={formatMessage({ id: "time.time-entry.field.issue" })}
-                placeholder={formatMessage({ id: "time.time-entry.field.issue" })}
-                required
-                disabled
-                size="sm"
-                value={`${issue.data.tracker.name} #${issue.data.id}: ${issue.data.subject}`}
-              />
+              <Field>
+                <FieldLabel required>{formatMessage({ id: "time.time-entry.field.issue" })}</FieldLabel>
+                <Input name="issue_id" placeholder={formatMessage({ id: "time.time-entry.field.issue" })} value={`${issue.data.tracker.name} #${issue.data.id}: ${issue.data.subject}`} disabled />
+              </Field>
             )}
 
-            <div
-              className={clsxm("grid gap-x-2", {
-                "grid-cols-5": settings.style.timeFormat === "decimal",
-                "grid-cols-4": settings.style.timeFormat === "minutes",
-              })}
-            >
-              <form.AppField
-                name="hours"
-                children={(field) => (
-                  <field.HoursField
-                    title={formatMessage({ id: "time.time-entry.field.hours" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
-                    required
-                    size="sm"
-                    className={clsx({
-                      "col-span-3": settings.style.timeFormat === "decimal",
-                      "col-span-2": settings.style.timeFormat === "minutes",
-                    })}
-                    {...(settings.style.timeFormat === "decimal" && {
-                      max: "24",
-                    })}
-                    autoFocus={field.state.value === 0}
-                  />
-                )}
-              />
-
-              <form.AppField
-                name="spent_on"
-                children={(field) => (
-                  <field.DateField
-                    title={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                    placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
-                    required
-                    size="sm"
-                    options={{
-                      maxDate: new Date(),
-                    }}
-                    className="col-span-2"
-                  />
-                )}
-              />
-            </div>
+            <form.AppField
+              name="hours"
+              children={(field) => (
+                <field.HoursField
+                  title={formatMessage({ id: "time.time-entry.field.hours" })}
+                  placeholder={formatMessage({ id: "time.time-entry.field.hours" })}
+                  required
+                  {...(settings.style.timeFormat === "decimal" && {
+                    max: "24",
+                  })}
+                  autoFocus={field.state.value === 0}
+                  className="col-span-1"
+                />
+              )}
+            />
 
             <form.AppField
-              name="comments"
+              name="spent_on"
               children={(field) => (
-                <field.TextField title={formatMessage({ id: "time.time-entry.field.comments" })} placeholder={formatMessage({ id: "time.time-entry.field.comments" })} size="sm" autoFocus />
+                <field.DateField
+                  title={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                  placeholder={formatMessage({ id: "time.time-entry.field.spent-on" })}
+                  required
+                  disabledDates={{
+                    after: new Date(),
+                  }}
+                  className="col-span-1"
+                />
               )}
             />
 
-            <form.AppField name="activity_id" children={() => <ActivityField projectId={entry.project.id} required size="sm" />} />
+            <form.AppField
+              name="comments"
+              children={(field) => <field.TextField title={formatMessage({ id: "time.time-entry.field.comments" })} placeholder={formatMessage({ id: "time.time-entry.field.comments" })} autoFocus />}
+            />
 
+            <form.AppField name="activity_id" children={() => <ActivityField projectId={entry.project.id} required />} />
+          </FormGrid>
+          <DialogFooter>
             <form.AppForm>
               <form.SubmitButton children={formatMessage({ id: "time.modal.edit-time-entry.submit" })} />
             </form.AppForm>
-          </div>
-        </form>
-      </Modal>
-      {updateTimeEntryMutation.isError && (
-        <Toast
-          type="error"
-          allowClose={false}
-          message={
-            isAxiosError(updateTimeEntryMutation.error)
-              ? ((updateTimeEntryMutation.error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") ?? (updateTimeEntryMutation.error as AxiosError).message)
-              : (updateTimeEntryMutation.error as Error).message
-          }
-        />
-      )}
-    </>
+          </DialogFooter>
+        </Form>
+      </DialogContent>
+    </Dialog>
   );
 };
 
diff --git a/src/components/time-entry/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
index e83ba92..56631c1 100644
--- a/src/components/time-entry/TimeEntry.tsx
+++ b/src/components/time-entry/TimeEntry.tsx
@@ -1,8 +1,8 @@
 import { Fragment } from "react";
-import { Tooltip } from "react-tooltip";
 import useFormatHours from "../../hooks/useFormatHours";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import { TTimeEntry } from "../../types/redmine";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 import TimeEntryContextMenu from "./TimeEntryContextMenu";
 import TimeEntryTooltip from "./TimeEntryTooltip";
 
@@ -24,47 +24,47 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
     <div role="row" className="flex items-center gap-x-0.5">
       {entries.map((entry) => (
         <Fragment key={entry.id}>
-          <TimeEntryTooltip entry={entry} />
-          {withContextMenu ? (
-            <TimeEntryContextMenu
-              entry={entry}
-              projectRoles={projectRoles}
-              role="cell"
-              data-type="time-entry"
-              className="bg-primary h-4 rounded-sm"
-              style={{
-                width: `${(entry.hours / maxHours) * 100}%`,
-              }}
-              data-tooltip-id={`tooltip-time-entry-${entry.id}`}
-            />
-          ) : (
+          <TimeEntryTooltip entry={entry}>
+            {withContextMenu ? (
+              <TimeEntryContextMenu
+                entry={entry}
+                projectRoles={projectRoles}
+                role="cell"
+                data-type="time-entry"
+                className="bg-primary h-4 rounded-sm"
+                style={{
+                  width: `${(entry.hours / maxHours) * 100}%`,
+                }}
+              />
+            ) : (
+              <div
+                role="cell"
+                data-type="time-entry"
+                className="bg-primary h-4 rounded-sm"
+                style={{
+                  width: `${(entry.hours / maxHours) * 100}%`,
+                }}
+              />
+            )}
+          </TimeEntryTooltip>
+        </Fragment>
+      ))}
+      {(previewHours && (
+        <Tooltip>
+          <TooltipTrigger asChild>
             <div
-              role="cell"
-              data-type="time-entry"
-              className="bg-primary h-4 rounded-sm"
+              className="bg-primary h-4 rounded-sm opacity-50"
               style={{
-                width: `${(entry.hours / maxHours) * 100}%`,
+                width: `${(previewHours / maxHours) * 100}%`,
+                backgroundSize: "1rem 1rem",
+                backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)",
               }}
-              data-tooltip-id={`tooltip-time-entry-${entry.id}`}
             />
-          )}
-        </Fragment>
-      ))}
-      {(previewHours && (
-        <>
-          <Tooltip id={`tooltip-time-entry-preview`} place="bottom" className="z-10 opacity-100">
+          </TooltipTrigger>
+          <TooltipContent>
             <p className="text-sm font-semibold">{formatHours(previewHours)}</p>
-          </Tooltip>
-          <div
-            className="bg-primary h-4 rounded-sm opacity-50"
-            style={{
-              width: `${(previewHours / maxHours) * 100}%`,
-              backgroundSize: "1rem 1rem",
-              backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)",
-            }}
-            data-tooltip-id={`tooltip-time-entry-preview`}
-          />
-        </>
+          </TooltipContent>
+        </Tooltip>
       )) ||
         undefined}
       <div
diff --git a/src/components/time-entry/TimeEntryContextMenu.tsx b/src/components/time-entry/TimeEntryContextMenu.tsx
index 9815f85..27c55fe 100644
--- a/src/components/time-entry/TimeEntryContextMenu.tsx
+++ b/src/components/time-entry/TimeEntryContextMenu.tsx
@@ -1,17 +1,16 @@
-import { faArrowUpRightFromSquare, faPen } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { PencilIcon, SquareArrowOutUpRightIcon } from "lucide-react";
 import { ComponentProps, useState } from "react";
 import { useIntl } from "react-intl";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TTimeEntry } from "../../types/redmine";
-import ContextMenu from "../general/ContextMenu";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
 import EditTimeEntryModal from "./EditTimeEntryModal";
 
 type PropTypes = {
   entry: TTimeEntry;
   projectRoles: ReturnType<typeof useMyProjectRoles>;
-} & Omit<ComponentProps<typeof ContextMenu>, "menu">;
+} & ComponentProps<typeof ContextMenuTrigger>;
 
 function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropTypes) {
   const { formatMessage } = useIntl();
@@ -22,30 +21,25 @@ function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropT
 
   return (
     <>
-      <ContextMenu
-        {...props}
-        menu={[
-          [
-            {
-              name: formatMessage({ id: "time.time-entry.context-menu.open-in-redmine" }),
-              icon: <FontAwesomeIcon icon={faArrowUpRightFromSquare} />,
-              onClick: () => {
-                window.open(`${settings.redmineURL}/time_entries/${entry.id}/edit`, "_blank");
-              },
-            },
-          ],
-          [
-            {
-              name: formatMessage({ id: "time.time-entry.context-menu.edit" }),
-              icon: <FontAwesomeIcon icon={faPen} />,
-              onClick: () => setEdit(true),
-              disabled: !projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries"),
-            },
-          ],
-        ]}
-      >
-        {children}
+      <ContextMenu>
+        <ContextMenuTrigger {...props}>{children}</ContextMenuTrigger>
+        <ContextMenuContent>
+          <ContextMenuItem
+            onClick={() => {
+              window.open(`${settings.redmineURL}/time_entries/${entry.id}/edit`, "_blank");
+            }}
+          >
+            <SquareArrowOutUpRightIcon />
+            {formatMessage({ id: "time.time-entry.context-menu.open-in-redmine" })}
+          </ContextMenuItem>
+          <ContextMenuSeparator />
+          <ContextMenuItem onClick={() => setEdit(true)} disabled={!projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries")}>
+            <PencilIcon />
+            {formatMessage({ id: "time.time-entry.context-menu.edit" })}
+          </ContextMenuItem>
+        </ContextMenuContent>
       </ContextMenu>
+
       {edit && <EditTimeEntryModal entry={entry} onClose={() => setEdit(false)} onSuccess={() => setEdit(false)} />}
     </>
   );
diff --git a/src/components/time-entry/TimeEntryList.tsx b/src/components/time-entry/TimeEntryList.tsx
index b89ab45..701aa56 100644
--- a/src/components/time-entry/TimeEntryList.tsx
+++ b/src/components/time-entry/TimeEntryList.tsx
@@ -1,8 +1,10 @@
 import { addDays, format, isFuture, isMonday, isWeekend, parseISO, previousMonday, startOfDay, subWeeks } from "date-fns";
+import { ClockIcon } from "lucide-react";
 import { useIntl } from "react-intl";
 import useFormatHours from "../../hooks/useFormatHours";
 import { TTimeEntry } from "../../types/redmine";
 import { roundHours } from "../../utils/date";
+import { Badge } from "../ui/badge";
 import TimeEntry from "./TimeEntry";
 
 type PropTypes = {
@@ -43,7 +45,7 @@ const TimeEntryList = ({ entries }: PropTypes) => {
   const monday = isMonday(today) ? today : previousMonday(today);
 
   return (
-    <>
+    <div className="flex flex-col gap-5">
       {Array(2)
         .fill(monday)
         .map((d, i) => subWeeks(d, i))
@@ -53,17 +55,15 @@ const TimeEntryList = ({ entries }: PropTypes) => {
             .map((d, i) => addDays(d, 6 - i));
           const summedHours = groupedEntries.filter((entries) => days.find((d) => d.getTime() === entries.date.getTime())).reduce((sum, entry) => sum + entry.hours, 0);
           return (
-            <div role="group" className="mb-5 flex flex-col gap-y-1" key={i}>
+            <div role="group" className="flex flex-col gap-y-1" key={i}>
               <div className="flex items-center gap-x-3">
                 <h1 className="text-lg">
                   {formatDate(monday)} - {formatDate(addDays(monday, 6))}
                 </h1>
-                <span className="border-primary bg-background-inner text-primary inline-flex items-center rounded-sm border px-2.5 py-0.5 text-xs font-medium">
-                  <svg aria-hidden="true" className="mr-1 size-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-                    <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clipRule="evenodd"></path>
-                  </svg>
+                <Badge variant="secondary">
+                  <ClockIcon />
                   {formatHours(roundHours(summedHours))}
-                </span>
+                </Badge>
               </div>
               {days.map((d, i) => {
                 if (isFuture(d)) return;
@@ -80,7 +80,7 @@ const TimeEntryList = ({ entries }: PropTypes) => {
                 return (
                   <div className="flex items-center gap-x-1" key={i}>
                     <h4 className="w-8 text-sm">{format(date, "EEE")}</h4>
-                    <h3 className="w-14 truncate text-end text-sm font-semibold">{formatHours(roundHours(hours))}</h3>
+                    <h3 className="w-17 truncate text-end text-sm font-semibold">{formatHours(roundHours(hours))}</h3>
                     <div className="grow">
                       <TimeEntry entries={groupEntries} maxHours={maxHours > 0 ? maxHours : undefined} withContextMenu />
                     </div>
@@ -90,7 +90,7 @@ const TimeEntryList = ({ entries }: PropTypes) => {
             </div>
           );
         })}
-    </>
+    </div>
   );
 };
 
diff --git a/src/components/time-entry/TimeEntryListSkeleton.tsx b/src/components/time-entry/TimeEntryListSkeleton.tsx
index 287f318..3c9f3b0 100644
--- a/src/components/time-entry/TimeEntryListSkeleton.tsx
+++ b/src/components/time-entry/TimeEntryListSkeleton.tsx
@@ -1,29 +1,41 @@
+import { Skeleton } from "../ui/skeleton";
+
 const TimeEntryListSkeleton = () => {
   return (
-    <>
+    <div className="flex flex-col gap-5">
       {[...Array(2).keys()].map((i) => {
         return (
-          <div className="mb-5 flex animate-pulse flex-col gap-y-1" key={i}>
+          <div key={i} role="group" className="flex flex-col gap-y-1">
             <div className="flex items-center gap-x-3">
-              <h1 className="bg-background-inner h-4 w-40"></h1>
-              <span className="bg-background-inner h-5 w-12 rounded-sm"></span>
+              <Skeleton className="h-7 w-40" />
+              <Skeleton className="h-5.5 w-15" />
             </div>
             {[...Array(5).keys()].map((i) => {
+              const entries = [...Array(Math.floor(Math.random() * 4 + 1)).keys()].map(() => Math.floor(Math.random() * 2 + 1) / 8);
+              const sumHours = entries.reduce((sum, entry) => sum + entry, 0);
               return (
-                <div className="flex items-center gap-x-1" key={i}>
-                  <h4 className="bg-background-inner h-3 w-8"></h4>
-                  <h3 className="bg-background-inner h-3 w-14 justify-self-end"></h3>
+                <div key={i} className="flex items-center gap-x-1">
+                  <Skeleton className="h-5 w-8" />
+                  <Skeleton className="h-5 w-17 justify-self-end" />
                   <div className="grow">
-                    <div className="flex items-center gap-x-0.5">
-                      {[...Array(Math.floor(Math.random() * 4 + 1)).keys()].map((i) => (
-                        <div
-                          className="bg-background-inner h-4 rounded-sm"
+                    <div role="row" className="flex items-center gap-x-0.5">
+                      {entries.map((hours, i) => (
+                        <Skeleton
+                          key={i}
+                          role="cell"
+                          data-type="time-entry"
+                          className="h-4"
                           style={{
-                            width: `${(Math.floor(Math.random() * 2 + 1) / 8) * 100}%`,
+                            width: `${hours * 100}%`,
                           }}
-                          key={i}
                         />
                       ))}
+                      <Skeleton
+                        className="h-3"
+                        style={{
+                          width: `${((24 - sumHours) / 24) * 100}%`,
+                        }}
+                      />
                     </div>
                   </div>
                 </div>
@@ -32,7 +44,7 @@ const TimeEntryListSkeleton = () => {
           </div>
         );
       })}
-    </>
+    </div>
   );
 };
 
diff --git a/src/components/time-entry/TimeEntryPreview.tsx b/src/components/time-entry/TimeEntryPreview.tsx
index 0316df0..0e6cc16 100644
--- a/src/components/time-entry/TimeEntryPreview.tsx
+++ b/src/components/time-entry/TimeEntryPreview.tsx
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import useFormatHours from "../../hooks/useFormatHours";
 import useMyTimeEntries from "../../hooks/useMyTimeEntries";
 import { roundHours } from "../../utils/date";
@@ -6,9 +7,10 @@ import TimeEntry from "./TimeEntry";
 type PropTypes = {
   date: Date;
   previewHours: number;
+  className?: string;
 };
 
-const TimeEntryPreview = ({ date, previewHours }: PropTypes) => {
+const TimeEntryPreview = ({ date, previewHours, className }: PropTypes) => {
   const formatHours = useFormatHours();
 
   const myTimeEntriesQuery = useMyTimeEntries(date, date);
@@ -16,7 +18,7 @@ const TimeEntryPreview = ({ date, previewHours }: PropTypes) => {
   const sumHours = myTimeEntriesQuery.data.reduce((sum, entry) => sum + entry.hours, 0) + previewHours;
 
   return (
-    <div className="flex items-center gap-x-1">
+    <div className={clsx("flex items-center gap-x-1", className)}>
       <h3 className="max-w-20 truncate text-sm font-semibold">{formatHours(roundHours(sumHours))}</h3>
       <div className="grow">
         <TimeEntry entries={myTimeEntriesQuery.data} previewHours={previewHours} maxHours={sumHours > 12 ? sumHours : 12} />
diff --git a/src/components/time-entry/TimeEntryTooltip.tsx b/src/components/time-entry/TimeEntryTooltip.tsx
index 3e59ced..5d5fd91 100644
--- a/src/components/time-entry/TimeEntryTooltip.tsx
+++ b/src/components/time-entry/TimeEntryTooltip.tsx
@@ -1,23 +1,24 @@
+import { ReactNode } from "react";
 import { FormattedMessage } from "react-intl";
-import { Tooltip } from "react-tooltip";
 import useFormatHours from "../../hooks/useFormatHours";
 import { TTimeEntry } from "../../types/redmine";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   entry: TTimeEntry;
+  children?: ReactNode;
 };
 
-const TimeEntryTooltip = ({ entry }: PropTypes) => {
+const TimeEntryTooltip = ({ entry, children }: PropTypes) => {
   const formatHours = useFormatHours();
 
   return (
-    <Tooltip id={`tooltip-time-entry-${entry.id}`} place="bottom" className="z-10 opacity-100">
-      <div className="relative max-w-[230px] truncate">
-        <p className="mb-3 text-sm font-semibold">
-          {formatHours(entry.hours)}
-          {entry.comments && <p className="mt-1 truncate text-xs font-normal">{entry.comments}</p>}
-        </p>
-        <table className="-mx-1 border-separate border-spacing-x-1 text-left text-sm text-gray-300">
+    <Tooltip>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
+        <p className="text-sm font-semibold">{formatHours(entry.hours)}</p>
+        {entry.comments && <p className="truncate text-xs font-normal">{entry.comments}</p>}
+        <table className="-mx-1 border-separate border-spacing-x-1 truncate text-left text-sm">
           <tbody>
             <tr>
               <th className="text-xs font-medium">
@@ -47,7 +48,7 @@ const TimeEntryTooltip = ({ entry }: PropTypes) => {
             </tr>
           </tbody>
         </table>
-      </div>
+      </TooltipContent>
     </Tooltip>
   );
 };
diff --git a/src/components/time-entry/form/fields/UserField.tsx b/src/components/time-entry/form/fields/UserField.tsx
index f3acc1c..7b691c7 100644
--- a/src/components/time-entry/form/fields/UserField.tsx
+++ b/src/components/time-entry/form/fields/UserField.tsx
@@ -1,15 +1,15 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
 import useMyUser from "../../../../hooks/useMyUser";
 import useProjectUsers from "../../../../hooks/useProjectUsers";
 import { getGroupedUsers } from "../../../../utils/user";
-import { SelectField } from "../../../form/SelectField";
 
 type Props = {
   projectId: number;
 };
 
-const UserField = ({ projectId, ...props }: ComponentProps<typeof SelectField> & Props) => {
+const UserField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -21,12 +21,12 @@ const UserField = ({ projectId, ...props }: ComponentProps<typeof SelectField> &
   const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
 
   return (
-    <SelectField
+    <ComboboxField
       {...props}
       title={formatMessage({ id: "time.time-entry.field.user" })}
       placeholder={formatMessage({ id: "time.time-entry.field.user" })}
-      noOptionsMessage={() => formatMessage({ id: "time.time-entry.field.user.no-options" })}
-      onFocus={() => setLoadUsers(true)}
+      noOptionsMessage={formatMessage({ id: "time.time-entry.field.user.no-options" })}
+      onOpen={() => setLoadUsers(true)}
       options={
         loadUsers
           ? groupedUsers.map(({ role, users }) => ({
diff --git a/src/components/timer/EditTimer.tsx b/src/components/timer/EditTimer.tsx
index 1c5b177..df78b5c 100644
--- a/src/components/timer/EditTimer.tsx
+++ b/src/components/timer/EditTimer.tsx
@@ -1,9 +1,9 @@
 import clsx from "clsx";
 import { FocusEvent, useState } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 import useHotKey from "../../hooks/useHotkey";
-import Button from "../general/Button";
-import Modal from "../general/Modal";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog";
+import { Input } from "../ui/input";
 
 type PropTypes = {
   initTime: number;
@@ -29,17 +29,15 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
   return (
     <>
       <div className="flex items-center gap-x-0">
-        <input
+        <Input
           type="number"
           value={h}
           min={0}
-          max={100}
-          className={clsx(
-            "w-4 appearance-none rounded-md text-center text-lg",
-            "border-field-border bg-field placeholder:text-field-placeholder border",
-            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
-            initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
-          )}
+          className={clsx("h-8 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", {
+            "w-4": h.length === 1,
+            "w-6": h.length === 2,
+            "w-8": h.length >= 3,
+          })}
           /**
            * auto focus & select input on focus
            */
@@ -67,17 +65,12 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           }}
         />
         :
-        <input
+        <Input
           type="number"
           value={m}
           min={0}
           max={59}
-          className={clsx(
-            "w-6 appearance-none rounded-md text-center text-lg",
-            "border-field-border bg-field placeholder:text-field-placeholder border",
-            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
-            initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
-          )}
+          className={clsx("h-8 w-6 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
           onChange={(e) => {
             const { value, min, max } = e.target;
             setM(to2Digit(Math.max(Number(min), Math.min(Number(max), Number(value)))));
@@ -100,17 +93,12 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           }}
         />
         :
-        <input
+        <Input
           type="number"
           value={s}
           min={0}
           max={59}
-          className={clsx(
-            "w-6 appearance-none rounded-md text-center text-lg",
-            "border-field-border bg-field placeholder:text-field-placeholder border",
-            "focus:ring-primary-focus focus:ring-2 focus:outline-hidden",
-            initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500"
-          )}
+          className={clsx("h-8 w-6 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
           onChange={(e) => {
             const { value, min, max } = e.target;
             setS(to2Digit(Math.max(Number(min), Math.min(Number(max), Number(value)))));
@@ -134,19 +122,18 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
         />
       </div>
       {confirmCancelModal && (
-        <Modal title={formatMessage({ id: "issues.modal.save-changes.title" })} onClose={onConfirmCancel}>
-          <p className="mb-5">
-            <FormattedMessage id="issues.modal.save-changes.message" />
-          </p>
-          <div className="flex items-end justify-between">
-            <Button size="sm" variant="outline" onClick={onConfirmCancel}>
-              <FormattedMessage id="issues.modal.save-changes.cancel" />
-            </Button>
-            <Button size="sm" onClick={() => onOverrideTime(updatedTime)} autoFocus>
-              <FormattedMessage id="issues.modal.save-changes.save" />
-            </Button>
-          </div>
-        </Modal>
+        <AlertDialog open onOpenChange={onConfirmCancel}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>{formatMessage({ id: "issues.modal.save-changes.title" })}</AlertDialogTitle>
+              <AlertDialogDescription>{formatMessage({ id: "issues.modal.save-changes.message" })}</AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>{formatMessage({ id: "issues.modal.save-changes.cancel" })}</AlertDialogCancel>
+              <AlertDialogAction onClick={() => onOverrideTime(updatedTime)}>{formatMessage({ id: "issues.modal.save-changes.save" })}</AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
       )}
     </>
   );
diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
index d1a8a85..c101843 100644
--- a/src/components/timer/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -1,20 +1,17 @@
-import { faCircleCheck } from "@fortawesome/free-regular-svg-icons";
-import { faPause, faPlay, faStop } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import clsx from "clsx";
+import { BadgeCheckIcon, TimerIcon, TimerOffIcon, TimerResetIcon } from "lucide-react";
 import { ComponentProps, Ref, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import { Tooltip } from "react-tooltip";
+import { useIntl } from "react-intl";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
 import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
-import Button from "../general/Button";
-import Modal from "../general/Modal";
+import HelpTooltip from "../general/HelpTooltip";
 import IssueTitle from "../issue/IssueTitle";
 import CreateTimeEntryModal from "../time-entry/CreateTimeEntryModal";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog";
 import EditTimer from "./EditTimer";
 import TimerContextMenu from "./TimerContextMenu";
 
@@ -64,13 +61,13 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
               ref={timerRef}
               displayNameField={variant === "expanded"}
               className={clsx(
-                "bg-background hover:bg-background-hover rounded-lg border border-gray-200 p-0.5 px-1.5 dark:border-gray-700",
-                "focus:ring-primary-focus focus:ring-4 focus:outline-hidden"
+                "bg-card rounded-lg border border-gray-200 p-0.5 px-1.5 dark:border-gray-700",
+                "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"
               )}
               tabIndex={1}
               // On "Enter" or "Space" => toggle timer
               onKeyDown={(e) => {
-                if (e.key === "Enter" || e.code === "Space") {
+                if ((e.key === "Enter" || e.code === "Space") && e.currentTarget === document.activeElement) {
                   timer.toggleTimer();
                   e.preventDefault();
                   e.stopPropagation();
@@ -90,9 +87,9 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
               role="listitem"
               data-type="timer"
               className={clsxm(
-                "relative block w-full rounded-lg p-1",
-                "focus:ring-primary-focus focus:ring-4 focus:outline-hidden",
-                "bg-background hover:bg-background-hover border border-gray-200 dark:border-gray-700"
+                "bg-card relative flex w-full flex-col gap-1 rounded-lg p-1",
+                "border border-gray-200 dark:border-gray-700",
+                "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"
               )}
               tabIndex={1}
               // On "Enter" or "Space" => toggle timer
@@ -104,7 +101,7 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
                 }
               }}
             >
-              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="mb-1 truncate">#{timer.issueId}</h1>}
+              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="truncate">#{timer.issueId}</h1>}
               <Timer timer={timer} ref={timerRef} displayNameField onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
             </div>
           </TimerContextMenu>
@@ -162,7 +159,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
         {displayNameField && (
           <input
             type="text"
-            className="placeholder:text-field-placeholder min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic focus:outline-hidden dark:text-gray-200"
+            className="placeholder:text-muted-foreground min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic focus:outline-hidden dark:text-gray-200"
             value={timer.name}
             placeholder={formatMessage({ id: "timer.unnamed-timer" })}
             tabIndex={-1}
@@ -183,116 +180,55 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
             onCancel={() => setEditMode(false)}
           />
         )) || (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-edit-timer-${timer.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.edit.tooltip" })} className="italic" />
-            )}
-            <span
-              className={clsx("text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")}
-              onDoubleClick={() => setEditMode(true)}
-              data-tooltip-id={`tooltip-edit-timer-${timer.id}`}
-            >
+          <HelpTooltip message={formatMessage({ id: "issues.timer.action.edit.tooltip" })}>
+            <span className={clsx("text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")} onDoubleClick={() => setEditMode(true)}>
               {formatTimer(currenTime)}
             </span>
-          </>
+          </HelpTooltip>
         )}
 
         {!timer.isActive ? (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-start-timer-${timer.id}`} place="left" delayShow={700} className="italic">
-                <FormattedMessage id="issues.timer.action.start.tooltip" />
-              </Tooltip>
-            )}
-            <FontAwesomeIcon
-              role="button"
-              data-type="start-timer"
-              icon={faPlay}
-              size="2x"
-              className="cursor-pointer text-green-500 focus:outline-hidden"
-              onClick={timer.startTimer}
-              data-tooltip-id={`tooltip-start-timer-${timer.id}`}
-              tabIndex={-1}
-            />
-          </>
+          <HelpTooltip message={formatMessage({ id: "issues.timer.action.start.tooltip" })}>
+            <TimerIcon role="button" data-type="start-timer" className="size-6 cursor-pointer text-green-500 focus:outline-hidden" onClick={timer.startTimer} tabIndex={-1} />
+          </HelpTooltip>
         ) : (
-          <>
-            {settings.style.showTooltips && (
-              <Tooltip id={`tooltip-pause-timer-${timer.id}`} place="left" delayShow={700} className="italic">
-                <FormattedMessage id="issues.timer.action.pause.tooltip" />
-              </Tooltip>
-            )}
-            <FontAwesomeIcon
-              role="button"
-              data-type="pause-timer"
-              icon={faPause}
-              size="2x"
-              className="cursor-pointer text-red-500 focus:outline-hidden"
-              onClick={timer.pauseTimer}
-              data-tooltip-id={`tooltip-pause-timer-${timer.id}`}
-              tabIndex={-1}
-            />
-          </>
+          <HelpTooltip message={formatMessage({ id: "issues.timer.action.pause.tooltip" })}>
+            <TimerOffIcon role="button" data-type="pause-timer" className="size-6 cursor-pointer text-red-500 focus:outline-hidden" onClick={timer.pauseTimer} tabIndex={-1} />
+          </HelpTooltip>
         )}
 
-        <>
-          {settings.style.showTooltips && (
-            <Tooltip id={`tooltip-reset-timer-${timer.id}`} place="top" delayShow={700} content={formatMessage({ id: "issues.timer.action.reset.tooltip" })} className="italic" />
-          )}
-          <FontAwesomeIcon
-            role="button"
-            data-type="reset-timer"
-            icon={faStop}
-            size="2x"
-            className="cursor-pointer text-red-500 focus:outline-hidden"
-            onClick={() => setConfirmResetModal(true)}
-            data-tooltip-id={`tooltip-reset-timer-${timer.id}`}
-            tabIndex={-1}
-          />
-        </>
+        <HelpTooltip message={formatMessage({ id: "issues.timer.action.reset.tooltip" })}>
+          <TimerResetIcon role="button" data-type="reset-timer" className="size-6 cursor-pointer text-red-500 focus:outline-hidden" onClick={() => setConfirmResetModal(true)} tabIndex={-1} />
+        </HelpTooltip>
 
-        <>
-          {settings.style.showTooltips && (
-            <Tooltip id={`tooltip-done-timer-${timer.id}`} place="bottom" delayShow={700} content={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })} className="z-10 italic" />
-          )}
-          <FontAwesomeIcon
+        <HelpTooltip message={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })}>
+          <BadgeCheckIcon
             role="button"
             data-type="done-timer"
-            icon={faCircleCheck}
-            size="2x"
-            className="cursor-pointer text-green-600 focus:outline-hidden"
+            className="size-6 cursor-pointer text-green-600 focus:outline-hidden"
             onClick={() => {
               const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currenTime, settings.features.roundingInterval) : currenTime;
               const hours = Number((time / 1000 / 60 / 60).toFixed(2));
               onTimerDone(hours);
             }}
-            data-tooltip-id={`tooltip-done-timer-${timer.id}`}
             tabIndex={-1}
           />
-        </>
+        </HelpTooltip>
       </div>
 
       {confirmResetModal && (
-        <Modal title={formatMessage({ id: "issues.modal.reset-timer.title" })} onClose={() => setConfirmResetModal(false)}>
-          <p className="mb-5">
-            <FormattedMessage id="issues.modal.reset-timer.message" />
-          </p>
-          <div className="flex items-end justify-between">
-            <Button size="sm" variant="outline" onClick={() => setConfirmResetModal(false)}>
-              <FormattedMessage id="issues.modal.reset-timer.cancel" />
-            </Button>
-            <Button
-              size="sm"
-              onClick={() => {
-                setConfirmResetModal(false);
-                timer.resetTimer();
-              }}
-              autoFocus
-            >
-              <FormattedMessage id="issues.modal.reset-timer.reset" />
-            </Button>
-          </div>
-        </Modal>
+        <AlertDialog open onOpenChange={() => setConfirmResetModal(false)}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>{formatMessage({ id: "issues.modal.reset-timer.title" })}</AlertDialogTitle>
+              <AlertDialogDescription>{formatMessage({ id: "issues.modal.reset-timer.message" })}</AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>{formatMessage({ id: "issues.modal.reset-timer.cancel" })}</AlertDialogCancel>
+              <AlertDialogAction onClick={() => timer.resetTimer()}>{formatMessage({ id: "issues.modal.reset-timer.reset" })}</AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
       )}
     </>
   );
diff --git a/src/components/timer/TimerContextMenu.tsx b/src/components/timer/TimerContextMenu.tsx
index 092b8d8..c2204be 100644
--- a/src/components/timer/TimerContextMenu.tsx
+++ b/src/components/timer/TimerContextMenu.tsx
@@ -1,9 +1,8 @@
-import { faPause, faPen, faPlay, faStop, faTrash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { PencilIcon, TimerIcon, TimerOffIcon, TimerResetIcon, TrashIcon } from "lucide-react";
 import { ReactNode } from "react";
 import { useIntl } from "react-intl";
 import { TimerController } from "../../hooks/useTimers";
-import ContextMenu from "../general/ContextMenu";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu";
 
 type PropTypes = {
   timer: TimerController;
@@ -15,32 +14,26 @@ const TimerContextMenu = ({ timer, children, onEdit }: PropTypes) => {
   const { formatMessage } = useIntl();
 
   return (
-    <ContextMenu
-      menu={[
-        {
-          name: formatMessage({ id: timer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" }),
-          icon: <FontAwesomeIcon icon={timer.isActive ? faPause : faPlay} />,
-          onClick: timer.isActive ? timer.pauseTimer : timer.startTimer,
-        },
-        {
-          name: formatMessage({ id: "timer.context-menu.edit" }),
-          icon: <FontAwesomeIcon icon={faPen} />,
-          onClick: onEdit,
-        },
-        {
-          name: formatMessage({ id: "timer.context-menu.reset" }),
-          icon: <FontAwesomeIcon icon={faStop} />,
-          onClick: timer.resetTimer,
-          disabled: timer.getElapsedTime() === 0,
-        },
-        {
-          name: formatMessage({ id: "timer.context-menu.delete" }),
-          icon: <FontAwesomeIcon icon={faTrash} />,
-          onClick: timer.deleteTimer,
-        },
-      ]}
-    >
-      {children}
+    <ContextMenu>
+      <ContextMenuTrigger>{children}</ContextMenuTrigger>
+      <ContextMenuContent>
+        <ContextMenuItem onClick={timer.isActive ? timer.pauseTimer : timer.startTimer}>
+          {timer.isActive ? <TimerOffIcon /> : <TimerIcon />}
+          {formatMessage({ id: timer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" })}
+        </ContextMenuItem>
+        <ContextMenuItem onClick={onEdit}>
+          <PencilIcon />
+          {formatMessage({ id: "timer.context-menu.edit" })}
+        </ContextMenuItem>
+        <ContextMenuItem onClick={timer.resetTimer} disabled={timer.getElapsedTime() === 0}>
+          <TimerResetIcon />
+          {formatMessage({ id: "timer.context-menu.reset" })}
+        </ContextMenuItem>
+        <ContextMenuItem onClick={timer.deleteTimer}>
+          <TrashIcon />
+          {formatMessage({ id: "timer.context-menu.delete" })}
+        </ContextMenuItem>
+      </ContextMenuContent>
     </ContextMenu>
   );
 };
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..8616857
--- /dev/null
+++ b/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,84 @@
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
+}
+
+function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />;
+}
+
+function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />;
+}
+
+function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 [backdrop-filter:blur(4px)]",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] min-w-[300px] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-4 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  );
+}
+
+function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="alert-dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props} />;
+}
+
+function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="alert-dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props} />;
+}
+
+function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return <AlertDialogPrimitive.Title data-slot="alert-dialog-title" className={cn("text-lg font-semibold", className)} {...props} />;
+}
+
+function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return <AlertDialogPrimitive.Description data-slot="alert-dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props} />;
+}
+
+function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;
+}
+
+function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: "outline" }), className)} {...props} />;
+}
+
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+};
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
new file mode 100644
index 0000000..3ee4429
--- /dev/null
+++ b/src/components/ui/alert.tsx
@@ -0,0 +1,33 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+  return <div data-slot="alert" role="alert" className={cn(alertVariants({ variant }), className)} {...props} />;
+}
+
+function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="alert-title" className={cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)} {...props} />;
+}
+
+function AlertDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="alert-description" className={cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className)} {...props} />;
+}
+
+export { Alert, AlertDescription, AlertTitle };
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..f61b9f0
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,30 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import { Slot as SlotPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "span";
+
+  return <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />;
+}
+
+export { Badge, badgeVariants };
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..3a35198
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,50 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import { Slot as SlotPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+  }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+
+  return <Comp data-slot="button" className={cn(buttonVariants({ variant, size, className }))} {...props} />;
+}
+
+export { Button, buttonVariants };
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
new file mode 100644
index 0000000..ef835d7
--- /dev/null
+++ b/src/components/ui/calendar.tsx
@@ -0,0 +1,131 @@
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React from "react";
+import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
+
+import { Button, buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}) {
+  const defaultClassNames = getDefaultClassNames();
+
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      formatters={{
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+        month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+        button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+        button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+        month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+        dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+        dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+        dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+        week: cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+        week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+        day: cn(
+          "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          defaultClassNames.day
+        ),
+        range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+        outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+        disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        // eslint-disable-next-line react/prop-types
+        Root: ({ className, rootRef, ...props }) => {
+          return <div data-slot="calendar" ref={rootRef} className={cn(className)} {...props} />;
+        },
+        // eslint-disable-next-line react/prop-types
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === "left") {
+            return <ChevronLeftIcon className={cn("size-4", className)} {...props} />;
+          }
+
+          if (orientation === "right") {
+            return <ChevronRightIcon className={cn("size-4", className)} {...props} />;
+          }
+
+          return <ChevronDownIcon className={cn("size-4", className)} {...props} />;
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="flex size-(--cell-size) items-center justify-center text-center">{children}</div>
+            </td>
+          );
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  );
+}
+
+function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>) {
+  const defaultClassNames = getDefaultClassNames();
+
+  const ref = React.useRef<HTMLButtonElement>(null);
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString()}
+      data-selected-single={modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle}
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Calendar, CalendarDayButton };
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..a52b5a5
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,24 @@
+import { CheckIcon } from "lucide-react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator data-slot="checkbox-indicator" className="flex items-center justify-center text-current transition-none">
+        <CheckIcon className="size-3.5" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  );
+}
+
+export { Checkbox };
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
new file mode 100644
index 0000000..370bafe
--- /dev/null
+++ b/src/components/ui/command.tsx
@@ -0,0 +1,95 @@
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import * as React from "react";
+
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { cn } from "@/lib/utils";
+
+function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
+  return <CommandPrimitive data-slot="command" className={cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className)} {...props} />;
+}
+
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+}) {
+  return (
+    <Dialog {...props}>
+      <DialogHeader className="sr-only">
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent className={cn("overflow-hidden p-0", className)} showCloseButton={showCloseButton}>
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div data-slot="command-input-wrapper" className="flex h-9 items-center gap-2 border-b px-3">
+      <SearchIcon className="size-4 shrink-0 opacity-50" />
+      <CommandPrimitive.Input
+        data-slot="command-input"
+        className={cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className)}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return <CommandPrimitive.List data-slot="command-list" className={cn("max-h-[200px] scroll-py-1 overflow-x-hidden overflow-y-auto", className)} {...props} />;
+}
+
+function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return <CommandPrimitive.Empty data-slot="command-empty" className="py-6 text-center text-sm" {...props} />;
+}
+
+function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      data-slot="command-group"
+      className={cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+  return <CommandPrimitive.Separator data-slot="command-separator" className={cn("bg-border -mx-1 h-px", className)} {...props} />;
+}
+
+function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      data-slot="command-item"
+      className={cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function CommandShortcut({ className, ...props }: React.ComponentProps<"span">) {
+  return <span data-slot="command-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
+}
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
new file mode 100644
index 0000000..96ff09e
--- /dev/null
+++ b/src/components/ui/context-menu.tsx
@@ -0,0 +1,182 @@
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
+  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />;
+}
+
+function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
+  return <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />;
+}
+
+function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
+  return <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />;
+}
+
+function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
+  return <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />;
+}
+
+function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
+  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />;
+}
+
+function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
+  return <ContextMenuPrimitive.RadioGroup data-slot="context-menu-radio-group" {...props} />;
+}
+
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <ContextMenuPrimitive.SubTrigger
+      data-slot="context-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto" />
+    </ContextMenuPrimitive.SubTrigger>
+  );
+}
+
+function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
+  return (
+    <ContextMenuPrimitive.SubContent
+      data-slot="context-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuContent({ className, collisionPadding = 5, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
+  return (
+    <ContextMenuPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <ContextMenuPrimitive.Content
+        data-slot="context-menu-content"
+        collisionPadding={collisionPadding}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </ContextMenuPrimitive.Portal>
+  );
+}
+
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
+  return (
+    <ContextMenuPrimitive.Item
+      data-slot="context-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {
+  return (
+    <ContextMenuPrimitive.CheckboxItem
+      data-slot="context-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <ContextMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </ContextMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </ContextMenuPrimitive.CheckboxItem>
+  );
+}
+
+function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {
+  return (
+    <ContextMenuPrimitive.RadioItem
+      data-slot="context-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <ContextMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </ContextMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </ContextMenuPrimitive.RadioItem>
+  );
+}
+
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return <ContextMenuPrimitive.Label data-slot="context-menu-label" data-inset={inset} className={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)} {...props} />;
+}
+
+function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
+  return <ContextMenuPrimitive.Separator data-slot="context-menu-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
+}
+
+function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
+  return <span data-slot="context-menu-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
+}
+
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+};
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
new file mode 100644
index 0000000..ccd6fa4
--- /dev/null
+++ b/src/components/ui/dialog.tsx
@@ -0,0 +1,86 @@
+import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
+}
+
+function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
+}
+
+function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+}
+
+function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
+}
+
+function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 [backdrop-filter:blur(4px)]",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean;
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal" container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex max-h-[calc(100%-1rem)] w-full max-w-[calc(100%-2rem)] min-w-[18.5rem] translate-x-[-50%] translate-y-[-50%] flex-col gap-4 overflow-y-auto rounded-lg border p-4 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            data-slot="dialog-close"
+            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  );
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props} />;
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props} />;
+}
+
+function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return <DialogPrimitive.Title data-slot="dialog-title" className={cn("text-lg leading-none font-semibold", className)} {...props} />;
+}
+
+function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return <DialogPrimitive.Description data-slot="dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props} />;
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
new file mode 100644
index 0000000..7fe634d
--- /dev/null
+++ b/src/components/ui/field.tsx
@@ -0,0 +1,171 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import { useMemo } from "react";
+
+import { Label } from "@/components/ui/label";
+import { Separator } from "@/components/ui/separator";
+import { cn } from "@/lib/utils";
+import { AsteriskIcon, InfoIcon } from "lucide-react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
+
+function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
+  return <fieldset data-slot="field-set" className={cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className)} {...props} />;
+}
+
+function FieldLegend({ className, variant = "legend", ...props }: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
+  return <legend data-slot="field-legend" data-variant={variant} className={cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className)} {...props} />;
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className)}
+      {...props}
+    />
+  );
+}
+
+const fieldVariants = cva("group/field flex w-full gap-2", {
+  variants: {
+    orientation: {
+      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+      horizontal: [
+        "flex-row items-center",
+        "[&>[data-slot=field-label]]:flex-auto",
+        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-0.5",
+      ],
+      responsive: [
+        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      ],
+    },
+  },
+  defaultVariants: {
+    orientation: "vertical",
+  },
+});
+
+function Field({ className, orientation = "vertical", ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
+  return <div role="group" data-slot="field" data-orientation={orientation} className={cn(fieldVariants({ orientation }), className)} {...props} />;
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="field-content" className={cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className)} {...props} />;
+}
+
+function FieldLabel({ className, required, children, ...props }: React.ComponentProps<typeof Label> & { required?: boolean }) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        "group/field-label peer/field-label group-data-[invalid=true]/field:text-destructive flex w-fit gap-2 truncate leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      )}
+      {...props}
+    >
+      {required ? (
+        <span className="inline-flex gap-0.5">
+          {children}
+          {required && <AsteriskIcon className="size-3.5 text-red-600" />}
+        </span>
+      ) : (
+        children
+      )}
+    </Label>
+  );
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="field-label" className={cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className)} {...props} />;
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode;
+}) {
+  return (
+    <div data-slot="field-separator" data-content={!!children} className={cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className)} {...props}>
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span className="bg-background text-muted-foreground relative mx-auto block w-fit px-2" data-slot="field-separator-content">
+          {children}
+        </span>
+      )}
+    </div>
+  );
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  variant = "message",
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{ message?: string } | undefined>;
+  variant?: "message" | "tooltip";
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children;
+    }
+
+    if (!errors || errors.length === 0) {
+      return null;
+    }
+
+    if (errors.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+
+    return <ul className="flex flex-col gap-1 text-sm">{errors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}</ul>;
+  }, [children, errors]);
+
+  if (!content) {
+    return null;
+  }
+
+  if (variant === "tooltip") {
+    return (
+      <Tooltip delayDuration={0}>
+        <TooltipTrigger asChild>
+          <InfoIcon className="text-destructive size-3.5" />
+        </TooltipTrigger>
+        <TooltipContent className="max-w-64 text-wrap">
+          <div role="alert" data-slot="field-error" className={cn("text-sm", className)} {...props}>
+            {content}
+          </div>
+        </TooltipContent>
+      </Tooltip>
+    );
+  }
+
+  return (
+    <div role="alert" data-slot="field-error" className={cn("text-destructive text-sm font-normal", className)} {...props}>
+      {content}
+    </div>
+  );
+}
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
new file mode 100644
index 0000000..8aa6d49
--- /dev/null
+++ b/src/components/ui/form.tsx
@@ -0,0 +1,50 @@
+import { cn } from "@/lib/utils";
+import * as React from "react";
+
+function Form({ className, onSubmit, ...props }: React.ComponentProps<"form"> & { onSubmit: () => void | Promise<void> }) {
+  return (
+    <form
+      className={cn("contents", className)}
+      onSubmit={(e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onSubmit();
+      }}
+      {...props}
+    />
+  );
+}
+
+function FormGrid({ className, cols = 1, ...props }: React.ComponentProps<"div"> & { cols?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 }) {
+  return (
+    <div
+      data-slot="form-grid"
+      className={cn(
+        "grid grid-cols-4 items-start gap-2 [&>*:not([class*='col-span-'])]:col-span-full",
+        {
+          "grid-cols-1": cols === 1,
+          "grid-cols-2": cols === 2,
+          "grid-cols-3": cols === 3,
+          "grid-cols-4": cols === 4,
+          "grid-cols-5": cols === 5,
+          "grid-cols-6": cols === 6,
+          "grid-cols-7": cols === 7,
+          "grid-cols-8": cols === 8,
+        },
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function FormFieldset({ className, legend, children, ...props }: React.ComponentProps<"fieldset"> & { legend?: React.ReactNode }) {
+  return (
+    <fieldset data-slot="form-fieldset" className={cn("border-input rounded-md border p-2", className)} {...props}>
+      {legend && <legend className="px-2 text-base font-semibold">{legend}</legend>}
+      {children}
+    </fieldset>
+  );
+}
+
+export { Form, FormFieldset, FormGrid };
diff --git a/src/components/ui/input-group.tsx b/src/components/ui/input-group.tsx
new file mode 100644
index 0000000..61c316d
--- /dev/null
+++ b/src/components/ui/input-group.tsx
@@ -0,0 +1,108 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { cn } from "@/lib/utils";
+
+function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="input-group"
+      role="group"
+      className={cn(
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
+        "h-9 min-w-0 has-[>textarea]:h-auto",
+
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
+
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+const inputGroupAddonVariants = cva(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
+      },
+    },
+    defaultVariants: {
+      align: "inline-start",
+    },
+  }
+);
+
+function InputGroupAddon({ className, align = "inline-start", ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="input-group-addon"
+      data-align={align}
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      }}
+      {...props}
+    />
+  );
+}
+
+const inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-center", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+      sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0",
+    },
+  },
+  defaultVariants: {
+    size: "xs",
+  },
+});
+
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>) {
+  return <Button type={type} data-size={size} variant={variant} className={cn(inputGroupButtonVariants({ size }), className)} {...props} />;
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
+  return <span className={cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className)} {...props} />;
+}
+
+function InputGroupInput({ className, ...props }: React.ComponentProps<"input">) {
+  return <Input data-slot="input-group-control" className={cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className)} {...props} />;
+}
+
+function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <Textarea
+      data-slot="input-group-control"
+      className={cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className)}
+      {...props}
+    />
+  );
+}
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..868dec6
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Input };
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
new file mode 100644
index 0000000..447cb79
--- /dev/null
+++ b/src/components/ui/label.tsx
@@ -0,0 +1,19 @@
+import { Label as LabelPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Label };
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000..47b1a51
--- /dev/null
+++ b/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,111 @@
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+  viewport?: boolean;
+}) {
+  return (
+    <NavigationMenuPrimitive.Root data-slot="navigation-menu" data-viewport={viewport} className={cn("group/navigation-menu relative flex max-w-max flex-1 items-center p-1.5", className)} {...props}>
+      {children}
+      {viewport && <NavigationMenuViewport />}
+    </NavigationMenuPrimitive.Root>
+  );
+}
+
+function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
+  return <NavigationMenuPrimitive.List data-slot="navigation-menu-list" className={cn("group flex flex-1 list-none items-center justify-center gap-1", className)} {...props} />;
+}
+
+function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
+  return <NavigationMenuPrimitive.Item data-slot="navigation-menu-item" className={cn("relative", className)} {...props} />;
+}
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+
+function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
+  return (
+    <NavigationMenuPrimitive.Trigger data-slot="navigation-menu-trigger" className={cn(navigationMenuTriggerStyle(), "group", className)} {...props}>
+      {children} <ChevronDownIcon className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true" />
+    </NavigationMenuPrimitive.Trigger>
+  );
+}
+
+function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
+  return (
+    <NavigationMenuPrimitive.Content
+      data-slot="navigation-menu-content"
+      className={cn(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
+  return (
+    <div className={cn("absolute top-full left-0 isolate z-50 flex justify-center")}>
+      <NavigationMenuPrimitive.Viewport
+        data-slot="navigation-menu-viewport"
+        className={cn(
+          "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  );
+}
+
+function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
+  return (
+    <NavigationMenuPrimitive.Link
+      data-slot="navigation-menu-link"
+      className={cn(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
+  return (
+    <NavigationMenuPrimitive.Indicator
+      data-slot="navigation-menu-indicator"
+      className={cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      )}
+      {...props}
+    >
+      <div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
+    </NavigationMenuPrimitive.Indicator>
+  );
+}
+
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  navigationMenuTriggerStyle,
+  NavigationMenuViewport,
+};
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
new file mode 100644
index 0000000..7821be9
--- /dev/null
+++ b/src/components/ui/popover.tsx
@@ -0,0 +1,36 @@
+import { Popover as PopoverPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
+}
+
+function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
+}
+
+function PopoverContent({ className, align = "center", sideOffset = 4, collisionPadding = 5, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        collisionPadding={collisionPadding}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  );
+}
+
+function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
+}
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..127e2b9
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,115 @@
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />;
+}
+
+function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />;
+}
+
+function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />;
+}
+
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+  size?: "sm" | "default";
+}) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      data-size={size}
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  );
+}
+
+function SelectContent({ className, children, position = "popper", align = "center", ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+          position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className
+        )}
+        position={position}
+        align={align}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full max-w-[calc(100vw-4rem)] min-w-[var(--radix-select-trigger-width)] scroll-my-1")}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  );
+}
+
+function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return <SelectPrimitive.Label data-slot="select-label" className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)} {...props} />;
+}
+
+function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  );
+}
+
+function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return <SelectPrimitive.Separator data-slot="select-separator" className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)} {...props} />;
+}
+
+function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton data-slot="select-scroll-up-button" className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  );
+}
+
+function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton data-slot="select-scroll-down-button" className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  );
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 0000000..892b272
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,19 @@
+import { Separator as SeparatorPrimitive } from "radix-ui";
+
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className)}
+      {...props}
+    />
+  );
+}
+
+export { Separator };
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
new file mode 100644
index 0000000..ffe4fd1
--- /dev/null
+++ b/src/components/ui/skeleton.tsx
@@ -0,0 +1,7 @@
+import { cn } from "@/lib/utils";
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="skeleton" className={cn("bg-accent animate-pulse rounded-md", className)} {...props} />;
+}
+
+export { Skeleton };
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
new file mode 100644
index 0000000..59f9447
--- /dev/null
+++ b/src/components/ui/sonner.tsx
@@ -0,0 +1,23 @@
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, ToasterProps } from "sonner";
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  );
+};
+
+export { Toaster };
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
new file mode 100644
index 0000000..0abd769
--- /dev/null
+++ b/src/components/ui/switch.tsx
@@ -0,0 +1,26 @@
+import { Switch as SwitchPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 translate-y-0 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  );
+}
+
+export { Switch };
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..da343f2
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Textarea };
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
new file mode 100644
index 0000000..1886936
--- /dev/null
+++ b/src/components/ui/toggle-group.tsx
@@ -0,0 +1,51 @@
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { type VariantProps } from "class-variance-authority";
+
+import { toggleVariants } from "@/components/ui/toggle";
+import { cn } from "@/lib/utils";
+
+const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
+  size: "default",
+  variant: "default",
+});
+
+function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {
+  return (
+    <ToggleGroupPrimitive.Root
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      className={cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className)}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive.Root>
+  );
+}
+
+function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext);
+
+  return (
+    <ToggleGroupPrimitive.Item
+      data-slot="toggle-group-item"
+      data-variant={context.variant || variant}
+      data-size={context.size || size}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+}
+
+export { ToggleGroup, ToggleGroupItem };
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
new file mode 100644
index 0000000..9b76188
--- /dev/null
+++ b/src/components/ui/toggle.tsx
@@ -0,0 +1,32 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import { Toggle as TogglePrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {
+  return <TogglePrimitive.Root data-slot="toggle" className={cn(toggleVariants({ variant, size, className }))} {...props} />;
+}
+
+export { Toggle, toggleVariants };
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
new file mode 100644
index 0000000..c705dbe
--- /dev/null
+++ b/src/components/ui/tooltip.tsx
@@ -0,0 +1,42 @@
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+}
+
+function Tooltip({ delayDuration = 200, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider delayDuration={delayDuration}>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  );
+}
+
+function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({ className, sideOffset = 0, collisionPadding = 5, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        collisionPadding={collisionPadding}
+        className={cn(
+          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  );
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
diff --git a/src/content.css b/src/content.css
deleted file mode 100644
index 306aa63..0000000
--- a/src/content.css
+++ /dev/null
@@ -1 +0,0 @@
-@import "./index.css";
diff --git a/src/content.tsx b/src/content.tsx
index 22efc5e..172dabb 100644
--- a/src/content.tsx
+++ b/src/content.tsx
@@ -1,47 +1,46 @@
-import { config } from "@fortawesome/fontawesome-svg-core";
-import "@fortawesome/fontawesome-svg-core/styles.css";
+import CurrentIssueTimerWrapper from "@/components/timer/CurrentIssueTimer.tsx";
+import Providers from "@/provider/Providers";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "react-tooltip/dist/react-tooltip.css";
-import CurrentIssueTimer from "./components/timer/CurrentIssueTimer.tsx";
-import "./content.css";
-import Providers from "./provider/Providers.tsx";
-config.autoAddCss = false;
+import "./index.css";
 
 (() => {
+  if (document.querySelector<HTMLDivElement>("#redmine-time-tracking-host")) return;
+
   const contextual = document.querySelector<HTMLDivElement>("#content .contextual");
   if (!contextual) return;
 
-  let timerRoot = document.querySelector<HTMLDivElement>("#redmine-time-tracking-timer-root");
-  if (!timerRoot) {
-    // Add container at the correct position
-    const container = document.createElement("div");
-    container.style.float = "right";
-    container.style.marginTop = "-4px";
-    container.style.marginRight = "5px";
-    contextual.parentElement?.insertBefore(container, contextual.nextSibling);
-
-    // Create a shadow root
-    const shadowRoot = container.attachShadow({ mode: "open" });
-
-    // Add the root element inside the shadow root
-    timerRoot = document.createElement("div");
-    timerRoot.id = "redmine-time-tracking-timer-root";
-    timerRoot.className = "text-text";
-    shadowRoot.appendChild(timerRoot);
-
-    // Add the styles (content.css)
-    const style = document.createElement("link");
-    style.rel = "stylesheet";
-    style.href = chrome.runtime.getURL("content.css");
-    shadowRoot.appendChild(style);
-  }
+  // Add host element at the correct position
+  const hostElement = document.createElement("div");
+  hostElement.id = "redmine-time-tracking-host";
+  hostElement.style.float = "right";
+  hostElement.style.marginRight = "5px";
+  contextual.parentElement?.insertBefore(hostElement, contextual.nextSibling);
+
+  // Create a shadow root
+  const shadowRoot = hostElement.attachShadow({ mode: "open" });
+
+  // Add the react root element inside the shadow root
+  const reactRoot = document.createElement("div");
+  reactRoot.id = "root";
+  shadowRoot.appendChild(reactRoot);
+
+  // Add the styles
+  const style = document.createElement("link");
+  style.rel = "stylesheet";
+  style.href = chrome.runtime.getURL("style.css");
+  shadowRoot.appendChild(style);
+
+  const twProperties = document.createElement("link");
+  twProperties.rel = "stylesheet";
+  twProperties.href = chrome.runtime.getURL("tw-properties.css");
+  document.head.appendChild(twProperties);
 
   // Render the react app
-  ReactDOM.createRoot(timerRoot).render(
+  ReactDOM.createRoot(reactRoot).render(
     <React.StrictMode>
       <Providers>
-        <CurrentIssueTimer />
+        <CurrentIssueTimerWrapper />
       </Providers>
     </React.StrictMode>
   );
diff --git a/src/hooks/useAppForm.ts b/src/hooks/useAppForm.ts
index 25198b6..2c3ce25 100644
--- a/src/hooks/useAppForm.ts
+++ b/src/hooks/useAppForm.ts
@@ -1,13 +1,14 @@
+import { ComboboxField } from "@/components/form/ComboboxField";
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 import { CheckboxField } from "../components/form/CheckboxField";
 import { DateField } from "../components/form/DateField";
 import { HoursField } from "../components/form/HoursField";
 import { SelectField } from "../components/form/SelectField";
 import { SubmitButton } from "../components/form/SubmitButton";
-import { SwitchField } from "../components/form/SwitchField";
 import { TextField } from "../components/form/TextField";
 import { TextareaField } from "../components/form/TextareaField";
 import { ToggleField } from "../components/form/ToggleField";
+import { ToggleGroupField } from "../components/form/ToggleGroupField";
 
 const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
 
@@ -21,7 +22,8 @@ export const { useAppForm, withForm } = createFormHook({
     CheckboxField,
     ToggleField,
     DateField,
-    SwitchField,
+    ComboboxField,
+    ToggleGroupField,
     HoursField,
   },
   formComponents: {
diff --git a/src/hooks/useMyUser.ts b/src/hooks/useMyUser.ts
index b0eda50..558af99 100644
--- a/src/hooks/useMyUser.ts
+++ b/src/hooks/useMyUser.ts
@@ -4,9 +4,10 @@ import { useSettings } from "../provider/SettingsProvider";
 
 type Options = {
   staleTime?: number;
+  displayErrorToast?: boolean;
 };
 
-const useMyUser = ({ staleTime }: Options = {}) => {
+const useMyUser = ({ staleTime, displayErrorToast }: Options = {}) => {
   const { settings } = useSettings();
   const redmineApi = useRedmineApi();
 
@@ -15,6 +16,9 @@ const useMyUser = ({ staleTime }: Options = {}) => {
     queryFn: () => redmineApi.getMyUser(),
     retry: 1,
     ...(staleTime && { staleTime }),
+    meta: {
+      displayErrorToast,
+    },
   });
 
   return {
diff --git a/src/hooks/useOnClickOutside.ts b/src/hooks/useOnClickOutside.ts
deleted file mode 100644
index 91dd1cf..0000000
--- a/src/hooks/useOnClickOutside.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { RefObject, useEffect } from "react";
-
-const useOnClickOutside = <T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: Event) => void) => {
-  useEffect(() => {
-    const listener = (event: Event) => {
-      if (!ref.current || ref.current.contains(event.target as Node)) {
-        return;
-      }
-      if (event.target instanceof Element && event.target.shadowRoot) {
-        return;
-      }
-      handler(event);
-    };
-
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-
-    return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [ref, handler]);
-};
-
-export default useOnClickOutside;
diff --git a/src/index.css b/src/index.css
index 36115e6..6ff7702 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,50 +1,127 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-@custom-variant dark (@media (prefers-color-scheme: dark));
-
-@theme {
-  --color-primary: var(--color-primary);
-  --color-primary-hover: var(--color-primary-hover);
-  --color-primary-disabled: var(--color-primary-disabled);
-  --color-primary-focus: var(--color-primary-focus);
-
-  --color-background: var(--color-background);
-  --color-background-hover: var(--color-background-hover);
-  --color-background-inner: var(--color-background-inner);
-
-  --color-text: var(--color-text);
-  --color-text-disabled: var(--color-text-disabled);
-
-  --color-field: var(--color-field);
-  --color-field-inner: var(--color-field-inner);
-  --color-field-border: var(--color-field-border);
-  --color-field-placeholder: var(--color-field-placeholder);
-  --color-field-disabled: var(--color-field-disabled);
+:root,
+:host {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.3211 0 0);
+  --card: oklch(0.99 0 0);
+  --card-foreground: oklch(0.3211 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.3211 0 0);
+  --primary: oklch(0.6231 0.188 259.8145);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.967 0.0029 264.5419);
+  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
+  --muted: oklch(0.9846 0.0017 247.8389);
+  --muted-foreground: oklch(0.551 0.0234 264.3637);
+  --accent: oklch(0.9514 0.025 236.8242);
+  --accent-foreground: oklch(0.3791 0.1378 265.5222);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.9276 0.0058 264.5313);
+  --input: oklch(0.9276 0.0058 264.5313);
+  --ring: oklch(0.6231 0.188 259.8145);
+  --chart-1: oklch(0.6231 0.188 259.8145);
+  --chart-2: oklch(0.5461 0.2152 262.8809);
+  --chart-3: oklch(0.4882 0.2172 264.3763);
+  --chart-4: oklch(0.4244 0.1809 265.6377);
+  --chart-5: oklch(0.3791 0.1378 265.5222);
+  --sidebar: oklch(0.9846 0.0017 247.8389);
+  --sidebar-foreground: oklch(0.3211 0 0);
+  --sidebar-primary: oklch(0.6231 0.188 259.8145);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.9514 0.025 236.8242);
+  --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
+  --sidebar-border: oklch(0.9276 0.0058 264.5313);
+  --sidebar-ring: oklch(0.6231 0.188 259.8145);
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.6rem;
+  --spacing: 0.225rem;
+}
 
-  --color-dark-50: #c9c9c9;
-  --color-dark-100: #b8b8b8;
-  --color-dark-200: #828282;
-  --color-dark-300: #696969;
-  --color-dark-400: #424242;
-  --color-dark-500: #3b3b3b;
-  --color-dark-600: #2e2e2e;
-  --color-dark-700: #242424;
-  --color-dark-800: #1f1f1f;
-  --color-dark-900: #141414;
+@media (prefers-color-scheme: dark) {
+  :root,
+  :host {
+    --background: oklch(0.2046 0 0);
+    --foreground: oklch(0.9219 0 0);
+    --card: oklch(0.2686 0 0);
+    --card-foreground: oklch(0.9219 0 0);
+    --popover: oklch(0.2686 0 0);
+    --popover-foreground: oklch(0.9219 0 0);
+    --primary: oklch(0.6231 0.188 259.8145);
+    --primary-foreground: oklch(1 0 0);
+    --secondary: oklch(0.2686 0 0);
+    --secondary-foreground: oklch(0.9219 0 0);
+    --muted: oklch(0.2686 0 0);
+    --muted-foreground: oklch(0.7155 0 0);
+    --accent: oklch(0.3791 0.1378 265.5222);
+    --accent-foreground: oklch(0.8823 0.0571 254.1284);
+    --destructive: oklch(0.6368 0.2078 25.3313);
+    --destructive-foreground: oklch(1 0 0);
+    --border: oklch(0.3715 0 0);
+    --input: oklch(0.3715 0 0);
+    --ring: oklch(0.6231 0.188 259.8145);
+    --chart-1: oklch(0.7137 0.1434 254.624);
+    --chart-2: oklch(0.6231 0.188 259.8145);
+    --chart-3: oklch(0.5461 0.2152 262.8809);
+    --chart-4: oklch(0.4882 0.2172 264.3763);
+    --chart-5: oklch(0.4244 0.1809 265.6377);
+    --sidebar: oklch(0.2046 0 0);
+    --sidebar-foreground: oklch(0.9219 0 0);
+    --sidebar-primary: oklch(0.6231 0.188 259.8145);
+    --sidebar-primary-foreground: oklch(1 0 0);
+    --sidebar-accent: oklch(0.3791 0.1378 265.5222);
+    --sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
+    --sidebar-border: oklch(0.3715 0 0);
+    --sidebar-ring: oklch(0.6231 0.188 259.8145);
+  }
+}
 
-  --color-blue-50: #eff6ff;
-  --color-blue-100: #dbeafe;
-  --color-blue-200: #bfdbfe;
-  --color-blue-300: #93c5fd;
-  --color-blue-400: #60a5fa;
-  --color-blue-500: #3b82f6;
-  --color-blue-600: #2563eb;
-  --color-blue-700: #1d4ed8;
-  --color-blue-800: #1e40af;
-  --color-blue-900: #1e3a8a;
-  --color-blue-950: #172554;
-  --color-blue: #1d4ed8;
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --font-serif: var(--font-serif);
+
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
 }
 
 @utility appearance-none {
@@ -71,55 +148,19 @@
 }
 
 @layer base {
-  :root,
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body,
   :host {
-    --color-primary: var(--color-blue-800);
-    --color-primary-hover: var(--color-blue-700);
-    --color-primary-disabled: var(--color-blue-400);
-    --color-primary-focus: var(--color-blue-400);
-
-    --color-background: var(--color-white);
-    --color-background-hover: var(--color-gray-100);
-    --color-background-inner: var(--color-gray-200);
-
-    --color-text: var(--color-gray-900);
-    --color-text-disabled: var(--color-gray-300);
-
-    --color-field: var(--color-gray-100);
-    --color-field-inner: var(--color-gray-200);
-    --color-field-border: var(--color-gray-300);
-    --color-field-placeholder: var(--color-gray-500);
-    --color-field-disabled: var(--color-gray-200);
+    @apply text-foreground;
   }
-  @media (prefers-color-scheme: dark) {
-    :root,
-    :host {
-      --color-primary: var(--color-blue-700);
-      --color-primary-hover: var(--color-blue-800);
-      --color-primary-disabled: var(--color-blue-500);
-      --color-primary-focus: var(--color-blue-800);
-
-      --color-background: var(--color-dark-800);
-      --color-background-hover: var(--color-dark-700);
-      --color-background-inner: var(--color-dark-600);
-
-      --color-text: var(--color-white);
-      --color-text-disabled: var(--color-gray-500);
 
-      --color-field: var(--color-dark-900);
-      --color-field-inner: var(--color-dark-800);
-      --color-field-border: var(--color-dark-600);
-      --color-field-placeholder: var(--color-gray-500);
-      --color-field-disabled: var(--color-dark-700);
-    }
+  ::-webkit-scrollbar {
+    width: 5px;
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--color-primary);
+    border-radius: 3px;
   }
-}
-
-::-webkit-scrollbar {
-  width: 5px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--color-primary);
-  border-radius: 3px;
 }
diff --git a/src/lang/de.json b/src/lang/de.json
index 6713c4f..06e7fb9 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -64,7 +64,6 @@
   "issues.issue.field.due-date": "Abgabedatum",
   "issues.issue.field.due-date.validation.greater-than-start-date": "Abgabedatum muss größer als Beginn sein",
   "issues.issue.field.estimated-hours": "Geschätzter Aufwand",
-  "issues.issue.field.estimated-hours.validation.greater-than-zero": "Muss größer als 0 sein",
   "issues.issue.field.done-ratio": "Fortschritt",
   "issues.issue.field.spent-time": "Aufgewendete Zeit",
   "issues.issue.field.notes": "Notizen",
@@ -73,6 +72,7 @@
   "issues.modal.add-spent-time.title": "Zeitaufwand hinzufügen",
   "issues.modal.add-spent-time.add-notes": "Notizen hinzufügen",
   "issues.modal.add-spent-time.submit": "Erstellen",
+  "issues.modal.add-spent-time.success": "Zeitaufwand erfolgreich hinzugefügt",
   "issues.modal.save-changes.title": "Änderung speichern?",
   "issues.modal.save-changes.message": "Möchten Sie Ihre Änderungen speichern?",
   "issues.modal.save-changes.cancel": "Nein, abbrechen",
@@ -85,12 +85,14 @@
   "issues.modal.add-issue.tracker-with-no-enabled-fields.warning": "Es scheint, dass Sie eine Redmine-Version < 5.0.0 verwenden. Einige Felder werden möglicherweise nicht übernommen",
   "issues.modal.add-issue.unknown-workflow-permissions.warning": "Es ist möglich, dass einige Felder aufgrund fehlender Berechtigungen in Redmine nicht übernommen werden. Derzeit gibt es keine Möglichkeit, diese Berechtigungen zu überprüfen",
   "issues.modal.add-issue.submit": "Erstellen",
+  "issues.modal.add-issue.success": "Ticket erfolgreich erstellt",
   "issues.modal.edit-issue.title": "Ticket bearbeiten",
   "issues.modal.edit-issue.issue-with-no-allowed-statuses.warning": "Es scheint, dass Sie eine Redmine-Version < 5.0.0 verwenden. Einige Statusänderungen werden möglicherweise nicht übernommen",
   "issues.modal.edit-issue.submit": "Speichern",
+  "issues.modal.edit-issue.success": "Ticket erfolgreich aktualisiert",
   "issues.modal.add-issue-notes.title": "Notizen hinzufügen",
   "issues.modal.add-issue-notes.submit": "Speichern",
-  "issues.error.fail-to-load-issues": "Fehler beim Laden der Tickets",
+  "issues.modal.add-issue-notes.success": "Notizen erfolgreich hinzugefügt",
 
   "time.time-entry.context-menu.open-in-redmine": "In Redmine öffnen",
   "time.time-entry.context-menu.edit": "Bearbeiten",
@@ -110,7 +112,7 @@
   "time.time-entry.field.activity.validation.required": "Aktivität wird benötigt",
   "time.modal.edit-time-entry.title": "Aufgewendete Zeit bearbeiten",
   "time.modal.edit-time-entry.submit": "Speichern",
-  "time.error.fail-to-load-data": "Fehler beim Laden der Daten",
+  "time.modal.edit-time-entry.success": "Zeitaufwand erfolgreich aktualisiert",
 
   "settings.general": "Allgemein",
   "settings.general.language": "Sprache",
@@ -162,8 +164,14 @@
   "settings.settings-saved": "Einstellungen gespeichert!",
   "settings.info.report-an-issue": "Einen Fehler melden",
 
+  "dismissible-warning.title": "Achtung",
   "dismissible-warning.dont-show-again": "Nicht erneut anzeigen",
 
+  "general.search": "Suche...",
   "general.no-options": "Keine Optionen",
+  "general.retry": "Wiederholen",
+  "general.error.fail-to-load-data": "Fehler beim Laden der Daten",
+  "general.error.unknown-error-occurred": "Ein unbekannter Fehler ist aufgetreten",
+
   "format.hours": "{hours} Std."
 }
diff --git a/src/lang/en.json b/src/lang/en.json
index b5ab856..543b88c 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -64,7 +64,6 @@
   "issues.issue.field.due-date": "Due date",
   "issues.issue.field.due-date.validation.greater-than-start-date": "Due date must be greater than start date",
   "issues.issue.field.estimated-hours": "Estimated hours",
-  "issues.issue.field.estimated-hours.validation.greater-than-zero": "Must be greater than 0",
   "issues.issue.field.done-ratio": "Done ratio",
   "issues.issue.field.spent-time": "Spent time",
   "issues.issue.field.notes": "Notes",
@@ -73,6 +72,7 @@
   "issues.modal.add-spent-time.title": "Add spent time",
   "issues.modal.add-spent-time.add-notes": "Add notes",
   "issues.modal.add-spent-time.submit": "Create",
+  "issues.modal.add-spent-time.success": "Spent time successfully added",
   "issues.modal.save-changes.title": "Save changes?",
   "issues.modal.save-changes.message": "Do you want to save your changes?",
   "issues.modal.save-changes.cancel": "No, cancel",
@@ -85,12 +85,14 @@
   "issues.modal.add-issue.tracker-with-no-enabled-fields.warning": "It seems that you are using a Redmine version < 5.0.0. It is possible that some fields are not applied",
   "issues.modal.add-issue.unknown-workflow-permissions.warning": "It is possible that some fields are not applied due to missing permissions in Redmine. There is currently no way to check these permissions",
   "issues.modal.add-issue.submit": "Create",
+  "issues.modal.add-issue.success": "Issue successfully created",
   "issues.modal.edit-issue.title": "Edit issue",
   "issues.modal.edit-issue.issue-with-no-allowed-statuses.warning": "It seems that you are using a Redmine version < 5.0.0. It is possible that some statuses changes are not applied",
   "issues.modal.edit-issue.submit": "Save",
+  "issues.modal.edit-issue.success": "Issue successfully updated",
   "issues.modal.add-issue-notes.title": "Add notes",
   "issues.modal.add-issue-notes.submit": "Save",
-  "issues.error.fail-to-load-issues": "Failed to load issues",
+  "issues.modal.add-issue-notes.success": "Notes successfully added",
 
   "time.time-entry.context-menu.open-in-redmine": "Open in Redmine",
   "time.time-entry.context-menu.edit": "Edit",
@@ -110,7 +112,7 @@
   "time.time-entry.field.activity.validation.required": "Activity is required",
   "time.modal.edit-time-entry.title": "Edit time entry",
   "time.modal.edit-time-entry.submit": "Save",
-  "time.error.fail-to-load-data": "Failed to load data",
+  "time.modal.edit-time-entry.success": "Time entry successfully updated",
 
   "settings.general": "General",
   "settings.general.language": "Language",
@@ -162,8 +164,14 @@
   "settings.settings-saved": "Settings saved!",
   "settings.info.report-an-issue": "Report an issue",
 
+  "dismissible-warning.title": "Warning",
   "dismissible-warning.dont-show-again": "Don't show again",
 
+  "general.search": "Search...",
   "general.no-options": "No options",
+  "general.retry": "Retry",
+  "general.error.fail-to-load-data": "Failed to load data",
+  "general.error.unknown-error-occurred": "An unknown error occurred",
+
   "format.hours": "{hours} h"
 }
diff --git a/src/lang/fr.json b/src/lang/fr.json
index ffd08d6..4009113 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -64,7 +64,6 @@
   "issues.issue.field.due-date": "Date d'échéance",
   "issues.issue.field.due-date.validation.greater-than-start-date": "La date d'échéance doit être postérieure à la date de début",
   "issues.issue.field.estimated-hours": "Heures estimées",
-  "issues.issue.field.estimated-hours.validation.greater-than-zero": "Doit être supérieur à 0",
   "issues.issue.field.done-ratio": "Pourcentage terminé",
   "issues.issue.field.spent-time": "Temps passé",
   "issues.issue.field.notes": "Notes",
@@ -73,6 +72,7 @@
   "issues.modal.add-spent-time.title": "Ajouter du temps passé",
   "issues.modal.add-spent-time.add-notes": "Ajouter des notes",
   "issues.modal.add-spent-time.submit": "Créer",
+  "issues.modal.add-spent-time.success": "Spent time successfully added",
   "issues.modal.save-changes.title": "Enregistrer les modifications ?",
   "issues.modal.save-changes.message": "Souhaitez-vous enregistrer vos modifications ?",
   "issues.modal.save-changes.cancel": "Non, annuler",
@@ -85,12 +85,14 @@
   "issues.modal.add-issue.tracker-with-no-enabled-fields.warning": "Il semble que vous utilisez une version Redmine < 5.0.0. Certains champs peuvent ne pas être appliqués",
   "issues.modal.add-issue.unknown-workflow-permissions.warning": "Il est possible que certains champs ne soient pas appliqués en raison de permissions manquantes dans Redmine. Il n'existe actuellement aucun moyen de vérifier ces permissions",
   "issues.modal.add-issue.submit": "Créer",
+  "issues.modal.add-issue.success": "Issue successfully created",
   "issues.modal.edit-issue.title": "Modifier le ticket",
   "issues.modal.edit-issue.issue-with-no-allowed-statuses.warning": "Il semble que vous utilisez une version Redmine < 5.0.0. Certains changements de statut peuvent ne pas être appliqués",
   "issues.modal.edit-issue.submit": "Enregistrer",
+  "issues.modal.edit-issue.success": "Issue successfully updated",
   "issues.modal.add-issue-notes.title": "Add notes",
   "issues.modal.add-issue-notes.submit": "Save",
-  "issues.error.fail-to-load-issues": "Impossible de charger les tickets",
+  "issues.modal.add-issue-notes.success": "Notes successfully added",
 
   "time.time-entry.context-menu.open-in-redmine": "Ouvrir dans Redmine",
   "time.time-entry.context-menu.edit": "Modifier",
@@ -110,7 +112,7 @@
   "time.time-entry.field.activity.validation.required": "L'activité est requise",
   "time.modal.edit-time-entry.title": "Modifier une entrée de temps",
   "time.modal.edit-time-entry.submit": "Enregistrer",
-  "time.error.fail-to-load-data": "Impossible de charger les données",
+  "time.modal.edit-time-entry.success": "Time entry successfully updated",
 
   "settings.general": "Général",
   "settings.general.language": "Langue",
@@ -162,8 +164,14 @@
   "settings.settings-saved": "Paramètres enregistrés !",
   "settings.info.report-an-issue": "Signaler un problème",
 
+  "dismissible-warning.title": "Warning",
   "dismissible-warning.dont-show-again": "Ne plus afficher",
 
+  "general.search": "Rechercher...",
   "general.no-options": "Aucune option",
+  "general.retry": "Retry",
+  "general.error.fail-to-load-data": "Impossible de charger les données",
+  "general.error.unknown-error-occurred": "An unknown error occurred",
+
   "format.hours": "{hours} h"
 }
diff --git a/src/lang/ru.json b/src/lang/ru.json
index df257b8..15ae194 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -64,7 +64,6 @@
   "issues.issue.field.due-date": "Срок завершения",
   "issues.issue.field.due-date.validation.greater-than-start-date": "Due date must be greater than start date",
   "issues.issue.field.estimated-hours": "Оценка временных затрат",
-  "issues.issue.field.estimated-hours.validation.greater-than-zero": "Должно быть больше 0",
   "issues.issue.field.done-ratio": "Done ratio",
   "issues.issue.field.spent-time": "Трудозатраты",
   "issues.issue.field.notes": "Примечания",
@@ -73,6 +72,7 @@
   "issues.modal.add-spent-time.title": "Добавление затраченного времени",
   "issues.modal.add-spent-time.add-notes": "Добавление примечаний",
   "issues.modal.add-spent-time.submit": "Добавить",
+  "issues.modal.add-spent-time.success": "Spent time successfully added",
   "issues.modal.save-changes.title": "Сохранение изменений",
   "issues.modal.save-changes.message": "Вы хотите сохранить ваши изменения?",
   "issues.modal.save-changes.cancel": "Нет, отменить",
@@ -85,12 +85,14 @@
   "issues.modal.add-issue.tracker-with-no-enabled-fields.warning": "It seems that you are using a Redmine version < 5.0.0. It is possible that some fields are not applied",
   "issues.modal.add-issue.unknown-workflow-permissions.warning": "It is possible that some fields are not applied due to missing permissions in Redmine. There is currently no way to check these permissions",
   "issues.modal.add-issue.submit": "Create",
+  "issues.modal.add-issue.success": "Issue successfully created",
   "issues.modal.edit-issue.title": "Edit issue",
   "issues.modal.edit-issue.issue-with-no-allowed-statuses.warning": "It seems that you are using a Redmine version < 5.0.0. It is possible that some statuses changes are not applied",
   "issues.modal.edit-issue.submit": "Save",
+  "issues.modal.edit-issue.success": "Issue successfully updated",
   "issues.modal.add-issue-notes.title": "Add notes",
   "issues.modal.add-issue-notes.submit": "Save",
-  "issues.error.fail-to-load-issues": "Не удалось загрузить задачи",
+  "issues.modal.add-issue-notes.success": "Notes successfully added",
 
   "time.time-entry.context-menu.open-in-redmine": "Открыть в Redmine",
   "time.time-entry.context-menu.edit": "Edit",
@@ -110,7 +112,7 @@
   "time.time-entry.field.activity.validation.required": "Требуется хотя бы одно созданное действие в «Списки значений»",
   "time.modal.edit-time-entry.title": "Edit time entry",
   "time.modal.edit-time-entry.submit": "Save",
-  "time.error.fail-to-load-data": "Не удалось загрузить данные",
+  "time.modal.edit-time-entry.success": "Time entry successfully updated",
 
   "settings.general": "Основное",
   "settings.general.language": "Язык",
@@ -162,8 +164,14 @@
   "settings.settings-saved": "Настройки сохранены!",
   "settings.info.report-an-issue": "Сообщить о проблеме",
 
+  "dismissible-warning.title": "Warning",
   "dismissible-warning.dont-show-again": "Don't show again",
 
+  "general.search": "Поиск...",
   "general.no-options": "No options",
+  "general.retry": "Retry",
+  "general.error.fail-to-load-data": "Не удалось загрузить данные",
+  "general.error.unknown-error-occurred": "An unknown error occurred",
+
   "format.hours": "{hours} ч"
 }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..a5ef193
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/src/main.tsx b/src/main.tsx
index 48877eb..9e5b344 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,14 +1,13 @@
+import Providers from "@/provider/Providers.tsx";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "react-tooltip/dist/react-tooltip.css";
-import App from "./App.tsx";
 import "./index.css";
-import Providers from "./provider/Providers.tsx";
+import MainApp from "./MainApp";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <Providers>
-      <App />
+      <MainApp />
     </Providers>
   </React.StrictMode>
 );
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index a2cd7bb..1f973a9 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -1,7 +1,6 @@
+import { Button } from "@/components/ui/button";
 import { RefObject, useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import Button from "../components/general/Button";
-import Toast from "../components/general/Toast";
 import Filter, { FilterQuery } from "../components/issue/Filter";
 import IssuesList from "../components/issue/IssuesList";
 import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
@@ -71,15 +70,13 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
 
             {searchIssues.hasNextPage && (
               <div className="flex justify-center">
-                <Button size="xs" variant="outline" onClick={() => searchIssues.fetchNextPage()}>
+                <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
                   {formatMessage({ id: "issues.list.load-more" })}
                 </Button>
               </div>
             )}
           </>
         )}
-
-        {myIssuesQuery.isError && <Toast type="error" message={formatMessage({ id: "issues.error.fail-to-load-issues" })} allowClose={false} />}
       </div>
     </>
   );
@@ -91,15 +88,13 @@ const SearchFilterWrapper = () => {
   return (
     <Search ref={searchRef}>
       {({ search }) => (
-        <>
-          <Filter>
-            {({ filter, isLoading: isLoadingFilter }) => (
-              <>
-                <IssuesPage search={search} filter={filter} searchRef={searchRef} isLoading={isLoadingFilter} />
-              </>
-            )}
-          </Filter>
-        </>
+        <Filter>
+          {({ filter, isLoading: isLoadingFilter }) => (
+            <>
+              <IssuesPage search={search} filter={filter} searchRef={searchRef} isLoading={isLoadingFilter} />
+            </>
+          )}
+        </Filter>
       )}
     </Search>
   );
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 2d14363..66b7ff2 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -1,16 +1,14 @@
 /* eslint-disable react/no-children-prop */
-import { faGithub } from "@fortawesome/free-brands-svg-icons";
-import { faBug, faGlobe, faInfoCircle, faServer } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Button } from "@/components/ui/button";
 import { useQueryClient } from "@tanstack/react-query";
 import { DE, FlagComponent, FR, GB, RU } from "country-flag-icons/react/3x2";
+import { BugIcon, GlobeIcon, InfoIcon, ServerIcon } from "lucide-react";
 import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
+import { toast } from "sonner";
 import { z } from "zod/v4";
-import Button from "../components/general/Button";
-import Fieldset from "../components/general/Fieldset";
 import Indicator from "../components/general/Indicator";
-import Toast from "../components/general/Toast";
+import { Form, FormFieldset, FormGrid } from "../components/ui/form";
 import { useAppForm } from "../hooks/useAppForm";
 import useMyUser from "../hooks/useMyUser";
 import { LANGUAGES } from "../provider/IntlProvider";
@@ -68,39 +66,32 @@ const SettingsPage = () => {
       value.redmineURL = value.redmineURL.replace(/\/$/, "");
       setSettings(value);
       queryClient.clear();
-      setSaved(true);
       setEditRedmineInstance(false);
+      toast.success(formatMessage({ id: "settings.settings-saved" }));
     },
   });
 
   const [editRedmineInstance, setEditRedmineInstance] = useState(settings.redmineURL === "");
-  const [saved, setSaved] = useState(false);
 
-  const myUser = useMyUser({ staleTime: 0 });
+  const myUser = useMyUser({ staleTime: 0, displayErrorToast: false });
 
   return (
     <>
-      <form
-        onSubmit={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          form.handleSubmit();
-        }}
-      >
-        <div className="flex flex-col gap-y-1">
-          <Fieldset legend={<FormattedMessage id="settings.general" />}>
-            <div className="flex flex-col gap-y-2">
+      <Form onSubmit={form.handleSubmit}>
+        <div className="flex flex-col gap-2">
+          <FormFieldset legend={<FormattedMessage id="settings.general" />}>
+            <FormGrid>
               <form.AppField
                 name="language"
                 children={(field) => (
-                  <field.SelectField
+                  <field.ComboboxField
                     title={formatMessage({ id: "settings.general.language" })}
                     placeholder={formatMessage({ id: "settings.general.language" })}
                     required
                     options={[
                       {
                         label: "Auto (Browser)",
-                        icon: <FontAwesomeIcon icon={faGlobe} />,
+                        icon: <GlobeIcon />,
                         value: "browser",
                       },
                       ...LANGUAGES.map((lang) => {
@@ -119,11 +110,11 @@ const SettingsPage = () => {
               <a href="https://github.com/CrawlerCode/redmine-time-tracking#supported-languages" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
                 <FormattedMessage id="settings.general.language.missing-hint" />
               </a>
-            </div>
-          </Fieldset>
+            </FormGrid>
+          </FormFieldset>
 
-          <Fieldset legend={<FormattedMessage id="settings.redmine" />}>
-            <div className="flex flex-col gap-y-2">
+          <FormFieldset legend={<FormattedMessage id="settings.redmine" />}>
+            <FormGrid>
               {(editRedmineInstance && (
                 <>
                   <form.AppField
@@ -145,8 +136,8 @@ const SettingsPage = () => {
                     })}
                     children={({ redmineURL, displayHint }) =>
                       displayHint && (
-                        <p>
-                          <FontAwesomeIcon icon={faInfoCircle} className="mr-1 text-yellow-500 dark:text-yellow-400" />
+                        <p className="flex items-center gap-2">
+                          <InfoIcon className="size-4 text-yellow-500 dark:text-yellow-400" />
                           <FormattedMessage
                             id="settings.redmine.api-key.hint"
                             values={{
@@ -163,59 +154,55 @@ const SettingsPage = () => {
                   />
                 </>
               )) || (
-                <>
-                  <div className="flex items-center gap-x-2">
-                    <div className="relative w-full">
-                      <h3 className="max-w-[285px] truncate text-base">
-                        <FontAwesomeIcon icon={faServer} className="mr-1 text-gray-800 dark:text-gray-200" />
-                        {settings.redmineURL}
-                      </h3>
-                      <p className="flex items-center gap-x-1.5">
-                        {myUser.isLoading ? (
-                          <>
-                            <Indicator variant="loading" />
-                            <FormattedMessage id="settings.redmine.connecting" />
-                          </>
-                        ) : myUser.isError ? (
-                          <>
-                            <Indicator variant="danger" />
-                            <FormattedMessage id="settings.redmine.connection-failed" />
-                          </>
-                        ) : myUser.data ? (
-                          <>
-                            <Indicator variant="success" />
-                            <FormattedMessage id="settings.redmine.connection-successful" />
-                          </>
-                        ) : (
-                          "Unknown status"
-                        )}
-                      </p>
-                      {myUser.isError && myUser.error && <p className="text-red-500 dark:text-red-400">{myUser.error.message}</p>}
-                      {myUser.data && (
-                        <p>
-                          <FormattedMessage
-                            id="settings.redmine.hello-user"
-                            values={{
-                              firstName: myUser.data.firstname,
-                              lastName: myUser.data.lastname,
-                              accountName: myUser.data.login,
-                              strong: (children) => <strong>{children}</strong>,
-                            }}
-                          />
-                        </p>
-                      )}
-                      <Button className="absolute right-0 bottom-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
-                        <FormattedMessage id="settings.redmine.edit" />
-                      </Button>
-                    </div>
-                  </div>
-                </>
+                <div className="relative -mt-1.5 w-full">
+                  <h3 className="flex items-center gap-2 truncate text-base">
+                    <ServerIcon className="size-4 text-gray-800 dark:text-gray-200" />
+                    {settings.redmineURL}
+                  </h3>
+                  <p className="flex items-center gap-x-1.5">
+                    {myUser.isLoading ? (
+                      <>
+                        <Indicator variant="loading" />
+                        <FormattedMessage id="settings.redmine.connecting" />
+                      </>
+                    ) : myUser.isError ? (
+                      <>
+                        <Indicator variant="danger" />
+                        <FormattedMessage id="settings.redmine.connection-failed" />
+                      </>
+                    ) : myUser.data ? (
+                      <>
+                        <Indicator variant="success" />
+                        <FormattedMessage id="settings.redmine.connection-successful" />
+                      </>
+                    ) : (
+                      "Unknown status"
+                    )}
+                  </p>
+                  {myUser.isError && myUser.error && <p className="text-red-500 dark:text-red-400">{myUser.error.message}</p>}
+                  {myUser.data && (
+                    <p>
+                      <FormattedMessage
+                        id="settings.redmine.hello-user"
+                        values={{
+                          firstName: myUser.data.firstname,
+                          lastName: myUser.data.lastname,
+                          accountName: myUser.data.login,
+                          strong: (children) => <strong>{children}</strong>,
+                        }}
+                      />
+                    </p>
+                  )}
+                  <Button className="absolute right-0 bottom-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
+                    <FormattedMessage id="settings.redmine.edit" />
+                  </Button>
+                </div>
               )}
-            </div>
-          </Fieldset>
+            </FormGrid>
+          </FormFieldset>
 
-          <Fieldset legend={<FormattedMessage id="settings.features" />}>
-            <div className="flex flex-col gap-y-2">
+          <FormFieldset legend={<FormattedMessage id="settings.features" />}>
+            <FormGrid cols={6}>
               <form.AppField
                 name="features.autoPauseOnSwitch"
                 children={(field) => (
@@ -231,15 +218,14 @@ const SettingsPage = () => {
                   <field.CheckboxField title={formatMessage({ id: "settings.features.extended-search.title" })} description={formatMessage({ id: "settings.features.extended-search.description" })} />
                 )}
               />
-
-              <div className="flex items-center gap-x-1">
+              <>
                 <form.AppField
                   name="features.roundToNearestInterval"
                   children={(field) => (
                     <field.CheckboxField
                       title={formatMessage({ id: "settings.features.round-to-nearest-interval.title" })}
                       description={formatMessage({ id: "settings.features.round-to-nearest-interval.description" })}
-                      className="grow"
+                      className="col-span-5"
                     />
                   )}
                 />
@@ -256,15 +242,18 @@ const SettingsPage = () => {
                             max={60}
                             step={1}
                             placeholder={formatMessage({ id: "settings.features.rounding-interval.placeholder" })}
-                            className="w-12"
-                            inputClassName="appearance-none"
+                            className="col-span-1 w-12 self-center justify-self-end"
+                            classNames={{
+                              input: "appearance-none",
+                            }}
+                            fieldErrorVariant="tooltip"
                           />
                         )}
                       />
                     )
                   }
                 />
-              </div>
+              </>
               <form.AppField
                 name="features.addNotes"
                 children={(field) => (
@@ -286,11 +275,11 @@ const SettingsPage = () => {
                   />
                 )}
               />
-            </div>
-          </Fieldset>
+            </FormGrid>
+          </FormFieldset>
 
-          <Fieldset legend={<FormattedMessage id="settings.style" />}>
-            <div className="flex flex-col gap-y-2">
+          <FormFieldset legend={<FormattedMessage id="settings.style" />}>
+            <FormGrid>
               <form.AppField name="style.displaySearchAlways" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.display-search-always.title" })} />} />
               <form.AppField name="style.stickyScroll" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.sticky-scroll.title" })} />} />
               <form.AppField name="style.groupIssuesByVersion" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.group-issues-by-version.title" })} />} />
@@ -302,7 +291,7 @@ const SettingsPage = () => {
               <form.AppField
                 name="style.timeFormat"
                 children={(field) => (
-                  <field.SwitchField
+                  <field.ToggleGroupField
                     title={formatMessage({ id: "settings.style.time-format.title" })}
                     options={[
                       {
@@ -327,16 +316,15 @@ const SettingsPage = () => {
                   />
                 )}
               />
-            </div>
-          </Fieldset>
+            </FormGrid>
+          </FormFieldset>
 
           <form.AppForm>
-            <form.SubmitButton children={formatMessage({ id: "settings.save-settings" })} className="mt-2" />
+            <form.SubmitButton children={formatMessage({ id: "settings.save-settings" })} />
           </form.AppForm>
         </div>
-      </form>
+      </Form>
       <Info />
-      {saved && <Toast type="success" message={formatMessage({ id: "settings.settings-saved" })} onClose={() => setSaved(false)} />}
     </>
   );
 };
@@ -345,35 +333,35 @@ const Info = () => {
   const { name, version, version_name } = chrome.runtime.getManifest();
 
   return (
-    <>
-      <div className="mt-10">
-        <Fieldset
-          legend={
-            <>
-              <a href="https://chrome.google.com/webstore/detail/redmine-time-tracking/ldcanhhkffokndenejhafhlkapflgcjg" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-                {name}
-              </a>
-              <span className="mx-1 text-xs">-</span>
-              <a href="https://github.com/CrawlerCode/redmine-time-tracking/releases" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-                v{version_name || version}
-              </a>
-            </>
-          }
-        >
-          <div className="flex items-center justify-around p-3">
-            <a href="https://github.com/CrawlerCode/redmine-time-tracking" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-              <FontAwesomeIcon icon={faGithub} className="mr-1" />
-              GitHub
-            </a>
+    <FormFieldset
+      className="mt-10"
+      legend={
+        <>
+          <a href="https://chrome.google.com/webstore/detail/redmine-time-tracking/ldcanhhkffokndenejhafhlkapflgcjg" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
+            {name}
+          </a>
+          <span className="mx-1 text-xs">-</span>
+          <a href="https://github.com/CrawlerCode/redmine-time-tracking/releases" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
+            v{version_name || version}
+          </a>
+        </>
+      }
+    >
+      <div className="flex items-center justify-around p-3">
+        <a href="https://github.com/CrawlerCode/redmine-time-tracking" target="_blank" tabIndex={-1} className="flex items-center gap-2 hover:underline" rel="noreferrer">
+          <svg className="col size-4" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <title>GitHub</title>
+            <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+          </svg>{" "}
+          GitHub
+        </a>
 
-            <a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-              <FontAwesomeIcon icon={faBug} className="mr-1" />
-              <FormattedMessage id="settings.info.report-an-issue" />
-            </a>
-          </div>
-        </Fieldset>
+        <a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} className="flex items-center gap-2 hover:underline" rel="noreferrer">
+          <BugIcon className="size-4" />
+          <FormattedMessage id="settings.info.report-an-issue" />
+        </a>
       </div>
-    </>
+    </FormFieldset>
   );
 };
 
diff --git a/src/pages/TimePage.tsx b/src/pages/TimePage.tsx
index 5830209..cfd834a 100644
--- a/src/pages/TimePage.tsx
+++ b/src/pages/TimePage.tsx
@@ -1,29 +1,15 @@
 import { isMonday, previousMonday, startOfDay, subWeeks } from "date-fns";
-import { useIntl } from "react-intl";
-import Toast from "../components/general/Toast";
 import TimeEntryList from "../components/time-entry/TimeEntryList";
 import TimeEntryListSkeleton from "../components/time-entry/TimeEntryListSkeleton";
 import useMyTimeEntries from "../hooks/useMyTimeEntries";
 
 const TimePage = () => {
-  const { formatMessage } = useIntl();
-
   const today = startOfDay(new Date());
   const startOfLastWeek = subWeeks(isMonday(today) ? today : previousMonday(today), 1);
 
   const myTimeEntriesQuery = useMyTimeEntries(startOfLastWeek, today);
 
-  return (
-    <>
-      <div className="flex flex-col gap-y-2">
-        {myTimeEntriesQuery.isLoading && <TimeEntryListSkeleton />}
-
-        {!myTimeEntriesQuery.isLoading && <TimeEntryList entries={myTimeEntriesQuery.data} />}
-
-        {myTimeEntriesQuery.isError && <Toast type="error" message={formatMessage({ id: "time.error.fail-to-load-data" })} allowClose={false} />}
-      </div>
-    </>
-  );
+  return <div className="flex flex-col gap-y-2">{myTimeEntriesQuery.isLoading ? <TimeEntryListSkeleton /> : <TimeEntryList entries={myTimeEntriesQuery.data} />}</div>;
 };
 
 export default TimePage;
diff --git a/src/provider/IntlProvider.tsx b/src/provider/IntlProvider.tsx
index c6ce6e0..72ca192 100644
--- a/src/provider/IntlProvider.tsx
+++ b/src/provider/IntlProvider.tsx
@@ -1,15 +1,10 @@
 import { setDefaultOptions } from "date-fns";
-import flatpickr from "flatpickr";
 import React, { ComponentProps, useEffect, useState } from "react";
 import { IntlProvider as ReactIntlProvider } from "react-intl";
 import { useSettings } from "./SettingsProvider";
 
 import messagesEN from "../lang/en.json";
 
-import { German as flatpickrDE } from "flatpickr/dist/l10n/de.js";
-import { english as flatpickrEN } from "flatpickr/dist/l10n/default";
-import { French as flatpickrFR } from "flatpickr/dist/l10n/fr.js";
-import { Russian as flatpickrRU } from "flatpickr/dist/l10n/ru.js";
 import z from "zod/v4";
 
 export const LANGUAGES = ["en", "de", "ru", "fr"] as const;
@@ -55,25 +50,6 @@ const IntlProvider = ({ children }: PropTypes) => {
     })();
 
     z.config(z.locales[locale]());
-
-    let flatpickrLocal;
-    switch (locale) {
-      case "en":
-        flatpickrLocal = flatpickrEN;
-        break;
-      case "de":
-        flatpickrLocal = flatpickrDE;
-        break;
-      case "ru":
-        flatpickrLocal = flatpickrRU;
-        break;
-      case "fr":
-        flatpickrLocal = flatpickrFR;
-        break;
-    }
-    flatpickr.setDefaults({
-      locale: flatpickrLocal,
-    });
   }, [locale]);
 
   return (
diff --git a/src/provider/Providers.tsx b/src/provider/Providers.tsx
index 8b0adb7..65d1a7c 100644
--- a/src/provider/Providers.tsx
+++ b/src/provider/Providers.tsx
@@ -1,3 +1,4 @@
+import { Toaster } from "@/components/ui/sonner";
 import { ReactNode } from "react";
 import { HashRouter } from "react-router-dom";
 import IntlProvider from "./IntlProvider";
@@ -11,7 +12,10 @@ const Providers = ({ children }: { children: ReactNode }) => {
       <SettingsProvider>
         <RedmineApiProvider>
           <QueryClientProvider>
-            <IntlProvider>{children}</IntlProvider>
+            <IntlProvider>
+              {children}
+              <Toaster />
+            </IntlProvider>
           </QueryClientProvider>
         </RedmineApiProvider>
       </SettingsProvider>
diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index 67dd2db..7596ff1 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -1,12 +1,36 @@
+import { getErrorMessage } from "@/utils/error";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
-import { QueryClient } from "@tanstack/react-query";
+import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
 import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
-import { ReactNode, Suspense, lazy, useEffect } from "react";
+import { lazy, ReactNode, Suspense, useEffect } from "react";
+import { FormattedMessage } from "react-intl";
+import { toast } from "sonner";
 import useStorage from "../hooks/useStorage";
 
-type PropTypes = {
-  children: ReactNode;
-};
+declare module "@tanstack/react-query" {
+  interface Register {
+    queryMeta: {
+      /**
+       * Should display an error toast when the query fails
+       *
+       * @default true
+       */
+      displayErrorToast?: boolean;
+    };
+    mutationMeta: {
+      /**
+       * Should display a success toast when the mutation succeeds
+       */
+      successMessage?: string;
+      /**
+       * Error message to display in the toast when the mutation fails
+       *
+       * @default "An unknown error occurred"
+       */
+      errorMessage?: string;
+    };
+  }
+}
 
 const CACHE_TIME = 1000 * 60 * 60 * 24; // 24 hours
 
@@ -15,8 +39,57 @@ const queryClient = new QueryClient({
     queries: {
       gcTime: CACHE_TIME,
       staleTime: 1000 * 60 * 60, // 1 hour
+      retry: 1,
     },
   },
+  queryCache: new QueryCache({
+    onError: (_, query) => {
+      if (query.meta?.displayErrorToast === false) return;
+
+      const failedQueries = queryClient
+        .getQueryCache()
+        .getAll()
+        .filter((q) => q.state.error && q.meta?.displayErrorToast !== false);
+
+      toast.error(<FormattedMessage id="general.error.fail-to-load-data" />, {
+        id: "failed-to-load-data",
+        dismissible: false,
+        description: Object.entries(
+          failedQueries.reduce((errors: Record<string, number>, q) => {
+            const message = getErrorMessage(q.state.error);
+            if (message) errors[message] = (errors[message] ?? 0) + 1;
+            return errors;
+          }, {})
+        ).map(([msg, count]) => (
+          <p key={msg}>
+            {msg}
+            {count > 1 ? ` (${count}x)` : null}
+          </p>
+        )),
+        action: {
+          label: <FormattedMessage id="general.retry" />,
+          onClick: () => {
+            failedQueries.forEach((q) => {
+              queryClient.refetchQueries({ queryKey: q.queryKey, exact: true });
+            });
+          },
+        },
+      });
+    },
+  }),
+  mutationCache: new MutationCache({
+    onSuccess: (_data, _variables, _context, mutation) => {
+      if (mutation.meta?.successMessage) {
+        toast.success(mutation.meta.successMessage);
+      }
+    },
+    onError: (error, _variables, _context, mutation) => {
+      const title = mutation.meta?.errorMessage || <FormattedMessage id="general.error.unknown-error-occurred" />;
+      toast.error(title, {
+        description: getErrorMessage(error),
+      });
+    },
+  }),
 });
 
 const persister = createAsyncStoragePersister({
@@ -34,6 +107,10 @@ const ReactQueryDevtoolsProduction = lazy(() =>
   }))
 );
 
+type PropTypes = {
+  children: ReactNode;
+};
+
 const QueryClientProvider = ({ children }: PropTypes) => {
   const { data: showDevtools, setData: setShowDevtools } = useStorage("tanstackQueryDevtools", false);
 
diff --git a/src/types/redmine.ts b/src/types/redmine.ts
index 308a20a..9ca314c 100644
--- a/src/types/redmine.ts
+++ b/src/types/redmine.ts
@@ -164,7 +164,7 @@ export type TCreateTimeEntry = {
   spent_on: Date;
   activity_id: number;
   hours: number;
-  comments?: string;
+  comments?: string | null;
 };
 
 export type TUpdateTimeEntry = Partial<TCreateTimeEntry> & {
diff --git a/src/utils/error.ts b/src/utils/error.ts
new file mode 100644
index 0000000..97f4089
--- /dev/null
+++ b/src/utils/error.ts
@@ -0,0 +1,14 @@
+import { TRedmineError } from "@/types/redmine";
+import { AxiosError, isAxiosError } from "axios";
+
+export const getErrorMessage = (error: unknown): string => {
+  if (isAxiosError(error)) {
+    return (error as AxiosError<TRedmineError>).response?.data?.errors?.join(", ") || error.message;
+  }
+
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  return String(error);
+};
diff --git a/src/utils/popout.ts b/src/utils/popout.ts
index f46aa01..a07b073 100644
--- a/src/utils/popout.ts
+++ b/src/utils/popout.ts
@@ -8,8 +8,8 @@ export const createPopOut = () => {
   chrome.windows.create({
     url: chrome.runtime.getURL("/index.html?location=popout"),
     type: "popup",
-    width: width + 14,
-    height: height + 14,
+    width: Math.round(width + 14),
+    height: Math.round(height + 14),
     focused: true,
   });
 };
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..1aa041f
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}
diff --git a/tsconfig.json b/tsconfig.json
index c81ef9f..7036885 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,24 +1,10 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "files": [],
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
index 42872c5..44f597e 100644
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -1,10 +1,24 @@
 {
   "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
+    "target": "ES2023",
+    "lib": ["ES2023"],
     "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
     "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["vite.config.ts"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index 3c55247..9359335 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,7 @@
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import "dotenv/config";
+import path from "path";
 import { defineConfig } from "vite";
 import { viteStaticCopy } from "vite-plugin-static-copy";
 import zipPack from "vite-plugin-zip-pack";
@@ -10,6 +11,11 @@ const platform = process.env.PLATFORM ?? "chrome";
 
 // https://vitejs.dev/config/
 export default defineConfig((env) => ({
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
   build: {
     emptyOutDir: true,
     rollupOptions: {
@@ -19,6 +25,7 @@ export default defineConfig((env) => ({
         assetFileNames: "[name].[ext]",
       },
     },
+    cssCodeSplit: false,
   },
   experimental: {
     renderBuiltUrl(file, { type, hostType }) {

From a019c168d7534bb553604a0e895dce73313db9ea Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 22 Oct 2025 20:39:50 +0200
Subject: [PATCH 08/55] fix: Skip failed mutations for multi create time spend
 entires

Until now. If a mutation fails, no new entries are created for other users. Some entries may have already been created, leading to inconsistent behavior. Therefore, I will now skip the failed mutation and execute the rest. An error message will be displayed for the failed mutation, indicating what was successfully created and what failed.
---
 eslint.config.js                              | 19 ++++++++++++++++++-
 .../time-entry/CreateTimeEntryModal.tsx       |  6 +++++-
 src/hooks/useActiveRedmineTab.ts              |  1 -
 src/hooks/useRedmineUrl.ts                    |  1 -
 src/hooks/useSearch.ts                        |  1 -
 src/provider/QueryClientProvider.tsx          |  1 +
 src/provider/SettingsProvider.tsx             |  1 -
 7 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index 34de6a7..d454c19 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -38,5 +38,22 @@ export default [
   // Prettier
   prettierConfig,
   // Tailwind CSS
-  //...tailwind.configs["flat/recommended"], // TODO: Wait until working with Tailwind CSS v4
+  //...tailwind.configs["flat/recommended"], // TODO: Wait until working with Tailwind CSS v4,
+  // Customizations
+  {
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          args: "all",
+          argsIgnorePattern: "^_",
+          caughtErrors: "all",
+          caughtErrorsIgnorePattern: "^_",
+          destructuredArrayIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true,
+        },
+      ],
+    },
+  },
 ];
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index 6a05dd6..ee893ef 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -110,7 +110,11 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
       if (value.user_id && Array.isArray(value.user_id) && value.user_id.length > 0) {
         // create for multiple users
         for (const userId of value.user_id) {
-          await createTimeEntryMutation.mutateAsync({ ...value, user_id: userId });
+          try {
+            await createTimeEntryMutation.mutateAsync({ ...value, user_id: userId });
+          } catch (_) {
+            continue; // continue on other users
+          }
         }
       } else {
         // create for me
diff --git a/src/hooks/useActiveRedmineTab.ts b/src/hooks/useActiveRedmineTab.ts
index 21a2c4d..8af88f4 100644
--- a/src/hooks/useActiveRedmineTab.ts
+++ b/src/hooks/useActiveRedmineTab.ts
@@ -20,7 +20,6 @@ function useActiveRedmineTab() {
         const tabs = await chrome.tabs.query({ active: true, lastFocusedWindow: true, url: `${settings.redmineURL}/*` });
         const currentTab = tabs[0];
         if (currentTab?.url) {
-          // eslint-disable-next-line @typescript-eslint/no-unused-vars
           const [_, issueId] = currentTab.url.match(new RegExp(`^${settings.redmineURL}/issues/(\\d+)(\\?.*)?(#.*)?$`)) || [];
           if (issueId) {
             setCurrentUrl({ url: currentTab.url, data: { type: "issue", id: Number(issueId) } });
diff --git a/src/hooks/useRedmineUrl.ts b/src/hooks/useRedmineUrl.ts
index cc93598..8da5964 100644
--- a/src/hooks/useRedmineUrl.ts
+++ b/src/hooks/useRedmineUrl.ts
@@ -15,7 +15,6 @@ function useRedmineUrl() {
   >();
 
   useEffect(() => {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [_, issueId] = window.location.href.match(new RegExp(`^${settings.redmineURL}/issues/(\\d+)(\\?.*)?(#.*)?$`)) || [];
 
     if (issueId) {
diff --git a/src/hooks/useSearch.ts b/src/hooks/useSearch.ts
index b2e07fd..71d6b87 100644
--- a/src/hooks/useSearch.ts
+++ b/src/hooks/useSearch.ts
@@ -12,7 +12,6 @@ const useSearch = (search: SearchQuery, filter: FilterQuery, excludeIssues: TIss
   const { settings } = useSettings();
   const redmineApi = useRedmineApi();
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, _issueIdSearch] = search.query.match(/^#(\d+)$/) ?? []; // search for #<issueId>
   const issueIdSearch = _issueIdSearch ? Number(_issueIdSearch) : undefined;
   const isSearching = search.searching && settings.features.extendedSearch && ((search.debouncedQuery?.length ?? 0) >= 3 || !!issueIdSearch);
diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index 7596ff1..da67cdc 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -87,6 +87,7 @@ const queryClient = new QueryClient({
       const title = mutation.meta?.errorMessage || <FormattedMessage id="general.error.unknown-error-occurred" />;
       toast.error(title, {
         description: getErrorMessage(error),
+        duration: 1000 * 60 * 5, // 5 minutes
       });
     },
   }),
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 37cbe62..b710245 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -62,7 +62,6 @@ export const getSettings = async () => {
 
 const SettingsContext = createContext({
   settings: defaultSettings,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   setSettings: (_data: Settings) => undefined,
 });
 

From 90933a99d14d2684c17dc6552058ebe0b19a0cb3 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 22 Oct 2025 20:49:46 +0200
Subject: [PATCH 09/55] fix(ui): Display deleted issues as strike-through text

---
 src/components/timer/Timer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
index c101843..fc566b1 100644
--- a/src/components/timer/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -101,7 +101,7 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
                 }
               }}
             >
-              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="truncate">#{timer.issueId}</h1>}
+              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="truncate text-gray-500 line-through">#{timer.issueId}</h1>}
               <Timer timer={timer} ref={timerRef} displayNameField onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
             </div>
           </TimerContextMenu>

From e2a5a98f33240db32a19b3b563efd85fec7aed2a Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 25 Oct 2025 14:26:50 +0200
Subject: [PATCH 10/55] feat: Enhance issue grouping (#38)

---
 src/components/issue/IssuesList.tsx           | 185 +++++----
 src/components/issue/IssuesListSkeleton.tsx   |  59 +--
 src/components/issue/VersionTooltip.tsx       |   4 +-
 .../time-entry/TimeEntryContextMenu.tsx       |   2 +-
 src/pages/IssuesPage.tsx                      |  72 ++--
 src/utils/groupIssues.ts                      | 362 ++++++++++++++++++
 src/utils/issue.ts                            | 214 -----------
 7 files changed, 535 insertions(+), 363 deletions(-)
 create mode 100644 src/utils/groupIssues.ts
 delete mode 100644 src/utils/issue.ts

diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index b4a1c4f..a900ec6 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -1,6 +1,7 @@
+import { groupIssues, ProjectGroup } from "@/utils/groupIssues";
 import clsx from "clsx";
-import { PlusIcon, SearchIcon } from "lucide-react";
-import { Fragment, useState } from "react";
+import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
+import { Fragment, ReactNode, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
 import useIssuePriorities from "../../hooks/useIssuePriorities";
@@ -11,8 +12,7 @@ import useMyUser from "../../hooks/useMyUser";
 import useProjectVersions from "../../hooks/useProjectVersions";
 import useTimers from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue, TReference } from "../../types/redmine";
-import { getGroupedIssues, getSortedIssues } from "../../utils/issue";
+import { TIssue, TReference, TVersion } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
@@ -35,100 +35,121 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
   const myUser = useMyUser();
   const projects = useMyProjects();
   const projectRoles = useMyProjectRoles([...new Set(rawIssues.map((i) => i.project.id))], projects.data);
-  const groupedIssues = getGroupedIssues({
-    issues: getSortedIssues({
-      issues: rawIssues,
-      localIssues: localIssues.localIssues,
-      issuePriorities: settings.style.sortIssuesByPriority ? issuePriorities.data : [],
-    }),
+
+  const groupedIssues = groupIssues(rawIssues, {
     localIssues: localIssues.localIssues,
-    projectVersions: projectVersions?.data ?? {},
     timers: timers.getAllTimers(),
-    settings,
+    issuePriorities: issuePriorities.data,
+    projectVersions: projectVersions?.data ?? {},
     activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
+    settings,
   });
 
   const [createIssue, setCreateIssue] = useState<number | undefined>(undefined);
 
   return (
-    <>
-      {groupedIssues.map(({ id, project, versions, groups }) => {
-        return (
-          <Fragment key={id}>
-            {project && (
-              <div
-                className={clsx("flex justify-between gap-x-2", {
-                  "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
-                })}
-              >
-                <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="max-w-fit truncate text-xs hover:underline" rel="noreferrer">
-                  {project.name}
-                </a>
-
-                <div className="flex gap-x-2">
-                  {projectRoles?.hasProjectPermission(project.id, "add_issues") && (
-                    <button type="button" onClick={() => setCreateIssue(project.id)} tabIndex={-1}>
-                      <PlusIcon className="size-4" />
-                    </button>
-                  )}
-                  {onSearchInProject && (
-                    <button type="button" onClick={() => onSearchInProject(project)} tabIndex={-1}>
-                      <SearchIcon className="size-4" />
-                    </button>
-                  )}
-                </div>
-              </div>
-            )}
-            {groups.map(({ type, version, issues }) => (
-              <Fragment key={`${type}-${version?.id}`}>
-                {settings.style.groupIssuesByVersion && versions.length > 0 && ["version", "no-version"].includes(type) && (
-                  <div
-                    className={clsx({
-                      "bg-background shadow-background sticky top-6 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
-                    })}
-                  >
-                    <VersionTooltip version={version}>
-                      <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
-                        {type === "version" && version && (
-                          <a href={`${settings.redmineURL}/versions/${version.id}`} target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-                            {version.name}
-                          </a>
-                        )}
-                        {type === "no-version" && <FormattedMessage id="issues.version.no-version" />}
-                      </Badge>
-                    </VersionTooltip>
-                  </div>
+    <div className="flex flex-col gap-y-4">
+      {groupedIssues.map((projectGroup) => (
+        <div key={projectGroup.key} className="flex flex-col gap-y-2">
+          <IssueProject
+            type={projectGroup.type}
+            project={projectGroup.project}
+            actions={
+              <>
+                {projectRoles?.hasProjectPermission(projectGroup.project.id, "add_issues") && (
+                  <button type="button" onClick={() => setCreateIssue(projectGroup.project!.id)} tabIndex={-1}>
+                    <PlusIcon className="size-4" />
+                  </button>
                 )}
+                {onSearchInProject && (
+                  <button type="button" onClick={() => onSearchInProject(projectGroup.project!)} tabIndex={-1}>
+                    <SearchIcon className="size-4" />
+                  </button>
+                )}
+              </>
+            }
+          />
+          {projectGroup.groups.map((issueGroup) => (
+            <Fragment key={issueGroup.key}>
+              {["version", "no-version"].includes(issueGroup.type) && <ProjectVersion version={issueGroup.version} />}
+
+              {issueGroup.issues.map((issue) => (
+                <Issue
+                  key={issue.id}
+                  issue={issue}
+                  localIssue={localIssues.getLocalIssue(issue.id)}
+                  priorityType={issuePriorities.getPriorityType(issue)}
+                  assignedToMe={myUser.data ? myUser.data.id === issue.assigned_to?.id : true}
+                  timers={timers.getTimersByIssue(issue.id)}
+                  onAddTimer={() => timers.addTimer(issue.id)}
+                  canEdit={
+                    projectRoles.hasProjectPermission(issue.project.id, "edit_issues") ||
+                    (projectRoles.hasProjectPermission(issue.project.id, "edit_own_issues") && issue.author.id === myUser.data?.id)
+                  }
+                  canLogTime={projectRoles.hasProjectPermission(issue.project.id, "log_time")}
+                  canAddNotes={projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes")}
+                />
+              ))}
+            </Fragment>
+          ))}
+        </div>
+      ))}
 
-                {issues.map((issue) => (
-                  <Issue
-                    key={issue.id}
-                    issue={issue}
-                    localIssue={localIssues.getLocalIssue(issue.id)}
-                    priorityType={issuePriorities.getPriorityType(issue)}
-                    assignedToMe={myUser.data ? myUser.data.id === issue.assigned_to?.id : true}
-                    timers={timers.getTimersByIssue(issue.id)}
-                    onAddTimer={() => timers.addTimer(issue.id)}
-                    canEdit={
-                      projectRoles.hasProjectPermission(issue.project.id, "edit_issues") ||
-                      (projectRoles.hasProjectPermission(issue.project.id, "edit_own_issues") && issue.author.id === myUser.data?.id)
-                    }
-                    canLogTime={projectRoles.hasProjectPermission(issue.project.id, "log_time")}
-                    canAddNotes={projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes")}
-                  />
-                ))}
-              </Fragment>
-            ))}
-          </Fragment>
-        );
-      })}
       {groupedIssues.length === 0 && (
         <p className="text-center">
           <FormattedMessage id="issues.list.no-options" />
         </p>
       )}
       {createIssue !== undefined && <CreateIssueModal projectId={createIssue} onClose={() => setCreateIssue(undefined)} onSuccess={() => setCreateIssue(undefined)} />}
-    </>
+    </div>
+  );
+};
+
+const IssueProject = ({ project, type, actions }: { project: TReference; type: ProjectGroup["type"]; actions: ReactNode }) => {
+  const { settings } = useSettings();
+
+  return (
+    <div
+      className={clsx("flex items-center gap-x-1", {
+        "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
+      })}
+    >
+      {type === "active-tab" && <SquareMousePointerIcon className="size-3.5 shrink-0" />}
+      {type === "tracked-issues" && <TimerIcon className="size-3.5 shrink-0" />}
+      {type === "pinned-issues" && <PinIcon className="size-3.5 shrink-0 rotate-30" />}
+      {type === "project" && <SquareChartGanttIcon className="size-3.5 shrink-0" />}
+      <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="truncate text-sm hover:underline" rel="noreferrer">
+        {project.name}
+      </a>
+      <span className="grow" />
+      <div className="flex gap-x-2">{actions}</div>
+    </div>
+  );
+};
+
+const ProjectVersion = ({ version }: { version?: TVersion }) => {
+  const { settings } = useSettings();
+
+  return (
+    <div
+      className={clsx({
+        "bg-background shadow-background sticky top-7 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
+      })}
+    >
+      {version ? (
+        <VersionTooltip version={version}>
+          <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
+            <a href={`${settings.redmineURL}/versions/${version.id}`} target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
+              {version.name}
+            </a>
+          </Badge>
+        </VersionTooltip>
+      ) : (
+        <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
+          <FormattedMessage id="issues.version.no-version" />
+        </Badge>
+      )}
+    </div>
   );
 };
 
diff --git a/src/components/issue/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
index 6134179..6f9100d 100644
--- a/src/components/issue/IssuesListSkeleton.tsx
+++ b/src/components/issue/IssuesListSkeleton.tsx
@@ -1,42 +1,49 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { useMemo } from "react";
 import { Skeleton } from "../ui/skeleton";
 
 const IssuesListSkeleton = () => {
+  const groups = useMemo(
+    () =>
+      [...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => ({
+        key: i,
+        groups: [...Array(Math.floor(Math.random() * 5 + 1)).keys()],
+      })),
+    []
+  );
+
   return (
-    <>
-      {[...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => (
-        <Fragment key={i}>
+    <div className="flex flex-col gap-y-4">
+      {groups.map(({ key, groups }) => (
+        <div key={key} className="flex flex-col gap-y-2">
           <div className="flex justify-between gap-x-2">
-            <Skeleton className="h-4.5 w-28" />
+            <Skeleton className="h-5.5 w-28" />
             <div className="flex items-center gap-x-2">
-              <Skeleton className="size-3" />
-              <Skeleton className="size-3" />
+              <Skeleton className="size-4" />
+              <Skeleton className="size-4" />
             </div>
           </div>
-          {[...Array(Math.floor(Math.random() * 5 + 1)).keys()].map((_, i) => {
-            return (
-              <div key={i} role="listitem" data-type="issue" className={clsx("bg-card relative flex w-full flex-col gap-1 rounded-lg p-1", "border-card border")}>
-                <Skeleton className="h-4.5 w-52" />
-                <div className="flex justify-between gap-x-2">
-                  <div className="mt-1">
-                    <Skeleton className="h-5 w-[80px] rounded-sm" />
-                  </div>
-                  <div>
-                    <div role="listitem" data-type="timer" className="flex items-center gap-x-3">
-                      <Skeleton className="h-7 w-14" />
-                      <Skeleton className="size-6" />
-                      <Skeleton className="size-6" />
-                      <Skeleton className="size-6" />
-                    </div>
+          {groups.map((key) => (
+            <div key={key} role="listitem" data-type="issue" className={clsx("bg-card relative flex w-full flex-col gap-1 rounded-lg p-1", "border-card border")}>
+              <Skeleton className="h-5 w-52" />
+              <div className="flex justify-between gap-x-2">
+                <div className="mt-1">
+                  <Skeleton className="h-5.5 w-[80px] rounded-sm" />
+                </div>
+                <div>
+                  <div role="listitem" data-type="timer" className="flex items-center gap-x-3">
+                    <Skeleton className="my-1 h-5.5 w-16" />
+                    <Skeleton className="size-6 rounded-lg" />
+                    <Skeleton className="size-6 rounded-lg" />
+                    <Skeleton className="size-6 rounded-lg" />
                   </div>
                 </div>
               </div>
-            );
-          })}
-        </Fragment>
+            </div>
+          ))}
+        </div>
       ))}
-    </>
+    </div>
   );
 };
 
diff --git a/src/components/issue/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
index 2accaab..5cf55d9 100644
--- a/src/components/issue/VersionTooltip.tsx
+++ b/src/components/issue/VersionTooltip.tsx
@@ -5,15 +5,13 @@ import { TVersion } from "../../types/redmine";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
-  version?: TVersion;
+  version: TVersion;
   children?: ReactNode;
 };
 
 const VersionTooltip = ({ version, children }: PropTypes) => {
   const { formatDate, formatRelativeTime } = useIntl();
 
-  if (!version) return children;
-
   return (
     <Tooltip>
       <TooltipTrigger asChild>{children}</TooltipTrigger>
diff --git a/src/components/time-entry/TimeEntryContextMenu.tsx b/src/components/time-entry/TimeEntryContextMenu.tsx
index 27c55fe..c6437b6 100644
--- a/src/components/time-entry/TimeEntryContextMenu.tsx
+++ b/src/components/time-entry/TimeEntryContextMenu.tsx
@@ -4,7 +4,7 @@ import { useIntl } from "react-intl";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TTimeEntry } from "../../types/redmine";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
 import EditTimeEntryModal from "./EditTimeEntryModal";
 
 type PropTypes = {
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index 1f973a9..cea1285 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -32,52 +32,50 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
     <>
       <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
 
-      <div className="flex flex-col gap-y-2">
-        {isLoading ? (
-          <IssuesListSkeleton />
-        ) : (
+      {isLoading ? (
+        <IssuesListSkeleton />
+      ) : (
+        <IssuesList
+          issues={myIssuesQuery.data}
+          localIssues={localIssues}
+          issuePriorities={issuePriorities}
+          projectVersions={projectVersions}
+          timers={timers}
+          onSearchInProject={(project) => searchRef.current?.searchInProject(project)}
+        />
+      )}
+
+      {searchIssues.isSearching && (
+        <>
+          <div className="relative my-4">
+            <div className="absolute inset-0 flex items-center" aria-hidden="true">
+              <div className="w-full border-t text-slate-500 dark:text-slate-300"></div>
+            </div>
+            <div className="relative flex justify-center">
+              <span className="bg-background px-2 text-sm text-slate-500 dark:text-slate-300">
+                <FormattedMessage id="issues.extended-search" />
+              </span>
+            </div>
+          </div>
+
           <IssuesList
-            issues={myIssuesQuery.data}
+            issues={searchIssues.data}
             localIssues={localIssues}
             issuePriorities={issuePriorities}
             projectVersions={projectVersions}
             timers={timers}
             onSearchInProject={(project) => searchRef.current?.searchInProject(project)}
           />
-        )}
 
-        {searchIssues.isSearching && (
-          <>
-            <div className="relative">
-              <div className="absolute inset-0 flex items-center" aria-hidden="true">
-                <div className="w-full border-t text-slate-500 dark:text-slate-300"></div>
-              </div>
-              <div className="relative flex justify-center">
-                <span className="bg-background px-2 text-sm text-slate-500 dark:text-slate-300">
-                  <FormattedMessage id="issues.extended-search" />
-                </span>
-              </div>
+          {searchIssues.hasNextPage && (
+            <div className="mt-4 flex justify-center">
+              <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
+                {formatMessage({ id: "issues.list.load-more" })}
+              </Button>
             </div>
-
-            <IssuesList
-              issues={searchIssues.data}
-              localIssues={localIssues}
-              issuePriorities={issuePriorities}
-              projectVersions={projectVersions}
-              timers={timers}
-              onSearchInProject={(project) => searchRef.current?.searchInProject(project)}
-            />
-
-            {searchIssues.hasNextPage && (
-              <div className="flex justify-center">
-                <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
-                  {formatMessage({ id: "issues.list.load-more" })}
-                </Button>
-              </div>
-            )}
-          </>
-        )}
-      </div>
+          )}
+        </>
+      )}
     </>
   );
 };
diff --git a/src/utils/groupIssues.ts b/src/utils/groupIssues.ts
new file mode 100644
index 0000000..d0c2e28
--- /dev/null
+++ b/src/utils/groupIssues.ts
@@ -0,0 +1,362 @@
+import { LocalIssueData } from "@/hooks/useLocalIssues";
+import { TimerController } from "@/hooks/useTimers";
+import { Settings } from "@/provider/SettingsProvider";
+import { TIssue, TIssuePriority, TReference, TVersion } from "@/types/redmine";
+
+export type ProjectGroup = {
+  /**
+   * A unique key for the group
+   */
+  key: string;
+  /**
+   * The type of the group
+   */
+  type: "active-tab" | "tracked-issues" | "pinned-issues" | "project";
+  /**
+   * The project associated with the group
+   */
+  project: TReference;
+  /**
+   * Issue groups within the project group
+   */
+  groups: IssueGroup[];
+};
+
+type IssueGroup = {
+  /**
+   * A unique key for the group
+   */
+  key: string;
+  /**
+   * The type of the group
+   */
+  type: "version" | "no-version" | "other";
+  /**
+   * The version associated with the group
+   */
+  version?: TVersion;
+  /**
+   * The issues in this group
+   */
+  issues: TIssue[];
+};
+
+/**
+ * Groups issues based on the active tab, pinned status, and project association
+ *
+ * @param issues - The list of issues to be grouped
+ * @param data.localIssues - Local issue data including pinned status
+ * @param data.timers - Timer information
+ * @param data.issuePriorities - Issue priorities for sorting
+ * @param data.projectVersions - Project versions data for grouping by version
+ * @param data.activeTabIssueId - The ID of the issue in the active tab
+ * @param data.settings - User settings for grouping behavior
+ * @returns An array of grouped issues by project
+ */
+export const groupIssues = (
+  unsortedIssues: TIssue[],
+  {
+    localIssues,
+    timers,
+    issuePriorities,
+    projectVersions,
+    activeTabIssueId,
+    settings,
+  }: {
+    localIssues: LocalIssueData[];
+    timers: TimerController[];
+    issuePriorities: TIssuePriority[];
+    projectVersions: Record<number, TVersion[]>;
+    activeTabIssueId?: number;
+    settings: Settings;
+  }
+): ProjectGroup[] => {
+  // Pre-compute lookup maps
+  const pinnedIssuesSet = buildPinnedIssuesSet(localIssues);
+  const timersByIssueId = settings.style.pinTrackedIssues ? buildTimerLookupMap(timers) : new Map();
+  const versionSortMap = settings.style.groupIssuesByVersion ? buildVersionSortMap(projectVersions) : new Map();
+  const issuePrioritySortMap = settings.style.sortIssuesByPriority ? buildIssuePrioritySortMap(issuePriorities) : undefined;
+
+  // Categorize issues per project
+  let activeTabIssue: TIssue | null = null;
+  const categorizedProjectMap = new Map<number, CategorizedProject>();
+
+  const sortedIssues = sortIssues(unsortedIssues, issuePrioritySortMap);
+  for (const issue of sortedIssues) {
+    // Active tab issue
+    if (settings.style.pinActiveTabIssue && activeTabIssueId === issue.id) {
+      activeTabIssue = issue;
+      continue;
+    }
+
+    const categorizedProject = getCategorizedProject(categorizedProjectMap, issue);
+
+    // Tracked issues (active and paused timers)
+    if (settings.style.pinTrackedIssues) {
+      const isTimerActive = timersByIssueId.get(issue.id);
+
+      if (isTimerActive === true) {
+        categorizedProject.trackedActiveTimerIssues.push(issue);
+        continue;
+      }
+
+      if (isTimerActive === false) {
+        categorizedProject.trackedPausedTimerIssues.push(issue);
+        continue;
+      }
+    }
+
+    // Check if issue is pinned
+    if (pinnedIssuesSet.has(issue.id)) {
+      categorizedProject.pinnedIssues.push(issue);
+      continue;
+    }
+
+    // Group by version if enabled and project versions available
+    if (settings.style.groupIssuesByVersion && projectVersions[issue.project.id]) {
+      addIssueToProjectVersionGroup(issue, categorizedProject, projectVersions[issue.project.id], versionSortMap);
+      continue;
+    }
+
+    // Otherwise, add to other issues
+    categorizedProject.otherIssues.push(issue);
+  }
+
+  // Build final project groups
+  const result: ProjectGroup[] = [];
+
+  // Sort categorized project issues by their original order
+  const sortedCategorizedProjects = Array.from(categorizedProjectMap.values()).sort((a, b) => a.sortIdx - b.sortIdx);
+
+  // Add active tab issue group
+  if (activeTabIssue) {
+    result.push({
+      key: "active-tab",
+      type: "active-tab",
+      project: activeTabIssue.project,
+      groups: [
+        {
+          key: "active-tab-issues",
+          type: "other",
+          issues: [activeTabIssue],
+        },
+      ],
+    });
+  }
+
+  // Add tracked issues project groups
+  if (settings.style.pinTrackedIssues) {
+    sortedCategorizedProjects.forEach(({ project, trackedActiveTimerIssues, trackedPausedTimerIssues }) => {
+      const issueGroups: IssueGroup[] = [];
+
+      if (trackedActiveTimerIssues.length > 0) {
+        issueGroups.push({
+          key: `active-timers-${project.id}`,
+          type: "other",
+          issues: trackedActiveTimerIssues,
+        });
+      }
+
+      if (trackedPausedTimerIssues.length > 0) {
+        issueGroups.push({
+          key: `paused-timers-${project.id}`,
+          type: "other",
+          issues: trackedPausedTimerIssues,
+        });
+      }
+
+      if (issueGroups.length > 0) {
+        result.push({
+          key: `tracked-issues-${project.id}`,
+          type: "tracked-issues",
+          project,
+          groups: issueGroups,
+        });
+      }
+    });
+  }
+
+  // Add pinned project groups
+  sortedCategorizedProjects.forEach(({ project, pinnedIssues }) => {
+    if (pinnedIssues.length > 0) {
+      result.push({
+        key: `pinned-issues-${project.id}`,
+        type: "pinned-issues",
+        project,
+        groups: [
+          {
+            key: `pinned-issues-${project.id}`,
+            type: "other",
+            issues: pinnedIssues,
+          },
+        ],
+      });
+    }
+  });
+
+  // Add other project groups
+  sortedCategorizedProjects.forEach(({ project, versionsGroups: versionMap, noVersionIssues, otherIssues }) => {
+    const issueGroups: IssueGroup[] = [];
+
+    // Add version groups
+    Array.from(versionMap.values())
+      .sort((a, b) => a.sortIdx - b.sortIdx)
+      .forEach(({ version, issues }) => {
+        issueGroups.push({
+          key: `version-${version.id}`,
+          type: "version",
+          version,
+          issues,
+        });
+      });
+
+    // Add no-version group
+    if (noVersionIssues.length > 0) {
+      issueGroups.push({
+        key: `no-version-${project.id}`,
+        type: "no-version",
+        issues: noVersionIssues,
+      });
+    }
+
+    // Add other issues group
+    if (otherIssues.length > 0) {
+      issueGroups.push({
+        key: `issues-${project.id}`,
+        type: "other",
+        issues: otherIssues,
+      });
+    }
+
+    // Add project group if it has any issue groups
+    if (issueGroups.length > 0) {
+      result.push({
+        key: `project-${project.id}`,
+        type: "project",
+        project,
+        groups: issueGroups,
+      });
+    }
+  });
+
+  return result;
+};
+
+type CategorizedProject = {
+  project: TReference;
+  trackedActiveTimerIssues: TIssue[];
+  trackedPausedTimerIssues: TIssue[];
+  pinnedIssues: TIssue[];
+  versionsGroups: Map<number, { version: TVersion; issues: TIssue[]; sortIdx: number }>;
+  noVersionIssues: TIssue[];
+  otherIssues: TIssue[];
+  sortIdx: number;
+};
+
+/**
+ * Get or create a categorized project map for the given issue
+ */
+const getCategorizedProject = (categorizedProjectMap: Map<number, CategorizedProject>, issue: TIssue) => {
+  if (!categorizedProjectMap.has(issue.project.id)) {
+    categorizedProjectMap.set(issue.project.id, {
+      project: issue.project,
+      trackedActiveTimerIssues: [],
+      trackedPausedTimerIssues: [],
+      pinnedIssues: [],
+      versionsGroups: new Map(),
+      noVersionIssues: [],
+      otherIssues: [],
+      sortIdx: categorizedProjectMap.size, // Use insertion order for sorting
+    });
+  }
+  return categorizedProjectMap.get(issue.project.id)!;
+};
+
+/**
+ * Build a lookup map for issue ids to their timer status
+ */
+const buildTimerLookupMap = (timers: TimerController[]) => {
+  const timersByIssueId = new Map<number, boolean>();
+  timers.forEach((timer) => {
+    const existing = timersByIssueId.get(timer.issueId);
+    if (timer.isActive || (timer.elapsedTime > 0 && existing !== true)) {
+      timersByIssueId.set(timer.issueId, timer.isActive);
+    }
+  });
+  return timersByIssueId;
+};
+
+/**
+ * Build a set of pinned issue IDs
+ */
+const buildPinnedIssuesSet = (localIssues: LocalIssueData[]) => {
+  return new Set(localIssues.filter((l) => l.pinned).map((l) => l.id));
+};
+
+/**
+ * Build version sorting lookup map for maintaining version order
+ */
+const buildVersionSortMap = (projectVersions: Record<number, TVersion[]>) => {
+  const versionSortMap = new Map<number, Map<number, number>>();
+  Object.entries(projectVersions).forEach(([projectIdStr, versions]) => {
+    const projectId = parseInt(projectIdStr, 10);
+    const sortMap = new Map<number, number>();
+    versions.forEach((version, index) => {
+      sortMap.set(version.id, index);
+    });
+    versionSortMap.set(projectId, sortMap);
+  });
+  return versionSortMap;
+};
+
+/**
+ * Build issue priority sorting lookup map
+ */
+const buildIssuePrioritySortMap = (issuePriorities: TIssuePriority[]) => {
+  const issuePrioritySortMap = new Map<number, number>();
+  issuePriorities.forEach((priority, index) => {
+    issuePrioritySortMap.set(priority.id, index);
+  });
+  return issuePrioritySortMap;
+};
+
+/**
+ * Add issue to version group or no-version group
+ */
+const addIssueToProjectVersionGroup = (issue: TIssue, categorizedProject: CategorizedProject, versions: TVersion[], versionSortMap: Map<number, Map<number, number>>) => {
+  if (!issue.fixed_version) {
+    categorizedProject.noVersionIssues.push(issue);
+    return;
+  }
+
+  if (!categorizedProject.versionsGroups.has(issue.fixed_version.id)) {
+    const version = versions.find((v) => v.id === issue.fixed_version?.id);
+
+    if (!version) {
+      categorizedProject.noVersionIssues.push(issue);
+      return;
+    }
+
+    const sortIdx = versionSortMap.get(issue.project.id)?.get(issue.fixed_version.id) ?? 0;
+    categorizedProject.versionsGroups.set(issue.fixed_version.id, {
+      version,
+      issues: [],
+      sortIdx,
+    });
+  }
+
+  categorizedProject.versionsGroups.get(issue.fixed_version.id)?.issues.push(issue);
+};
+
+/**
+ * Sort issues based on priority, due date, and last updated time
+ */
+const sortIssues = (issues: TIssue[], issuePrioritySortMap?: Map<number, number>) => {
+  return issues.sort(
+    (a, b) =>
+      (issuePrioritySortMap?.get(b.priority.id) ?? 0) - (issuePrioritySortMap?.get(a.priority.id) ?? 0) ||
+      (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) ||
+      new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() ||
+      new Date(b.updated_on).getTime() - new Date(a.updated_on).getTime()
+  );
+};
diff --git a/src/utils/issue.ts b/src/utils/issue.ts
deleted file mode 100644
index 9b9e2a0..0000000
--- a/src/utils/issue.ts
+++ /dev/null
@@ -1,214 +0,0 @@
-import { LocalIssueData } from "../hooks/useLocalIssues";
-import { TimerController } from "../hooks/useTimers";
-import { Settings } from "../provider/SettingsProvider";
-import { TIssue, TIssuePriority, TReference, TVersion } from "../types/redmine";
-
-type GroupId = "active-tab" | "active" | "paused" | `${number}`;
-type GroupType = "pinned" | "version" | "no-version";
-
-type IssueGroup = {
-  type: GroupType;
-  version?: TVersion;
-  issues: TIssue[];
-};
-
-type GroupedIssues = {
-  id: GroupId;
-  project?: TReference;
-  versions: TVersion[];
-  groups: {
-    type: GroupType;
-    version?: TVersion;
-    issues: TIssue[];
-  }[];
-}[];
-
-type GroupedIssuesHelper = Record<
-  number | string,
-  {
-    id: GroupId;
-    // The project reference
-    project?: TReference;
-    // Pinned issues
-    pinnedIssues: TIssue[];
-    // All versions of project
-    versions: Record<
-      number,
-      {
-        // The version reference
-        version: TVersion;
-        // Issues of this version
-        issues: TIssue[];
-        // Index for sorting
-        sort: number;
-      }
-    >;
-    // Issues without version
-    issues: TIssue[];
-    // Index for sorting
-    sort: number;
-  }
->;
-
-export const getSortedIssues = ({ issues, localIssues, issuePriorities }: { issues: TIssue[]; localIssues: LocalIssueData[]; issuePriorities: TIssuePriority[] }) => {
-  const issuePrioritiesIndices = issuePriorities.reduce((result: Record<number, number>, priority, index) => {
-    result[priority.id] = index;
-    return result;
-  }, {});
-
-  const pinnedIssues = localIssues.filter((issue) => issue.pinned).map((issue) => issue.id);
-
-  const sortedIssues = issues.sort(
-    (a, b) =>
-      (pinnedIssues.includes(b.id) ? 1 : 0) - (pinnedIssues.includes(a.id) ? 1 : 0) ||
-      issuePrioritiesIndices[b.priority.id] - issuePrioritiesIndices[a.priority.id] ||
-      (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) ||
-      new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() ||
-      new Date(b.updated_on).getTime() - new Date(a.updated_on).getTime()
-  );
-
-  return sortedIssues;
-};
-
-/**
- * Group issues
- * - group issues by project
- * - group pinned issues
- * - group issues by version
- */
-export const getGroupedIssues = ({
-  issues,
-  localIssues,
-  projectVersions,
-  timers,
-  settings,
-  activeTabIssueId,
-}: {
-  issues: TIssue[];
-  localIssues: LocalIssueData[];
-  projectVersions: Record<number, TVersion[]>;
-  timers: TimerController[];
-  settings: Settings;
-  activeTabIssueId?: number;
-}): GroupedIssues => {
-  const grouped = issues.reduce((result: GroupedIssuesHelper, issue) => {
-    if (settings.style.pinActiveTabIssue && activeTabIssueId && issue.id === activeTabIssueId) {
-      result["active-tab"] = {
-        id: "active-tab",
-        pinnedIssues: [],
-        versions: {},
-        issues: [issue],
-        sort: -3,
-      };
-      return result;
-    }
-
-    if (settings.style.pinTrackedIssues) {
-      if (timers.some((timer) => timer.issueId === issue.id && timer.isActive)) {
-        if (!("active" in result)) {
-          result["active"] = {
-            id: "active",
-            pinnedIssues: [],
-            versions: {},
-            issues: [],
-            sort: -2,
-          };
-        }
-
-        result["active"].issues.push(issue);
-        return result;
-      }
-
-      if (timers.some((timer) => timer.issueId === issue.id && timer.elapsedTime)) {
-        if (!("paused" in result)) {
-          result["paused"] = {
-            id: "paused",
-            pinnedIssues: [],
-            versions: {},
-            issues: [],
-            sort: -1,
-          };
-        }
-
-        result["paused"].issues.push(issue);
-        return result;
-      }
-    }
-
-    if (!(issue.project.id in result)) {
-      result[issue.project.id] = {
-        id: issue.project.id.toString() as GroupId,
-        project: issue.project,
-        pinnedIssues: [],
-        versions: {},
-        issues: [],
-        sort: Object.keys(result).length,
-      };
-    }
-
-    if (localIssues.find((l) => l.id === issue.id)?.pinned) {
-      result[issue.project.id].pinnedIssues.push(issue);
-      return result;
-    }
-
-    if (issue.fixed_version && projectVersions[issue.project.id]) {
-      if (!(issue.fixed_version.id in result[issue.project.id].versions)) {
-        const version = projectVersions[issue.project.id].find((v) => v.id === issue.fixed_version?.id);
-
-        if (!version) {
-          // This should never be happened
-          result[issue.project.id].issues.push(issue);
-          return result;
-        }
-
-        result[issue.project.id].versions[issue.fixed_version.id] = {
-          version: version,
-          issues: [],
-          sort: projectVersions[issue.project.id].indexOf(version),
-        };
-      }
-
-      result[issue.project.id].versions[issue.fixed_version.id].issues.push(issue);
-    } else {
-      result[issue.project.id].issues.push(issue);
-    }
-
-    return result;
-  }, {});
-
-  return Object.values(grouped)
-    .sort((a, b) => a.sort - b.sort)
-    .map(({ id, project, pinnedIssues, versions, issues }) => ({
-      id,
-      project,
-      versions: (project ? projectVersions[project.id] : undefined) ?? [],
-      groups: [
-        ...(pinnedIssues.length > 0
-          ? [
-              {
-                type: "pinned",
-                issues: pinnedIssues,
-              } satisfies IssueGroup,
-            ]
-          : []),
-        ...Object.values(versions)
-          .sort((a, b) => a.sort - b.sort)
-          .map(
-            (version) =>
-              ({
-                type: "version",
-                version: version.version,
-                issues: version.issues,
-              }) satisfies IssueGroup
-          ),
-        ...(issues.length > 0
-          ? [
-              {
-                type: "no-version",
-                issues: issues,
-              } satisfies IssueGroup,
-            ]
-          : []),
-      ],
-    }));
-};

From 899c21aca56b74526b01d4d282135c69d74a386c Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 25 Oct 2025 23:03:33 +0200
Subject: [PATCH 11/55] fix: Handle issue priorities when no default is
 specified

---
 src/components/issue/Issue.tsx      | 13 ++---
 src/components/issue/IssueTitle.tsx |  4 +-
 src/hooks/useIssuePriorities.ts     | 86 ++++++++++++++++++-----------
 3 files changed, 62 insertions(+), 41 deletions(-)

diff --git a/src/components/issue/Issue.tsx b/src/components/issue/Issue.tsx
index 717bb79..ab6e3e8 100644
--- a/src/components/issue/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -52,13 +52,12 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           className={clsxm(
             "bg-card relative flex w-full flex-col gap-1 rounded-lg p-1",
             "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]",
-            settings.style.showIssuesPriority && priorityType !== "normal"
-              ? {
-                  "border-2 border-[#add7f3] dark:border-[#4973f3]/40": priorityType === "lowest",
-                  "border-2 border-[#fcc] dark:border-[#ff6868]/40": priorityType === "high",
-                  "border-2 border-[#ffb4b4] dark:border-[#ff5050]/40": priorityType === "higher" || priorityType === "highest",
-                }
-              : "border border-gray-200 dark:border-gray-700"
+            "border border-gray-200 dark:border-gray-700",
+            settings.style.showIssuesPriority && {
+              "border-2 border-[#add7f3] dark:border-[#4973f3]/40": priorityType === "lowest",
+              "border-2 border-[#fcc] dark:border-[#fc6f6f]/40": priorityType === "medium-high",
+              "border-2 border-[#ffb4b4] dark:border-[#ff5050]/40": priorityType === "high" || priorityType === "highest",
+            }
           )}
           tabIndex={1}
           // On "Enter" or "Space" => toggle timer
diff --git a/src/components/issue/IssueTitle.tsx b/src/components/issue/IssueTitle.tsx
index cf45d97..4060bb8 100644
--- a/src/components/issue/IssueTitle.tsx
+++ b/src/components/issue/IssueTitle.tsx
@@ -20,8 +20,8 @@ const IssueTitle = ({ issue, priorityType, className, ...props }: PropTypes) =>
         "truncate",
         settings.style.showIssuesPriority && {
           "text-[#559] dark:text-[#9393ed]": priorityType === "lowest",
-          "text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "higher",
-          "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "highest",
+          "text-[#900] dark:text-[#fa7070]": priorityType === "medium-high",
+          "font-bold text-[#900] dark:text-[#fa7070]": priorityType === "high" || priorityType === "highest",
         },
         className
       )}
diff --git a/src/hooks/useIssuePriorities.ts b/src/hooks/useIssuePriorities.ts
index 7967eb9..c411f51 100644
--- a/src/hooks/useIssuePriorities.ts
+++ b/src/hooks/useIssuePriorities.ts
@@ -1,8 +1,8 @@
 import { useQuery } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { TIssue } from "../types/redmine";
+import { TIssue, TIssuePriority } from "../types/redmine";
 
-export type PriorityType = "highest" | "higher" | "high" | "normal" | "lowest";
+export type PriorityType = "highest" | "high" | "medium-high" | "medium" | "default" | "low" | "lowest" | "unknown";
 
 type Options = {
   enabled?: boolean;
@@ -20,45 +20,67 @@ const useIssuePriorities = ({ enabled = true }: Options = {}) => {
 
   const priorities = issuePrioritiesQuery.data ?? [];
 
-  /**
-   * Find priority types
-   *
-   * Examples:
-   * ["lowest", "normal", "normal", "normal/default", "high", "higher", "higher", "higher", "highest"]
-   * ["low", "normal/default", "high", "higher", "highest"]
-   * ["normal/default", "high", "highest"]
-   * ["low", "normal/default", "highest"]
-   */
-  const normal = priorities.find((p) => p.is_default);
-  const normalIdx = priorities.findIndex((p) => p.is_default);
-  const lowest = normalIdx > 0 ? priorities[0] : undefined;
-  const high = normalIdx >= 0 && normalIdx < priorities.length - 2 ? priorities[normalIdx + 1] : undefined;
-  const higher = normalIdx >= 0 ? priorities.slice(normalIdx + 2, priorities.length - 1) : [];
-  const highest = normalIdx < priorities.length - 1 ? priorities[priorities.length - 1] : undefined;
+  const priorityTypeMap = buildPriorityTypeMap(priorities);
 
   const getPriorityType = (issue: TIssue): PriorityType => {
-    if (!enabled) return "normal";
-    switch (issue.priority.id) {
-      case normal?.id:
-        return "normal";
-      case lowest?.id:
-        return "lowest";
-      case high?.id:
-        return "high";
-      case highest?.id:
-        return "highest";
-      default:
-        if (higher.find((p) => p.id === issue.priority.id)) return "higher";
-    }
-    return "normal";
+    return priorityTypeMap.get(issue.priority.id) ?? "unknown";
   };
 
   return {
     data: priorities,
     isLoading: issuePrioritiesQuery.isLoading,
     isError: issuePrioritiesQuery.isError,
-    defaultPriority: normal,
+    defaultPriority: priorities.find((p) => p.is_default),
+    priorityTypeMap,
     getPriorityType,
   };
 };
+
+/**
+ * Build priority type map
+ *
+ * Depending on the default priority position, assign priority types
+ *
+ * Examples:
+ * ["lowest", "low", "low", "low", "default", "medium", "medium", "medium", "medium-high", "high", "highest"]
+ * ["lowest", "default", "medium-high", "high", "highest"]
+ * ["lowest", "default", "high", "highest"]
+ * ["lowest", "default", "highest"]
+ * ["default", "high", "highest"]
+ * ["lowest", "low", "default"]
+ * ["default", "highest"]
+ */
+const buildPriorityTypeMap = (priorities: TIssuePriority[]): Map<number, PriorityType> => {
+  const priorityTypeMap = new Map<number, PriorityType>();
+
+  let defaultIdx = priorities.findIndex((p) => p.is_default);
+  if (defaultIdx === -1) {
+    // If no default priority is set, use the lower middle as default
+    defaultIdx = Math.floor((priorities.length - 1) / 2);
+  }
+
+  priorities.forEach((priority, idx) => {
+    if (idx === defaultIdx) {
+      priorityTypeMap.set(priority.id, "default");
+    } else if (idx < defaultIdx) {
+      if (idx === 0) {
+        priorityTypeMap.set(priority.id, "lowest");
+      } else {
+        priorityTypeMap.set(priority.id, "low");
+      }
+    } else if (idx > defaultIdx) {
+      if (idx === priorities.length - 1) {
+        priorityTypeMap.set(priority.id, "highest");
+      } else if (idx === priorities.length - 2) {
+        priorityTypeMap.set(priority.id, "high");
+      } else if (idx === priorities.length - 3) {
+        priorityTypeMap.set(priority.id, "medium-high");
+      } else {
+        priorityTypeMap.set(priority.id, "medium");
+      }
+    }
+  });
+  return priorityTypeMap;
+};
+
 export default useIssuePriorities;

From acb855150e0f9a38dc8b1445bdf55751f747e835 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Mon, 27 Oct 2025 13:30:30 +0100
Subject: [PATCH 12/55] perf: Add react compiler and reduce unnecessary
 re-renders

---
 package.json                                  |   1 +
 pnpm-lock.yaml                                |  10 +
 src/components/issue/IssuesList.tsx           |  36 +-
 .../issue/form/fields/AssigneeField.tsx       |   4 +-
 src/components/time-entry/TimeEntry.tsx       |   2 +-
 .../time-entry/TimeEntryContextMenu.tsx       |   7 +-
 .../time-entry/form/fields/UserField.tsx      |   4 +-
 src/hooks/useCachedComments.ts                |   2 +-
 src/hooks/useIssuePriorities.ts               |   1 +
 src/hooks/useMyProjectRoles.ts                |  45 +--
 src/hooks/useProjectUsers.ts                  |  54 +--
 src/hooks/useProjectVersions.ts               |  32 +-
 src/hooks/useRedminePaginatedInfiniteQuery.ts |  11 +-
 src/hooks/useRoles.ts                         |  23 ++
 src/hooks/useTimers.ts                        | 319 +++++++++---------
 src/main.tsx                                  |   2 +-
 src/pages/IssuesPage.tsx                      |  18 +-
 src/utils/groupIssues.ts                      |   4 +-
 src/utils/{user.ts => groupUsers.ts}          |  10 +-
 vite.config.ts                                |   7 +-
 20 files changed, 304 insertions(+), 288 deletions(-)
 create mode 100644 src/hooks/useRoles.ts
 rename src/utils/{user.ts => groupUsers.ts} (73%)

diff --git a/package.json b/package.json
index 29e875b..64c433b 100644
--- a/package.json
+++ b/package.json
@@ -62,6 +62,7 @@
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "babel-plugin-react-compiler": "1.0.0",
     "cross-env": "^7.0.3",
     "dotenv": "^16.4.7",
     "eslint": "^9.19.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fb7e523..0de1c8a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -117,6 +117,9 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^4.3.4
         version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+      babel-plugin-react-compiler:
+        specifier: 1.0.0
+        version: 1.0.0
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -1953,6 +1956,9 @@ packages:
   axios@1.7.9:
     resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
 
+  babel-plugin-react-compiler@1.0.0:
+    resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -5110,6 +5116,10 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  babel-plugin-react-compiler@1.0.0:
+    dependencies:
+      '@babel/types': 7.26.0
+
   balanced-match@1.0.2: {}
 
   binary-extensions@2.2.0: {}
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index a900ec6..0c096ab 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -1,7 +1,7 @@
 import { groupIssues, ProjectGroup } from "@/utils/groupIssues";
 import clsx from "clsx";
 import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
-import { Fragment, ReactNode, useState } from "react";
+import { Fragment, ReactNode, RefObject, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
 import useIssuePriorities from "../../hooks/useIssuePriorities";
@@ -16,6 +16,7 @@ import { TIssue, TReference, TVersion } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
+import { SearchRef } from "./Search";
 import VersionTooltip from "./VersionTooltip";
 
 type PropTypes = {
@@ -24,26 +25,31 @@ type PropTypes = {
   issuePriorities: ReturnType<typeof useIssuePriorities>;
   projectVersions?: ReturnType<typeof useProjectVersions>;
   timers: ReturnType<typeof useTimers>;
-  onSearchInProject?: (project: TReference) => void;
+  searchRef: RefObject<SearchRef | null>;
 };
 
-const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVersions, timers, onSearchInProject }: PropTypes) => {
+const IssuesList = ({ issues: unsortedIssues, localIssues, issuePriorities, projectVersions, timers, searchRef }: PropTypes) => {
   const { settings } = useSettings();
 
   const activeTab = useActiveRedmineTab();
 
   const myUser = useMyUser();
   const projects = useMyProjects();
-  const projectRoles = useMyProjectRoles([...new Set(rawIssues.map((i) => i.project.id))], projects.data);
+  const projectIds = useMemo(() => [...new Set(unsortedIssues.map((i) => i.project.id))], [unsortedIssues]);
+  const projectRoles = useMyProjectRoles(projectIds, projects.data);
 
-  const groupedIssues = groupIssues(rawIssues, {
-    localIssues: localIssues.localIssues,
-    timers: timers.getAllTimers(),
-    issuePriorities: issuePriorities.data,
-    projectVersions: projectVersions?.data ?? {},
-    activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
-    settings,
-  });
+  const groupedIssues = useMemo(
+    () =>
+      groupIssues(unsortedIssues, {
+        localIssues: localIssues.localIssues,
+        timers: timers.getAllTimers(),
+        issuePriorities: issuePriorities.data,
+        projectVersions: projectVersions?.data ?? {},
+        activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
+        settings,
+      }),
+    [unsortedIssues, localIssues.localIssues, timers, issuePriorities.data, projectVersions?.data, activeTab, settings]
+  );
 
   const [createIssue, setCreateIssue] = useState<number | undefined>(undefined);
 
@@ -57,12 +63,12 @@ const IssuesList = ({ issues: rawIssues, localIssues, issuePriorities, projectVe
             actions={
               <>
                 {projectRoles?.hasProjectPermission(projectGroup.project.id, "add_issues") && (
-                  <button type="button" onClick={() => setCreateIssue(projectGroup.project!.id)} tabIndex={-1}>
+                  <button type="button" onClick={() => setCreateIssue(projectGroup.project.id)} tabIndex={-1}>
                     <PlusIcon className="size-4" />
                   </button>
                 )}
-                {onSearchInProject && (
-                  <button type="button" onClick={() => onSearchInProject(projectGroup.project!)} tabIndex={-1}>
+                {searchRef.current && (
+                  <button type="button" onClick={() => searchRef.current?.searchInProject(projectGroup.project)} tabIndex={-1}>
                     <SearchIcon className="size-4" />
                   </button>
                 )}
diff --git a/src/components/issue/form/fields/AssigneeField.tsx b/src/components/issue/form/fields/AssigneeField.tsx
index f41b79a..d9c977c 100644
--- a/src/components/issue/form/fields/AssigneeField.tsx
+++ b/src/components/issue/form/fields/AssigneeField.tsx
@@ -1,9 +1,9 @@
 import { ComboboxField } from "@/components/form/ComboboxField";
+import { groupUsers } from "@/utils/groupUsers";
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
 import useMyUser from "../../../../hooks/useMyUser";
 import useProjectUsers from "../../../../hooks/useProjectUsers";
-import { getGroupedUsers } from "../../../../utils/user";
 
 type Props = {
   projectId: number;
@@ -18,7 +18,7 @@ const AssigneeField = ({ projectId, ...props }: Omit<ComponentProps<typeof Combo
   const users = useProjectUsers(projectId, {
     enabled: loadUsers,
   });
-  const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
+  const groupedUsers = useMemo(() => groupUsers(users.data), [users.data]);
 
   return (
     <ComboboxField
diff --git a/src/components/time-entry/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
index 56631c1..321c988 100644
--- a/src/components/time-entry/TimeEntry.tsx
+++ b/src/components/time-entry/TimeEntry.tsx
@@ -28,7 +28,7 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
             {withContextMenu ? (
               <TimeEntryContextMenu
                 entry={entry}
-                projectRoles={projectRoles}
+                canEdit={projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries")}
                 role="cell"
                 data-type="time-entry"
                 className="bg-primary h-4 rounded-sm"
diff --git a/src/components/time-entry/TimeEntryContextMenu.tsx b/src/components/time-entry/TimeEntryContextMenu.tsx
index c6437b6..c3e7d44 100644
--- a/src/components/time-entry/TimeEntryContextMenu.tsx
+++ b/src/components/time-entry/TimeEntryContextMenu.tsx
@@ -1,7 +1,6 @@
 import { PencilIcon, SquareArrowOutUpRightIcon } from "lucide-react";
 import { ComponentProps, useState } from "react";
 import { useIntl } from "react-intl";
-import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import { useSettings } from "../../provider/SettingsProvider";
 import { TTimeEntry } from "../../types/redmine";
 import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
@@ -9,10 +8,10 @@ import EditTimeEntryModal from "./EditTimeEntryModal";
 
 type PropTypes = {
   entry: TTimeEntry;
-  projectRoles: ReturnType<typeof useMyProjectRoles>;
+  canEdit: boolean;
 } & ComponentProps<typeof ContextMenuTrigger>;
 
-function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropTypes) {
+function TimeEntryContextMenu({ entry, canEdit, children, ...props }: PropTypes) {
   const { formatMessage } = useIntl();
 
   const { settings } = useSettings();
@@ -33,7 +32,7 @@ function TimeEntryContextMenu({ entry, projectRoles, children, ...props }: PropT
             {formatMessage({ id: "time.time-entry.context-menu.open-in-redmine" })}
           </ContextMenuItem>
           <ContextMenuSeparator />
-          <ContextMenuItem onClick={() => setEdit(true)} disabled={!projectRoles.hasProjectPermission(entry.project.id, "edit_own_time_entries")}>
+          <ContextMenuItem onClick={() => setEdit(true)} disabled={!canEdit}>
             <PencilIcon />
             {formatMessage({ id: "time.time-entry.context-menu.edit" })}
           </ContextMenuItem>
diff --git a/src/components/time-entry/form/fields/UserField.tsx b/src/components/time-entry/form/fields/UserField.tsx
index 7b691c7..af0e496 100644
--- a/src/components/time-entry/form/fields/UserField.tsx
+++ b/src/components/time-entry/form/fields/UserField.tsx
@@ -1,9 +1,9 @@
 import { ComboboxField } from "@/components/form/ComboboxField";
+import { groupUsers } from "@/utils/groupUsers";
 import { ComponentProps, useMemo, useState } from "react";
 import { useIntl } from "react-intl";
 import useMyUser from "../../../../hooks/useMyUser";
 import useProjectUsers from "../../../../hooks/useProjectUsers";
-import { getGroupedUsers } from "../../../../utils/user";
 
 type Props = {
   projectId: number;
@@ -18,7 +18,7 @@ const UserField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxF
   const users = useProjectUsers(projectId, {
     enabled: loadUsers,
   });
-  const groupedUsers = useMemo(() => getGroupedUsers(users.data), [users.data]);
+  const groupedUsers = useMemo(() => groupUsers(users.data), [users.data]);
 
   return (
     <ComboboxField
diff --git a/src/hooks/useCachedComments.ts b/src/hooks/useCachedComments.ts
index 4ab78a5..5e2429c 100644
--- a/src/hooks/useCachedComments.ts
+++ b/src/hooks/useCachedComments.ts
@@ -10,7 +10,7 @@ type Options = {
 };
 
 const useCachedComments = ({ identifier, enabled = true, onLoad }: Options) => {
-  const cachedComments = useStorage<Record<number, string | undefined>>("cachedComments", _defaultCachedComments);
+  const cachedComments = useStorage<Record<string, string | undefined>>("cachedComments", _defaultCachedComments);
 
   useEffect(() => {
     if (!enabled) return;
diff --git a/src/hooks/useIssuePriorities.ts b/src/hooks/useIssuePriorities.ts
index c411f51..f987f72 100644
--- a/src/hooks/useIssuePriorities.ts
+++ b/src/hooks/useIssuePriorities.ts
@@ -80,6 +80,7 @@ const buildPriorityTypeMap = (priorities: TIssuePriority[]): Map<number, Priorit
       }
     }
   });
+
   return priorityTypeMap;
 };
 
diff --git a/src/hooks/useMyProjectRoles.ts b/src/hooks/useMyProjectRoles.ts
index 4c821d4..aac1eaf 100644
--- a/src/hooks/useMyProjectRoles.ts
+++ b/src/hooks/useMyProjectRoles.ts
@@ -1,25 +1,19 @@
-import { useQueries } from "@tanstack/react-query";
 import { useMemo } from "react";
-import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { TProject, TReference, TRole } from "../types/redmine";
 import useMyUser from "./useMyUser";
+import useRoles from "./useRoles";
 
 const useMyProjectRoles = (projectIds: number[], projects?: TProject[]) => {
-  const redmineApi = useRedmineApi();
-
   const myUser = useMyUser();
 
   const projectMembershipRoles = useMemo(
     () =>
       myUser.data?.memberships
         ?.filter((m) => projectIds.includes(m.project.id))
-        .reduce(
-          (acc, m) => {
-            acc[m.project.id] = m.roles;
-            return acc;
-          },
-          {} as Record<number, TReference[]>
-        ) ?? {},
+        .reduce<Record<string, TReference[]>>((acc, m) => {
+          acc[m.project.id] = m.roles;
+          return acc;
+        }, {}) ?? {},
     [myUser.data, projectIds]
   );
 
@@ -31,39 +25,26 @@ const useMyProjectRoles = (projectIds: number[], projects?: TProject[]) => {
         .map((r) => r.id)
     ),
   ];
-  const rolesQueries = useQueries({
-    queries: myRolesIds.map((id) => ({
-      queryKey: ["role", id],
-      queryFn: () => redmineApi.getRole(id),
-    })),
-    combine: (results) => ({
-      isLoading: results.some((r) => r.isLoading),
-      isError: results.some((r) => r.isError),
-      data: results.map((r) => r.data).filter((r) => r !== undefined),
-    }),
-  });
+  const rolesQueries = useRoles(myRolesIds);
 
-  const projectRoles = useMemo(
+  const myProjectRoles = useMemo(
     () =>
-      Object.entries(projectMembershipRoles).reduce(
-        (acc, [projectId, roles]) => {
-          acc[projectId as unknown as number] = rolesQueries.data.filter((r) => roles.some((role) => role.id === r.id));
-          return acc;
-        },
-        {} as Record<number, TRole[]>
-      ),
+      Object.entries(projectMembershipRoles).reduce<Record<string, TRole[]>>((acc, [projectId, myRoles]) => {
+        acc[projectId] = rolesQueries.data.filter((r) => myRoles.some((role) => role.id === r.id));
+        return acc;
+      }, {}),
     [projectMembershipRoles, rolesQueries.data]
   );
   const nonMemberRole = rolesQueries.data.find((r) => r.id === 1);
 
   return {
-    data: projectRoles,
+    data: myProjectRoles,
     isLoading: myUser.isLoading || rolesQueries.isLoading,
     isError: myUser.isError || rolesQueries.isError,
     hasProjectPermission: (projectId: number, permission: TRole["permissions"][number]) =>
       // First check if user is admin, then check if user has the permission in the project roles or if the project is public and the non member role has the permission
       myUser.data?.admin ||
-      (projectRoles[projectId] ?? (projects?.find((p) => p.id === projectId)?.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)),
+      (myProjectRoles[projectId] ?? (projects?.find((p) => p.id === projectId)?.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)),
   };
 };
 
diff --git a/src/hooks/useProjectUsers.ts b/src/hooks/useProjectUsers.ts
index b79d2d3..ea468df 100644
--- a/src/hooks/useProjectUsers.ts
+++ b/src/hooks/useProjectUsers.ts
@@ -1,7 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
-import { useMemo } from "react";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { TMembership } from "../types/redmine";
+import { TMembership, TReference } from "../types/redmine";
 import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 type Options = {
@@ -30,32 +29,16 @@ const useProjectUsers = (projectId: number, { enabled = true }: Options = {}) =>
     enabled: enabled,
   });
 
-  // filter memberships => only users
-  const users: TUser[] = useMemo(() => {
-    const rolesIdx =
-      rolesQuery.data?.reduce((result: Record<number, number>, role, i) => {
-        result[role.id] = i;
-        return result;
-      }, {}) ?? {};
+  const rolesSortMap = buildRolesSortMap(rolesQuery.data ?? []);
 
-    return (
-      membershipsQuery.data
-        ?.filter((m) => m.user)
-        .map(
-          (m) =>
-            ({
-              ...m.user!,
-              roles: m.roles,
-              highestRole: m.roles.reduce((result: TMembership["roles"][0] | undefined, role) => {
-                if (!result || rolesIdx[role.id] < rolesIdx[result.id]) {
-                  result = role;
-                }
-                return result;
-              }, undefined),
-            }) satisfies TUser
-        ) ?? []
-    );
-  }, [membershipsQuery.data, rolesQuery.data]);
+  const users: TUser[] =
+    membershipsQuery.data
+      ?.filter((m) => m.user)
+      .map((m) => ({
+        ...m.user!,
+        roles: m.roles,
+        highestRole: getHighestRole(m.roles, rolesSortMap),
+      })) ?? [];
 
   return {
     data: users,
@@ -64,4 +47,21 @@ const useProjectUsers = (projectId: number, { enabled = true }: Options = {}) =>
   };
 };
 
+const buildRolesSortMap = (roles: TReference[]) => {
+  const sortMap = new Map<number, number>();
+  roles.forEach((role, index) => {
+    sortMap.set(role.id, index);
+  });
+  return sortMap;
+};
+
+const getHighestRole = (roles: TReference[], rolesSortMap: Map<number, number>) => {
+  return roles.reduce<TUser["highestRole"]>((highestRole, role) => {
+    if (!highestRole || (rolesSortMap.get(role.id) ?? 0) < (rolesSortMap.get(highestRole.id) ?? 0)) {
+      highestRole = role;
+    }
+    return highestRole;
+  }, undefined);
+};
+
 export default useProjectUsers;
diff --git a/src/hooks/useProjectVersions.ts b/src/hooks/useProjectVersions.ts
index 97f20fa..797aa03 100644
--- a/src/hooks/useProjectVersions.ts
+++ b/src/hooks/useProjectVersions.ts
@@ -1,4 +1,4 @@
-import { useQueries } from "@tanstack/react-query";
+import { useQueries, UseQueryResult } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { TVersion } from "../types/redmine";
 
@@ -15,20 +15,7 @@ const useProjectVersions = (projectIds: number[], { enabled = true }: Options =
       queryFn: () => redmineApi.getProjectVersions(id),
       enabled: enabled,
     })),
-    combine: (results) => ({
-      isLoading: results.some((r) => r.isLoading),
-      isError: results.some((r) => r.isError),
-      data: results.reduce((result: Record<number, TVersion[]>, query, i) => {
-        if (query.data) {
-          result[projectIds[i]] = query.data?.sort(
-            // Sort oldest version first. Versions without date, last
-            (a, b) =>
-              (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) || new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() || (b.status === "open" ? 1 : 0) - (a.status === "open" ? 1 : 0)
-          );
-        }
-        return result;
-      }, {}),
-    }),
+    combine: combineVersionsQueries,
   });
 
   return {
@@ -38,4 +25,19 @@ const useProjectVersions = (projectIds: number[], { enabled = true }: Options =
   };
 };
 
+const combineVersionsQueries = (results: UseQueryResult<TVersion[], Error>[]) => ({
+  isLoading: results.some((r) => r.isLoading),
+  isError: results.some((r) => r.isError),
+  data: results.reduce<Record<string, TVersion[]>>((result, query) => {
+    if (query.data) {
+      result[query.data[0].project.id] = query.data.sort(
+        // Sort oldest version first. Versions without date, last
+        (a, b) =>
+          (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) || new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() || (b.status === "open" ? 1 : 0) - (a.status === "open" ? 1 : 0)
+      );
+    }
+    return result;
+  }, {}),
+});
+
 export default useProjectVersions;
diff --git a/src/hooks/useRedminePaginatedInfiniteQuery.ts b/src/hooks/useRedminePaginatedInfiniteQuery.ts
index 46fd1fa..fd4e1fb 100644
--- a/src/hooks/useRedminePaginatedInfiniteQuery.ts
+++ b/src/hooks/useRedminePaginatedInfiniteQuery.ts
@@ -2,7 +2,7 @@ import { DefaultError, InfiniteData, Optional, QueryKey, useInfiniteQuery, UseIn
 import { useEffect, useState } from "react";
 import { TPaginatedResponse } from "../types/redmine";
 
-const defaultPageParam = {
+const defaultInitialPageParam = {
   offset: 0,
   limit: 100,
 };
@@ -13,13 +13,12 @@ const defaultPageParam = {
 export const useRedminePaginatedInfiniteQuery = <
   TQueryFnData extends TPaginatedResponse<unknown>,
   TError = DefaultError,
-  TData = InfiniteData<TQueryFnData, typeof defaultPageParam>,
+  TData = InfiniteData<TQueryFnData, typeof defaultInitialPageParam>,
   TQueryKey extends QueryKey = QueryKey,
 >({
   autoFetchPages = false,
-  initialPageParam = defaultPageParam,
   ...options
-}: Omit<Optional<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, typeof defaultPageParam>, "initialPageParam">, "getNextPageParam" | "getPreviousPageParam"> & {
+}: Omit<Optional<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">, "getNextPageParam" | "getPreviousPageParam"> & {
   /**
    * Automatically fetch next pages
    * - `false`: disabled
@@ -31,9 +30,9 @@ export const useRedminePaginatedInfiniteQuery = <
   autoFetchPages?: boolean | number;
 }) => {
   const query = useInfiniteQuery({
-    ...options,
-    initialPageParam,
+    initialPageParam: defaultInitialPageParam,
     getNextPageParam: (lastPage) => (lastPage.total_count > lastPage.offset + lastPage.limit ? { offset: lastPage.offset + lastPage.limit, limit: lastPage.limit } : undefined),
+    ...options,
   });
 
   // Auto fetch pages
diff --git a/src/hooks/useRoles.ts b/src/hooks/useRoles.ts
new file mode 100644
index 0000000..6f1fcde
--- /dev/null
+++ b/src/hooks/useRoles.ts
@@ -0,0 +1,23 @@
+import { useRedmineApi } from "@/provider/RedmineApiProvider";
+import { TRole } from "@/types/redmine";
+import { useQueries, UseQueryResult } from "@tanstack/react-query";
+
+const useRoles = (roleIds: number[]) => {
+  const redmineApi = useRedmineApi();
+
+  return useQueries({
+    queries: roleIds.map((id) => ({
+      queryKey: ["role", id],
+      queryFn: () => redmineApi.getRole(id),
+    })),
+    combine: combineRolesQueries,
+  });
+};
+
+const combineRolesQueries = (results: UseQueryResult<TRole, Error>[]) => ({
+  isLoading: results.some((r) => r.isLoading),
+  isError: results.some((r) => r.isError),
+  data: results.map((r) => r.data).filter((r) => r !== undefined),
+});
+
+export default useRoles;
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index dd902d1..81528cc 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import { SearchQuery } from "../components/issue/Search";
 import { useSettings } from "../provider/SettingsProvider";
 import { TIssue } from "../types/redmine";
@@ -36,65 +37,41 @@ type Options = {
  */
 const useTimers = ({ loadIssues = false }: Options = {}) => {
   const { settings } = useSettings();
-  const { data: timerInfos, setData: saveTimerInfos, isLoading } = useStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
 
-  const timerInfosArray = Object.values(timerInfos);
+  const { data: timerInfos, setData: saveTimerInfos, isLoading } = useStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
+  const timerInfosArray = useMemo(() => Object.values(timerInfos), [timerInfos]);
 
   const issuesIds = Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId)));
   const issues = useIssues(issuesIds, undefined, { enabled: loadIssues, keepPreviousData: true });
 
-  /**
-   * Function to get a TimerController for a specific timer
-   */
-  const getTimerController = (timerInfo: TimerInfo): TimerController => {
-    const updateTimerInfo = (updatedInfo: Partial<TimerInfo>) =>
-      saveTimerInfos({
-        ...timerInfos,
-        [timerInfo.id]: {
-          ...timerInfo,
-          ...updatedInfo,
-        },
-      });
-
-    return {
-      ...timerInfo,
-      /**
-       * Get the issue associated with the timer
-       */
-      getIssue: () => issues.data.find((issue) => issue.id === timerInfo.issueId),
-      /**
-       * Get the elapsed time for the timer
-       */
-      getElapsedTime: () => calculateElapsedTime(timerInfo),
-      /**
-       * Start the timer
-       */
-      startTimer: () => {
+  return useMemo(() => {
+    /**
+     * Function to get a TimerController for a specific timer
+     */
+    const getTimerController = (timerInfo: TimerInfo): TimerController => {
+      const updateTimerInfo = (updatedInfo: Partial<TimerInfo>) =>
         saveTimerInfos({
-          ...(settings.features.autoPauseOnSwitch
-            ? Object.entries(timerInfos).reduce((res: Record<string, TimerInfo>, [id, timerInfo]) => {
-                if (timerInfo.isActive) {
-                  res[id] = toPausedTimer(timerInfo);
-                }
-                return res;
-              }, timerInfos)
-            : timerInfos),
-          [timerInfo.id]: toStartedTimer(timerInfo),
+          ...timerInfos,
+          [timerInfo.id]: {
+            ...timerInfo,
+            ...updatedInfo,
+          },
         });
-      },
-      /**
-       * Pause the timer
-       */
-      pauseTimer: () => {
-        updateTimerInfo(toPausedTimer(timerInfo));
-      },
-      /**
-       * Toggle the timer between active and paused states
-       */
-      toggleTimer: () => {
-        if (timerInfo.isActive) {
-          updateTimerInfo(toPausedTimer(timerInfo));
-        } else {
+
+      return {
+        ...timerInfo,
+        /**
+         * Get the issue associated with the timer
+         */
+        getIssue: () => issues.data.find((issue) => issue.id === timerInfo.issueId),
+        /**
+         * Get the elapsed time for the timer
+         */
+        getElapsedTime: () => calculateElapsedTime(timerInfo),
+        /**
+         * Start the timer
+         */
+        startTimer: () => {
           saveTimerInfos({
             ...(settings.features.autoPauseOnSwitch
               ? Object.entries(timerInfos).reduce((res: Record<string, TimerInfo>, [id, timerInfo]) => {
@@ -106,128 +83,152 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
               : timerInfos),
             [timerInfo.id]: toStartedTimer(timerInfo),
           });
-        }
-      },
+        },
+        /**
+         * Pause the timer
+         */
+        pauseTimer: () => {
+          updateTimerInfo(toPausedTimer(timerInfo));
+        },
+        /**
+         * Toggle the timer between active and paused states
+         */
+        toggleTimer: () => {
+          if (timerInfo.isActive) {
+            updateTimerInfo(toPausedTimer(timerInfo));
+          } else {
+            saveTimerInfos({
+              ...(settings.features.autoPauseOnSwitch
+                ? Object.entries(timerInfos).reduce((res: Record<string, TimerInfo>, [id, timerInfo]) => {
+                    if (timerInfo.isActive) {
+                      res[id] = toPausedTimer(timerInfo);
+                    }
+                    return res;
+                  }, timerInfos)
+                : timerInfos),
+              [timerInfo.id]: toStartedTimer(timerInfo),
+            });
+          }
+        },
+        /**
+         * Reset the timer to its initial state
+         */
+        resetTimer: () => {
+          updateTimerInfo({
+            isActive: false,
+            startTime: undefined,
+            elapsedTime: 0,
+          });
+        },
+        /**
+         * Delete the timer
+         */
+        deleteTimer: () => {
+          const newTimerInfos = { ...timerInfos };
+          delete newTimerInfos[timerInfo.id];
+          saveTimerInfos(newTimerInfos);
+        },
+        /**
+         * Overwrite the elapsed time of the timer
+         */
+        setElapsedTime: (time: number) => {
+          updateTimerInfo({
+            elapsedTime: time,
+            ...(timerInfo.isActive ? { startTime: new Date().getTime() } : {}),
+          });
+        },
+        /**
+         * Set the name of the timer
+         */
+        setName: (name: string) => {
+          updateTimerInfo({ name });
+        },
+      };
+    };
+
+    return {
       /**
-       * Reset the timer to its initial state
+       * Is loading
        */
-      resetTimer: () => {
-        updateTimerInfo({
-          isActive: false,
-          startTime: undefined,
-          elapsedTime: 0,
-        });
-      },
+      isLoading: isLoading || issues.isLoading,
       /**
-       * Delete the timer
+       * Get all timer issue ids
        */
-      deleteTimer: () => {
-        const newTimerInfos = { ...timerInfos };
-        delete newTimerInfos[timerInfo.id];
-        saveTimerInfos(newTimerInfos);
-      },
+      getIssuesIds: () => Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId))),
       /**
-       * Overwrite the elapsed time of the timer
+       * Get active timer count
        */
-      setElapsedTime: (time: number) => {
-        updateTimerInfo({
-          elapsedTime: time,
-          ...(timerInfo.isActive ? { startTime: new Date().getTime() } : {}),
-        });
-      },
+      getActiveTimerCount: () => timerInfosArray.reduce((count, timerInfo) => count + (timerInfo.isActive ? 1 : 0), 0),
       /**
-       * Set the name of the timer
+       * Get all timers
        */
-      setName: (name: string) => {
-        updateTimerInfo({ name });
-      },
-    };
-  };
+      getAllTimers: () => timerInfosArray.map(getTimerController),
+      /**
+       * Get all timers for a specific issue (sorted by active state and elapsed time)
+       */
+      getTimersByIssue: (issueId: number) => {
+        const timers = timerInfosArray.filter((timerInfo) => timerInfo.issueId === issueId);
 
-  return {
-    /**
-     * Is loading
-     */
-    isLoading: isLoading || issues.isLoading,
-    /**
-     * Get all timer issue ids
-     */
-    getIssuesIds: () => Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId))),
-    /**
-     * Get active timer count
-     */
-    getActiveTimerCount: () => timerInfosArray.reduce((count, timerInfo) => count + (timerInfo.isActive ? 1 : 0), 0),
-    /**
-     * Get all timers
-     */
-    getAllTimers: () => {
-      return timerInfosArray.map(getTimerController);
-    },
-    /**
-     * Get all timers for a specific issue (sorted by active state and elapsed time)
-     */
-    getTimersByIssue: (issueId: number) => {
-      const timers = timerInfosArray.filter((timerInfo) => timerInfo.issueId === issueId);
+        if (timers.length === 0) {
+          timers.push(newTimer({ issueId }));
+        }
 
-      if (timers.length === 0) {
-        timers.push(newTimer({ issueId }));
-      }
+        return timers.map(getTimerController).sort((a, b) => (a.isActive ? -1 : 0) - (b.isActive ? -1 : 0) || b.getElapsedTime() - a.getElapsedTime());
+      },
+      /**
+       * Search timers by name
+       */
+      searchTimers: (search: SearchQuery) => {
+        let timers = timerInfosArray;
 
-      return timers.map(getTimerController).sort((a, b) => (a.isActive ? -1 : 0) - (b.isActive ? -1 : 0) || b.getElapsedTime() - a.getElapsedTime());
-    },
-    /**
-     * Search timers by name
-     */
-    searchTimers: (search: SearchQuery) => {
-      let timers = timerInfosArray;
+        // local search
+        if (search?.searching && search.query) {
+          timers = timers.filter((timer) => {
+            // Match by timer name
+            if (timer.name && new RegExp(search.query, "i").test(timer.name)) {
+              return true;
+            }
 
-      // local search
-      if (search?.searching && search.query) {
-        timers = timers.filter((timer) => {
-          // Match by timer name
-          if (timer.name && new RegExp(search.query, "i").test(timer.name)) {
-            return true;
-          }
+            // Match by issue
+            const issue = issues.data.find((issue) => issue.id === timer.issueId);
+            if (issue ? new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`) : new RegExp(search.query, "i").test(`#${timer.issueId}`)) {
+              return true;
+            }
 
-          // Match by issue
-          const issue = issues.data.find((issue) => issue.id === timer.issueId);
-          if (issue ? new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`) : new RegExp(search.query, "i").test(`#${timer.issueId}`)) {
-            return true;
-          }
+            return false;
+          });
+        }
 
-          return false;
+        return timers.map(getTimerController);
+      },
+      /**
+       * Add a new timer
+       */
+      addTimer: (issueId: number) => {
+        const timer = newTimer({
+          issueId,
         });
-      }
-
-      return timers.map(getTimerController);
-    },
-    /**
-     * Add a new timer
-     */
-    addTimer: (issueId: number) => {
-      const timer = newTimer({
-        issueId,
-      });
-      saveTimerInfos({
-        ...timerInfos,
-        [timer.id]: timer,
-      });
-    },
-    /**
-     * Add multiple timers
-     */
-    addTimers(timers: (Pick<TimerInfo, "issueId"> & Partial<TimerInfo>)[]) {
-      const newTimers = timers.reduce(
-        (acc, timer) => {
-          const newTime = newTimer(timer);
-          acc[newTime.id] = newTime;
-          return acc;
-        },
-        {} as Record<string, TimerInfo>
-      );
-      saveTimerInfos({ ...timerInfos, ...newTimers });
-    },
-  };
+        saveTimerInfos({
+          ...timerInfos,
+          [timer.id]: timer,
+        });
+      },
+      /**
+       * Add multiple timers
+       */
+      addTimers(timers: (Pick<TimerInfo, "issueId"> & Partial<TimerInfo>)[]) {
+        const newTimers = timers.reduce(
+          (acc, timer) => {
+            const newTime = newTimer(timer);
+            acc[newTime.id] = newTime;
+            return acc;
+          },
+          {} as Record<string, TimerInfo>
+        );
+        saveTimerInfos({ ...timerInfos, ...newTimers });
+      },
+    };
+  }, [isLoading, issues, timerInfos, saveTimerInfos, timerInfosArray, settings.features.autoPauseOnSwitch]);
 };
 
 const calculateElapsedTime = (timerInfo: TimerInfo) => {
diff --git a/src/main.tsx b/src/main.tsx
index 9e5b344..5829a70 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,8 +1,8 @@
 import Providers from "@/provider/Providers.tsx";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "./index.css";
 import MainApp from "./MainApp";
+import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index cea1285..b1cecdd 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -35,14 +35,7 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
       {isLoading ? (
         <IssuesListSkeleton />
       ) : (
-        <IssuesList
-          issues={myIssuesQuery.data}
-          localIssues={localIssues}
-          issuePriorities={issuePriorities}
-          projectVersions={projectVersions}
-          timers={timers}
-          onSearchInProject={(project) => searchRef.current?.searchInProject(project)}
-        />
+        <IssuesList issues={myIssuesQuery.data} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} searchRef={searchRef} />
       )}
 
       {searchIssues.isSearching && (
@@ -58,14 +51,7 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
             </div>
           </div>
 
-          <IssuesList
-            issues={searchIssues.data}
-            localIssues={localIssues}
-            issuePriorities={issuePriorities}
-            projectVersions={projectVersions}
-            timers={timers}
-            onSearchInProject={(project) => searchRef.current?.searchInProject(project)}
-          />
+          <IssuesList issues={searchIssues.data} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} searchRef={searchRef} />
 
           {searchIssues.hasNextPage && (
             <div className="mt-4 flex justify-center">
diff --git a/src/utils/groupIssues.ts b/src/utils/groupIssues.ts
index d0c2e28..739804e 100644
--- a/src/utils/groupIssues.ts
+++ b/src/utils/groupIssues.ts
@@ -66,7 +66,7 @@ export const groupIssues = (
     localIssues: LocalIssueData[];
     timers: TimerController[];
     issuePriorities: TIssuePriority[];
-    projectVersions: Record<number, TVersion[]>;
+    projectVersions: Record<string, TVersion[]>;
     activeTabIssueId?: number;
     settings: Settings;
   }
@@ -296,7 +296,7 @@ const buildPinnedIssuesSet = (localIssues: LocalIssueData[]) => {
 /**
  * Build version sorting lookup map for maintaining version order
  */
-const buildVersionSortMap = (projectVersions: Record<number, TVersion[]>) => {
+const buildVersionSortMap = (projectVersions: Record<string, TVersion[]>) => {
   const versionSortMap = new Map<number, Map<number, number>>();
   Object.entries(projectVersions).forEach(([projectIdStr, versions]) => {
     const projectId = parseInt(projectIdStr, 10);
diff --git a/src/utils/user.ts b/src/utils/groupUsers.ts
similarity index 73%
rename from src/utils/user.ts
rename to src/utils/groupUsers.ts
index aadb56a..702f446 100644
--- a/src/utils/user.ts
+++ b/src/utils/groupUsers.ts
@@ -6,9 +6,12 @@ type GroupedUsers = {
   users: TUser[];
 };
 
-export const getGroupedUsers = (users: TUser[]) => {
-  return Object.values(
-    users.reduce((result: Record<number, GroupedUsers>, user) => {
+/**
+ * Group users by their highest role
+ */
+export const groupUsers = (users: TUser[]) =>
+  Object.values(
+    users.reduce<Record<string, GroupedUsers>>((result, user) => {
       if (!user.highestRole) return result; // should never happen
       if (!(user.highestRole.id in result)) {
         result[user.highestRole.id] = {
@@ -20,4 +23,3 @@ export const getGroupedUsers = (users: TUser[]) => {
       return result;
     }, {})
   );
-};
diff --git a/vite.config.ts b/vite.config.ts
index 9359335..8bea722 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -17,6 +17,7 @@ export default defineConfig((env) => ({
     },
   },
   build: {
+    minify: env.mode === "development" ? false : undefined,
     emptyOutDir: true,
     rollupOptions: {
       input: ["index.html", "src/background.ts", "src/content.tsx", "src/inject-content-module.ts"],
@@ -37,7 +38,11 @@ export default defineConfig((env) => ({
     },
   },
   plugins: [
-    react(),
+    react({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
     tailwindcss(),
     viteStaticCopy({
       targets: [

From 2d2bef89ffc3e56ec51cb80386badc6345a8ca95 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Mon, 27 Oct 2025 22:43:59 +0100
Subject: [PATCH 13/55] feat: Display custom field values for info tooltips

---
 src/components/issue/IssueInfoTooltip.tsx      | 12 ++++++++++++
 src/components/issue/VersionTooltip.tsx        | 12 ++++++++++++
 src/components/time-entry/TimeEntryTooltip.tsx | 12 ++++++++++++
 src/types/redmine.ts                           | 14 ++++++++++++++
 4 files changed, 50 insertions(+)

diff --git a/src/components/issue/IssueInfoTooltip.tsx b/src/components/issue/IssueInfoTooltip.tsx
index 5528820..7f5e754 100644
--- a/src/components/issue/IssueInfoTooltip.tsx
+++ b/src/components/issue/IssueInfoTooltip.tsx
@@ -94,6 +94,18 @@ const IssueInfoTooltip = ({ issue, children }: PropTypes) => {
                 <td>{formatHours(issue.spent_hours)}</td>
               </tr>
             )}
+            {issue.custom_fields?.map((field) => {
+              if (!field.value) return null;
+              if (Array.isArray(field.value) && field.value.length === 0) return null;
+
+              const value = Array.isArray(field.value) ? field.value.join(", ") : String(field.value);
+              return (
+                <tr key={field.id}>
+                  <th className="text-xs font-medium">{field.name}:</th>
+                  <td>{value}</td>
+                </tr>
+              );
+            })}
           </tbody>
         </table>
         <p className="italic">
diff --git a/src/components/issue/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
index 5cf55d9..fccfff5 100644
--- a/src/components/issue/VersionTooltip.tsx
+++ b/src/components/issue/VersionTooltip.tsx
@@ -38,6 +38,18 @@ const VersionTooltip = ({ version, children }: PropTypes) => {
                 <td>{formatDate(parseISO(version.due_date))}</td>
               </tr>
             )}
+            {version.custom_fields?.map((field) => {
+              if (!field.value) return null;
+              if (Array.isArray(field.value) && field.value.length === 0) return null;
+
+              const value = Array.isArray(field.value) ? field.value.join(", ") : String(field.value);
+              return (
+                <tr key={field.id}>
+                  <th className="text-xs font-medium">{field.name}:</th>
+                  <td>{value}</td>
+                </tr>
+              );
+            })}
           </tbody>
         </table>
         <p className="italic">
diff --git a/src/components/time-entry/TimeEntryTooltip.tsx b/src/components/time-entry/TimeEntryTooltip.tsx
index 5d5fd91..3f7fadb 100644
--- a/src/components/time-entry/TimeEntryTooltip.tsx
+++ b/src/components/time-entry/TimeEntryTooltip.tsx
@@ -46,6 +46,18 @@ const TimeEntryTooltip = ({ entry, children }: PropTypes) => {
               </th>
               <td>{formatHours(entry.hours)}</td>
             </tr>
+            {entry.custom_fields?.map((field) => {
+              if (!field.value) return null;
+              if (Array.isArray(field.value) && field.value.length === 0) return null;
+
+              const value = Array.isArray(field.value) ? field.value.join(", ") : String(field.value);
+              return (
+                <tr key={field.id}>
+                  <th className="text-xs font-medium">{field.name}:</th>
+                  <td>{value}</td>
+                </tr>
+              );
+            })}
           </tbody>
         </table>
       </TooltipContent>
diff --git a/src/types/redmine.ts b/src/types/redmine.ts
index 9ca314c..ea14152 100644
--- a/src/types/redmine.ts
+++ b/src/types/redmine.ts
@@ -37,6 +37,7 @@ export type TIssue = {
   updated_on: string;
   closed_on?: string;
   allowed_statuses?: TIssueStatus[]; // available since Redmine 5.0.0
+  custom_fields?: TCustomFieldValue[];
 };
 
 export type TCreateIssue = {
@@ -67,6 +68,7 @@ export type TIssuePriority = {
   name: string;
   is_default: boolean;
   active: boolean; // available since Redmine 4.1.0
+  custom_fields?: TCustomFieldValue[];
 };
 
 export type TIssueTracker = {
@@ -101,6 +103,7 @@ export type TProject = {
   time_entry_activities?: TReference[]; // available since Redmine 3.4.0
   created_on: string;
   updated_on: string;
+  custom_fields?: TCustomFieldValue[];
 };
 
 export type TMembership = {
@@ -126,6 +129,7 @@ export type TVersion = {
   wiki_page_title: string;
   created_on: string;
   updated_on: string;
+  custom_fields?: TCustomFieldValue[];
 };
 
 /* export type TIssueCategory = {
@@ -149,6 +153,7 @@ export type TTimeEntry = {
   spent_on: string;
   created_on: string;
   updated_on: string;
+  custom_fields?: TCustomFieldValue[];
 };
 
 export type TTimeEntryActivity = {
@@ -156,6 +161,7 @@ export type TTimeEntryActivity = {
   name: string;
   is_default: boolean;
   active?: boolean; // available since Redmine 4.1.0
+  custom_fields?: TCustomFieldValue[];
 };
 
 export type TCreateTimeEntry = {
@@ -271,6 +277,14 @@ export type TUser = {
   memberships?: TMembership[];
 };
 
+// Customer fields
+export type TCustomFieldValue = {
+  id: number;
+  name: string;
+  multiple?: boolean;
+  value: null | string | string[];
+};
+
 // Other
 export type TRedmineError = {
   errors: string[];

From 770fa4b9035bf6556073e49e4e1836ab12cd0312 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 6 Dec 2025 22:29:10 +0100
Subject: [PATCH 14/55] feat: Enhance search (#51)

- Introduce search modes (local and remote)
- Replace "extended search" by "remote redmine search"
- Allow to search in any searchable fields (#46)
- Allow to search for closed issues
- Search in specified project and not in all (fix)
---
 README.md                            |   2 +-
 src/api/redmine.ts                   |  50 +++++-
 src/components/form/ToggleField.tsx  |  11 +-
 src/components/issue/Filter.tsx      | 162 +++++++++++------
 src/components/issue/IssueSearch.tsx | 256 +++++++++++++++++++++++++++
 src/components/issue/IssuesList.tsx  |  16 +-
 src/components/issue/Search.tsx      | 119 -------------
 src/components/timer/EditTimer.tsx   |   6 +-
 src/components/timer/TimerSearch.tsx |  78 ++++++++
 src/components/ui/dropdown-menu.tsx  | 182 +++++++++++++++++++
 src/components/ui/field.tsx          |  13 +-
 src/hooks/useHotkey.ts               |   9 +-
 src/hooks/useIssues.ts               |   9 +-
 src/hooks/useMyIssues.ts             |  30 +---
 src/hooks/useRedmineSearch.ts        |  88 +++++++++
 src/hooks/useSearch.ts               |  88 ---------
 src/hooks/useTimers.ts               |   8 +-
 src/lang/de.json                     |  10 +-
 src/lang/en.json                     |  10 +-
 src/lang/fr.json                     |  10 +-
 src/lang/ru.json                     |  10 +-
 src/pages/IssuesPage.tsx             |  68 +++----
 src/pages/SettingsPage.tsx           |   7 -
 src/pages/TimersPage.tsx             |  14 +-
 src/provider/SettingsProvider.tsx    |   2 -
 25 files changed, 860 insertions(+), 398 deletions(-)
 create mode 100644 src/components/issue/IssueSearch.tsx
 delete mode 100644 src/components/issue/Search.tsx
 create mode 100644 src/components/timer/TimerSearch.tsx
 create mode 100644 src/components/ui/dropdown-menu.tsx
 create mode 100644 src/hooks/useRedmineSearch.ts
 delete mode 100644 src/hooks/useSearch.ts

diff --git a/README.md b/README.md
index a2ac97d..0954c72 100644
--- a/README.md
+++ b/README.md
@@ -52,7 +52,7 @@ At least Redmine version `3.0` or higher required. Recommended version `5.0` or
 | Select the **default fixed version** when _creating new issues_                   | `< 4.1.1`                   |
 | Check permissions for admin users who are not members of a project                | `< 4.0.0`                   |
 | Display project-available time entry activities when _adding spent time entries_  | `< 3.4.0`                   |
-| Extended search                                                                   | `< 3.3.0`                   |
+| Remote Redmine search                                                             | `< 3.3.0`                   |
 
 _Tested with Google Chrome Version 130 and Firefox 132_
 
diff --git a/src/api/redmine.ts b/src/api/redmine.ts
index 170ceb1..6208d19 100644
--- a/src/api/redmine.ts
+++ b/src/api/redmine.ts
@@ -70,8 +70,17 @@ export class RedmineApi {
       .then((res) => res.data);
   }
 
-  async searchOpenIssues(
+  async searchIssues(
     query: string,
+    {
+      scope,
+      titlesOnly,
+      openIssuesOnly,
+    }: {
+      scope?: "all" | "my_projects" | "bookmarks"; // "bookmarks" available since Redmine 5.1.0
+      titlesOnly?: boolean;
+      openIssuesOnly?: boolean;
+    },
     { offset, limit }: { offset: number; limit: number } = { offset: 0, limit: 100 }
   ): Promise<
     TPaginatedResponse<{
@@ -81,11 +90,44 @@ export class RedmineApi {
     return this.instance
       .get(
         `/search.json?${qs.stringify({
+          issues: 1,
           q: query,
-          scope: "my_project",
-          titles_only: 1,
+          scope,
+          ...(titlesOnly ? { titles_only: 1 } : {}),
+          ...(openIssuesOnly ? { open_issues: 1 } : {}),
+          offset,
+          limit,
+        })}`
+      )
+      .then((res) => res.data); // available since Redmine 3.3.0
+  }
+
+  async searchIssuesInProject(
+    projectId: number,
+    query: string,
+    {
+      titlesOnly,
+      openIssuesOnly,
+      scope,
+    }: {
+      scope?: "subprojects";
+      titlesOnly?: boolean;
+      openIssuesOnly?: boolean;
+    },
+    { offset, limit }: { offset: number; limit: number } = { offset: 0, limit: 100 }
+  ): Promise<
+    TPaginatedResponse<{
+      results: TSearchResult[];
+    }>
+  > {
+    return this.instance
+      .get(
+        `/projects/${projectId}/search.json?${qs.stringify({
           issues: 1,
-          open_issues: 1,
+          q: query,
+          scope,
+          ...(titlesOnly ? { titles_only: 1 } : {}),
+          ...(openIssuesOnly ? { open_issues: 1 } : {}),
           offset,
           limit,
         })}`
diff --git a/src/components/form/ToggleField.tsx b/src/components/form/ToggleField.tsx
index 05b259f..70a209e 100644
--- a/src/components/form/ToggleField.tsx
+++ b/src/components/form/ToggleField.tsx
@@ -1,11 +1,14 @@
 import { ComponentProps, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
-import { Field, FieldContent, FieldError, FieldLabel } from "../ui/field";
+import { Field, FieldContent, FieldDescription, FieldError, FieldInfo, FieldLabel } from "../ui/field";
 import { Switch } from "../ui/switch";
 
-type ToggleFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "onCheckedChange" | "onBlur">;
+type ToggleFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "onCheckedChange" | "onBlur"> & {
+  description?: string;
+  info?: string;
+};
 
-export const ToggleField = ({ title, className, ...props }: ToggleFieldProps) => {
+export const ToggleField = ({ title, description, info, className, ...props }: ToggleFieldProps) => {
   const { state, handleChange, handleBlur } = useFieldContext<boolean>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
@@ -17,9 +20,11 @@ export const ToggleField = ({ title, className, ...props }: ToggleFieldProps) =>
         <span className="flex items-center gap-2">
           <FieldLabel required={props.required} htmlFor={id}>
             {title}
+            {info && <FieldInfo>{info}</FieldInfo>}
           </FieldLabel>
           {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
         </span>
+        {description && <FieldDescription>{description}</FieldDescription>}
       </FieldContent>
     </Field>
   );
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 27fd702..864b007 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -1,7 +1,8 @@
 /* eslint-disable react/no-children-prop */
 import { useAppForm } from "@/hooks/useAppForm";
+import { TIssue } from "@/types/redmine";
 import { SlidersHorizontalIcon } from "lucide-react";
-import { ReactNode, useState } from "react";
+import { createContext, PropsWithChildren, use, useState } from "react";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
 import useMyProjects from "../../hooks/useMyProjects";
@@ -10,19 +11,50 @@ import { Button } from "../ui/button";
 import { Form, FormGrid } from "../ui/form";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-export type FilterQuery = {
-  projects: number[];
-  hideCompletedIssues: boolean;
+const filterSettingsSchema = z.object({
+  projects: z.array(z.number()),
+  hideCompletedIssues: z.boolean(),
+});
+
+type FilterSettings = z.infer<typeof filterSettingsSchema>;
+
+const defaultSettings: FilterSettings = { projects: [], hideCompletedIssues: false };
+
+type FilterContextType = {
+  isLoading: boolean;
+  settings: FilterSettings;
+  setSettings: (settings: FilterSettings) => void;
 };
 
-const defaultFilter: FilterQuery = { projects: [], hideCompletedIssues: false };
+const FilterContext = createContext<FilterContextType | undefined>(undefined);
 
-type PropTypes = {
-  children: (state: { filter: FilterQuery; isLoading: boolean }) => ReactNode;
+const FilterProvider = ({ children }: PropsWithChildren) => {
+  const { isLoading, data: settings, setData: setSettings } = useStorage<FilterSettings>("filter", defaultSettings);
+
+  return (
+    <FilterContext
+      value={{
+        isLoading,
+        settings,
+        setSettings,
+      }}
+    >
+      {children}
+    </FilterContext>
+  );
+};
+
+export const useFilter = () => {
+  const context = use(FilterContext);
+  if (!context) {
+    throw new Error("useFilter must be used within a FilterProvider component");
+  }
+  return context;
 };
 
-const Filter = ({ children }: PropTypes) => {
+const FilterButton = () => {
   const { formatMessage } = useIntl();
+  const filter = useFilter();
 
   const [showFilter, setShowFilter] = useState(false);
 
@@ -30,70 +62,82 @@ const Filter = ({ children }: PropTypes) => {
     enabled: showFilter,
   });
 
-  const { data: filter, setData: setFilter, isLoading } = useStorage<FilterQuery>("filter", defaultFilter);
-
   const form = useAppForm({
-    defaultValues: filter,
+    defaultValues: filter.settings,
     validators: {
-      onChange: z.object({
-        projects: z.array(z.number()),
-        hideCompletedIssues: z.boolean(),
-      }),
+      onChange: filterSettingsSchema,
     },
     listeners: {
       onChange: ({ formApi }) => {
         if (formApi.state.isValid) {
-          setFilter(formApi.state.values);
+          formApi.handleSubmit();
         }
       },
     },
+    onSubmit: ({ value }) => {
+      filter.setSettings(value);
+    },
   });
 
   return (
-    <>
-      <Popover open={showFilter} onOpenChange={setShowFilter}>
-        <div className="flex justify-end">
-          <PopoverTrigger asChild>
-            <Button variant="ghost" size="sm" className="mb-1" tabIndex={-1}>
-              <SlidersHorizontalIcon />
-              {formatMessage({ id: "issues.filter" })}
-            </Button>
-          </PopoverTrigger>
-        </div>
-        <PopoverContent className="bg-background w-[18.5rem]">
-          <Form onSubmit={form.handleSubmit}>
-            <FormGrid className="gap-3">
-              <form.AppField
-                name="projects"
-                children={(field) => (
-                  <field.ComboboxField
-                    title={formatMessage({ id: "issues.filter.projects" })}
-                    placeholder={formatMessage({ id: "issues.filter.projects" })}
-                    noOptionsMessage={formatMessage({ id: "issues.filter.projects.no-options" })}
-                    options={projects.map((project) => ({ value: project.id, label: project.name }))}
-                    isLoading={isLoadingProjects}
-                    mode="multiple"
-                  />
-                )}
-              />
-
-              <form.AppField
-                name="hideCompletedIssues"
-                children={(field) => (
-                  <field.CheckboxField
-                    title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
-                    description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
-                    className="border-input dark:bg-input/30 rounded-lg border bg-transparent p-1.5"
-                  />
-                )}
-              />
-            </FormGrid>
-          </Form>
-        </PopoverContent>
-      </Popover>
-      {children({ filter, isLoading })}
-    </>
+    <Popover open={showFilter} onOpenChange={setShowFilter}>
+      <PopoverTrigger asChild>
+        <Button variant="ghost" size="sm" tabIndex={-1}>
+          <SlidersHorizontalIcon />
+          {formatMessage({ id: "issues.filter" })}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent collisionPadding={10} className="bg-background w-[18.5rem]">
+        <Form onSubmit={form.handleSubmit}>
+          <FormGrid className="gap-3">
+            <form.AppField
+              name="projects"
+              children={(field) => (
+                <field.ComboboxField
+                  title={formatMessage({ id: "issues.filter.projects" })}
+                  placeholder={formatMessage({ id: "issues.filter.projects" })}
+                  noOptionsMessage={formatMessage({ id: "issues.filter.projects.no-options" })}
+                  options={projects.map((project) => ({ value: project.id, label: project.name }))}
+                  isLoading={isLoadingProjects}
+                  mode="multiple"
+                />
+              )}
+            />
+
+            <form.AppField
+              name="hideCompletedIssues"
+              children={(field) => (
+                <field.CheckboxField
+                  title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
+                  description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
+                  className="border-input dark:bg-input/30 rounded-lg border bg-transparent p-1.5"
+                />
+              )}
+            />
+          </FormGrid>
+        </Form>
+      </PopoverContent>
+    </Popover>
   );
 };
 
+export const filterIssues = (issues: TIssue[], settings: FilterSettings) => {
+  // projects
+  if (settings.projects.length > 0) {
+    issues = issues.filter((issue) => settings.projects.includes(issue.project.id));
+  }
+
+  // hide completed issues (done_ratio = 100%)
+  if (settings.hideCompletedIssues) {
+    issues = issues.filter((issue) => issue.done_ratio !== 100);
+  }
+
+  return issues;
+};
+
+const Filter = {
+  Provider: FilterProvider,
+  Button: FilterButton,
+};
+
 export default Filter;
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
new file mode 100644
index 0000000..02a8fe4
--- /dev/null
+++ b/src/components/issue/IssueSearch.tsx
@@ -0,0 +1,256 @@
+/* eslint-disable react/no-children-prop */
+import { useAppForm } from "@/hooks/useAppForm";
+import useStorage from "@/hooks/useStorage";
+import { ChevronRightIcon, CloudIcon, ListTreeIcon, MoreHorizontalIcon, SearchIcon, XIcon } from "lucide-react";
+import { createContext, PropsWithChildren, use, useRef, useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { z } from "zod/v4";
+import useDebounce from "../../hooks/useDebounce";
+import useHotKey from "../../hooks/useHotkey";
+import { useSettings } from "../../provider/SettingsProvider";
+import { TIssue, TReference } from "../../types/redmine";
+import { Badge } from "../ui/badge";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu";
+import { FieldGroup, FieldLabel, FieldSet } from "../ui/field";
+import { Form, FormGrid } from "../ui/form";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../ui/input-group";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { Separator } from "../ui/separator";
+
+const searchSettingsSchema = z.object({
+  mode: z.enum(["local", "remote"]),
+  remoteSearchOptions: z.object({
+    titlesOnly: z.boolean(),
+    openIssuesOnly: z.boolean(),
+    assignedToMe: z.boolean(),
+  }),
+});
+
+type SearchSettingsSchema = z.infer<typeof searchSettingsSchema>;
+
+const defaultSearchSettings: SearchSettingsSchema = {
+  mode: "local",
+  remoteSearchOptions: {
+    titlesOnly: false,
+    openIssuesOnly: true,
+    assignedToMe: true,
+  },
+};
+
+export type IssueSearchContext = {
+  isSearching: boolean;
+  query: string;
+  inProject?: TReference;
+  settings: SearchSettingsSchema;
+  searchInProject: (project: TReference) => void;
+};
+
+const SearchContext = createContext<IssueSearchContext | undefined>(undefined);
+
+const IssueSearch = ({ children }: PropsWithChildren) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const searchRef = useRef<HTMLInputElement>(null);
+  const [isSearchOpen, setIsSearchOpen] = useState(settings.style.displaySearchAlways);
+  const [query, setQuery] = useState("");
+  const debouncedQuery = useDebounce(query, 300);
+  const [inProject, setInProject] = useState<TReference | undefined>(undefined);
+
+  const { data: searchSettings, setData: setSearchSettings } = useStorage<SearchSettingsSchema>("search", defaultSearchSettings);
+
+  const settingsForm = useAppForm({
+    defaultValues: searchSettings,
+    validators: {
+      onChange: searchSettingsSchema,
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        if (formApi.state.isValid) {
+          formApi.handleSubmit();
+        }
+      },
+    },
+    onSubmit: ({ value }) => {
+      setSearchSettings(value);
+    },
+  });
+
+  // hotkeys
+  useHotKey({ ctrl: true, key: "k" }, () => {
+    setIsSearchOpen(true);
+    searchRef.current?.focus();
+    searchRef.current?.select();
+  });
+  useHotKey({ ctrl: true, key: "f" }, () => {
+    setIsSearchOpen(true);
+    searchRef.current?.focus();
+    searchRef.current?.select();
+  });
+  useHotKey(
+    { key: "Escape" },
+    () => {
+      if (!settings.style.displaySearchAlways) {
+        setIsSearchOpen(false);
+      }
+      setQuery("");
+      setInProject(undefined);
+    },
+    isSearchOpen
+  );
+  useHotKey(
+    { ctrl: true, key: "m" },
+    () => {
+      settingsForm.setFieldValue("mode", (current) => (current === "local" ? "remote" : "local"));
+      settingsForm.handleSubmit();
+    },
+    isSearchOpen
+  );
+
+  return (
+    <>
+      {isSearchOpen && (
+        <div className="mb-4 flex flex-col gap-2">
+          <Form onSubmit={settingsForm.handleSubmit}>
+            <InputGroup>
+              <InputGroupInput ref={searchRef} name="query" placeholder={formatMessage({ id: "issues.search" })} value={query} onChange={(e) => setQuery(e.target.value)} autoFocus />
+              <InputGroupAddon>
+                <SearchIcon />
+              </InputGroupAddon>
+              <InputGroupAddon align="inline-end" className="gap-1">
+                <settingsForm.AppField
+                  name="mode"
+                  children={(field) => (
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <InputGroupButton variant="ghost">
+                          {field.state.value === "local"
+                            ? formatMessage({ id: "issues.search.mode.local" })
+                            : field.state.value === "remote"
+                              ? formatMessage({ id: "issues.search.mode.remote" })
+                              : "unknown"}
+                        </InputGroupButton>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent sideOffset={10} align="center" className="min-w-[2rem]">
+                        <DropdownMenuItem onClick={() => field.handleChange("local")}>
+                          <ListTreeIcon />
+                          {formatMessage({ id: "issues.search.mode.local" })}
+                        </DropdownMenuItem>
+                        <DropdownMenuItem onClick={() => field.handleChange("remote")}>
+                          <CloudIcon />
+                          {formatMessage({ id: "issues.search.mode.remote" })}
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  )}
+                />
+                <Separator orientation="vertical" className="!h-4" />
+                <settingsForm.Subscribe
+                  selector={(state) => ({
+                    mode: state.values.mode,
+                  })}
+                  children={({ mode }) => (
+                    <Popover>
+                      <PopoverTrigger asChild>
+                        <InputGroupButton variant="ghost" size="icon-xs" disabled={mode !== "remote"}>
+                          <MoreHorizontalIcon />
+                        </InputGroupButton>
+                      </PopoverTrigger>
+                      <PopoverContent sideOffset={10} collisionPadding={10} className="bg-background w-[14rem]">
+                        <FormGrid className="gap-3">
+                          <FieldSet>
+                            <FieldLabel>{formatMessage({ id: "issues.search.remote-search-options.title" })}</FieldLabel>
+                            <FieldGroup data-slot="checkbox-group">
+                              <settingsForm.AppField
+                                name="remoteSearchOptions.titlesOnly"
+                                children={(field) => (
+                                  <field.ToggleField
+                                    title={formatMessage({ id: "issues.search.remote-search-options.titles-only.title" })}
+                                    info={formatMessage({ id: "issues.search.remote-search-options.titles-only.description" })}
+                                  />
+                                )}
+                              />
+                              <settingsForm.AppField
+                                name="remoteSearchOptions.openIssuesOnly"
+                                children={(field) => <field.ToggleField title={formatMessage({ id: "issues.search.remote-search-options.open-issues-only.title" })} />}
+                              />
+                              <settingsForm.AppField
+                                name="remoteSearchOptions.assignedToMe"
+                                children={(field) => <field.ToggleField title={formatMessage({ id: "issues.search.remote-search-options.assigned-to-me.title" })} />}
+                              />
+                            </FieldGroup>
+                          </FieldSet>
+                        </FormGrid>
+                      </PopoverContent>
+                    </Popover>
+                  )}
+                />
+              </InputGroupAddon>
+            </InputGroup>
+          </Form>
+          {inProject && (
+            <div className="flex items-center gap-x-1.5 px-1 whitespace-nowrap">
+              <ChevronRightIcon className="size-4 shrink-0" />
+              <FormattedMessage
+                id="issues.search.search-in-project"
+                values={{
+                  projectName: inProject.name,
+                  badge: (children) => (
+                    <Badge variant="secondary" className="shrink justify-start">
+                      {children}
+                    </Badge>
+                  ),
+                }}
+              />
+              <div className="flex grow justify-end">
+                <XIcon className="size-4 cursor-pointer opacity-70 transition-opacity hover:opacity-100" onClick={() => setInProject(undefined)} />
+              </div>
+            </div>
+          )}
+        </div>
+      )}
+      <SearchContext
+        value={{
+          isSearching: isSearchOpen && (searchSettings.mode === "local" ? query.length > 0 : debouncedQuery.length >= 3),
+          query: searchSettings.mode === "local" ? query : debouncedQuery,
+          inProject,
+          settings: searchSettings,
+          searchInProject: (project: TReference) => {
+            setInProject(project);
+            setIsSearchOpen(true);
+            searchRef.current?.focus();
+            searchRef.current?.select();
+          },
+        }}
+      >
+        {children}
+      </SearchContext>
+    </>
+  );
+};
+
+export const useIssueSearch = () => {
+  const context = use(SearchContext);
+  if (!context) {
+    throw new Error("useIssueSearch must be used within a IssueSearch component");
+  }
+  return context;
+};
+
+export const filterIssuesByLocalSearch = (issues: TIssue[], search: IssueSearchContext) => {
+  if (search.isSearching && search.settings.mode === "local") {
+    // filter: project (search in project)
+    if (search.inProject) {
+      issues = issues.filter((issue) => issue.project.id === search.inProject!.id);
+    }
+
+    // search: local search
+    if (search.query) {
+      issues = issues.filter((issue) => new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`));
+    }
+  }
+
+  return issues;
+};
+
+export default IssueSearch;
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 0c096ab..8f29405 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -1,7 +1,7 @@
 import { groupIssues, ProjectGroup } from "@/utils/groupIssues";
 import clsx from "clsx";
 import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
-import { Fragment, ReactNode, RefObject, useMemo, useState } from "react";
+import { Fragment, ReactNode, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
 import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
 import useIssuePriorities from "../../hooks/useIssuePriorities";
@@ -16,7 +16,7 @@ import { TIssue, TReference, TVersion } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
-import { SearchRef } from "./Search";
+import { useIssueSearch } from "./IssueSearch";
 import VersionTooltip from "./VersionTooltip";
 
 type PropTypes = {
@@ -25,11 +25,11 @@ type PropTypes = {
   issuePriorities: ReturnType<typeof useIssuePriorities>;
   projectVersions?: ReturnType<typeof useProjectVersions>;
   timers: ReturnType<typeof useTimers>;
-  searchRef: RefObject<SearchRef | null>;
 };
 
-const IssuesList = ({ issues: unsortedIssues, localIssues, issuePriorities, projectVersions, timers, searchRef }: PropTypes) => {
+const IssuesList = ({ issues: unsortedIssues, localIssues, issuePriorities, projectVersions, timers }: PropTypes) => {
   const { settings } = useSettings();
+  const { searchInProject } = useIssueSearch();
 
   const activeTab = useActiveRedmineTab();
 
@@ -67,11 +67,9 @@ const IssuesList = ({ issues: unsortedIssues, localIssues, issuePriorities, proj
                     <PlusIcon className="size-4" />
                   </button>
                 )}
-                {searchRef.current && (
-                  <button type="button" onClick={() => searchRef.current?.searchInProject(projectGroup.project)} tabIndex={-1}>
-                    <SearchIcon className="size-4" />
-                  </button>
-                )}
+                <button type="button" onClick={() => searchInProject(projectGroup.project)} tabIndex={-1}>
+                  <SearchIcon className="size-4" />
+                </button>
               </>
             }
           />
diff --git a/src/components/issue/Search.tsx b/src/components/issue/Search.tsx
deleted file mode 100644
index b820b38..0000000
--- a/src/components/issue/Search.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { ChevronRightIcon, SearchIcon, XIcon } from "lucide-react";
-import { ReactNode, Ref, useImperativeHandle, useRef, useState } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import useDebounce from "../../hooks/useDebounce";
-import useHotKey from "../../hooks/useHotkey";
-import { useSettings } from "../../provider/SettingsProvider";
-import { TReference } from "../../types/redmine";
-import { Badge } from "../ui/badge";
-import { InputGroup, InputGroupAddon, InputGroupInput } from "../ui/input-group";
-
-export type SearchQuery = {
-  searching: boolean;
-  query: string;
-  debouncedQuery?: string;
-  inProject?: TReference;
-};
-
-const defaultSearchQuery: SearchQuery = { searching: false, query: "" };
-
-type PropTypes = {
-  children: (state: { search: SearchQuery }) => ReactNode;
-  ref: Ref<SearchRef>;
-};
-
-export type SearchRef = {
-  searchInProject: (project: TReference) => void;
-};
-
-const Search = ({ children, ref }: PropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-
-  const searchRef = useRef<HTMLInputElement>(null);
-  const [searching, setSearching] = useState(defaultSearchQuery.searching);
-  const [query, setQuery] = useState(defaultSearchQuery.query);
-  const debouncedQuery = useDebounce(query, 300);
-  const [inProject, setInProject] = useState<TReference | undefined>(defaultSearchQuery.inProject);
-  const isSearching = searching || settings.style.displaySearchAlways;
-
-  useImperativeHandle(ref, () => ({
-    searchInProject(project: TReference) {
-      setInProject(project);
-      setSearching(true);
-      searchRef.current?.focus();
-      searchRef.current?.select();
-    },
-  }));
-
-  // hotkeys
-  useHotKey(
-    () => {
-      setSearching(true);
-      searchRef.current?.focus();
-      searchRef.current?.select();
-    },
-    { ctrl: true, code: "KeyK" }
-  );
-  useHotKey(
-    () => {
-      setSearching(true);
-      searchRef.current?.focus();
-      searchRef.current?.select();
-    },
-    { ctrl: true, code: "KeyF" }
-  );
-  useHotKey(
-    () => {
-      setSearching(false);
-      setQuery("");
-      setInProject(undefined);
-    },
-    { key: "Escape" },
-    searching
-  );
-
-  return (
-    <>
-      {isSearching && (
-        <div className="mb-4 flex flex-col gap-2">
-          <InputGroup>
-            <InputGroupInput ref={searchRef} type="search" name="query" placeholder={formatMessage({ id: "issues.search" })} value={query} onChange={(e) => setQuery(e.target.value)} autoFocus />
-            <InputGroupAddon>
-              <SearchIcon />
-            </InputGroupAddon>
-          </InputGroup>
-          {inProject && (
-            <div className="flex items-center gap-x-1.5 px-1 whitespace-nowrap">
-              <ChevronRightIcon className="size-4 shrink-0" />
-              <FormattedMessage
-                id="issues.search.search-in-project"
-                values={{
-                  projectName: inProject.name,
-                  badge: (children) => (
-                    <Badge variant="secondary" className="shrink justify-start">
-                      {children}
-                    </Badge>
-                  ),
-                }}
-              />
-              <div className="flex grow justify-end">
-                <XIcon className="size-4 cursor-pointer opacity-70 transition-opacity hover:opacity-100" onClick={() => setInProject(undefined)} />
-              </div>
-            </div>
-          )}
-        </div>
-      )}
-      {children({
-        search: {
-          searching: isSearching,
-          query,
-          debouncedQuery,
-          inProject,
-        },
-      })}
-    </>
-  );
-};
-
-export default Search;
diff --git a/src/components/timer/EditTimer.tsx b/src/components/timer/EditTimer.tsx
index df78b5c..04a480c 100644
--- a/src/components/timer/EditTimer.tsx
+++ b/src/components/timer/EditTimer.tsx
@@ -21,10 +21,8 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
 
   const [confirmCancelModal, setConfirmCancelModal] = useState(false);
   const onCancel = () => setConfirmCancelModal(true);
-  /**
-   * On "Escape" => cancel
-   */
-  useHotKey(onConfirmCancel, { key: "Escape" });
+
+  useHotKey({ key: "Escape" }, onConfirmCancel);
 
   return (
     <>
diff --git a/src/components/timer/TimerSearch.tsx b/src/components/timer/TimerSearch.tsx
new file mode 100644
index 0000000..83b0010
--- /dev/null
+++ b/src/components/timer/TimerSearch.tsx
@@ -0,0 +1,78 @@
+import { SearchIcon } from "lucide-react";
+import { createContext, PropsWithChildren, use, useRef, useState } from "react";
+import { useIntl } from "react-intl";
+import useHotKey from "../../hooks/useHotkey";
+import { useSettings } from "../../provider/SettingsProvider";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../ui/input-group";
+
+export type TimerSearchContext = {
+  isSearching: boolean;
+  query: string;
+};
+
+const SearchContext = createContext<TimerSearchContext | undefined>(undefined);
+
+const TimerSearch = ({ children }: PropsWithChildren) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const searchRef = useRef<HTMLInputElement>(null);
+  const [isSearchOpen, setIsSearchOpen] = useState(settings.style.displaySearchAlways);
+
+  const [query, setQuery] = useState("");
+
+  // hotkeys
+  useHotKey({ ctrl: true, key: "k" }, () => {
+    setIsSearchOpen(true);
+    searchRef.current?.focus();
+    searchRef.current?.select();
+  });
+  useHotKey({ ctrl: true, key: "f" }, () => {
+    setIsSearchOpen(true);
+    searchRef.current?.focus();
+    searchRef.current?.select();
+  });
+  useHotKey(
+    { key: "Escape" },
+    () => {
+      if (!settings.style.displaySearchAlways) {
+        setIsSearchOpen(false);
+      }
+      setQuery("");
+    },
+    isSearchOpen
+  );
+
+  return (
+    <>
+      {isSearchOpen && (
+        <div className="mb-4 flex flex-col gap-2">
+          <InputGroup>
+            <InputGroupInput ref={searchRef} name="query" placeholder={formatMessage({ id: "issues.search" })} value={query} onChange={(e) => setQuery(e.target.value)} autoFocus />
+            <InputGroupAddon>
+              <SearchIcon />
+            </InputGroupAddon>
+          </InputGroup>
+        </div>
+      )}
+      <SearchContext
+        value={{
+          isSearching: isSearchOpen && query.length > 0,
+          query,
+        }}
+      >
+        {children}
+      </SearchContext>
+    </>
+  );
+};
+
+export const useTimerSearch = () => {
+  const context = use(SearchContext);
+  if (!context) {
+    throw new Error("useTimerSearch must be used within a TimerSearch component");
+  }
+  return context;
+};
+
+export default TimerSearch;
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..5364105
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,182 @@
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+}
+
+function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />;
+}
+
+function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />;
+}
+
+function DropdownMenuContent({ className, sideOffset = 4, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  );
+}
+
+function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />;
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  );
+}
+
+function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />;
+}
+
+function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  );
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean;
+}) {
+  return <DropdownMenuPrimitive.Label data-slot="dropdown-menu-label" data-inset={inset} className={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)} {...props} />;
+}
+
+function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return <DropdownMenuPrimitive.Separator data-slot="dropdown-menu-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
+}
+
+function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
+  return <span data-slot="dropdown-menu-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
+}
+
+function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  );
+}
+
+function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+};
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
index 7fe634d..b812b2d 100644
--- a/src/components/ui/field.tsx
+++ b/src/components/ui/field.tsx
@@ -168,4 +168,15 @@ function FieldError({
   );
 }
 
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+function FieldInfo({ className, children, ...props }: React.ComponentProps<typeof InfoIcon>) {
+  return (
+    <Tooltip delayDuration={0}>
+      <TooltipTrigger asChild>
+        <InfoIcon className={cn("text-muted-foreground size-3.5", className)} {...props} />
+      </TooltipTrigger>
+      <TooltipContent className="max-w-64 text-wrap">{children}</TooltipContent>
+    </Tooltip>
+  );
+}
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldInfo, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
diff --git a/src/hooks/useHotkey.ts b/src/hooks/useHotkey.ts
index 1d6263f..a68b1a1 100644
--- a/src/hooks/useHotkey.ts
+++ b/src/hooks/useHotkey.ts
@@ -1,15 +1,16 @@
 import { useCallback, useEffect } from "react";
 
-const useHotKey = (callback: () => void, hotkey: { key?: string; code?: string; ctrl?: boolean }, prevent = true) => {
+const useHotKey = (hotkey: { key?: string; code?: string; ctrl?: boolean }, callback: (e: KeyboardEvent) => void, enabled = true) => {
   const handleKeyPress = useCallback(
     (e: KeyboardEvent) => {
+      if (!enabled) return;
       if (!e.key && !e.code) return;
       if ((hotkey.ctrl ? e.ctrlKey : true) && (e.key === hotkey.key || e.code === hotkey.code)) {
-        callback();
-        if (prevent) e.preventDefault();
+        callback(e);
+        e.preventDefault();
       }
     },
-    [callback, hotkey, prevent]
+    [callback, hotkey, enabled]
   );
 
   useEffect(() => {
diff --git a/src/hooks/useIssues.ts b/src/hooks/useIssues.ts
index 4d330e0..f680912 100644
--- a/src/hooks/useIssues.ts
+++ b/src/hooks/useIssues.ts
@@ -10,7 +10,7 @@ type Options = {
   keepPreviousData?: boolean;
 };
 
-const useIssues = (ids: number[], search?: string, { enabled = true, keepPreviousData = false }: Options = {}) => {
+const useIssues = (ids: number[], { enabled = true, keepPreviousData = false }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
   const issuesQuery = useRedminePaginatedInfiniteQuery({
@@ -31,12 +31,7 @@ const useIssues = (ids: number[], search?: string, { enabled = true, keepPreviou
     autoFetchPages: true,
   });
 
-  let issues = issuesQuery.data ?? [];
-
-  // filter by search
-  if (search) {
-    issues = issues.filter((issue) => new RegExp(search, "i").test(`#${issue.id} ${issue.subject}`));
-  }
+  const issues = issuesQuery.data ?? [];
 
   return {
     data: issues,
diff --git a/src/hooks/useMyIssues.ts b/src/hooks/useMyIssues.ts
index 491a780..f13f516 100644
--- a/src/hooks/useMyIssues.ts
+++ b/src/hooks/useMyIssues.ts
@@ -1,13 +1,11 @@
 import { keepPreviousData } from "@tanstack/react-query";
-import { FilterQuery } from "../components/issue/Filter";
-import { SearchQuery } from "../components/issue/Search";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
 const STALE_DATA_TIME = 1000 * 60;
 
-const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery, filter: FilterQuery) => {
+const useMyIssues = (additionalIssuesIds: number[]) => {
   const redmineApi = useRedmineApi();
 
   const issuesQuery = useRedminePaginatedInfiniteQuery({
@@ -26,11 +24,11 @@ const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery, filter:
     autoFetchPages: true,
   });
   const additionalIssuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", "open", additionalIssuesIds],
+    queryKey: ["issues", additionalIssuesIds],
     queryFn: ({ pageParam }) =>
       redmineApi.getIssues(
         {
-          statusId: "open",
+          statusId: "*",
           issueIds: additionalIssuesIds,
         },
         pageParam
@@ -43,29 +41,9 @@ const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery, filter:
     autoFetchPages: true,
   });
 
-  let issues = issuesQuery.data ?? [];
+  const issues = issuesQuery.data ?? [];
   issues.push(...(additionalIssuesQuery.data?.filter((issue) => !issues.find((iss) => iss.id === issue.id)) ?? []));
 
-  // filter by project (search in project)
-  if (search.searching && search.inProject) {
-    issues = issues.filter((issue) => issue.project.id === search.inProject?.id);
-  }
-
-  // local search
-  if (search.searching && search.query) {
-    issues = issues.filter((issue) => new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`));
-  }
-
-  // filter: projects
-  if (filter.projects.length > 0) {
-    issues = issues.filter((issue) => filter.projects.includes(issue.project.id));
-  }
-
-  // filter: hide completed issues (done_ratio = 100%)
-  if (filter.hideCompletedIssues) {
-    issues = issues.filter((issue) => issue.done_ratio !== 100);
-  }
-
   return {
     data: issues,
     isLoading: issuesQuery.isLoading || additionalIssuesQuery.isLoading,
diff --git a/src/hooks/useRedmineSearch.ts b/src/hooks/useRedmineSearch.ts
new file mode 100644
index 0000000..73eb4e2
--- /dev/null
+++ b/src/hooks/useRedmineSearch.ts
@@ -0,0 +1,88 @@
+import { keepPreviousData } from "@tanstack/react-query";
+import { IssueSearchContext } from "../components/issue/IssueSearch";
+import { useRedmineApi } from "../provider/RedmineApiProvider";
+import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+
+const STALE_DATA_TIME = 1000 * 60; // 1 minute
+
+const useRedmineSearch = (search: IssueSearchContext) => {
+  const redmineApi = useRedmineApi();
+
+  const isSearching = search.isSearching && search.settings.mode === "remote";
+
+  const [_, _issueIdSearch] = search.query.match(/^#(\d+)$/) ?? []; // search for #<issueId>
+  const issueIdSearch = _issueIdSearch ? Number(_issueIdSearch) : undefined;
+
+  // Search issues
+  const searchResultQuery = useRedminePaginatedInfiniteQuery({
+    queryKey: ["searchIssuesResult", search.query, search.inProject?.id, search.settings.remoteSearchOptions.titlesOnly, search.settings.remoteSearchOptions.openIssuesOnly],
+    queryFn: ({ pageParam }) =>
+      search.inProject?.id
+        ? redmineApi.searchIssuesInProject(
+            search.inProject.id,
+            search.query,
+            {
+              titlesOnly: search.settings.remoteSearchOptions.titlesOnly, // search option: titles only
+              openIssuesOnly: search.settings.remoteSearchOptions.openIssuesOnly, // search option: open issues only
+            },
+            pageParam
+          )
+        : redmineApi.searchIssues(
+            search.query,
+            {
+              scope: "my_projects",
+              titlesOnly: search.settings.remoteSearchOptions.titlesOnly, // search option: titles only
+              openIssuesOnly: search.settings.remoteSearchOptions.openIssuesOnly, // search option: open issues only
+            },
+            pageParam
+          ),
+    select: (data) =>
+      data?.pages
+        .map((page) => page.results)
+        .flat()
+        .map((result) => result.id),
+    enabled: isSearching && !issueIdSearch,
+    placeholderData: keepPreviousData,
+    staleTime: STALE_DATA_TIME,
+  });
+
+  // Collect issueIds
+  const issueIds = isSearching
+    ? issueIdSearch
+      ? // just search by issueId
+        [issueIdSearch]
+      : // use search results
+        (searchResultQuery.data ?? [])
+    : [];
+
+  // Query issues by ids
+  const issuesQuery = useRedminePaginatedInfiniteQuery({
+    queryKey: ["issues", issueIds, search.inProject?.id, search.settings.remoteSearchOptions.assignedToMe, search.settings.remoteSearchOptions.openIssuesOnly],
+    queryFn: ({ pageParam }) =>
+      redmineApi.getIssues(
+        {
+          issueIds: issueIds,
+          projectId: search.inProject?.id, // filter: project (search in project)
+          assignedTo: search.settings.remoteSearchOptions.assignedToMe ? "me" : undefined, // search option: assigned to me
+          statusId: search.settings.remoteSearchOptions.openIssuesOnly ? "open" : "*", // search option: open issues only
+        },
+        pageParam
+      ),
+    select: (data) => data?.pages.map((page) => page.issues).flat(),
+    enabled: issueIds.length > 0 && !searchResultQuery.isFetching,
+    staleTime: STALE_DATA_TIME,
+    autoFetchPages: 10, // Auto fetch (max 10 pages)
+  });
+
+  const issues = issuesQuery.data ?? [];
+
+  return {
+    data: issues,
+    isLoading: issuesQuery.isLoading,
+    isError: issuesQuery.isError,
+    hasNextPage: searchResultQuery.hasNextPage,
+    fetchNextPage: searchResultQuery.fetchNextPage,
+  };
+};
+
+export default useRedmineSearch;
diff --git a/src/hooks/useSearch.ts b/src/hooks/useSearch.ts
deleted file mode 100644
index 71d6b87..0000000
--- a/src/hooks/useSearch.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { keepPreviousData } from "@tanstack/react-query";
-import { FilterQuery } from "../components/issue/Filter";
-import { SearchQuery } from "../components/issue/Search";
-import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useSettings } from "../provider/SettingsProvider";
-import { TIssue } from "../types/redmine";
-import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
-
-const STALE_DATA_TIME = 1000 * 60;
-
-const useSearch = (search: SearchQuery, filter: FilterQuery, excludeIssues: TIssue[]) => {
-  const { settings } = useSettings();
-  const redmineApi = useRedmineApi();
-
-  const [_, _issueIdSearch] = search.query.match(/^#(\d+)$/) ?? []; // search for #<issueId>
-  const issueIdSearch = _issueIdSearch ? Number(_issueIdSearch) : undefined;
-  const isSearching = search.searching && settings.features.extendedSearch && ((search.debouncedQuery?.length ?? 0) >= 3 || !!issueIdSearch);
-
-  // Search open issues
-  const searchResultQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["searchIssuesResult", search.debouncedQuery],
-    queryFn: ({ pageParam }) => redmineApi.searchOpenIssues(search.debouncedQuery ?? "", pageParam),
-    select: (data) => data?.pages.map((page) => page.results).flat(),
-    enabled: isSearching && !issueIdSearch,
-    placeholderData: keepPreviousData,
-    staleTime: STALE_DATA_TIME,
-  });
-
-  // Collect issueIds
-  let issueIds: number[] = [];
-  if (isSearching && !issueIdSearch) {
-    // mode: normal
-    // Get result and filter out excluded issues
-    issueIds = (searchResultQuery.data?.map((result) => result.id) ?? []).filter((id) => !excludeIssues.find((issue) => issue.id === id));
-  } else if (issueIdSearch) {
-    // mode: search by issueId
-    // Add issueIdSearch to issueIds if not excluded
-    if (!excludeIssues.find((issue) => issue.id === issueIdSearch)) {
-      issueIds.push(issueIdSearch);
-    }
-  }
-
-  // Query issues by ids
-  const issuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", "open", issueIds, search.inProject?.id],
-    queryFn: ({ pageParam }) =>
-      redmineApi.getIssues(
-        {
-          projectId: search.inProject?.id,
-          issueIds: issueIds,
-          statusId: "open",
-        },
-        pageParam
-      ),
-    select: (data) => data?.pages.map((page) => page.issues).flat(),
-    enabled: issueIds.length > 0 && !searchResultQuery.isFetching,
-    staleTime: STALE_DATA_TIME,
-    autoFetchPages: 10, // Auto fetch (max 10 pages)
-  });
-
-  let issues = issuesQuery.data ?? [];
-
-  // filter by project (search in project)
-  if (search.inProject) {
-    issues = issues.filter((issue) => issue.project.id === search.inProject?.id);
-  }
-
-  // filter: projects
-  if (filter.projects.length > 0) {
-    issues = issues.filter((issue) => filter.projects.includes(issue.project.id));
-  }
-
-  // filter: hide completed issues (done_ratio = 100%)
-  if (filter.hideCompletedIssues) {
-    issues = issues.filter((issue) => issue.done_ratio !== 100);
-  }
-
-  return {
-    data: issues,
-    isSearching: isSearching,
-    isLoading: issuesQuery.isLoading,
-    isError: issuesQuery.isError,
-    hasNextPage: searchResultQuery.hasNextPage,
-    fetchNextPage: searchResultQuery.fetchNextPage,
-  };
-};
-
-export default useSearch;
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index 81528cc..c69c7a2 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,5 +1,5 @@
+import { TimerSearchContext } from "@/components/timer/TimerSearch";
 import { useMemo } from "react";
-import { SearchQuery } from "../components/issue/Search";
 import { useSettings } from "../provider/SettingsProvider";
 import { TIssue } from "../types/redmine";
 import useIssues from "./useIssues";
@@ -42,7 +42,7 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
   const timerInfosArray = useMemo(() => Object.values(timerInfos), [timerInfos]);
 
   const issuesIds = Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId)));
-  const issues = useIssues(issuesIds, undefined, { enabled: loadIssues, keepPreviousData: true });
+  const issues = useIssues(issuesIds, { enabled: loadIssues, keepPreviousData: true });
 
   return useMemo(() => {
     /**
@@ -178,11 +178,11 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
       /**
        * Search timers by name
        */
-      searchTimers: (search: SearchQuery) => {
+      searchTimers: (search: TimerSearchContext) => {
         let timers = timerInfosArray;
 
         // local search
-        if (search?.searching && search.query) {
+        if (search.isSearching && search.query) {
           timers = timers.filter((timer) => {
             // Match by timer name
             if (timer.name && new RegExp(search.query, "i").test(timer.name)) {
diff --git a/src/lang/de.json b/src/lang/de.json
index 06e7fb9..81af726 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -16,7 +16,13 @@
 
   "issues.search": "Suchen... (#123, Thema, ...)",
   "issues.search.search-in-project": "In <badge>{projectName}</badge> suchen",
-  "issues.extended-search": "Erweiterte Suche",
+  "issues.search.mode.local": "Lokale Suche",
+  "issues.search.mode.remote": "Redmine Suche",
+  "issues.search.remote-search-options.title": "Redmine Suchoptionen",
+  "issues.search.remote-search-options.titles-only.title": "Nur Titel durchsuchen",
+  "issues.search.remote-search-options.titles-only.description": "In Betreff oder in jedem durchsuchbaren Feld suchen",
+  "issues.search.remote-search-options.open-issues-only.title": "Nur offene Tickets",
+  "issues.search.remote-search-options.assigned-to-me.title": "Mir zugewiesene Tickets",
   "issues.filter": "Filter",
   "issues.filter.projects": "Projekte",
   "issues.filter.projects.no-options": "Keine Projekte",
@@ -136,8 +142,6 @@
   "settings.features": "Funktionen",
   "settings.features.auto-pause-on-switch.title": "Auto Pause",
   "settings.features.auto-pause-on-switch.description": "Timer automatisch pausieren, wenn Ticket gewechselt wird",
-  "settings.features.extended-search.title": "Erweiterte Suche",
-  "settings.features.extended-search.description": "Erlaubt Tickets zu suchen, die Ihnen nicht zugewiesen sind",
   "settings.features.round-to-nearest-interval.title": "Auf nächstes Intervall runden",
   "settings.features.round-to-nearest-interval.description": "Timer auf nächstes Intervall runden",
   "settings.features.rounding-interval.placeholder": "Intervall",
diff --git a/src/lang/en.json b/src/lang/en.json
index 543b88c..04680dc 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -16,7 +16,13 @@
 
   "issues.search": "Search... (#123, Subject, ...)",
   "issues.search.search-in-project": "Search in <badge>{projectName}</badge>",
-  "issues.extended-search": "Extended search",
+  "issues.search.mode.local": "Local search",
+  "issues.search.mode.remote": "Redmine search",
+  "issues.search.remote-search-options.title": "Redmine search options",
+  "issues.search.remote-search-options.titles-only.title": "Search titles only",
+  "issues.search.remote-search-options.titles-only.description": "Search in subject or in any searchable field",
+  "issues.search.remote-search-options.open-issues-only.title": "Open issues only",
+  "issues.search.remote-search-options.assigned-to-me.title": "Issues assigned to me",
   "issues.filter": "Filter",
   "issues.filter.projects": "Projects",
   "issues.filter.projects.no-options": "No projects",
@@ -136,8 +142,6 @@
   "settings.features": "Features",
   "settings.features.auto-pause-on-switch.title": "Auto pause",
   "settings.features.auto-pause-on-switch.description": "Automatic pause timers when changing issue",
-  "settings.features.extended-search.title": "Extended search",
-  "settings.features.extended-search.description": "Allows to search issues that are not assigned to you",
   "settings.features.round-to-nearest-interval.title": "Round to nearest interval",
   "settings.features.round-to-nearest-interval.description": "Round timer to nearest interval",
   "settings.features.rounding-interval.placeholder": "Interval",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 4009113..b730ca9 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -16,7 +16,13 @@
 
   "issues.search": "Rechercher... (#123, Sujet, ...)",
   "issues.search.search-in-project": "Rechercher dans <badge>{projectName}</badge>",
-  "issues.extended-search": "Recherche avancée",
+  "issues.search.mode.local": "Local search",
+  "issues.search.mode.remote": "Redmine search",
+  "issues.search.remote-search-options.title": "Redmine search options",
+  "issues.search.remote-search-options.titles-only.title": "Search titles only",
+  "issues.search.remote-search-options.titles-only.description": "Search in subject or in any searchable field",
+  "issues.search.remote-search-options.open-issues-only.title": "Open issues only",
+  "issues.search.remote-search-options.assigned-to-me.title": "Issues assigned to me",
   "issues.filter": "Filtrer",
   "issues.filter.projects": "Projets",
   "issues.filter.projects.no-options": "Aucun projet",
@@ -136,8 +142,6 @@
   "settings.features": "Fonctionnalités",
   "settings.features.auto-pause-on-switch.title": "Pause automatique",
   "settings.features.auto-pause-on-switch.description": "Pause automatique des minuteurs lors du changement de ticket",
-  "settings.features.extended-search.title": "Recherche étendue",
-  "settings.features.extended-search.description": "Permet de rechercher des tickets qui ne vous sont pas attribués",
   "settings.features.round-to-nearest-interval.title": "Arrondir au plus proche intervalle",
   "settings.features.round-to-nearest-interval.description": "Arrondir le minuteur à l'intervalle le plus proche",
   "settings.features.rounding-interval.placeholder": "Intervalle",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 15ae194..0463606 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -16,7 +16,13 @@
 
   "issues.search": "Поиск... (по номеру или теме задачи)",
   "issues.search.search-in-project": "Поиск в <badge>{projectName}</badge>",
-  "issues.extended-search": "Расширенный поиск",
+  "issues.search.mode.local": "Local search",
+  "issues.search.mode.remote": "Redmine search",
+  "issues.search.remote-search-options.title": "Redmine search options",
+  "issues.search.remote-search-options.titles-only.title": "Search titles only",
+  "issues.search.remote-search-options.titles-only.description": "Search in subject or in any searchable field",
+  "issues.search.remote-search-options.open-issues-only.title": "Open issues only",
+  "issues.search.remote-search-options.assigned-to-me.title": "Issues assigned to me",
   "issues.filter": "Фильтр",
   "issues.filter.projects": "Проекты",
   "issues.filter.projects.no-options": "Нет проектов",
@@ -136,8 +142,6 @@
   "settings.features": "Дополнительно",
   "settings.features.auto-pause-on-switch.title": "Авто остановка",
   "settings.features.auto-pause-on-switch.description": "Автоматически останавливать таймеры при изменении задачи",
-  "settings.features.extended-search.title": "Расширенный поиск",
-  "settings.features.extended-search.description": "Разрешить поиск по задачам, которые не назначены на вас",
   "settings.features.round-to-nearest-interval.title": "Round to nearest interval",
   "settings.features.round-to-nearest-interval.description": "Round timer to nearest interval",
   "settings.features.rounding-interval.placeholder": "Interval",
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
index b1cecdd..e9a3e17 100644
--- a/src/pages/IssuesPage.tsx
+++ b/src/pages/IssuesPage.tsx
@@ -1,59 +1,51 @@
 import { Button } from "@/components/ui/button";
-import { RefObject, useRef } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
-import Filter, { FilterQuery } from "../components/issue/Filter";
+import { useIntl } from "react-intl";
+import Filter, { filterIssues, useFilter } from "../components/issue/Filter";
+import IssueSearch, { filterIssuesByLocalSearch, useIssueSearch } from "../components/issue/IssueSearch";
 import IssuesList from "../components/issue/IssuesList";
 import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import Search, { SearchQuery, SearchRef } from "../components/issue/Search";
 import TimersBadge from "../components/timer/TimersBadge";
 import useIssuePriorities from "../hooks/useIssuePriorities";
 import useLocalIssues from "../hooks/useLocalIssues";
 import useMyIssues from "../hooks/useMyIssues";
 import useProjectVersions from "../hooks/useProjectVersions";
-import useSearch from "../hooks/useSearch";
+import useRedmineSearch from "../hooks/useRedmineSearch";
 import useTimers from "../hooks/useTimers";
 import { useSettings } from "../provider/SettingsProvider";
 
-const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { search: SearchQuery; filter: FilterQuery; searchRef: RefObject<SearchRef | null>; isLoading: boolean }) => {
+const IssuesPage = () => {
   const { formatMessage } = useIntl();
   const { settings } = useSettings();
 
   const localIssues = useLocalIssues();
   const timers = useTimers();
 
-  const myIssuesQuery = useMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])), search, filter);
-  const searchIssues = useSearch(search, filter, myIssuesQuery.data);
+  const search = useIssueSearch();
+  const filter = useFilter();
+  const myIssuesQuery = useMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])));
+  const searchIssues = useRedmineSearch(search);
+  const issues = filterIssues(search.isSearching && search.settings.mode === "remote" ? searchIssues.data : filterIssuesByLocalSearch(myIssuesQuery.data, search), filter.settings);
+
   const issuePriorities = useIssuePriorities({ enabled: settings.style.sortIssuesByPriority || settings.style.showIssuesPriority });
-  const projectVersions = useProjectVersions([...new Set(myIssuesQuery.data.filter((i) => i.fixed_version).map((i) => i.project.id))], { enabled: settings.style.groupIssuesByVersion });
+  const projectVersions = useProjectVersions([...new Set(issues.filter((i) => i.fixed_version).map((i) => i.project.id))], { enabled: settings.style.groupIssuesByVersion });
 
-  const isLoading = timers.isLoading || localIssues.isLoading || myIssuesQuery.isLoading || issuePriorities.isLoading || projectVersions.isLoading || isPageLoading;
+  const isLoading = timers.isLoading || localIssues.isLoading || myIssuesQuery.isLoading || issuePriorities.isLoading || projectVersions.isLoading || searchIssues.isLoading || filter.isLoading;
 
   return (
     <>
       <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
 
+      <div className="mb-1 flex justify-end">
+        <Filter.Button />
+      </div>
+
       {isLoading ? (
         <IssuesListSkeleton />
       ) : (
-        <IssuesList issues={myIssuesQuery.data} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} searchRef={searchRef} />
-      )}
-
-      {searchIssues.isSearching && (
         <>
-          <div className="relative my-4">
-            <div className="absolute inset-0 flex items-center" aria-hidden="true">
-              <div className="w-full border-t text-slate-500 dark:text-slate-300"></div>
-            </div>
-            <div className="relative flex justify-center">
-              <span className="bg-background px-2 text-sm text-slate-500 dark:text-slate-300">
-                <FormattedMessage id="issues.extended-search" />
-              </span>
-            </div>
-          </div>
-
-          <IssuesList issues={searchIssues.data} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} searchRef={searchRef} />
+          <IssuesList issues={issues} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} />
 
-          {searchIssues.hasNextPage && (
+          {search.isSearching && search.settings.mode === "remote" && searchIssues.hasNextPage && (
             <div className="mt-4 flex justify-center">
               <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
                 {formatMessage({ id: "issues.list.load-more" })}
@@ -66,22 +58,14 @@ const IssuesPage = ({ search, filter, searchRef, isLoading: isPageLoading }: { s
   );
 };
 
-const SearchFilterWrapper = () => {
-  const searchRef = useRef<SearchRef>(null);
-
+const IssuesPageWrapper = () => {
   return (
-    <Search ref={searchRef}>
-      {({ search }) => (
-        <Filter>
-          {({ filter, isLoading: isLoadingFilter }) => (
-            <>
-              <IssuesPage search={search} filter={filter} searchRef={searchRef} isLoading={isLoadingFilter} />
-            </>
-          )}
-        </Filter>
-      )}
-    </Search>
+    <IssueSearch>
+      <Filter.Provider>
+        <IssuesPage />
+      </Filter.Provider>
+    </IssueSearch>
   );
 };
 
-export default SearchFilterWrapper;
+export default IssuesPageWrapper;
diff --git a/src/pages/SettingsPage.tsx b/src/pages/SettingsPage.tsx
index 66b7ff2..423b202 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/pages/SettingsPage.tsx
@@ -39,7 +39,6 @@ const SettingsPage = () => {
         redmineApiKey: z.string().nonempty(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
         features: z.object({
           autoPauseOnSwitch: z.boolean(),
-          extendedSearch: z.boolean(),
           roundToNearestInterval: z.boolean(),
           roundingInterval: z
             .int(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
@@ -212,12 +211,6 @@ const SettingsPage = () => {
                   />
                 )}
               />
-              <form.AppField
-                name="features.extendedSearch"
-                children={(field) => (
-                  <field.CheckboxField title={formatMessage({ id: "settings.features.extended-search.title" })} description={formatMessage({ id: "settings.features.extended-search.description" })} />
-                )}
-              />
               <>
                 <form.AppField
                   name="features.roundToNearestInterval"
diff --git a/src/pages/TimersPage.tsx b/src/pages/TimersPage.tsx
index afd5e95..b55cf73 100644
--- a/src/pages/TimersPage.tsx
+++ b/src/pages/TimersPage.tsx
@@ -1,14 +1,13 @@
-import { useRef } from "react";
+import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
 import { FormattedMessage } from "react-intl";
 import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import Search, { SearchQuery, SearchRef } from "../components/issue/Search";
 import Timer from "../components/timer/Timer";
 import TimersBadge from "../components/timer/TimersBadge";
 import useIssuePriorities from "../hooks/useIssuePriorities";
 import useTimers from "../hooks/useTimers";
 import { useSettings } from "../provider/SettingsProvider";
 
-const TimersPage = ({ search }: { search: SearchQuery }) => {
+const TimersPage = () => {
   const { settings } = useSettings();
 
   const timers = useTimers({
@@ -16,6 +15,7 @@ const TimersPage = ({ search }: { search: SearchQuery }) => {
   });
   const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
 
+  const search = useTimerSearch();
   const matchedTimers = timers.searchTimers(search);
 
   const isLoading = timers.isLoading || issuePriorities.isLoading;
@@ -47,9 +47,11 @@ const TimersPage = ({ search }: { search: SearchQuery }) => {
 };
 
 const SearchWrapper = () => {
-  const searchRef = useRef<SearchRef>(null);
-
-  return <Search ref={searchRef}>{({ search }) => <TimersPage search={search} />}</Search>;
+  return (
+    <TimerSearch>
+      <TimersPage />
+    </TimerSearch>
+  );
 };
 
 export default SearchWrapper;
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index b710245..fbc7862 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -8,7 +8,6 @@ export type Settings = {
   redmineApiKey: string;
   features: {
     autoPauseOnSwitch: boolean;
-    extendedSearch: boolean;
     roundTimeNearestQuarterHour?: boolean;
     roundToNearestInterval: boolean;
     roundingInterval: number;
@@ -35,7 +34,6 @@ const defaultSettings: Settings = {
   redmineApiKey: "",
   features: {
     autoPauseOnSwitch: true,
-    extendedSearch: true,
     roundToNearestInterval: false,
     roundingInterval: 15,
     cacheComments: true,

From 6b22f6b3629206e18bc45dd55299cf0a8bb111eb Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 14 Dec 2025 22:35:02 +0100
Subject: [PATCH 15/55] perf: Improving data loading and increasing page
 loading speed (#52)

- Replace react-router-dom with @tanstack/react-router
- Use suspense queries for required page data to reduce unnecessary re-renders
- Use tanstack query as storage caching layer to improve performance and  benefit from suspense storage queries
- Fix flickering ui when loading timer permissions
---
 eslint.config.js                              |    5 +
 package.json                                  |   19 +-
 pnpm-lock.yaml                                | 2292 +++++++++++------
 src/MainApp.tsx                               |  114 -
 src/components/error/ErrorComponent.tsx       |   45 +
 src/components/error/GlobalErrorComponent.tsx |   12 +
 src/components/error/NotFoundComponent.tsx    |   14 +
 src/components/general/DismissableWarning.tsx |    2 +-
 src/components/general/Layout.tsx             |   21 +
 src/components/general/Navbar.tsx             |    2 +-
 src/components/issue/Filter.tsx               |    6 +-
 src/components/issue/IssueSearch.tsx          |    4 +-
 src/components/issue/IssuesList.tsx           |   33 +-
 src/components/issue/form/IssueForm.tsx       |    2 +-
 .../issue/form/fields/PriorityField.tsx       |   12 +-
 .../issue/form/fields/VersionField.tsx        |   20 +-
 .../time-entry/TimeEntryPreview.tsx           |    2 +-
 src/components/timer/Timer.tsx                |    4 +-
 src/hooks/useCachedComments.ts                |    2 +-
 src/hooks/useIssuePriorities.ts               |   78 +-
 src/hooks/useIssues.ts                        |   39 +-
 src/hooks/useLocalIssues.ts                   |    5 +-
 src/hooks/useMyIssues.ts                      |   46 +-
 src/hooks/useMyProjects.ts                    |   16 +-
 src/hooks/useMyTimeEntries.ts                 |   41 +-
 src/hooks/useProjectVersions.ts               |   73 +-
 src/hooks/useRedminePaginatedInfiniteQuery.ts |   88 +-
 src/hooks/useRedmineSearch.ts                 |    1 +
 src/hooks/useStorage.ts                       |   70 +-
 src/hooks/useTimers.ts                        |   31 +-
 src/lang/de.json                              |    6 +-
 src/lang/en.json                              |    6 +-
 src/lang/fr.json                              |    6 +-
 src/lang/ru.json                              |    6 +-
 src/main.tsx                                  |   62 +-
 src/manifest.json                             |    2 +-
 src/pages/IssuesPage.tsx                      |   71 -
 src/pages/TimePage.tsx                        |   15 -
 src/pages/TimersPage.tsx                      |   57 -
 src/provider/Providers.tsx                    |   31 +-
 src/provider/QueryClientProvider.tsx          |  100 +-
 src/provider/SettingsProvider.tsx             |    4 +-
 src/routeTree.gen.ts                          |  131 +
 src/routes/__root.tsx                         |   64 +
 src/routes/index.tsx                          |    5 +
 src/routes/issues.tsx                         |   98 +
 .../SettingsPage.tsx => routes/settings.tsx}  |   13 +-
 src/routes/time.tsx                           |   19 +
 src/routes/timers.tsx                         |   53 +
 src/utils/popout.ts                           |    2 +-
 vite.config.ts                                |    9 +-
 51 files changed, 2551 insertions(+), 1308 deletions(-)
 delete mode 100644 src/MainApp.tsx
 create mode 100644 src/components/error/ErrorComponent.tsx
 create mode 100644 src/components/error/GlobalErrorComponent.tsx
 create mode 100644 src/components/error/NotFoundComponent.tsx
 create mode 100644 src/components/general/Layout.tsx
 delete mode 100644 src/pages/IssuesPage.tsx
 delete mode 100644 src/pages/TimePage.tsx
 delete mode 100644 src/pages/TimersPage.tsx
 create mode 100644 src/routeTree.gen.ts
 create mode 100644 src/routes/__root.tsx
 create mode 100644 src/routes/index.tsx
 create mode 100644 src/routes/issues.tsx
 rename src/{pages/SettingsPage.tsx => routes/settings.tsx} (98%)
 create mode 100644 src/routes/time.tsx
 create mode 100644 src/routes/timers.tsx

diff --git a/eslint.config.js b/eslint.config.js
index d454c19..e0a1da3 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,4 +1,6 @@
 import js from "@eslint/js";
+import tanstackQuery from "@tanstack/eslint-plugin-query";
+import tanstackRouter from "@tanstack/eslint-plugin-router";
 import prettierConfig from "eslint-config-prettier";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
@@ -39,6 +41,9 @@ export default [
   prettierConfig,
   // Tailwind CSS
   //...tailwind.configs["flat/recommended"], // TODO: Wait until working with Tailwind CSS v4,
+  // Tanstack
+  ...tanstackRouter.configs["flat/recommended"],
+  ...tanstackQuery.configs["flat/recommended"],
   // Customizations
   {
     rules: {
diff --git a/package.json b/package.json
index 64c433b..ac6f4dd 100644
--- a/package.json
+++ b/package.json
@@ -24,12 +24,12 @@
     "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/query-async-storage-persister": "^5.66.0",
     "@tanstack/react-form": "^1.12.0",
     "@tanstack/react-query": "^5.66.0",
     "@tanstack/react-query-devtools": "^5.66.0",
     "@tanstack/react-query-persist-client": "^5.66.0",
+    "@tanstack/react-router": "^1.141.2",
     "axios": "^1.7.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -41,11 +41,10 @@
     "next-themes": "^0.4.6",
     "qs": "^6.14.0",
     "radix-ui": "^1.4.3",
-    "react": "^19.0.0",
+    "react": "^19.2.3",
     "react-day-picker": "^9.11.1",
-    "react-dom": "^19.0.0",
+    "react-dom": "^19.2.3",
     "react-intl": "^7.1.11",
-    "react-router-dom": "^7.1.5",
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1",
     "zod": "^3.25.46"
@@ -54,11 +53,15 @@
     "@eslint/js": "^9.19.0",
     "@formatjs/cli": "^6.7.1",
     "@playwright/test": "^1.50.1",
+    "@tailwindcss/vite": "^4.1.14",
+    "@tanstack/eslint-plugin-query": "^5.91.2",
+    "@tanstack/eslint-plugin-router": "^1.141.0",
+    "@tanstack/router-plugin": "^1.141.2",
     "@types/chrome": "^0.0.301",
     "@types/node": "^22.13.1",
     "@types/qs": "^6.9.18",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -67,8 +70,8 @@
     "dotenv": "^16.4.7",
     "eslint": "^9.19.0",
     "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "globals": "^15.14.0",
     "prettier": "^3.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0de1c8a..4a70d9f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,24 +8,24 @@ importers:
 
   .:
     dependencies:
-      '@tailwindcss/vite':
-        specifier: ^4.1.14
-        version: 4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/query-async-storage-persister':
         specifier: ^5.66.0
         version: 5.66.0
       '@tanstack/react-form':
         specifier: ^1.12.0
-        version: 1.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.12.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@tanstack/react-query':
         specifier: ^5.66.0
-        version: 5.66.0(react@19.0.0)
+        version: 5.66.0(react@19.2.3)
       '@tanstack/react-query-devtools':
         specifier: ^5.66.0
-        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.0.0))(react@19.0.0)
+        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)
       '@tanstack/react-query-persist-client':
         specifier: ^5.66.0
-        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.0.0))(react@19.0.0)
+        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)
+      '@tanstack/react-router':
+        specifier: ^1.141.2
+        version: 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       axios:
         specifier: ^1.7.9
         version: 1.7.9
@@ -37,7 +37,7 @@ importers:
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
-        version: 1.1.1(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.1.1(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       country-flag-icons:
         specifier: ^1.5.14
         version: 1.5.14
@@ -49,34 +49,31 @@ importers:
         version: 4.3.1
       lucide-react:
         specifier: ^0.546.0
-        version: 0.546.0(react@19.0.0)
+        version: 0.546.0(react@19.2.3)
       next-themes:
         specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       qs:
         specifier: ^6.14.0
         version: 6.14.0
       radix-ui:
         specifier: ^1.4.3
-        version: 1.4.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 1.4.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       react:
-        specifier: ^19.0.0
-        version: 19.0.0
+        specifier: ^19.2.3
+        version: 19.2.3
       react-day-picker:
         specifier: ^9.11.1
-        version: 9.11.1(react@19.0.0)
+        version: 9.11.1(react@19.2.3)
       react-dom:
-        specifier: ^19.0.0
-        version: 19.0.0(react@19.0.0)
+        specifier: ^19.2.3
+        version: 19.2.3(react@19.2.3)
       react-intl:
         specifier: ^7.1.11
-        version: 7.1.11(react@19.0.0)(typescript@5.7.3)
-      react-router-dom:
-        specifier: ^7.1.5
-        version: 7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 7.1.11(react@19.2.3)(typescript@5.7.3)
       sonner:
         specifier: ^2.0.5
-        version: 2.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+        version: 2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.3.1
@@ -93,6 +90,18 @@ importers:
       '@playwright/test':
         specifier: ^1.50.1
         version: 1.50.1
+      '@tailwindcss/vite':
+        specifier: ^4.1.14
+        version: 4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+      '@tanstack/eslint-plugin-query':
+        specifier: ^5.91.2
+        version: 5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      '@tanstack/eslint-plugin-router':
+        specifier: ^1.141.0
+        version: 1.141.0(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      '@tanstack/router-plugin':
+        specifier: ^1.141.2
+        version: 1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
       '@types/chrome':
         specifier: ^0.0.301
         version: 0.0.301
@@ -103,11 +112,11 @@ importers:
         specifier: ^6.9.18
         version: 6.9.18
       '@types/react':
-        specifier: ^19.0.8
-        version: 19.0.8
+        specifier: ^19.2.7
+        version: 19.2.7
       '@types/react-dom':
-        specifier: ^19.0.3
-        version: 19.0.3(@types/react@19.0.8)
+        specifier: ^19.2.3
+        version: 19.2.3(@types/react@19.2.7)
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.23.0
         version: 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
@@ -133,11 +142,11 @@ importers:
         specifier: ^10.0.1
         version: 10.1.5(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-react:
-        specifier: ^7.37.4
+        specifier: ^7.37.5
         version: 7.37.5(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-react-hooks:
-        specifier: ^5.1.0
-        version: 5.2.0(eslint@9.28.0(jiti@2.6.1))
+        specifier: ^7.0.1
+        version: 7.0.1(eslint@9.28.0(jiti@2.6.1))
       eslint-plugin-tailwindcss:
         specifier: ^3.18.0
         version: 3.18.0(tailwindcss@4.1.8)
@@ -189,57 +198,162 @@ packages:
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/compat-data@7.26.2':
     resolution: {integrity: sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/compat-data@7.28.5':
+    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/core@7.26.0':
     resolution: {integrity: sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/core@7.28.5':
+    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/generator@7.26.2':
     resolution: {integrity: sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/generator@7.28.5':
+    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-compilation-targets@7.25.9':
     resolution: {integrity: sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-create-class-features-plugin@7.28.5':
+    resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-module-imports@7.25.9':
     resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-module-transforms@7.26.0':
     resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
+  '@babel/helper-module-transforms@7.28.3':
+    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-plugin-utils@7.25.9':
     resolution: {integrity: sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-replace-supers@7.27.1':
+    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-string-parser@7.25.9':
     resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-identifier@7.25.9':
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-option@7.25.9':
     resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helpers@7.26.0':
     resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helpers@7.28.4':
+    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/parser@7.26.2':
     resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/parser@7.28.5':
+    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-syntax-jsx@7.27.1':
+    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-syntax-typescript@7.27.1':
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-modules-commonjs@7.27.1':
+    resolution: {integrity: sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/plugin-transform-react-jsx-self@7.25.9':
     resolution: {integrity: sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==}
     engines: {node: '>=6.9.0'}
@@ -252,18 +366,42 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/plugin-transform-typescript@7.28.5':
+    resolution: {integrity: sha512-x2Qa+v/CuEoX7Dr31iAfr0IhInrVOWZU/2vJMJ00FOR/2nM0BcBEclpaf9sWCDc+v5e9dMrhSH8/atq/kX7+bA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/preset-typescript@7.28.5':
+    resolution: {integrity: sha512-+bQy5WOI2V6LJZpPVxY+yp66XdZ2yifu0Mc1aP5CQKgjn4QM5IN2i5fAZ4xKop47pr8rpVhiAeu+nDQa12C8+g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/template@7.25.9':
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/traverse@7.25.9':
     resolution: {integrity: sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/traverse@7.28.5':
+    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/types@7.26.0':
     resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/types@7.28.5':
+    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
+    engines: {node: '>=6.9.0'}
+
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
@@ -806,6 +944,9 @@ packages:
     resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
     engines: {node: '>=18.0.0'}
 
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
   '@jridgewell/gen-mapping@0.3.5':
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
@@ -830,6 +971,9 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -1722,9 +1866,23 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
+  '@tanstack/eslint-plugin-query@5.91.2':
+    resolution: {integrity: sha512-UPeWKl/Acu1IuuHJlsN+eITUHqAaa9/04geHHPedY8siVarSaWprY0SVMKrkpKfk5ehRT7+/MZ5QwWuEtkWrFw==}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
+  '@tanstack/eslint-plugin-router@1.141.0':
+    resolution: {integrity: sha512-E5QSLvoS8By2UajtUE64CNp22LVyzdqNyR/ponVV+yxONWHC3IzDUUHKBnPxW1yVwRT88qQoJYV0RJL6noW25A==}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+
   '@tanstack/form-core@1.12.0':
     resolution: {integrity: sha512-TfMUPHussIzopA4WOWDdt8WI0k7y4XiehGfdamtlHAqHqDcNCgsvou3cH5irA0XYm9GokIDXd/XRo4cHQVK5xw==}
 
+  '@tanstack/history@1.141.0':
+    resolution: {integrity: sha512-LS54XNyxyTs5m/pl1lkwlg7uZM3lvsv2FIIV1rsJgnfwVCnI+n4ZGZ2CcjNT13BPu/3hPP+iHmliBSscJxW5FQ==}
+    engines: {node: '>=12'}
+
   '@tanstack/query-async-storage-persister@5.66.0':
     resolution: {integrity: sha512-Uh3YHhKhbub/U5Px+iUIWRXq95QHgvM1gqtfx6mkfsbCdWBC84jS+8FRcEybhzZl1sUuNsE4mawcBHarJyLaWQ==}
 
@@ -1766,15 +1924,68 @@ packages:
     peerDependencies:
       react: ^18 || ^19
 
+  '@tanstack/react-router@1.141.2':
+    resolution: {integrity: sha512-inPEgxYuGPNJvd7wo9BYVKW/BP9GwZO0EaZLBE7+l0RtPcIqAQQLqYhYwb2xikuQg6ueZectj7LObAGivkBpSw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      react: '>=18.0.0 || >=19.0.0'
+      react-dom: '>=18.0.0 || >=19.0.0'
+
   '@tanstack/react-store@0.7.1':
     resolution: {integrity: sha512-qUTEKdId6QPWGiWyKAPf/gkN29scEsz6EUSJ0C3HgLMgaqTAyBsQ2sMCfGVcqb+kkhEXAdjleCgH6LAPD6f2sA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  '@tanstack/react-store@0.8.0':
+    resolution: {integrity: sha512-1vG9beLIuB7q69skxK9r5xiLN3ztzIPfSQSs0GfeqWGO2tGIyInZx0x1COhpx97RKaONSoAb8C3dxacWksm1ow==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@tanstack/router-core@1.141.2':
+    resolution: {integrity: sha512-6fJSQ+Xcqy6xvB+CTEJljynf5wxQXC/YbtvxAc7wkzBLQwXvwoYrkmUTzqWHFtDZVGKr0cxA+Tg1FikSAZOiQQ==}
+    engines: {node: '>=12'}
+
+  '@tanstack/router-generator@1.141.2':
+    resolution: {integrity: sha512-90xDdtHE1zHfL5J0sBV06h3H9Rv1qO+gQuGYUEEmRPGxluifx+ivIk/rD/8dpuqcjErofKi8io/DuKxxJ5kOmA==}
+    engines: {node: '>=12'}
+
+  '@tanstack/router-plugin@1.141.2':
+    resolution: {integrity: sha512-9dordZdt1C8D6O5kp5iASa3DDCLGV/7v4MDB9nx0WXKnBRLv9ZpLt58jevIQ6Wov8V9zH5gLWKaRVfiWMAE4Gg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@rsbuild/core': '>=1.0.2'
+      '@tanstack/react-router': ^1.141.2
+      vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
+      vite-plugin-solid: ^2.11.10
+      webpack: '>=5.92.0'
+    peerDependenciesMeta:
+      '@rsbuild/core':
+        optional: true
+      '@tanstack/react-router':
+        optional: true
+      vite:
+        optional: true
+      vite-plugin-solid:
+        optional: true
+      webpack:
+        optional: true
+
+  '@tanstack/router-utils@1.141.0':
+    resolution: {integrity: sha512-/eFGKCiix1SvjxwgzrmH4pHjMiMxc+GA4nIbgEkG2RdAJqyxLcRhd7RPLG0/LZaJ7d0ad3jrtRqsHLv2152Vbw==}
+    engines: {node: '>=12'}
+
   '@tanstack/store@0.7.1':
     resolution: {integrity: sha512-PjUQKXEXhLYj2X5/6c1Xn/0/qKY0IVFxTJweopRfF26xfjVyb14yALydJrHupDh3/d+1WKmfEgZPBVCmDkzzwg==}
 
+  '@tanstack/store@0.8.0':
+    resolution: {integrity: sha512-Om+BO0YfMZe//X2z0uLF2j+75nQga6TpTJgLJQBiq85aOyZNIhkCgleNcud2KQg4k4v9Y9l+Uhru3qWMPGTOzQ==}
+
+  '@tanstack/virtual-file-routes@1.141.0':
+    resolution: {integrity: sha512-CJrWtr6L9TVzEImm9S7dQINx+xJcYP/aDkIi6gnaWtIgbZs1pnzsE0yJc2noqXZ+yAOqLx3TBGpBEs9tS0P9/A==}
+    engines: {node: '>=12'}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -1790,9 +2001,6 @@ packages:
   '@types/chrome@0.0.301':
     resolution: {integrity: sha512-BljW7InXXOfDYr4nG79y5lnaklrZ0gmeTwCUkuCXK2+69dHnZIrg13KhXJE/HrcFUmy8NG/EK+RTGScsh/Hbiw==}
 
-  '@types/cookie@0.6.0':
-    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
-
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
@@ -1817,13 +2025,13 @@ packages:
   '@types/qs@6.9.18':
     resolution: {integrity: sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==}
 
-  '@types/react-dom@19.0.3':
-    resolution: {integrity: sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA==}
+  '@types/react-dom@19.2.3':
+    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
-      '@types/react': ^19.0.0
+      '@types/react': ^19.2.0
 
-  '@types/react@19.0.8':
-    resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
+  '@types/react@19.2.7':
+    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
 
   '@typescript-eslint/eslint-plugin@8.33.1':
     resolution: {integrity: sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==}
@@ -1846,16 +2054,32 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
+  '@typescript-eslint/project-service@8.48.1':
+    resolution: {integrity: sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/scope-manager@8.33.1':
     resolution: {integrity: sha512-dM4UBtgmzHR9bS0Rv09JST0RcHYearoEoo3pG5B6GoTR9XcyeqX87FEhPo+5kTvVfKCvfHaHrcgeJQc6mrDKrA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/scope-manager@8.48.1':
+    resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/tsconfig-utils@8.33.1':
     resolution: {integrity: sha512-STAQsGYbHCF0/e+ShUQ4EatXQ7ceh3fBCXkNU7/MZVKulrlq1usH7t2FhxvCpuCi5O5oi1vmVaAjrGeL71OK1g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
+  '@typescript-eslint/tsconfig-utils@8.48.1':
+    resolution: {integrity: sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/type-utils@8.33.1':
     resolution: {integrity: sha512-1cG37d9xOkhlykom55WVwG2QRNC7YXlxMaMzqw2uPeJixBFfKWZgaP/hjAObqMN/u3fr5BrTwTnc31/L9jQ2ww==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1867,12 +2091,22 @@ packages:
     resolution: {integrity: sha512-xid1WfizGhy/TKMTwhtVOgalHwPtV8T32MS9MaH50Cwvz6x6YqRIPdD2WvW0XaqOzTV9p5xdLY0h/ZusU5Lokg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/types@8.48.1':
+    resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@8.33.1':
     resolution: {integrity: sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.9.0'
 
+  '@typescript-eslint/typescript-estree@8.48.1':
+    resolution: {integrity: sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/utils@8.33.1':
     resolution: {integrity: sha512-52HaBiEQUaRYqAXpfzWSR2U3gxk92Kw006+xZpElaPMg3C4PgM+A5LqwoQI1f9E5aZ/qlxAZxzm42WX+vn92SQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1880,10 +2114,21 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.9.0'
 
+  '@typescript-eslint/utils@8.48.1':
+    resolution: {integrity: sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/visitor-keys@8.33.1':
     resolution: {integrity: sha512-3i8NrFcZeeDHJ+7ZUuDkGT+UHq+XoFGsymNK2jZCOHcfEzRQ0BdpRtdpSx/Iyf3MHLWIcLS0COuOPibKQboIiQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/visitor-keys@8.48.1':
+    resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@vitejs/plugin-react@4.3.4':
     resolution: {integrity: sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -1900,6 +2145,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -1907,6 +2157,10 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansis@4.2.0:
+    resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
+    engines: {node: '>=14'}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1946,6 +2200,10 @@ packages:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
+  ast-types@0.16.1:
+    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
+    engines: {node: '>=4'}
+
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
@@ -1956,6 +2214,9 @@ packages:
   axios@1.7.9:
     resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
 
+  babel-dead-code-elimination@1.0.10:
+    resolution: {integrity: sha512-DV5bdJZTzZ0zn0DC24v3jD7Mnidh6xhKa4GfKCbq3sfW8kaWhDdZjP3i81geA8T33tdYqWKw4D3fVv0CwEgKVA==}
+
   babel-plugin-react-compiler@1.0.0:
     resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==}
 
@@ -2016,6 +2277,10 @@ packages:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
 
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
   chownr@3.0.0:
     resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
     engines: {node: '>=18'}
@@ -2057,9 +2322,8 @@ packages:
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
-  cookie@1.0.2:
-    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
-    engines: {node: '>=18'}
+  cookie-es@2.0.0:
+    resolution: {integrity: sha512-RAj4E421UYRgqokKUmotqAwuplYw15qtdXfY+hGzgCJ/MBjCVZcSoHK/kH9kocfjRjcDME7IiDWR/1WX1TM2Pg==}
 
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -2076,8 +2340,8 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  csstype@3.1.2:
-    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
@@ -2148,6 +2412,10 @@ packages:
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
+  diff@8.0.2:
+    resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==}
+    engines: {node: '>=0.3.1'}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -2226,9 +2494,9 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-plugin-react-hooks@5.2.0:
-    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
-    engines: {node: '>=10'}
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
+    engines: {node: '>=18'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
@@ -2256,6 +2524,10 @@ packages:
     resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint@9.28.0:
     resolution: {integrity: sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2270,6 +2542,11 @@ packages:
     resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
@@ -2302,6 +2579,15 @@ packages:
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -2448,6 +2734,12 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
@@ -2588,6 +2880,10 @@ packages:
   isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
 
+  isbot@5.1.32:
+    resolution: {integrity: sha512-VNfjM73zz2IBZmdShMfAUg10prm6t7HFUQmNAEOAVS4YH92ZrZcvkMcGX6cIgBJAzWDzPent/EeAtYEHNPNPBQ==}
+    engines: {node: '>=18'}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -2852,6 +3148,9 @@ packages:
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2859,6 +3158,10 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
   playwright-core@1.50.1:
     resolution: {integrity: sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==}
     engines: {node: '>=18'}
@@ -2941,6 +3244,11 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  prettier@3.7.4:
+    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -2980,10 +3288,10 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
-  react-dom@19.0.0:
-    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
+  react-dom@19.2.3:
+    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
     peerDependencies:
-      react: ^19.0.0
+      react: ^19.2.3
 
   react-intl@7.1.11:
     resolution: {integrity: sha512-tnVoRCWvW5Ie2ikYSdPF7z3+880yCe/9xPmitFeRPw3RYDcCfR4m8ZYa4MBq19W4adt9Z+PQA4FaMBCJ7E+HCQ==}
@@ -3021,23 +3329,6 @@ packages:
       '@types/react':
         optional: true
 
-  react-router-dom@7.1.5:
-    resolution: {integrity: sha512-/4f9+up0Qv92D3bB8iN5P1s3oHAepSGa9h5k6tpTFlixTTskJZwKGhJ6vRJ277tLD1zuaZTt95hyGWV1Z37csQ==}
-    engines: {node: '>=20.0.0'}
-    peerDependencies:
-      react: '>=18'
-      react-dom: '>=18'
-
-  react-router@7.1.5:
-    resolution: {integrity: sha512-8BUF+hZEU4/z/JD201yK6S+UYhsf58bzYIDq2NS1iGpwxSXDu7F+DeGSkIXMFBuHZB21FSiCzEcUb18cQNdRkA==}
-    engines: {node: '>=20.0.0'}
-    peerDependencies:
-      react: '>=18'
-      react-dom: '>=18'
-    peerDependenciesMeta:
-      react-dom:
-        optional: true
-
   react-style-singleton@2.2.3:
     resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
     engines: {node: '>=10'}
@@ -3048,8 +3339,8 @@ packages:
       '@types/react':
         optional: true
 
-  react@19.0.0:
-    resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
+  react@19.2.3:
+    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
     engines: {node: '>=0.10.0'}
 
   readable-stream@2.3.8:
@@ -3059,6 +3350,10 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
+    engines: {node: '>= 4'}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -3105,8 +3400,8 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  scheduler@0.25.0:
-    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
@@ -3117,8 +3412,15 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  set-cookie-parser@2.7.1:
-    resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
+  seroval-plugins@1.4.0:
+    resolution: {integrity: sha512-zir1aWzoiax6pbBVjoYVd0O1QQXgIL3eVGBMsBsNmM8Ukq90yGaWlfx0AB9dTS8GPqrOrbXn79vmItCUP9U3BQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      seroval: ^1.0
+
+  seroval@1.4.0:
+    resolution: {integrity: sha512-BdrNXdzlofomLTiRnwJTSEAaGKyHHZkbMXIywOh7zlzp4uZnXErEwl9XZ+N1hJSNpeTtNxWvVwN0wUzAIQ4Hpg==}
+    engines: {node: '>=10'}
 
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
@@ -3176,6 +3478,14 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -3227,6 +3537,16 @@ packages:
     resolution: {integrity: sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==}
     engines: {node: '>=18'}
 
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -3248,9 +3568,6 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  turbo-stream@2.4.0:
-    resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
-
   tw-animate-css@1.3.3:
     resolution: {integrity: sha512-tXE2TRWrskc4TU3RDd7T8n8Np/wCfoeH9gz22c7PzYqNPQ9FBGFbWWzwL0JyHcFp+jHozmF76tbHfPAx22ua2Q==}
 
@@ -3297,6 +3614,10 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
+
   update-browserslist-db@1.1.1:
     resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
     hasBin: true
@@ -3331,6 +3652,11 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
@@ -3385,6 +3711,9 @@ packages:
       yaml:
         optional: true
 
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -3422,6 +3751,12 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
   zod@3.25.46:
     resolution: {integrity: sha512-IqRxcHEIjqLd4LNS/zKffB3Jzg3NwqJxQQ0Ns7pdrvgGkwQsEBdEQcOHaBVqvvZArShRzI39+aMST3FBGmTrLQ==}
 
@@ -3440,8 +3775,16 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
   '@babel/compat-data@7.26.2': {}
 
+  '@babel/compat-data@7.28.5': {}
+
   '@babel/core@7.26.0':
     dependencies:
       '@ampproject/remapping': 2.2.1
@@ -3462,6 +3805,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/core@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
+      '@babel/helpers': 7.28.4
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/generator@7.26.2':
     dependencies:
       '@babel/parser': 7.26.2
@@ -3470,6 +3833,18 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.0.2
 
+  '@babel/generator@7.28.5':
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.0.2
+
+  '@babel/helper-annotate-as-pure@7.27.3':
+    dependencies:
+      '@babel/types': 7.28.5
+
   '@babel/helper-compilation-targets@7.25.9':
     dependencies:
       '@babel/compat-data': 7.26.2
@@ -3478,6 +3853,36 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.28.5
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.24.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/helper-replace-supers': 7.27.1(@babel/core@7.28.5)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.28.5
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-member-expression-to-functions@7.28.5':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-module-imports@7.25.9':
     dependencies:
       '@babel/traverse': 7.25.9
@@ -3485,6 +3890,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -3494,23 +3906,87 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.28.5
+
   '@babel/helper-plugin-utils@7.25.9': {}
 
+  '@babel/helper-plugin-utils@7.27.1': {}
+
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-member-expression-to-functions': 7.28.5
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-string-parser@7.25.9': {}
 
+  '@babel/helper-string-parser@7.27.1': {}
+
   '@babel/helper-validator-identifier@7.25.9': {}
 
+  '@babel/helper-validator-identifier@7.28.5': {}
+
   '@babel/helper-validator-option@7.25.9': {}
 
+  '@babel/helper-validator-option@7.27.1': {}
+
   '@babel/helpers@7.26.0':
     dependencies:
       '@babel/template': 7.25.9
       '@babel/types': 7.26.0
 
+  '@babel/helpers@7.28.4':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+
   '@babel/parser@7.26.2':
     dependencies:
       '@babel/types': 7.26.0
 
+  '@babel/parser@7.28.5':
+    dependencies:
+      '@babel/types': 7.28.5
+
+  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-transform-modules-commonjs@7.27.1(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.5)
+      '@babel/helper-plugin-utils': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/plugin-transform-react-jsx-self@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -3521,12 +3997,40 @@ snapshots:
       '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
+  '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-annotate-as-pure': 7.27.3
+      '@babel/helper-create-class-features-plugin': 7.28.5(@babel/core@7.28.5)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/preset-typescript@7.28.5(@babel/core@7.28.5)':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-validator-option': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-modules-commonjs': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/template@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
       '@babel/parser': 7.26.2
       '@babel/types': 7.26.0
 
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+
   '@babel/traverse@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -3539,11 +4043,28 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/traverse@7.28.5':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.28.5
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.28.5
+      '@babel/template': 7.27.2
+      '@babel/types': 7.28.5
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/types@7.26.0':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
 
+  '@babel/types@7.28.5':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
   '@date-fns/tz@1.4.1': {}
 
   '@emnapi/runtime@1.2.0':
@@ -3752,11 +4273,11 @@ snapshots:
       '@floating-ui/core': 1.2.6
       '@floating-ui/utils': 0.2.1
 
-  '@floating-ui/react-dom@2.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@floating-ui/react-dom@2.1.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@floating-ui/dom': 1.6.3
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
 
   '@floating-ui/utils@0.2.1': {}
 
@@ -3890,6 +4411,11 @@ snapshots:
     dependencies:
       minipass: 7.1.2
 
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -3914,6 +4440,11 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -3934,746 +4465,746 @@ snapshots:
 
   '@radix-ui/primitive@1.1.3': {}
 
-  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
-
-  '@radix-ui/react-avatar@1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
-    dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+
+  '@radix-ui/react-avatar@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-context@1.1.2(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-context@1.1.2(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
       aria-hidden: 1.2.6
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-direction@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-direction@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-form@0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-form@0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-id@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-id@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-label@2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-label@2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
       aria-hidden: 1.2.6
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-one-time-password-field@0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-one-time-password-field@0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-password-toggle-field@0.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-password-toggle-field@0.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
       aria-hidden: 1.2.6
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
-
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
-    dependencies:
-      '@floating-ui/react-dom': 2.1.3(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
       '@radix-ui/rect': 1.1.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       aria-hidden: 1.2.6
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-remove-scroll: 2.7.1(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-separator@1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-separator@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/number': 1.1.1
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-slot@1.2.3(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-slot@1.2.3(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-toolbar@1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-toolbar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
-      use-sync-external-store: 1.5.0(react@19.0.0)
+      react: 19.2.3
+      use-sync-external-store: 1.5.0(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
       '@radix-ui/rect': 1.1.1
-      react: 19.0.0
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.0.8)(react@19.0.0)':
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.7)(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      react: 19.0.0
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      react: 19.2.3
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
   '@radix-ui/rect@1.1.1': {}
 
@@ -4805,10 +5336,28 @@ snapshots:
       tailwindcss: 4.1.14
       vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
 
+  '@tanstack/eslint-plugin-query@5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.6.1)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@tanstack/eslint-plugin-router@1.141.0(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/utils': 8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.6.1)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   '@tanstack/form-core@1.12.0':
     dependencies:
       '@tanstack/store': 0.7.1
 
+  '@tanstack/history@1.141.0': {}
+
   '@tanstack/query-async-storage-persister@5.66.0':
     dependencies:
       '@tanstack/query-persist-client-core': 5.66.0
@@ -4821,42 +5370,122 @@ snapshots:
     dependencies:
       '@tanstack/query-core': 5.66.0
 
-  '@tanstack/react-form@1.12.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@tanstack/react-form@1.12.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/form-core': 1.12.0
-      '@tanstack/react-store': 0.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@tanstack/react-store': 0.7.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       decode-formdata: 0.9.0
       devalue: 5.1.1
-      react: 19.0.0
+      react: 19.2.3
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query-devtools@5.66.0(@tanstack/react-query@5.66.0(react@19.0.0))(react@19.0.0)':
+  '@tanstack/react-query-devtools@5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/query-devtools': 5.65.0
-      '@tanstack/react-query': 5.66.0(react@19.0.0)
-      react: 19.0.0
+      '@tanstack/react-query': 5.66.0(react@19.2.3)
+      react: 19.2.3
 
-  '@tanstack/react-query-persist-client@5.66.0(@tanstack/react-query@5.66.0(react@19.0.0))(react@19.0.0)':
+  '@tanstack/react-query-persist-client@5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/query-persist-client-core': 5.66.0
-      '@tanstack/react-query': 5.66.0(react@19.0.0)
-      react: 19.0.0
+      '@tanstack/react-query': 5.66.0(react@19.2.3)
+      react: 19.2.3
 
-  '@tanstack/react-query@5.66.0(react@19.0.0)':
+  '@tanstack/react-query@5.66.0(react@19.2.3)':
     dependencies:
       '@tanstack/query-core': 5.66.0
-      react: 19.0.0
+      react: 19.2.3
 
-  '@tanstack/react-store@0.7.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+  '@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@tanstack/history': 1.141.0
+      '@tanstack/react-store': 0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@tanstack/router-core': 1.141.2
+      isbot: 5.1.32
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      tiny-invariant: 1.3.3
+      tiny-warning: 1.0.3
+
+  '@tanstack/react-store@0.7.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/store': 0.7.1
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      use-sync-external-store: 1.5.0(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      use-sync-external-store: 1.5.0(react@19.2.3)
+
+  '@tanstack/react-store@0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@tanstack/store': 0.8.0
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      use-sync-external-store: 1.6.0(react@19.2.3)
+
+  '@tanstack/router-core@1.141.2':
+    dependencies:
+      '@tanstack/history': 1.141.0
+      '@tanstack/store': 0.8.0
+      cookie-es: 2.0.0
+      seroval: 1.4.0
+      seroval-plugins: 1.4.0(seroval@1.4.0)
+      tiny-invariant: 1.3.3
+      tiny-warning: 1.0.3
+
+  '@tanstack/router-generator@1.141.2':
+    dependencies:
+      '@tanstack/router-core': 1.141.2
+      '@tanstack/router-utils': 1.141.0
+      '@tanstack/virtual-file-routes': 1.141.0
+      prettier: 3.7.4
+      recast: 0.23.11
+      source-map: 0.7.6
+      tsx: 4.19.3
+      zod: 3.25.46
+    transitivePeerDependencies:
+      - supports-color
+
+  '@tanstack/router-plugin@1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.5)
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+      '@tanstack/router-core': 1.141.2
+      '@tanstack/router-generator': 1.141.2
+      '@tanstack/router-utils': 1.141.0
+      '@tanstack/virtual-file-routes': 1.141.0
+      babel-dead-code-elimination: 1.0.10
+      chokidar: 3.6.0
+      unplugin: 2.3.11
+      zod: 3.25.46
+    optionalDependencies:
+      '@tanstack/react-router': 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@tanstack/router-utils@1.141.0':
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/generator': 7.28.5
+      '@babel/parser': 7.28.5
+      '@babel/preset-typescript': 7.28.5(@babel/core@7.28.5)
+      ansis: 4.2.0
+      diff: 8.0.2
+      pathe: 2.0.3
+      tinyglobby: 0.2.15
+    transitivePeerDependencies:
+      - supports-color
 
   '@tanstack/store@0.7.1': {}
 
+  '@tanstack/store@0.8.0': {}
+
+  '@tanstack/virtual-file-routes@1.141.0': {}
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.26.2
@@ -4883,8 +5512,6 @@ snapshots:
       '@types/filesystem': 0.0.32
       '@types/har-format': 1.2.10
 
-  '@types/cookie@0.6.0': {}
-
   '@types/estree@1.0.6': {}
 
   '@types/filesystem@0.0.32':
@@ -4897,7 +5524,7 @@ snapshots:
 
   '@types/hoist-non-react-statics@3.3.1':
     dependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
       hoist-non-react-statics: 3.3.2
 
   '@types/json-schema@7.0.15': {}
@@ -4908,13 +5535,13 @@ snapshots:
 
   '@types/qs@6.9.18': {}
 
-  '@types/react-dom@19.0.3(@types/react@19.0.8)':
+  '@types/react-dom@19.2.3(@types/react@19.2.7)':
     dependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  '@types/react@19.0.8':
+  '@types/react@19.2.7':
     dependencies:
-      csstype: 3.1.2
+      csstype: 3.2.3
 
   '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
@@ -4954,15 +5581,33 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/project-service@8.48.1(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.7.3)
+      '@typescript-eslint/types': 8.48.1
+      debug: 4.3.4
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/scope-manager@8.33.1':
     dependencies:
       '@typescript-eslint/types': 8.33.1
       '@typescript-eslint/visitor-keys': 8.33.1
 
+  '@typescript-eslint/scope-manager@8.48.1':
+    dependencies:
+      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/visitor-keys': 8.48.1
+
   '@typescript-eslint/tsconfig-utils@8.33.1(typescript@5.7.3)':
     dependencies:
       typescript: 5.7.3
 
+  '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.7.3)':
+    dependencies:
+      typescript: 5.7.3
+
   '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
@@ -4976,6 +5621,8 @@ snapshots:
 
   '@typescript-eslint/types@8.33.1': {}
 
+  '@typescript-eslint/types@8.48.1': {}
+
   '@typescript-eslint/typescript-estree@8.33.1(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/project-service': 8.33.1(typescript@5.7.3)
@@ -4992,6 +5639,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/typescript-estree@8.48.1(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.48.1(typescript@5.7.3)
+      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.7.3)
+      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/visitor-keys': 8.48.1
+      debug: 4.3.4
+      minimatch: 9.0.4
+      semver: 7.6.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.1.0(typescript@5.7.3)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
@@ -5003,11 +5665,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/utils@8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.48.1
+      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.7.3)
+      eslint: 9.28.0(jiti@2.6.1)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/visitor-keys@8.33.1':
     dependencies:
       '@typescript-eslint/types': 8.33.1
       eslint-visitor-keys: 4.2.0
 
+  '@typescript-eslint/visitor-keys@8.48.1':
+    dependencies:
+      '@typescript-eslint/types': 8.48.1
+      eslint-visitor-keys: 4.2.1
+
   '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.26.0
@@ -5025,6 +5703,8 @@ snapshots:
 
   acorn@8.14.0: {}
 
+  acorn@8.15.0: {}
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -5036,6 +5716,8 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
+  ansis@4.2.0: {}
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -5102,6 +5784,10 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
+  ast-types@0.16.1:
+    dependencies:
+      tslib: 2.8.1
+
   asynckit@0.4.0: {}
 
   available-typed-arrays@1.0.7:
@@ -5116,6 +5802,15 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  babel-dead-code-elimination@1.0.10:
+    dependencies:
+      '@babel/core': 7.28.5
+      '@babel/parser': 7.28.5
+      '@babel/traverse': 7.28.5
+      '@babel/types': 7.28.5
+    transitivePeerDependencies:
+      - supports-color
+
   babel-plugin-react-compiler@1.0.0:
     dependencies:
       '@babel/types': 7.26.0
@@ -5192,6 +5887,18 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   chownr@3.0.0: {}
 
   class-variance-authority@0.7.1:
@@ -5200,14 +5907,14 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.1.1(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  cmdk@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
@@ -5236,7 +5943,7 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
-  cookie@1.0.2: {}
+  cookie-es@2.0.0: {}
 
   core-util-is@1.0.3: {}
 
@@ -5252,7 +5959,7 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  csstype@3.1.2: {}
+  csstype@3.2.3: {}
 
   data-view-buffer@1.0.2:
     dependencies:
@@ -5312,6 +6019,8 @@ snapshots:
 
   devalue@5.1.1: {}
 
+  diff@8.0.2: {}
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -5488,7 +6197,6 @@ snapshots:
       '@esbuild/win32-arm64': 0.25.1
       '@esbuild/win32-ia32': 0.25.1
       '@esbuild/win32-x64': 0.25.1
-    optional: true
 
   escalade@3.2.0: {}
 
@@ -5498,9 +6206,16 @@ snapshots:
     dependencies:
       eslint: 9.28.0(jiti@2.6.1)
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.28.0(jiti@2.6.1)):
+  eslint-plugin-react-hooks@7.0.1(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
+      '@babel/core': 7.28.5
+      '@babel/parser': 7.28.5
       eslint: 9.28.0(jiti@2.6.1)
+      hermes-parser: 0.25.1
+      zod: 3.25.46
+      zod-validation-error: 4.0.2(zod@3.25.46)
+    transitivePeerDependencies:
+      - supports-color
 
   eslint-plugin-react@7.37.5(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
@@ -5539,6 +6254,8 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
+  eslint-visitor-keys@4.2.1: {}
+
   eslint@9.28.0(jiti@2.6.1):
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
@@ -5587,6 +6304,8 @@ snapshots:
       acorn-jsx: 5.3.2(acorn@8.14.0)
       eslint-visitor-keys: 4.2.0
 
+  esprima@4.0.1: {}
+
   esquery@1.5.0:
     dependencies:
       estraverse: 5.3.0
@@ -5617,6 +6336,10 @@ snapshots:
     dependencies:
       reusify: 1.0.4
 
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -5718,7 +6441,6 @@ snapshots:
   get-tsconfig@4.10.0:
     dependencies:
       resolve-pkg-maps: 1.0.0
-    optional: true
 
   glob-parent@5.1.2:
     dependencies:
@@ -5767,6 +6489,12 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
   hoist-non-react-statics@3.3.2:
     dependencies:
       react-is: 16.13.1
@@ -5907,6 +6635,8 @@ snapshots:
 
   isarray@2.0.5: {}
 
+  isbot@5.1.32: {}
+
   isexe@2.0.0: {}
 
   iterator.prototype@1.1.5:
@@ -6028,9 +6758,9 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.546.0(react@19.0.0):
+  lucide-react@0.546.0(react@19.2.3):
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
 
   magic-string@0.30.19:
     dependencies:
@@ -6071,10 +6801,10 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  next-themes@0.4.6(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  next-themes@0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
 
   node-releases@2.0.18: {}
 
@@ -6151,10 +6881,14 @@ snapshots:
 
   path-parse@1.0.7: {}
 
+  pathe@2.0.3: {}
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
+  picomatch@4.0.3: {}
+
   playwright-core@1.50.1: {}
 
   playwright@1.50.1:
@@ -6179,6 +6913,8 @@ snapshots:
 
   prettier@3.4.2: {}
 
+  prettier@3.7.4: {}
+
   process-nextick-args@2.0.1: {}
 
   prop-types@15.8.1:
@@ -6197,91 +6933,91 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  radix-ui@1.4.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  radix-ui@1.4.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-menubar': 1.1.16(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-progress': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-select': 2.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slider': 1.3.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-switch': 1.2.6(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toast': 1.2.15(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-toolbar': 1.1.11(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.0.8)(react@19.0.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.0.3(@types/react@19.0.8))(@types/react@19.0.8)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-menubar': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-progress': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-select': 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slider': 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-switch': 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toast': 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-toolbar': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
-      '@types/react-dom': 19.0.3(@types/react@19.0.8)
+      '@types/react': 19.2.7
+      '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
-  react-day-picker@9.11.1(react@19.0.0):
+  react-day-picker@9.11.1(react@19.2.3):
     dependencies:
       '@date-fns/tz': 1.4.1
       date-fns: 4.1.0
       date-fns-jalali: 4.1.0-0
-      react: 19.0.0
+      react: 19.2.3
 
-  react-dom@19.0.0(react@19.0.0):
+  react-dom@19.2.3(react@19.2.3):
     dependencies:
-      react: 19.0.0
-      scheduler: 0.25.0
+      react: 19.2.3
+      scheduler: 0.27.0
 
-  react-intl@7.1.11(react@19.0.0)(typescript@5.7.3):
+  react-intl@7.1.11(react@19.2.3)(typescript@5.7.3):
     dependencies:
       '@formatjs/ecma402-abstract': 2.3.4
       '@formatjs/icu-messageformat-parser': 2.11.2
       '@formatjs/intl': 3.1.6(typescript@5.7.3)
       '@types/hoist-non-react-statics': 3.3.1
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 10.7.16
-      react: 19.0.0
+      react: 19.2.3
       tslib: 2.8.1
     optionalDependencies:
       typescript: 5.7.3
@@ -6290,50 +7026,34 @@ snapshots:
 
   react-refresh@0.14.2: {}
 
-  react-remove-scroll-bar@2.3.8(@types/react@19.0.8)(react@19.0.0):
+  react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.3):
     dependencies:
-      react: 19.0.0
-      react-style-singleton: 2.2.3(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  react-remove-scroll@2.7.1(@types/react@19.0.8)(react@19.0.0):
+  react-remove-scroll@2.7.1(@types/react@19.2.7)(react@19.2.3):
     dependencies:
-      react: 19.0.0
-      react-remove-scroll-bar: 2.3.8(@types/react@19.0.8)(react@19.0.0)
-      react-style-singleton: 2.2.3(@types/react@19.0.8)(react@19.0.0)
+      react: 19.2.3
+      react-remove-scroll-bar: 2.3.8(@types/react@19.2.7)(react@19.2.3)
+      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
       tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@19.0.8)(react@19.0.0)
-      use-sidecar: 1.1.3(@types/react@19.0.8)(react@19.0.0)
+      use-callback-ref: 1.3.3(@types/react@19.2.7)(react@19.2.3)
+      use-sidecar: 1.1.3(@types/react@19.2.7)(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  react-router-dom@7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
-      react-router: 7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
-
-  react-router@7.1.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
-    dependencies:
-      '@types/cookie': 0.6.0
-      cookie: 1.0.2
-      react: 19.0.0
-      set-cookie-parser: 2.7.1
-      turbo-stream: 2.4.0
-    optionalDependencies:
-      react-dom: 19.0.0(react@19.0.0)
-
-  react-style-singleton@2.2.3(@types/react@19.0.8)(react@19.0.0):
+  react-style-singleton@2.2.3(@types/react@19.2.7)(react@19.2.3):
     dependencies:
       get-nonce: 1.0.1
-      react: 19.0.0
+      react: 19.2.3
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  react@19.0.0: {}
+  react@19.2.3: {}
 
   readable-stream@2.3.8:
     dependencies:
@@ -6349,6 +7069,14 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
+  recast@0.23.11:
+    dependencies:
+      ast-types: 0.16.1
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -6371,8 +7099,7 @@ snapshots:
 
   resolve-from@4.0.0: {}
 
-  resolve-pkg-maps@1.0.0:
-    optional: true
+  resolve-pkg-maps@1.0.0: {}
 
   resolve@2.0.0-next.5:
     dependencies:
@@ -6432,13 +7159,17 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  scheduler@0.25.0: {}
+  scheduler@0.27.0: {}
 
   semver@6.3.1: {}
 
   semver@7.6.3: {}
 
-  set-cookie-parser@2.7.1: {}
+  seroval-plugins@1.4.0(seroval@1.4.0):
+    dependencies:
+      seroval: 1.4.0
+
+  seroval@1.4.0: {}
 
   set-function-length@1.2.2:
     dependencies:
@@ -6528,13 +7259,17 @@ snapshots:
     dependencies:
       is-arrayish: 0.3.2
 
-  sonner@2.0.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
+  sonner@2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
-      react: 19.0.0
-      react-dom: 19.0.0(react@19.0.0)
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
 
   source-map-js@1.2.1: {}
 
+  source-map@0.6.1: {}
+
+  source-map@0.7.6: {}
+
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -6607,6 +7342,15 @@ snapshots:
       minizlib: 3.1.0
       yallist: 5.0.0
 
+  tiny-invariant@1.3.3: {}
+
+  tiny-warning@1.0.3: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -6626,9 +7370,6 @@ snapshots:
       get-tsconfig: 4.10.0
     optionalDependencies:
       fsevents: 2.3.3
-    optional: true
-
-  turbo-stream@2.4.0: {}
 
   tw-animate-css@1.3.3: {}
 
@@ -6692,6 +7433,13 @@ snapshots:
 
   universalify@2.0.1: {}
 
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.15.0
+      picomatch: 4.0.3
+      webpack-virtual-modules: 0.6.2
+
   update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
       browserslist: 4.24.2
@@ -6702,24 +7450,28 @@ snapshots:
     dependencies:
       punycode: 2.3.0
 
-  use-callback-ref@1.3.3(@types/react@19.0.8)(react@19.0.0):
+  use-callback-ref@1.3.3(@types/react@19.2.7)(react@19.2.3):
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
 
-  use-sidecar@1.1.3(@types/react@19.0.8)(react@19.0.0):
+  use-sidecar@1.1.3(@types/react@19.2.7)(react@19.2.3):
     dependencies:
       detect-node-es: 1.1.0
-      react: 19.0.0
+      react: 19.2.3
       tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.0.8
+      '@types/react': 19.2.7
+
+  use-sync-external-store@1.5.0(react@19.2.3):
+    dependencies:
+      react: 19.2.3
 
-  use-sync-external-store@1.5.0(react@19.0.0):
+  use-sync-external-store@1.6.0(react@19.2.3):
     dependencies:
-      react: 19.0.0
+      react: 19.2.3
 
   util-deprecate@1.0.2: {}
 
@@ -6749,6 +7501,8 @@ snapshots:
       tsx: 4.19.3
       yaml: 2.7.1
 
+  webpack-virtual-modules@0.6.2: {}
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -6802,4 +7556,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  zod-validation-error@4.0.2(zod@3.25.46):
+    dependencies:
+      zod: 3.25.46
+
   zod@3.25.46: {}
diff --git a/src/MainApp.tsx b/src/MainApp.tsx
deleted file mode 100644
index 29ab658..0000000
--- a/src/MainApp.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Alert, AlertTitle } from "@//components/ui/alert";
-import Navbar from "@/components/general/Navbar";
-import { clsxm } from "@/utils/clsxm";
-import { createPopOut, getWindowLocationType } from "@/utils/popout";
-import { AlertCircleIcon, CalendarDaysIcon, ListIcon, SettingsIcon, SquareArrowOutUpRightIcon, TimerIcon } from "lucide-react";
-import { Suspense, lazy } from "react";
-import { useIntl } from "react-intl";
-import { Navigate, Route, Routes } from "react-router-dom";
-
-const TimersPage = lazy(() => import("@/pages/TimersPage"));
-const IssuesPage = lazy(() => import("@/pages/IssuesPage"));
-const SettingsPage = lazy(() => import("@/pages/SettingsPage"));
-const TimePage = lazy(() => import("@/pages/TimePage"));
-
-function MainApp() {
-  const { formatMessage } = useIntl();
-
-  const locationType = getWindowLocationType();
-
-  return (
-    <div
-      className={clsxm("mx-auto flex h-screen w-[320px] flex-col overflow-hidden", {
-        "w-full min-w-[320px]": ["popout", "options"].includes(locationType),
-        "h-[550px]": ["popup", "options"].includes(locationType),
-      })}
-      // disable context menu
-      onContextMenu={(e) => {
-        e.preventDefault();
-      }}
-    >
-      <header className="relative">
-        <Navbar
-          navigation={[
-            {
-              href: "/timers",
-              icon: <TimerIcon />,
-              name: formatMessage({ id: "nav.tabs.timers" }),
-            },
-            {
-              href: "/issues",
-              icon: <ListIcon />,
-              name: formatMessage({ id: "nav.tabs.issues" }),
-            },
-            {
-              href: "/time",
-              icon: <CalendarDaysIcon />,
-              name: formatMessage({ id: "nav.tabs.time" }),
-            },
-            {
-              href: "/settings",
-              icon: <SettingsIcon />,
-              name: formatMessage({ id: "nav.tabs.settings" }),
-            },
-          ]}
-        />
-        {locationType === "popup" && (
-          <SquareArrowOutUpRightIcon className="bg-card border-border/30 absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full border p-1.5" onClick={createPopOut} />
-        )}
-      </header>
-      <main className="flex-1 overflow-y-auto">
-        <div className="p-2">
-          <Routes>
-            <Route index element={<Navigate to="/issues" replace />} />
-
-            <Route
-              path="/timers"
-              element={
-                <Suspense>
-                  <TimersPage />
-                </Suspense>
-              }
-            />
-            <Route
-              path="/issues"
-              element={
-                <Suspense>
-                  <IssuesPage />
-                </Suspense>
-              }
-            />
-            <Route
-              path="/time"
-              element={
-                <Suspense>
-                  <TimePage />
-                </Suspense>
-              }
-            />
-            <Route
-              path="/settings"
-              element={
-                <Suspense>
-                  <SettingsPage />
-                </Suspense>
-              }
-            />
-
-            <Route
-              path="*"
-              element={
-                <Alert variant="destructive">
-                  <AlertCircleIcon />
-                  <AlertTitle>{formatMessage({ id: "nav.error.page-not-found" })}</AlertTitle>
-                </Alert>
-              }
-            />
-          </Routes>
-        </div>
-      </main>
-    </div>
-  );
-}
-
-export default MainApp;
diff --git a/src/components/error/ErrorComponent.tsx b/src/components/error/ErrorComponent.tsx
new file mode 100644
index 0000000..56e74c0
--- /dev/null
+++ b/src/components/error/ErrorComponent.tsx
@@ -0,0 +1,45 @@
+import { getErrorMessage } from "@/utils/error";
+import { useQueryErrorResetBoundary } from "@tanstack/react-query";
+import { ErrorComponentProps } from "@tanstack/react-router";
+import { isAxiosError } from "axios";
+import { AlertCircleIcon } from "lucide-react";
+import { FormattedMessage } from "react-intl";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
+import { Button } from "../ui/button";
+
+export function ErrorComponent({ error, reset: resetPage }: ErrorComponentProps) {
+  const { reset: resetQueries } = useQueryErrorResetBoundary();
+
+  return (
+    <Alert variant="destructive">
+      <AlertCircleIcon />
+      <AlertTitle>
+        {isAxiosError(error) ? (
+          <FormattedMessage id="general.error.api-error" />
+        ) : (
+          <FormattedMessage
+            id="general.error.unknown-error"
+            values={{
+              name: error.name,
+            }}
+          />
+        )}
+      </AlertTitle>
+      <AlertDescription>
+        {getErrorMessage(error)}
+        <div className="flex w-full justify-end">
+          <Button
+            size="sm"
+            variant="outline"
+            onClick={() => {
+              resetQueries();
+              resetPage();
+            }}
+          >
+            <FormattedMessage id="general.retry" />
+          </Button>
+        </div>
+      </AlertDescription>
+    </Alert>
+  );
+}
diff --git a/src/components/error/GlobalErrorComponent.tsx b/src/components/error/GlobalErrorComponent.tsx
new file mode 100644
index 0000000..523be56
--- /dev/null
+++ b/src/components/error/GlobalErrorComponent.tsx
@@ -0,0 +1,12 @@
+import { ErrorComponentProps } from "@tanstack/react-router";
+import { ErrorComponent } from "./ErrorComponent";
+
+export function GlobalErrorComponent(props: ErrorComponentProps) {
+  return (
+    <main>
+      <div className="p-2">
+        <ErrorComponent {...props} />
+      </div>
+    </main>
+  );
+}
diff --git a/src/components/error/NotFoundComponent.tsx b/src/components/error/NotFoundComponent.tsx
new file mode 100644
index 0000000..4d06f00
--- /dev/null
+++ b/src/components/error/NotFoundComponent.tsx
@@ -0,0 +1,14 @@
+import { AlertCircleIcon } from "lucide-react";
+import { FormattedMessage } from "react-intl";
+import { Alert, AlertTitle } from "../ui/alert";
+
+export function NotFoundComponent() {
+  return (
+    <Alert variant="destructive">
+      <AlertCircleIcon />
+      <AlertTitle>
+        <FormattedMessage id="general.error.page-not-found" />
+      </AlertTitle>
+    </Alert>
+  );
+}
diff --git a/src/components/general/DismissableWarning.tsx b/src/components/general/DismissableWarning.tsx
index 1164ed4..5f242db 100644
--- a/src/components/general/DismissableWarning.tsx
+++ b/src/components/general/DismissableWarning.tsx
@@ -1,6 +1,6 @@
+import { useStorage } from "@/hooks/useStorage";
 import { TriangleAlertIcon } from "lucide-react";
 import { FormattedMessage } from "react-intl";
-import useStorage from "../../hooks/useStorage";
 import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
 import { Button } from "../ui/button";
 
diff --git a/src/components/general/Layout.tsx b/src/components/general/Layout.tsx
new file mode 100644
index 0000000..8cb81d8
--- /dev/null
+++ b/src/components/general/Layout.tsx
@@ -0,0 +1,21 @@
+import { clsxm } from "@/utils/clsxm";
+import { WindowLocationType } from "@/utils/popout";
+import { PropsWithChildren } from "react";
+
+interface LayoutProps extends PropsWithChildren {
+  locationType: WindowLocationType;
+}
+
+export const Layout = ({ locationType, children }: LayoutProps) => {
+  return (
+    <div
+      className={clsxm("mx-auto flex h-screen w-[320px] flex-col overflow-hidden", {
+        "w-full min-w-[320px]": ["popout", "options"].includes(locationType),
+        "h-[550px]": ["popup", "options"].includes(locationType),
+      })}
+      onContextMenu={(e) => e.preventDefault()} // disable context menu
+    >
+      {children}
+    </div>
+  );
+};
diff --git a/src/components/general/Navbar.tsx b/src/components/general/Navbar.tsx
index 346b5c8..291349d 100644
--- a/src/components/general/Navbar.tsx
+++ b/src/components/general/Navbar.tsx
@@ -1,5 +1,5 @@
+import { Link, useLocation } from "@tanstack/react-router";
 import React from "react";
-import { Link, useLocation } from "react-router-dom";
 import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList } from "../ui/navigation-menu";
 
 type NavItem = {
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 864b007..033d1d8 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -6,7 +6,7 @@ import { createContext, PropsWithChildren, use, useState } from "react";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
 import useMyProjects from "../../hooks/useMyProjects";
-import useStorage from "../../hooks/useStorage";
+import { useSuspenseStorage } from "../../hooks/useStorage";
 import { Button } from "../ui/button";
 import { Form, FormGrid } from "../ui/form";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
@@ -21,7 +21,6 @@ type FilterSettings = z.infer<typeof filterSettingsSchema>;
 const defaultSettings: FilterSettings = { projects: [], hideCompletedIssues: false };
 
 type FilterContextType = {
-  isLoading: boolean;
   settings: FilterSettings;
   setSettings: (settings: FilterSettings) => void;
 };
@@ -29,12 +28,11 @@ type FilterContextType = {
 const FilterContext = createContext<FilterContextType | undefined>(undefined);
 
 const FilterProvider = ({ children }: PropsWithChildren) => {
-  const { isLoading, data: settings, setData: setSettings } = useStorage<FilterSettings>("filter", defaultSettings);
+  const { data: settings, setData: setSettings } = useSuspenseStorage<FilterSettings>("filter", defaultSettings);
 
   return (
     <FilterContext
       value={{
-        isLoading,
         settings,
         setSettings,
       }}
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
index 02a8fe4..3099e69 100644
--- a/src/components/issue/IssueSearch.tsx
+++ b/src/components/issue/IssueSearch.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/no-children-prop */
 import { useAppForm } from "@/hooks/useAppForm";
-import useStorage from "@/hooks/useStorage";
+import { useSuspenseStorage } from "@/hooks/useStorage";
 import { ChevronRightIcon, CloudIcon, ListTreeIcon, MoreHorizontalIcon, SearchIcon, XIcon } from "lucide-react";
 import { createContext, PropsWithChildren, use, useRef, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -57,7 +57,7 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
   const debouncedQuery = useDebounce(query, 300);
   const [inProject, setInProject] = useState<TReference | undefined>(undefined);
 
-  const { data: searchSettings, setData: setSearchSettings } = useStorage<SearchSettingsSchema>("search", defaultSearchSettings);
+  const { data: searchSettings, setData: setSearchSettings } = useSuspenseStorage<SearchSettingsSchema>("search", defaultSearchSettings);
 
   const settingsForm = useAppForm({
     defaultValues: searchSettings,
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 8f29405..1ecd6c7 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -1,18 +1,16 @@
-import { groupIssues, ProjectGroup } from "@/utils/groupIssues";
+import { useIssuePriorities } from "@/hooks/useIssuePriorities";
+import { ProjectGroup } from "@/utils/groupIssues";
 import clsx from "clsx";
 import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
 import { Fragment, ReactNode, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import useActiveRedmineTab from "../../hooks/useActiveRedmineTab";
-import useIssuePriorities from "../../hooks/useIssuePriorities";
 import useLocalIssues from "../../hooks/useLocalIssues";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyProjects from "../../hooks/useMyProjects";
 import useMyUser from "../../hooks/useMyUser";
-import useProjectVersions from "../../hooks/useProjectVersions";
 import useTimers from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue, TReference, TVersion } from "../../types/redmine";
+import { TReference, TVersion } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
@@ -20,37 +18,22 @@ import { useIssueSearch } from "./IssueSearch";
 import VersionTooltip from "./VersionTooltip";
 
 type PropTypes = {
-  issues: TIssue[];
+  groupedIssues: ProjectGroup[];
   localIssues: ReturnType<typeof useLocalIssues>;
-  issuePriorities: ReturnType<typeof useIssuePriorities>;
-  projectVersions?: ReturnType<typeof useProjectVersions>;
   timers: ReturnType<typeof useTimers>;
 };
 
-const IssuesList = ({ issues: unsortedIssues, localIssues, issuePriorities, projectVersions, timers }: PropTypes) => {
+const IssuesList = ({ groupedIssues, localIssues, timers }: PropTypes) => {
   const { settings } = useSettings();
   const { searchInProject } = useIssueSearch();
 
-  const activeTab = useActiveRedmineTab();
-
   const myUser = useMyUser();
+  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
+
   const projects = useMyProjects();
-  const projectIds = useMemo(() => [...new Set(unsortedIssues.map((i) => i.project.id))], [unsortedIssues]);
+  const projectIds = useMemo(() => [...new Set(groupedIssues.map((g) => g.project.id))], [groupedIssues]);
   const projectRoles = useMyProjectRoles(projectIds, projects.data);
 
-  const groupedIssues = useMemo(
-    () =>
-      groupIssues(unsortedIssues, {
-        localIssues: localIssues.localIssues,
-        timers: timers.getAllTimers(),
-        issuePriorities: issuePriorities.data,
-        projectVersions: projectVersions?.data ?? {},
-        activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
-        settings,
-      }),
-    [unsortedIssues, localIssues.localIssues, timers, issuePriorities.data, projectVersions?.data, activeTab, settings]
-  );
-
   const [createIssue, setCreateIssue] = useState<number | undefined>(undefined);
 
   return (
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 4db7253..3218007 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -5,7 +5,7 @@ import { parseISO } from "date-fns";
 import { FormattedMessage, useIntl } from "react-intl";
 import { z } from "zod/v4";
 import { useAppForm } from "../../../hooks/useAppForm";
-import useIssuePriorities from "../../../hooks/useIssuePriorities";
+import { useIssuePriorities } from "../../../hooks/useIssuePriorities";
 import useIssueStatuses from "../../../hooks/useIssueStatuses";
 import useIssueTrackers from "../../../hooks/useIssueTrackers";
 import useMyUser from "../../../hooks/useMyUser";
diff --git a/src/components/issue/form/fields/PriorityField.tsx b/src/components/issue/form/fields/PriorityField.tsx
index 42515c3..f0c89aa 100644
--- a/src/components/issue/form/fields/PriorityField.tsx
+++ b/src/components/issue/form/fields/PriorityField.tsx
@@ -1,7 +1,7 @@
 import { ComboboxField } from "@/components/form/ComboboxField";
+import { useIssuePriorities } from "@/hooks/useIssuePriorities";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import useIssuePriorities from "../../../../hooks/useIssuePriorities";
 
 const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "options">) => {
   const { formatMessage } = useIntl();
@@ -13,12 +13,10 @@ const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "option
       {...props}
       title={formatMessage({ id: "issues.issue.field.priority" })}
       placeholder={formatMessage({ id: "issues.issue.field.priority" })}
-      options={
-        issuePriorities.data?.map((priority) => ({
-          label: priority.name,
-          value: priority.id,
-        })) ?? []
-      }
+      options={issuePriorities.priorities.map((priority) => ({
+        label: priority.name,
+        value: priority.id,
+      }))}
       isLoading={issuePriorities.isLoading}
     />
   );
diff --git a/src/components/issue/form/fields/VersionField.tsx b/src/components/issue/form/fields/VersionField.tsx
index a6154db..323f175 100644
--- a/src/components/issue/form/fields/VersionField.tsx
+++ b/src/components/issue/form/fields/VersionField.tsx
@@ -1,7 +1,7 @@
 import { ComboboxField } from "@/components/form/ComboboxField";
+import { useProjectVersions } from "@/hooks/useProjectVersions";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
-import useProjectVersions from "../../../../hooks/useProjectVersions";
 
 type Props = {
   projectId: number;
@@ -10,23 +10,21 @@ type Props = {
 const VersionField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
   const { formatMessage } = useIntl();
 
-  const projectVersions = useProjectVersions([projectId]);
+  const projectVersions = useProjectVersions(projectId);
 
-  if (projectVersions.data[projectId]?.length === 0) return null;
+  if (projectVersions.projectVersions.length === 0) return null;
 
   return (
     <ComboboxField
       {...props}
       title={formatMessage({ id: "issues.issue.field.version" })}
       placeholder={formatMessage({ id: "issues.issue.field.version" })}
-      options={
-        projectVersions.data[projectId]
-          ?.filter((version) => version.status === "open")
-          .map((version) => ({
-            label: version.name,
-            value: version.id,
-          })) ?? []
-      }
+      options={projectVersions.projectVersions
+        .filter((version) => version.status === "open")
+        .map((version) => ({
+          label: version.name,
+          value: version.id,
+        }))}
       isLoading={projectVersions.isLoading}
     />
   );
diff --git a/src/components/time-entry/TimeEntryPreview.tsx b/src/components/time-entry/TimeEntryPreview.tsx
index 0e6cc16..ea1bc3a 100644
--- a/src/components/time-entry/TimeEntryPreview.tsx
+++ b/src/components/time-entry/TimeEntryPreview.tsx
@@ -1,6 +1,6 @@
+import { useMyTimeEntries } from "@/hooks/useMyTimeEntries";
 import clsx from "clsx";
 import useFormatHours from "../../hooks/useFormatHours";
-import useMyTimeEntries from "../../hooks/useMyTimeEntries";
 import { roundHours } from "../../utils/date";
 import TimeEntry from "./TimeEntry";
 
diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
index fc566b1..c1ec971 100644
--- a/src/components/timer/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -61,7 +61,7 @@ const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: Ti
               ref={timerRef}
               displayNameField={variant === "expanded"}
               className={clsx(
-                "bg-card rounded-lg border border-gray-200 p-0.5 px-1.5 dark:border-gray-700",
+                "bg-card rounded-lg border border-gray-200 p-1 px-1.5 dark:border-gray-700",
                 "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"
               )}
               tabIndex={1}
@@ -181,7 +181,7 @@ const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPro
           />
         )) || (
           <HelpTooltip message={formatMessage({ id: "issues.timer.action.edit.tooltip" })}>
-            <span className={clsx("text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")} onDoubleClick={() => setEditMode(true)}>
+            <span className={clsx("-my-1 text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")} onDoubleClick={() => setEditMode(true)}>
               {formatTimer(currenTime)}
             </span>
           </HelpTooltip>
diff --git a/src/hooks/useCachedComments.ts b/src/hooks/useCachedComments.ts
index 5e2429c..74106cd 100644
--- a/src/hooks/useCachedComments.ts
+++ b/src/hooks/useCachedComments.ts
@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import useStorage from "./useStorage";
+import { useStorage } from "./useStorage";
 
 const _defaultCachedComments = {};
 
diff --git a/src/hooks/useIssuePriorities.ts b/src/hooks/useIssuePriorities.ts
index f987f72..55a69c2 100644
--- a/src/hooks/useIssuePriorities.ts
+++ b/src/hooks/useIssuePriorities.ts
@@ -1,41 +1,71 @@
-import { useQuery } from "@tanstack/react-query";
+import { RedmineApi } from "@/api/redmine";
+import { queryOptions, useQuery, useSuspenseQueries, UseSuspenseQueryResult } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { TIssue, TIssuePriority } from "../types/redmine";
 
-export type PriorityType = "highest" | "high" | "medium-high" | "medium" | "default" | "low" | "lowest" | "unknown";
-
 type Options = {
   enabled?: boolean;
 };
 
-const useIssuePriorities = ({ enabled = true }: Options = {}) => {
+/**
+ * Query options for issue priorities
+ */
+export const issuePrioritiesQueryOptions = (redmineApi: RedmineApi) =>
+  queryOptions({
+    queryKey: ["issuePriorities"],
+    queryFn: () => redmineApi.getIssuePriorities(),
+    select: (data) => data.filter((priority) => priority.active !== false),
+  });
+
+/**
+ * Hook to get issue priorities
+ */
+export const useIssuePriorities = ({ enabled = true }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
   const issuePrioritiesQuery = useQuery({
-    queryKey: ["issuePriorities"],
-    queryFn: () => redmineApi.getIssuePriorities(),
-    enabled: enabled,
-    select: (data) => data?.filter((priority) => priority.active !== false),
+    ...issuePrioritiesQueryOptions(redmineApi),
+    enabled,
   });
 
   const priorities = issuePrioritiesQuery.data ?? [];
-
   const priorityTypeMap = buildPriorityTypeMap(priorities);
 
-  const getPriorityType = (issue: TIssue): PriorityType => {
-    return priorityTypeMap.get(issue.priority.id) ?? "unknown";
+  return {
+    isLoading: issuePrioritiesQuery.isLoading,
+    priorities,
+    defaultPriority: getDefaultPriority(priorities),
+    getPriorityType: (issue: TIssue) => getPriorityType(issue, priorityTypeMap),
   };
+};
+
+/**
+ * Hook to get issue priorities with suspense
+ */
+export const useSuspenseIssuePriorities = ({ enabled = true }: Options = {}) => {
+  const redmineApi = useRedmineApi();
+
+  const issuePrioritiesQuery = useSuspenseQueries({
+    queries: enabled ? [issuePrioritiesQueryOptions(redmineApi)] : ([] as ReturnType<typeof issuePrioritiesQueryOptions>[]),
+    combine: combineSuspenseQueries,
+  });
 
   return {
-    data: priorities,
-    isLoading: issuePrioritiesQuery.isLoading,
-    isError: issuePrioritiesQuery.isError,
-    defaultPriority: priorities.find((p) => p.is_default),
-    priorityTypeMap,
-    getPriorityType,
+    priorities: issuePrioritiesQuery.data,
   };
 };
 
+const combineSuspenseQueries = (results: UseSuspenseQueryResult<TIssuePriority[], Error>[]) => ({
+  data: results.reduce<TIssuePriority[]>((result, query) => {
+    if (query.data) {
+      result.push(...query.data);
+    }
+    return result;
+  }, []),
+});
+
+export type PriorityType = "highest" | "high" | "medium-high" | "medium" | "default" | "low" | "lowest" | "unknown";
+
 /**
  * Build priority type map
  *
@@ -84,4 +114,16 @@ const buildPriorityTypeMap = (priorities: TIssuePriority[]): Map<number, Priorit
   return priorityTypeMap;
 };
 
-export default useIssuePriorities;
+/**
+ * Get priority type for issue
+ */
+const getPriorityType = (issue: TIssue, priorityTypeMap: ReturnType<typeof buildPriorityTypeMap>) => {
+  return priorityTypeMap.get(issue.priority.id) ?? "unknown";
+};
+
+/**
+ * Get default priority
+ */
+const getDefaultPriority = (priorities: TIssuePriority[]) => {
+  return priorities.find((p) => p.is_default);
+};
diff --git a/src/hooks/useIssues.ts b/src/hooks/useIssues.ts
index f680912..d580b86 100644
--- a/src/hooks/useIssues.ts
+++ b/src/hooks/useIssues.ts
@@ -1,43 +1,38 @@
-import { keepPreviousData as keepPreviousDataAsPlaceholderData } from "@tanstack/react-query";
+import { useDeferredValue } from "react";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+import { useSuspenseRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
 const STALE_DATA_TIME = 1000 * 60;
 
 type Options = {
   enabled?: boolean;
-  keepPreviousData?: boolean;
 };
 
-const useIssues = (ids: number[], { enabled = true, keepPreviousData = false }: Options = {}) => {
+export const useSuspenseIssues = (ids: number[], { enabled = true }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
-  const issuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", ids],
+  const issuesIds = enabled ? ids : [];
+  const deferredIssuesIds = useDeferredValue(issuesIds);
+  const issuesQuery = useSuspenseRedminePaginatedInfiniteQuery({
+    queryKey: ["issues", deferredIssuesIds],
     queryFn: ({ pageParam }) =>
-      redmineApi.getIssues(
-        {
-          issueIds: ids,
-          statusId: "*",
-        },
-        pageParam
-      ),
+      deferredIssuesIds.length > 0
+        ? redmineApi.getIssues(
+            {
+              issueIds: deferredIssuesIds,
+              statusId: "*",
+            },
+            pageParam
+          )
+        : { total_count: 0, ...pageParam, issues: [] },
     select: (data) => data?.pages.map((page) => page.issues).flat(),
-    enabled: enabled && ids.length > 0,
-    ...(keepPreviousData ? { placeholderData: keepPreviousDataAsPlaceholderData } : {}),
     staleTime: STALE_DATA_TIME,
     refetchInterval: AUTO_REFRESH_DATA_INTERVAL,
     autoFetchPages: true,
   });
 
-  const issues = issuesQuery.data ?? [];
-
   return {
-    data: issues,
-    isLoading: issuesQuery.isLoading,
-    isError: issuesQuery.isError,
+    data: issuesQuery.data ?? [],
   };
 };
-
-export default useIssues;
diff --git a/src/hooks/useLocalIssues.ts b/src/hooks/useLocalIssues.ts
index c39abd9..3f981e8 100644
--- a/src/hooks/useLocalIssues.ts
+++ b/src/hooks/useLocalIssues.ts
@@ -1,4 +1,4 @@
-import useStorage from "./useStorage";
+import { useSuspenseStorage } from "./useStorage";
 
 export type LocalIssueData = {
   id: number;
@@ -18,10 +18,9 @@ const defaultLocalIssueData: Omit<LocalIssueData, "id"> = {
 };
 
 const useLocalIssues = () => {
-  const { data: localIssues, setData: setLocalIssues, isLoading } = useStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
+  const { data: localIssues, setData: setLocalIssues } = useSuspenseStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
 
   return {
-    isLoading,
     localIssues,
     getIssuesIds: () => localIssues.map((issue) => issue.id),
     getLocalIssue: (id: number): LocalIssue => {
diff --git a/src/hooks/useMyIssues.ts b/src/hooks/useMyIssues.ts
index f13f516..993d8e1 100644
--- a/src/hooks/useMyIssues.ts
+++ b/src/hooks/useMyIssues.ts
@@ -1,14 +1,13 @@
-import { keepPreviousData } from "@tanstack/react-query";
+import { RedmineApi } from "@/api/redmine";
+import { useDeferredValue } from "react";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+import { redminePaginatedInfiniteQueryOptions, useSuspenseRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
 const STALE_DATA_TIME = 1000 * 60;
 
-const useMyIssues = (additionalIssuesIds: number[]) => {
-  const redmineApi = useRedmineApi();
-
-  const issuesQuery = useRedminePaginatedInfiniteQuery({
+export const myOpenIssuesQueryOptions = (redmineApi: RedmineApi) =>
+  redminePaginatedInfiniteQueryOptions({
     queryKey: ["issues", "open", "me"],
     queryFn: ({ pageParam }) =>
       redmineApi.getIssues(
@@ -21,21 +20,30 @@ const useMyIssues = (additionalIssuesIds: number[]) => {
     select: (data) => data?.pages.map((page) => page.issues).flat(),
     staleTime: STALE_DATA_TIME,
     refetchInterval: AUTO_REFRESH_DATA_INTERVAL,
+  });
+
+export const useSuspenseMyIssues = (additionalIssuesIds: number[]) => {
+  const redmineApi = useRedmineApi();
+
+  const issuesQuery = useSuspenseRedminePaginatedInfiniteQuery({
+    ...myOpenIssuesQueryOptions(redmineApi),
     autoFetchPages: true,
   });
-  const additionalIssuesQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["issues", additionalIssuesIds],
+  const fetchIssuesIds = Array.from(new Set(additionalIssuesIds).difference(new Set(issuesQuery.data?.map((issue) => issue.id) ?? [])));
+  const deferredFetchIssuesIds = useDeferredValue(fetchIssuesIds);
+  const additionalIssuesQuery = useSuspenseRedminePaginatedInfiniteQuery({
+    queryKey: ["issues", deferredFetchIssuesIds, "*"],
     queryFn: ({ pageParam }) =>
-      redmineApi.getIssues(
-        {
-          statusId: "*",
-          issueIds: additionalIssuesIds,
-        },
-        pageParam
-      ),
+      deferredFetchIssuesIds.length > 0
+        ? redmineApi.getIssues(
+            {
+              statusId: "*",
+              issueIds: deferredFetchIssuesIds,
+            },
+            pageParam
+          )
+        : { total_count: 0, ...pageParam, issues: [] },
     select: (data) => data?.pages.map((page) => page.issues).flat(),
-    enabled: additionalIssuesIds.length > 0,
-    placeholderData: keepPreviousData,
     staleTime: STALE_DATA_TIME,
     refetchInterval: AUTO_REFRESH_DATA_INTERVAL,
     autoFetchPages: true,
@@ -46,9 +54,5 @@ const useMyIssues = (additionalIssuesIds: number[]) => {
 
   return {
     data: issues,
-    isLoading: issuesQuery.isLoading || additionalIssuesQuery.isLoading,
-    isError: issuesQuery.isError || additionalIssuesQuery.isError,
   };
 };
-
-export default useMyIssues;
diff --git a/src/hooks/useMyProjects.ts b/src/hooks/useMyProjects.ts
index 2ed4762..75a6a31 100644
--- a/src/hooks/useMyProjects.ts
+++ b/src/hooks/useMyProjects.ts
@@ -1,18 +1,24 @@
+import { RedmineApi } from "@/api/redmine";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+import { redminePaginatedInfiniteQueryOptions, useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 type Options = {
   enabled?: boolean;
 };
 
+const myProjectsQueryOptions = (redmineApi: RedmineApi) =>
+  redminePaginatedInfiniteQueryOptions({
+    queryKey: ["projects"],
+    queryFn: ({ pageParam }) => redmineApi.getAllMyProjects(pageParam),
+    select: (data) => data?.pages.map((page) => page.projects).flat(),
+  });
+
 const useMyProjects = ({ enabled = true }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
   const projectsQuery = useRedminePaginatedInfiniteQuery({
-    queryKey: ["projects"],
-    queryFn: ({ pageParam }) => redmineApi.getAllMyProjects(pageParam),
-    select: (data) => data?.pages.map((page) => page.projects).flat(),
-    enabled: enabled,
+    ...myProjectsQueryOptions(redmineApi),
+    enabled,
     autoFetchPages: true,
   });
 
diff --git a/src/hooks/useMyTimeEntries.ts b/src/hooks/useMyTimeEntries.ts
index 49904cf..b095a7e 100644
--- a/src/hooks/useMyTimeEntries.ts
+++ b/src/hooks/useMyTimeEntries.ts
@@ -1,28 +1,53 @@
+import { RedmineApi } from "@/api/redmine";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
+import { redminePaginatedInfiniteQueryOptions, useRedminePaginatedInfiniteQuery, useSuspenseRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
 const STALE_DATA_TIME = 1000 * 60;
 
-const useMyTimeEntries = (from: Date, to: Date) => {
-  const redmineApi = useRedmineApi();
-
-  const entriesQuery = useRedminePaginatedInfiniteQuery({
+/**
+ * Query options for my time entries
+ */
+const myTimeEntriesQueryOptions = (redmineApi: RedmineApi, from: Date, to: Date) =>
+  redminePaginatedInfiniteQueryOptions({
     queryKey: ["timeEntries", from, to],
     queryFn: ({ pageParam }) => redmineApi.getAllMyTimeEntries(from, to, pageParam),
     select: (data) => data?.pages.map((page) => page.time_entries).flat(),
     staleTime: STALE_DATA_TIME,
     refetchInterval: AUTO_REFRESH_DATA_INTERVAL,
+  });
+
+/**
+ * Hook to get my time entries
+ */
+export const useMyTimeEntries = (from: Date, to: Date) => {
+  const redmineApi = useRedmineApi();
+
+  const entriesQuery = useRedminePaginatedInfiniteQuery({
+    ...myTimeEntriesQueryOptions(redmineApi, from, to),
     autoFetchPages: true,
   });
 
   const entries = entriesQuery.data ?? [];
 
   return {
-    data: entries,
     isLoading: entriesQuery.isLoading,
-    isError: entriesQuery.isError,
+    data: entries,
   };
 };
 
-export default useMyTimeEntries;
+/**
+ * Hook to get my time entries with suspense
+ */
+export const useSuspenseMyTimeEntries = (from: Date, to: Date) => {
+  const redmineApi = useRedmineApi();
+
+  const entriesQuery = useSuspenseRedminePaginatedInfiniteQuery({
+    ...myTimeEntriesQueryOptions(redmineApi, from, to),
+    autoFetchPages: true,
+  });
+
+  return {
+    data: entriesQuery.data,
+  };
+};
diff --git a/src/hooks/useProjectVersions.ts b/src/hooks/useProjectVersions.ts
index 797aa03..37bb7d3 100644
--- a/src/hooks/useProjectVersions.ts
+++ b/src/hooks/useProjectVersions.ts
@@ -1,4 +1,6 @@
-import { useQueries, UseQueryResult } from "@tanstack/react-query";
+import { RedmineApi } from "@/api/redmine";
+import { queryOptions, useQuery, useSuspenseQueries, UseSuspenseQueryResult } from "@tanstack/react-query";
+import { useDeferredValue } from "react";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { TVersion } from "../types/redmine";
 
@@ -6,38 +8,65 @@ type Options = {
   enabled?: boolean;
 };
 
-const useProjectVersions = (projectIds: number[], { enabled = true }: Options = {}) => {
+/**
+ * Query options for project versions
+ */
+const projectVersionsQueryOptions = (redmineApi: RedmineApi, projectId: number) =>
+  queryOptions({
+    queryKey: ["projectVersions", projectId],
+    queryFn: () => redmineApi.getProjectVersions(projectId),
+    select: (data) => sortVersions(data),
+  });
+
+/**
+ * Hook to get project versions
+ */
+export const useProjectVersions = (projectId: number, { enabled = true }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
-  const versionsQueries = useQueries({
-    queries: projectIds.map((id) => ({
-      queryKey: ["projectVersions", id],
-      queryFn: () => redmineApi.getProjectVersions(id),
-      enabled: enabled,
-    })),
-    combine: combineVersionsQueries,
+  const versionsQuery = useQuery({
+    ...projectVersionsQueryOptions(redmineApi, projectId),
+    enabled,
   });
 
   return {
-    data: versionsQueries.data,
-    isLoading: versionsQueries.isLoading,
-    isError: versionsQueries.isError,
+    isLoading: versionsQuery.isLoading,
+    projectVersions: versionsQuery.data ?? [],
   };
 };
 
-const combineVersionsQueries = (results: UseQueryResult<TVersion[], Error>[]) => ({
-  isLoading: results.some((r) => r.isLoading),
-  isError: results.some((r) => r.isError),
+/**
+ * Hook to get multiple project versions with suspense
+ */
+export const useSuspenseMultipleProjectVersions = (projectIds: number[], { enabled = true }: Options = {}) => {
+  const redmineApi = useRedmineApi();
+
+  const deferredProjectIds = useDeferredValue(projectIds);
+  const versionsQueries = useSuspenseQueries({
+    queries: (enabled ? deferredProjectIds : []).map((id) => projectVersionsQueryOptions(redmineApi, id)),
+    combine: combineSuspenseMultipleVersions,
+  });
+
+  return {
+    projectVersionsMap: versionsQueries.data,
+  };
+};
+
+const combineSuspenseMultipleVersions = (results: UseSuspenseQueryResult<TVersion[], Error>[]) => ({
   data: results.reduce<Record<string, TVersion[]>>((result, query) => {
-    if (query.data) {
-      result[query.data[0].project.id] = query.data.sort(
-        // Sort oldest version first. Versions without date, last
-        (a, b) =>
-          (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) || new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() || (b.status === "open" ? 1 : 0) - (a.status === "open" ? 1 : 0)
-      );
+    if (query.data && query.data[0]) {
+      result[query.data[0].project.id] = query.data;
     }
     return result;
   }, {}),
 });
 
-export default useProjectVersions;
+/**
+ * Sort project versions
+ */
+const sortVersions = (versions: TVersion[]) => {
+  return versions.sort(
+    // Sort oldest version first. Versions without date, last
+    (a, b) => (b.due_date ? 1 : 0) - (a.due_date ? 1 : 0) || new Date(a.due_date ?? 0).getTime() - new Date(b.due_date ?? 0).getTime() || (b.status === "open" ? 1 : 0) - (a.status === "open" ? 1 : 0)
+  );
+};
diff --git a/src/hooks/useRedminePaginatedInfiniteQuery.ts b/src/hooks/useRedminePaginatedInfiniteQuery.ts
index fd4e1fb..0eeef47 100644
--- a/src/hooks/useRedminePaginatedInfiniteQuery.ts
+++ b/src/hooks/useRedminePaginatedInfiniteQuery.ts
@@ -1,4 +1,15 @@
-import { DefaultError, InfiniteData, Optional, QueryKey, useInfiniteQuery, UseInfiniteQueryOptions } from "@tanstack/react-query";
+import {
+  DefaultError,
+  InfiniteData,
+  infiniteQueryOptions,
+  Optional,
+  QueryKey,
+  UnusedSkipTokenInfiniteOptions,
+  useInfiniteQuery,
+  UseInfiniteQueryOptions,
+  useSuspenseInfiniteQuery,
+  UseSuspenseInfiniteQueryOptions,
+} from "@tanstack/react-query";
 import { useEffect, useState } from "react";
 import { TPaginatedResponse } from "../types/redmine";
 
@@ -7,6 +18,20 @@ const defaultInitialPageParam = {
   limit: 100,
 };
 
+export const redminePaginatedInfiniteQueryOptions = <
+  TQueryFnData extends TPaginatedResponse<unknown>,
+  TError = DefaultError,
+  TData = InfiniteData<TQueryFnData, typeof defaultInitialPageParam>,
+  TQueryKey extends QueryKey = QueryKey,
+>(
+  options: Omit<Optional<UnusedSkipTokenInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">, "getNextPageParam" | "getPreviousPageParam">
+) =>
+  infiniteQueryOptions({
+    initialPageParam: defaultInitialPageParam,
+    getNextPageParam: (lastPage) => (lastPage.total_count > lastPage.offset + lastPage.limit ? { offset: lastPage.offset + lastPage.limit, limit: lastPage.limit } : undefined),
+    ...options,
+  });
+
 /**
  * Hook to fetch paginated data from Redmine API using infinite query
  */
@@ -36,18 +61,71 @@ export const useRedminePaginatedInfiniteQuery = <
   });
 
   // Auto fetch pages
+  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;
+  const { enabled } = options;
+  const [autoFetchedPages, setAutoFetchedPages] = useState(0);
+  useEffect(() => {
+    // Disabled or nothing to fetch
+    if (!enabled || !autoFetchPages || !hasNextPage || isFetchingNextPage) return;
+
+    // No more pages to fetch (limit reached)
+    if (typeof autoFetchPages === "number" && autoFetchedPages >= autoFetchPages) return;
+
+    // Fetch next page and increment counter after the fetch completes
+    fetchNextPage().then(() => {
+      setAutoFetchedPages((prev) => prev + 1);
+    });
+  }, [enabled, hasNextPage, isFetchingNextPage, fetchNextPage, autoFetchPages, autoFetchedPages]);
+
+  return query;
+};
+
+/**
+ * Hook to fetch paginated data from Redmine API using infinite query
+ */
+export const useSuspenseRedminePaginatedInfiniteQuery = <
+  TQueryFnData extends TPaginatedResponse<unknown>,
+  TError = DefaultError,
+  TData = InfiniteData<TQueryFnData, typeof defaultInitialPageParam>,
+  TQueryKey extends QueryKey = QueryKey,
+>({
+  autoFetchPages = false,
+  ...options
+}: Omit<
+  Optional<UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">,
+  "getNextPageParam" | "getPreviousPageParam"
+> & {
+  /**
+   * Automatically fetch next pages
+   * - `false`: disabled
+   * - `true`: enabled until there are no more pages
+   * - `number`: enabled with a limit of pages to fetch
+   *
+   * @default false
+   */
+  autoFetchPages?: boolean | number;
+}) => {
+  const query = useSuspenseInfiniteQuery({
+    initialPageParam: defaultInitialPageParam,
+    getNextPageParam: (lastPage) => (lastPage.total_count > lastPage.offset + lastPage.limit ? { offset: lastPage.offset + lastPage.limit, limit: lastPage.limit } : undefined),
+    ...options,
+  });
+
+  // Auto fetch pages
+  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;
   const [autoFetchedPages, setAutoFetchedPages] = useState(0);
   useEffect(() => {
     // Disabled or nothing to fetch
-    if (!autoFetchPages || !query.hasNextPage || query.isFetchingNextPage) return;
+    if (!autoFetchPages || !hasNextPage || isFetchingNextPage) return;
 
     // No more pages to fetch (limit reached)
     if (typeof autoFetchPages === "number" && autoFetchedPages >= autoFetchPages) return;
 
     // Fetch next page
-    query.fetchNextPage();
-    setAutoFetchedPages((prev) => prev + 1);
-  }, [query, autoFetchPages, autoFetchedPages]);
+    fetchNextPage().then(() => {
+      setAutoFetchedPages((prev) => prev + 1);
+    });
+  }, [hasNextPage, isFetchingNextPage, fetchNextPage, autoFetchPages, autoFetchedPages]);
 
   return query;
 };
diff --git a/src/hooks/useRedmineSearch.ts b/src/hooks/useRedmineSearch.ts
index 73eb4e2..b07cca9 100644
--- a/src/hooks/useRedmineSearch.ts
+++ b/src/hooks/useRedmineSearch.ts
@@ -70,6 +70,7 @@ const useRedmineSearch = (search: IssueSearchContext) => {
       ),
     select: (data) => data?.pages.map((page) => page.issues).flat(),
     enabled: issueIds.length > 0 && !searchResultQuery.isFetching,
+    placeholderData: keepPreviousData,
     staleTime: STALE_DATA_TIME,
     autoFetchPages: 10, // Auto fetch (max 10 pages)
   });
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index edc06d8..9d6c555 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -1,4 +1,6 @@
-import { useEffect, useState } from "react";
+import { queryClient } from "@/provider/QueryClientProvider";
+import { queryOptions, useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { useEffect, useEffectEvent } from "react";
 
 const Storage = {
   getItem: async (key: string) => (await chrome.storage.local.get(key))[key],
@@ -14,37 +16,69 @@ export const getStorage = async <T>(name: string, defaultValue: T): Promise<T> =
   return Storage.deserialize(data);
 };
 
-export const setStorage = <T>(name: string, data: T) => {
+const setStorage = <T>(name: string, data: T) => {
   Storage.setItem(name, Storage.serialize(data));
 };
 
-const useStorage = <T>(name: string, defaultValue: T) => {
-  const [localData, setLocalData] = useState(defaultValue);
-  const [isLoading, setIsLoading] = useState(true);
+const storageOptions = <T>(name: string, defaultValue: T) =>
+  queryOptions({
+    // eslint-disable-next-line @tanstack/query/exhaustive-deps
+    queryKey: ["storage", name],
+    queryFn: () => getStorage(name, defaultValue),
+    staleTime: 0, // Always refetch the latest data
+  });
 
-  // set data to storage
-  const setData = (data: T) => setStorage(name, data);
+/**
+ * A hook to manage persistent storage using Chrome's local storage.
+ * The data is cached using React Query to benefit from queryClient persister to improve performance.
+ * It subscribes to changes to keep the data in sync across different instances (e.g., different tabs or windows).
+ */
+export const useStorage = <T>(name: string, defaultValue: T) => {
+  const query = useQuery(storageOptions(name, defaultValue));
 
-  // Init load data
-  useEffect(() => {
-    getStorage(name, defaultValue).then((data) => {
-      setLocalData(data);
-      setIsLoading(false);
-    });
-  }, [name, defaultValue]);
+  const updateQueryDataEvent = useEffectEvent((data: T) => {
+    queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
+  });
 
-  // On chrome storage change => load data
   useEffect(() => {
     const onChange: Parameters<typeof chrome.storage.local.onChanged.addListener>[0] = (changes) => {
       if (!changes[name]) return; // other changed
-      setLocalData(Storage.deserialize(changes[name].newValue));
+      updateQueryDataEvent(Storage.deserialize(changes[name].newValue));
     };
 
     chrome.storage.local.onChanged.addListener(onChange);
     return () => chrome.storage.local.onChanged.removeListener(onChange);
   }, [name]);
 
-  return { data: localData, setData, isLoading };
+  return {
+    isLoading: query.isLoading,
+    data: query.data ?? defaultValue,
+    setData: (data: T) => setStorage(name, data),
+  };
 };
 
-export default useStorage;
+/**
+ * The suspense version of useStorage hook.
+ */
+export const useSuspenseStorage = <T>(name: string, defaultValue: T) => {
+  const query = useSuspenseQuery(storageOptions(name, defaultValue));
+
+  const updateQueryDataEvent = useEffectEvent((data: T) => {
+    queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
+  });
+
+  useEffect(() => {
+    const onChange: Parameters<typeof chrome.storage.local.onChanged.addListener>[0] = (changes) => {
+      if (!changes[name]) return; // other changed
+      updateQueryDataEvent(Storage.deserialize(changes[name].newValue));
+    };
+
+    chrome.storage.local.onChanged.addListener(onChange);
+    return () => chrome.storage.local.onChanged.removeListener(onChange);
+  }, [name]);
+
+  return {
+    data: query.data,
+    setData: (data: T) => setStorage(name, data),
+  };
+};
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index c69c7a2..3e2827e 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,9 +1,8 @@
 import { TimerSearchContext } from "@/components/timer/TimerSearch";
+import { TIssue } from "@/types/redmine";
 import { useMemo } from "react";
 import { useSettings } from "../provider/SettingsProvider";
-import { TIssue } from "../types/redmine";
-import useIssues from "./useIssues";
-import useStorage from "./useStorage";
+import { useSuspenseStorage } from "./useStorage";
 
 type TimerInfo = {
   id: string;
@@ -15,7 +14,6 @@ type TimerInfo = {
 };
 
 export type TimerController = TimerInfo & {
-  getIssue: () => TIssue | undefined;
   getElapsedTime: () => number;
   startTimer: () => void;
   pauseTimer: () => void;
@@ -28,22 +26,15 @@ export type TimerController = TimerInfo & {
 
 const _defaultTimers: Record<string, TimerInfo> = {};
 
-type Options = {
-  loadIssues?: boolean;
-};
-
 /**
  * Hook for managing timers
  */
-const useTimers = ({ loadIssues = false }: Options = {}) => {
+const useTimers = () => {
   const { settings } = useSettings();
 
-  const { data: timerInfos, setData: saveTimerInfos, isLoading } = useStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
+  const { data: timerInfos, setData: saveTimerInfos } = useSuspenseStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
   const timerInfosArray = useMemo(() => Object.values(timerInfos), [timerInfos]);
 
-  const issuesIds = Array.from(new Set(timerInfosArray.map((timerInfo) => timerInfo.issueId)));
-  const issues = useIssues(issuesIds, { enabled: loadIssues, keepPreviousData: true });
-
   return useMemo(() => {
     /**
      * Function to get a TimerController for a specific timer
@@ -60,10 +51,6 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
 
       return {
         ...timerInfo,
-        /**
-         * Get the issue associated with the timer
-         */
-        getIssue: () => issues.data.find((issue) => issue.id === timerInfo.issueId),
         /**
          * Get the elapsed time for the timer
          */
@@ -147,10 +134,6 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
     };
 
     return {
-      /**
-       * Is loading
-       */
-      isLoading: isLoading || issues.isLoading,
       /**
        * Get all timer issue ids
        */
@@ -178,7 +161,7 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
       /**
        * Search timers by name
        */
-      searchTimers: (search: TimerSearchContext) => {
+      searchTimers: (search: TimerSearchContext, issues?: TIssue[]) => {
         let timers = timerInfosArray;
 
         // local search
@@ -190,7 +173,7 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
             }
 
             // Match by issue
-            const issue = issues.data.find((issue) => issue.id === timer.issueId);
+            const issue = issues?.find((issue) => issue.id === timer.issueId);
             if (issue ? new RegExp(search.query, "i").test(`#${issue.id} ${issue.subject}`) : new RegExp(search.query, "i").test(`#${timer.issueId}`)) {
               return true;
             }
@@ -228,7 +211,7 @@ const useTimers = ({ loadIssues = false }: Options = {}) => {
         saveTimerInfos({ ...timerInfos, ...newTimers });
       },
     };
-  }, [isLoading, issues, timerInfos, saveTimerInfos, timerInfosArray, settings.features.autoPauseOnSwitch]);
+  }, [timerInfos, saveTimerInfos, timerInfosArray, settings.features.autoPauseOnSwitch]);
 };
 
 const calculateElapsedTime = (timerInfo: TimerInfo) => {
diff --git a/src/lang/de.json b/src/lang/de.json
index 81af726..b799e93 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -3,7 +3,6 @@
   "nav.tabs.issues": "Tickets",
   "nav.tabs.time": "Zeit",
   "nav.tabs.settings": "Einstellungen",
-  "nav.error.page-not-found": "Seite nicht gefunden!",
 
   "timers.list.no-options": "Keine Timer",
   "timer.context-menu.start": "Timer starten",
@@ -174,8 +173,9 @@
   "general.search": "Suche...",
   "general.no-options": "Keine Optionen",
   "general.retry": "Wiederholen",
-  "general.error.fail-to-load-data": "Fehler beim Laden der Daten",
-  "general.error.unknown-error-occurred": "Ein unbekannter Fehler ist aufgetreten",
+  "general.error.api-error": "API-Fehler",
+  "general.error.unknown-error": "Unbekannter Fehler: {name}",
+  "general.error.page-not-found": "Seite nicht gefunden",
 
   "format.hours": "{hours} Std."
 }
diff --git a/src/lang/en.json b/src/lang/en.json
index 04680dc..b83099c 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -3,7 +3,6 @@
   "nav.tabs.issues": "Issues",
   "nav.tabs.time": "Time",
   "nav.tabs.settings": "Settings",
-  "nav.error.page-not-found": "Page not found!",
 
   "timers.list.no-options": "No timers",
   "timer.context-menu.start": "Start timer",
@@ -174,8 +173,9 @@
   "general.search": "Search...",
   "general.no-options": "No options",
   "general.retry": "Retry",
-  "general.error.fail-to-load-data": "Failed to load data",
-  "general.error.unknown-error-occurred": "An unknown error occurred",
+  "general.error.api-error": "API-Error",
+  "general.error.unknown-error": "Unknown error: {name}",
+  "general.error.page-not-found": "Page not found",
 
   "format.hours": "{hours} h"
 }
diff --git a/src/lang/fr.json b/src/lang/fr.json
index b730ca9..79a975d 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -3,7 +3,6 @@
   "nav.tabs.issues": "Tickets",
   "nav.tabs.time": "Temps",
   "nav.tabs.settings": "Paramètres",
-  "nav.error.page-not-found": "Page introuvable !",
 
   "timers.list.no-options": "No timers",
   "timer.context-menu.start": "Démarrer le minuteur",
@@ -174,8 +173,9 @@
   "general.search": "Rechercher...",
   "general.no-options": "Aucune option",
   "general.retry": "Retry",
-  "general.error.fail-to-load-data": "Impossible de charger les données",
-  "general.error.unknown-error-occurred": "An unknown error occurred",
+  "general.error.api-error": "API-Error",
+  "general.error.unknown-error": "Unknown error: {name}",
+  "general.error.page-not-found": "Page introuvable",
 
   "format.hours": "{hours} h"
 }
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 0463606..5c6d8df 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -3,7 +3,6 @@
   "nav.tabs.issues": "Задачи",
   "nav.tabs.time": "Время",
   "nav.tabs.settings": "Настройки",
-  "nav.error.page-not-found": "Страница не найдена!",
 
   "timers.list.no-options": "No timers",
   "timer.context-menu.start": "Запустить таймер",
@@ -174,8 +173,9 @@
   "general.search": "Поиск...",
   "general.no-options": "No options",
   "general.retry": "Retry",
-  "general.error.fail-to-load-data": "Не удалось загрузить данные",
-  "general.error.unknown-error-occurred": "An unknown error occurred",
+  "general.error.api-error": "API-Error",
+  "general.error.unknown-error": "Unknown error: {name}",
+  "general.error.page-not-found": "Страница не найдена",
 
   "format.hours": "{hours} ч"
 }
diff --git a/src/main.tsx b/src/main.tsx
index 5829a70..f30ca07 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,13 +1,67 @@
 import Providers from "@/provider/Providers.tsx";
+import { QueryClient } from "@tanstack/react-query";
+import { createHashHistory, createRouter, RouterProvider } from "@tanstack/react-router";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import MainApp from "./MainApp";
+import { RedmineApi } from "./api/redmine";
+import { ErrorComponent } from "./components/error/ErrorComponent";
+import { Layout } from "./components/general/Layout";
 import "./index.css";
+import { queryClient } from "./provider/QueryClientProvider";
+import { useRedmineApi } from "./provider/RedmineApiProvider";
+import { Settings, useSettings } from "./provider/SettingsProvider";
+import { routeTree } from "./routeTree.gen";
+import { getWindowLocationType } from "./utils/popout";
+
+export interface RouteContext {
+  settings: Settings;
+  queryClient: QueryClient;
+  redmineApi: RedmineApi;
+}
+
+const hashHistory = createHashHistory();
+const router = createRouter({
+  routeTree,
+  history: hashHistory,
+  context: {
+    settings: undefined!,
+    queryClient,
+    redmineApi: undefined!,
+  },
+  defaultErrorComponent: ErrorComponent,
+  defaultPendingMs: 250,
+  defaultPendingMinMs: 250,
+});
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: typeof router;
+  }
+}
+
+const App = () => {
+  const { settings } = useSettings();
+  const redmineApi = useRedmineApi();
+
+  return (
+    <RouterProvider
+      router={router}
+      context={{
+        settings,
+        redmineApi,
+      }}
+    />
+  );
+};
+
+const locationType = getWindowLocationType();
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <Providers>
-      <MainApp />
-    </Providers>
+    <Layout locationType={locationType}>
+      <Providers suspense={locationType === "options"}>
+        <App />
+      </Providers>
+    </Layout>
   </React.StrictMode>
 );
diff --git a/src/manifest.json b/src/manifest.json
index 62518ed..14057b5 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -13,7 +13,7 @@
   "homepage_url": "https://github.com/CrawlerCode/redmine-time-tracking",
   "action": {
     "default_title": "__MSG_extName__",
-    "default_popup": "index.html?location=popup"
+    "default_popup": "index.html?location=popup#/issues"
   },
   "options_ui": {
     "page": "index.html?location=options#/settings",
diff --git a/src/pages/IssuesPage.tsx b/src/pages/IssuesPage.tsx
deleted file mode 100644
index e9a3e17..0000000
--- a/src/pages/IssuesPage.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { useIntl } from "react-intl";
-import Filter, { filterIssues, useFilter } from "../components/issue/Filter";
-import IssueSearch, { filterIssuesByLocalSearch, useIssueSearch } from "../components/issue/IssueSearch";
-import IssuesList from "../components/issue/IssuesList";
-import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import TimersBadge from "../components/timer/TimersBadge";
-import useIssuePriorities from "../hooks/useIssuePriorities";
-import useLocalIssues from "../hooks/useLocalIssues";
-import useMyIssues from "../hooks/useMyIssues";
-import useProjectVersions from "../hooks/useProjectVersions";
-import useRedmineSearch from "../hooks/useRedmineSearch";
-import useTimers from "../hooks/useTimers";
-import { useSettings } from "../provider/SettingsProvider";
-
-const IssuesPage = () => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-
-  const localIssues = useLocalIssues();
-  const timers = useTimers();
-
-  const search = useIssueSearch();
-  const filter = useFilter();
-  const myIssuesQuery = useMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])));
-  const searchIssues = useRedmineSearch(search);
-  const issues = filterIssues(search.isSearching && search.settings.mode === "remote" ? searchIssues.data : filterIssuesByLocalSearch(myIssuesQuery.data, search), filter.settings);
-
-  const issuePriorities = useIssuePriorities({ enabled: settings.style.sortIssuesByPriority || settings.style.showIssuesPriority });
-  const projectVersions = useProjectVersions([...new Set(issues.filter((i) => i.fixed_version).map((i) => i.project.id))], { enabled: settings.style.groupIssuesByVersion });
-
-  const isLoading = timers.isLoading || localIssues.isLoading || myIssuesQuery.isLoading || issuePriorities.isLoading || projectVersions.isLoading || searchIssues.isLoading || filter.isLoading;
-
-  return (
-    <>
-      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
-
-      <div className="mb-1 flex justify-end">
-        <Filter.Button />
-      </div>
-
-      {isLoading ? (
-        <IssuesListSkeleton />
-      ) : (
-        <>
-          <IssuesList issues={issues} localIssues={localIssues} issuePriorities={issuePriorities} projectVersions={projectVersions} timers={timers} />
-
-          {search.isSearching && search.settings.mode === "remote" && searchIssues.hasNextPage && (
-            <div className="mt-4 flex justify-center">
-              <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
-                {formatMessage({ id: "issues.list.load-more" })}
-              </Button>
-            </div>
-          )}
-        </>
-      )}
-    </>
-  );
-};
-
-const IssuesPageWrapper = () => {
-  return (
-    <IssueSearch>
-      <Filter.Provider>
-        <IssuesPage />
-      </Filter.Provider>
-    </IssueSearch>
-  );
-};
-
-export default IssuesPageWrapper;
diff --git a/src/pages/TimePage.tsx b/src/pages/TimePage.tsx
deleted file mode 100644
index cfd834a..0000000
--- a/src/pages/TimePage.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { isMonday, previousMonday, startOfDay, subWeeks } from "date-fns";
-import TimeEntryList from "../components/time-entry/TimeEntryList";
-import TimeEntryListSkeleton from "../components/time-entry/TimeEntryListSkeleton";
-import useMyTimeEntries from "../hooks/useMyTimeEntries";
-
-const TimePage = () => {
-  const today = startOfDay(new Date());
-  const startOfLastWeek = subWeeks(isMonday(today) ? today : previousMonday(today), 1);
-
-  const myTimeEntriesQuery = useMyTimeEntries(startOfLastWeek, today);
-
-  return <div className="flex flex-col gap-y-2">{myTimeEntriesQuery.isLoading ? <TimeEntryListSkeleton /> : <TimeEntryList entries={myTimeEntriesQuery.data} />}</div>;
-};
-
-export default TimePage;
diff --git a/src/pages/TimersPage.tsx b/src/pages/TimersPage.tsx
deleted file mode 100644
index b55cf73..0000000
--- a/src/pages/TimersPage.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
-import { FormattedMessage } from "react-intl";
-import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import Timer from "../components/timer/Timer";
-import TimersBadge from "../components/timer/TimersBadge";
-import useIssuePriorities from "../hooks/useIssuePriorities";
-import useTimers from "../hooks/useTimers";
-import { useSettings } from "../provider/SettingsProvider";
-
-const TimersPage = () => {
-  const { settings } = useSettings();
-
-  const timers = useTimers({
-    loadIssues: true,
-  });
-  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
-
-  const search = useTimerSearch();
-  const matchedTimers = timers.searchTimers(search);
-
-  const isLoading = timers.isLoading || issuePriorities.isLoading;
-
-  return (
-    <>
-      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
-
-      <div className="flex flex-col gap-y-2">
-        {isLoading ? (
-          <IssuesListSkeleton />
-        ) : (
-          <>
-            {matchedTimers.map((timer) => {
-              const issue = timer.getIssue();
-              return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
-            })}
-
-            {matchedTimers.length === 0 && (
-              <p className="text-center">
-                <FormattedMessage id="timers.list.no-options" />
-              </p>
-            )}
-          </>
-        )}
-      </div>
-    </>
-  );
-};
-
-const SearchWrapper = () => {
-  return (
-    <TimerSearch>
-      <TimersPage />
-    </TimerSearch>
-  );
-};
-
-export default SearchWrapper;
diff --git a/src/provider/Providers.tsx b/src/provider/Providers.tsx
index 65d1a7c..20717da 100644
--- a/src/provider/Providers.tsx
+++ b/src/provider/Providers.tsx
@@ -1,26 +1,33 @@
 import { Toaster } from "@/components/ui/sonner";
-import { ReactNode } from "react";
-import { HashRouter } from "react-router-dom";
+import { PropsWithChildren, Suspense } from "react";
 import IntlProvider from "./IntlProvider";
 import QueryClientProvider from "./QueryClientProvider";
 import RedmineApiProvider from "./RedmineApiProvider";
 import SettingsProvider from "./SettingsProvider";
 
-const Providers = ({ children }: { children: ReactNode }) => {
-  return (
-    <HashRouter>
+interface ProvidersProps extends PropsWithChildren {
+  suspense?: boolean;
+}
+
+const Providers = ({ suspense, children }: ProvidersProps) => {
+  const providers = (
+    <QueryClientProvider>
       <SettingsProvider>
         <RedmineApiProvider>
-          <QueryClientProvider>
-            <IntlProvider>
-              {children}
-              <Toaster />
-            </IntlProvider>
-          </QueryClientProvider>
+          <IntlProvider>
+            {children}
+            <Toaster />
+          </IntlProvider>
         </RedmineApiProvider>
       </SettingsProvider>
-    </HashRouter>
+    </QueryClientProvider>
   );
+
+  if (suspense) {
+    return <Suspense>{providers}</Suspense>;
+  }
+
+  return providers;
 };
 
 export default Providers;
diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index da67cdc..6ae825c 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -1,11 +1,12 @@
 import { getErrorMessage } from "@/utils/error";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
 import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
-import { PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
-import { lazy, ReactNode, Suspense, useEffect } from "react";
+import { PersistQueryClientOptions, PersistQueryClientProvider, persistQueryClientRestore } from "@tanstack/react-query-persist-client";
+import { isAxiosError } from "axios";
+import { lazy, PropsWithChildren, Suspense, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { toast } from "sonner";
-import useStorage from "../hooks/useStorage";
+import { useStorage } from "../hooks/useStorage";
 
 declare module "@tanstack/react-query" {
   interface Register {
@@ -22,19 +23,13 @@ declare module "@tanstack/react-query" {
        * Should display a success toast when the mutation succeeds
        */
       successMessage?: string;
-      /**
-       * Error message to display in the toast when the mutation fails
-       *
-       * @default "An unknown error occurred"
-       */
-      errorMessage?: string;
     };
   }
 }
 
 const CACHE_TIME = 1000 * 60 * 60 * 24; // 24 hours
 
-const queryClient = new QueryClient({
+export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       gcTime: CACHE_TIME,
@@ -43,16 +38,32 @@ const queryClient = new QueryClient({
     },
   },
   queryCache: new QueryCache({
-    onError: (_, query) => {
+    onError: (error, query) => {
       if (query.meta?.displayErrorToast === false) return;
 
+      if (!isAxiosError(error)) {
+        toast.error(
+          <FormattedMessage
+            id="general.error.unknown-error"
+            values={{
+              name: error.name,
+            }}
+          />,
+          {
+            description: getErrorMessage(error),
+            duration: 1000 * 60, // 1 minute
+          }
+        );
+        return;
+      }
+
       const failedQueries = queryClient
         .getQueryCache()
         .getAll()
-        .filter((q) => q.state.error && q.meta?.displayErrorToast !== false);
+        .filter((q) => q.state.error && isAxiosError(q.state.error) && q.meta?.displayErrorToast !== false);
 
-      toast.error(<FormattedMessage id="general.error.fail-to-load-data" />, {
-        id: "failed-to-load-data",
+      toast.error(<FormattedMessage id="general.error.api-error" />, {
+        id: "api-error",
         dismissible: false,
         description: Object.entries(
           failedQueries.reduce((errors: Record<string, number>, q) => {
@@ -74,6 +85,7 @@ const queryClient = new QueryClient({
             });
           },
         },
+        duration: 1000 * 60, // 1 minute
       });
     },
   }),
@@ -83,8 +95,17 @@ const queryClient = new QueryClient({
         toast.success(mutation.meta.successMessage);
       }
     },
-    onError: (error, _variables, _context, mutation) => {
-      const title = mutation.meta?.errorMessage || <FormattedMessage id="general.error.unknown-error-occurred" />;
+    onError: (error) => {
+      const title = isAxiosError(error) ? (
+        <FormattedMessage id="general.error.api-error" />
+      ) : (
+        <FormattedMessage
+          id="general.error.unknown-error"
+          values={{
+            name: error.name,
+          }}
+        />
+      );
       toast.error(title, {
         description: getErrorMessage(error),
         duration: 1000 * 60 * 5, // 5 minutes
@@ -102,17 +123,34 @@ const persister = createAsyncStoragePersister({
   throttleTime: 1000,
 });
 
+const persistOptions: Omit<PersistQueryClientOptions, "queryClient"> = {
+  buster: chrome.runtime.getManifest().version,
+  persister,
+  maxAge: CACHE_TIME,
+};
+
+export const restoreQueryClient = async () =>
+  persistQueryClientRestore({
+    queryClient,
+    ...persistOptions,
+  });
+
+const QueryClientProvider = ({ children }: PropsWithChildren) => {
+  return (
+    <PersistQueryClientProvider client={queryClient} persistOptions={persistOptions}>
+      {children}
+      <QueryClientDevtools />
+    </PersistQueryClientProvider>
+  );
+};
+
 const ReactQueryDevtoolsProduction = lazy(() =>
   import("@tanstack/react-query-devtools/build/modern/production.js").then((d) => ({
     default: d.ReactQueryDevtools,
   }))
 );
 
-type PropTypes = {
-  children: ReactNode;
-};
-
-const QueryClientProvider = ({ children }: PropTypes) => {
+const QueryClientDevtools = () => {
   const { data: showDevtools, setData: setShowDevtools } = useStorage("tanstackQueryDevtools", false);
 
   useEffect(() => {
@@ -121,22 +159,12 @@ const QueryClientProvider = ({ children }: PropTypes) => {
     window.toggleDevtools = () => setShowDevtools(!showDevtools);
   }, [showDevtools, setShowDevtools]);
 
+  if (!showDevtools) return null;
+
   return (
-    <PersistQueryClientProvider
-      client={queryClient}
-      persistOptions={{
-        buster: chrome.runtime.getManifest().version,
-        persister: persister,
-        maxAge: CACHE_TIME,
-      }}
-    >
-      {children}
-      {showDevtools && (
-        <Suspense fallback={null}>
-          <ReactQueryDevtoolsProduction />
-        </Suspense>
-      )}
-    </PersistQueryClientProvider>
+    <Suspense fallback={null}>
+      <ReactQueryDevtoolsProduction />
+    </Suspense>
   );
 };
 
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index fbc7862..98ede3f 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -1,6 +1,6 @@
 import deepmerge from "deepmerge";
 import { ReactNode, createContext, use } from "react";
-import useStorage, { getStorage } from "../hooks/useStorage";
+import { getStorage, useSuspenseStorage } from "../hooks/useStorage";
 
 export type Settings = {
   language: string;
@@ -64,7 +64,7 @@ const SettingsContext = createContext({
 });
 
 export const SettingsProvider = ({ children }: { children: ReactNode }) => {
-  const { data, setData } = useStorage<Partial<Settings>>("settings", defaultSettings);
+  const { data, setData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
 
   // Migrate old settings TODO: Remove in future
   if (data?.features?.roundTimeNearestQuarterHour === true) {
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
new file mode 100644
index 0000000..0c1e52a
--- /dev/null
+++ b/src/routeTree.gen.ts
@@ -0,0 +1,131 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from "./routes/__root"
+import { Route as TimersRouteImport } from "./routes/timers"
+import { Route as TimeRouteImport } from "./routes/time"
+import { Route as SettingsRouteImport } from "./routes/settings"
+import { Route as IssuesRouteImport } from "./routes/issues"
+import { Route as IndexRouteImport } from "./routes/index"
+
+const TimersRoute = TimersRouteImport.update({
+  id: "/timers",
+  path: "/timers",
+  getParentRoute: () => rootRouteImport,
+} as any)
+const TimeRoute = TimeRouteImport.update({
+  id: "/time",
+  path: "/time",
+  getParentRoute: () => rootRouteImport,
+} as any)
+const SettingsRoute = SettingsRouteImport.update({
+  id: "/settings",
+  path: "/settings",
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IssuesRoute = IssuesRouteImport.update({
+  id: "/issues",
+  path: "/issues",
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: "/",
+  path: "/",
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  "/": typeof IndexRoute
+  "/issues": typeof IssuesRoute
+  "/settings": typeof SettingsRoute
+  "/time": typeof TimeRoute
+  "/timers": typeof TimersRoute
+}
+export interface FileRoutesByTo {
+  "/": typeof IndexRoute
+  "/issues": typeof IssuesRoute
+  "/settings": typeof SettingsRoute
+  "/time": typeof TimeRoute
+  "/timers": typeof TimersRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  "/": typeof IndexRoute
+  "/issues": typeof IssuesRoute
+  "/settings": typeof SettingsRoute
+  "/time": typeof TimeRoute
+  "/timers": typeof TimersRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths: "/" | "/issues" | "/settings" | "/time" | "/timers"
+  fileRoutesByTo: FileRoutesByTo
+  to: "/" | "/issues" | "/settings" | "/time" | "/timers"
+  id: "__root__" | "/" | "/issues" | "/settings" | "/time" | "/timers"
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  IssuesRoute: typeof IssuesRoute
+  SettingsRoute: typeof SettingsRoute
+  TimeRoute: typeof TimeRoute
+  TimersRoute: typeof TimersRoute
+}
+
+declare module "@tanstack/react-router" {
+  interface FileRoutesByPath {
+    "/timers": {
+      id: "/timers"
+      path: "/timers"
+      fullPath: "/timers"
+      preLoaderRoute: typeof TimersRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    "/time": {
+      id: "/time"
+      path: "/time"
+      fullPath: "/time"
+      preLoaderRoute: typeof TimeRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    "/settings": {
+      id: "/settings"
+      path: "/settings"
+      fullPath: "/settings"
+      preLoaderRoute: typeof SettingsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    "/issues": {
+      id: "/issues"
+      path: "/issues"
+      fullPath: "/issues"
+      preLoaderRoute: typeof IssuesRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    "/": {
+      id: "/"
+      path: "/"
+      fullPath: "/"
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  IssuesRoute: IssuesRoute,
+  SettingsRoute: SettingsRoute,
+  TimeRoute: TimeRoute,
+  TimersRoute: TimersRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
new file mode 100644
index 0000000..1882b00
--- /dev/null
+++ b/src/routes/__root.tsx
@@ -0,0 +1,64 @@
+import { GlobalErrorComponent } from "@/components/error/GlobalErrorComponent";
+import { NotFoundComponent } from "@/components/error/NotFoundComponent";
+import Navbar from "@/components/general/Navbar";
+import { RouteContext } from "@/main";
+import { restoreQueryClient } from "@/provider/QueryClientProvider";
+import { createPopOut, getWindowLocationType } from "@/utils/popout";
+import { createRootRouteWithContext, Outlet } from "@tanstack/react-router";
+import { CalendarDaysIcon, ListIcon, SettingsIcon, SquareArrowOutUpRightIcon, TimerIcon } from "lucide-react";
+import { useIntl } from "react-intl";
+
+export const Route = createRootRouteWithContext<RouteContext>()({
+  component: RootLayout,
+  beforeLoad: async () => {
+    // Restore query client state before loading any route
+    await restoreQueryClient();
+  },
+  notFoundComponent: NotFoundComponent,
+  errorComponent: GlobalErrorComponent,
+});
+
+function RootLayout() {
+  const { formatMessage } = useIntl();
+
+  const locationType = getWindowLocationType();
+
+  return (
+    <>
+      <header className="relative">
+        <Navbar
+          navigation={[
+            {
+              href: "/timers",
+              icon: <TimerIcon />,
+              name: formatMessage({ id: "nav.tabs.timers" }),
+            },
+            {
+              href: "/issues",
+              icon: <ListIcon />,
+              name: formatMessage({ id: "nav.tabs.issues" }),
+            },
+            {
+              href: "/time",
+              icon: <CalendarDaysIcon />,
+              name: formatMessage({ id: "nav.tabs.time" }),
+            },
+            {
+              href: "/settings",
+              icon: <SettingsIcon />,
+              name: formatMessage({ id: "nav.tabs.settings" }),
+            },
+          ]}
+        />
+        {locationType === "popup" && (
+          <SquareArrowOutUpRightIcon className="bg-card border-border/30 absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full border p-1.5" onClick={createPopOut} />
+        )}
+      </header>
+      <main className="flex-1 overflow-y-auto">
+        <div className="p-2">
+          <Outlet />
+        </div>
+      </main>
+    </>
+  );
+}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
new file mode 100644
index 0000000..2b630b6
--- /dev/null
+++ b/src/routes/index.tsx
@@ -0,0 +1,5 @@
+import { createFileRoute, Navigate } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/")({
+  component: () => <Navigate to="/issues" />,
+});
diff --git a/src/routes/issues.tsx b/src/routes/issues.tsx
new file mode 100644
index 0000000..6daa377
--- /dev/null
+++ b/src/routes/issues.tsx
@@ -0,0 +1,98 @@
+import { Button } from "@/components/ui/button";
+import useActiveRedmineTab from "@/hooks/useActiveRedmineTab";
+import { issuePrioritiesQueryOptions, useSuspenseIssuePriorities } from "@/hooks/useIssuePriorities";
+import { myOpenIssuesQueryOptions, useSuspenseMyIssues } from "@/hooks/useMyIssues";
+import { useSuspenseMultipleProjectVersions } from "@/hooks/useProjectVersions";
+import { useSettings } from "@/provider/SettingsProvider";
+import { groupIssues } from "@/utils/groupIssues";
+import { createFileRoute } from "@tanstack/react-router";
+import { useMemo } from "react";
+import { useIntl } from "react-intl";
+import Filter, { filterIssues, useFilter } from "../components/issue/Filter";
+import IssueSearch, { filterIssuesByLocalSearch, useIssueSearch } from "../components/issue/IssueSearch";
+import IssuesList from "../components/issue/IssuesList";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import TimersBadge from "../components/timer/TimersBadge";
+import useLocalIssues from "../hooks/useLocalIssues";
+import useRedmineSearch from "../hooks/useRedmineSearch";
+import useTimers from "../hooks/useTimers";
+
+export const Route = createFileRoute("/issues")({
+  component: PageComponent,
+  loader: async ({ context: { settings, queryClient, redmineApi } }) => {
+    // Prefetch required data in parallel mode
+    await Promise.all([
+      queryClient.prefetchInfiniteQuery({
+        ...myOpenIssuesQueryOptions(redmineApi),
+        pages: 3,
+      }),
+      ...(settings.style.sortIssuesByPriority ? [queryClient.prefetchQuery(issuePrioritiesQueryOptions(redmineApi))] : []),
+    ]);
+  },
+  pendingComponent: () => <IssuesListSkeleton />,
+});
+
+function PageComponent() {
+  return (
+    <IssueSearch>
+      <Filter.Provider>
+        <IssuesPage />
+      </Filter.Provider>
+    </IssueSearch>
+  );
+}
+
+const IssuesPage = () => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const localIssues = useLocalIssues();
+  const timers = useTimers();
+
+  const search = useIssueSearch();
+  const searchIssues = useRedmineSearch(search);
+  const filter = useFilter();
+
+  const myIssuesQuery = useSuspenseMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])));
+  const unsortedIssues = filterIssues(search.isSearching && search.settings.mode === "remote" ? searchIssues.data : filterIssuesByLocalSearch(myIssuesQuery.data, search), filter.settings);
+
+  const activeTab = useActiveRedmineTab();
+
+  const { priorities } = useSuspenseIssuePriorities({ enabled: settings.style.sortIssuesByPriority });
+  const { projectVersionsMap } = useSuspenseMultipleProjectVersions([...new Set(unsortedIssues.filter((i) => i.fixed_version).map((i) => i.project.id))], {
+    enabled: settings.style.groupIssuesByVersion,
+  });
+
+  const groupedIssues = useMemo(
+    () =>
+      groupIssues(unsortedIssues, {
+        localIssues: localIssues.localIssues,
+        timers: timers.getAllTimers(),
+        issuePriorities: priorities,
+        projectVersions: projectVersionsMap,
+        activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
+        settings,
+      }),
+    [unsortedIssues, localIssues.localIssues, timers, priorities, projectVersionsMap, activeTab, settings]
+  );
+
+  return (
+    <>
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
+
+      <div className="mb-1 flex justify-end">
+        <Filter.Button />
+      </div>
+
+      <IssuesList groupedIssues={groupedIssues} localIssues={localIssues} timers={timers} />
+
+      {search.isSearching && search.settings.mode === "remote" && searchIssues.hasNextPage && !searchIssues.isLoading && (
+        <div className="mt-4 flex justify-center">
+          <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
+            {formatMessage({ id: "issues.list.load-more" })}
+          </Button>
+        </div>
+      )}
+    </>
+  );
+};
diff --git a/src/pages/SettingsPage.tsx b/src/routes/settings.tsx
similarity index 98%
rename from src/pages/SettingsPage.tsx
rename to src/routes/settings.tsx
index 423b202..6ea16c4 100644
--- a/src/pages/SettingsPage.tsx
+++ b/src/routes/settings.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable react/no-children-prop */
 import { Button } from "@/components/ui/button";
 import { useQueryClient } from "@tanstack/react-query";
+import { createFileRoute } from "@tanstack/react-router";
 import { DE, FlagComponent, FR, GB, RU } from "country-flag-icons/react/3x2";
 import { BugIcon, GlobeIcon, InfoIcon, ServerIcon } from "lucide-react";
 import { useState } from "react";
@@ -15,6 +16,10 @@ import { LANGUAGES } from "../provider/IntlProvider";
 import { useSettings } from "../provider/SettingsProvider";
 import { formatHoursUsually } from "../utils/date";
 
+export const Route = createFileRoute("/settings")({
+  component: PageComponent,
+});
+
 const LANGUAGE_FLAGS: Record<(typeof LANGUAGES)[number], FlagComponent> = {
   en: GB,
   de: DE,
@@ -22,7 +27,7 @@ const LANGUAGE_FLAGS: Record<(typeof LANGUAGES)[number], FlagComponent> = {
   fr: FR,
 };
 
-const SettingsPage = () => {
+function PageComponent() {
   const queryClient = useQueryClient();
   const { formatMessage, formatNumber } = useIntl();
   const { settings, setSettings } = useSettings();
@@ -64,7 +69,7 @@ const SettingsPage = () => {
     onSubmit: ({ value }) => {
       value.redmineURL = value.redmineURL.replace(/\/$/, "");
       setSettings(value);
-      queryClient.clear();
+      queryClient.resetQueries();
       setEditRedmineInstance(false);
       toast.success(formatMessage({ id: "settings.settings-saved" }));
     },
@@ -320,7 +325,7 @@ const SettingsPage = () => {
       <Info />
     </>
   );
-};
+}
 
 const Info = () => {
   const { name, version, version_name } = chrome.runtime.getManifest();
@@ -357,5 +362,3 @@ const Info = () => {
     </FormFieldset>
   );
 };
-
-export default SettingsPage;
diff --git a/src/routes/time.tsx b/src/routes/time.tsx
new file mode 100644
index 0000000..5bf959e
--- /dev/null
+++ b/src/routes/time.tsx
@@ -0,0 +1,19 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { isMonday, previousMonday, startOfDay, subWeeks } from "date-fns";
+import TimeEntryList from "../components/time-entry/TimeEntryList";
+import TimeEntryListSkeleton from "../components/time-entry/TimeEntryListSkeleton";
+import { useSuspenseMyTimeEntries } from "../hooks/useMyTimeEntries";
+
+export const Route = createFileRoute("/time")({
+  component: PageComponent,
+  pendingComponent: () => <TimeEntryListSkeleton />,
+});
+
+function PageComponent() {
+  const today = startOfDay(new Date());
+  const startOfLastWeek = subWeeks(isMonday(today) ? today : previousMonday(today), 1);
+
+  const myTimeEntriesQuery = useSuspenseMyTimeEntries(startOfLastWeek, today);
+
+  return <TimeEntryList entries={myTimeEntriesQuery.data} />;
+}
diff --git a/src/routes/timers.tsx b/src/routes/timers.tsx
new file mode 100644
index 0000000..f924f7f
--- /dev/null
+++ b/src/routes/timers.tsx
@@ -0,0 +1,53 @@
+import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
+import { useIssuePriorities } from "@/hooks/useIssuePriorities";
+import { useSuspenseIssues } from "@/hooks/useIssues";
+import { createFileRoute } from "@tanstack/react-router";
+import { FormattedMessage } from "react-intl";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import Timer from "../components/timer/Timer";
+import TimersBadge from "../components/timer/TimersBadge";
+import useTimers from "../hooks/useTimers";
+import { useSettings } from "../provider/SettingsProvider";
+
+export const Route = createFileRoute("/timers")({
+  component: PageComponent,
+  pendingComponent: () => <IssuesListSkeleton />,
+});
+
+function PageComponent() {
+  return (
+    <TimerSearch>
+      <TimersPage />
+    </TimerSearch>
+  );
+}
+
+const TimersPage = () => {
+  const { settings } = useSettings();
+
+  const timers = useTimers();
+  const issues = useSuspenseIssues(timers.getIssuesIds());
+  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
+
+  const search = useTimerSearch();
+  const matchedTimers = timers.searchTimers(search, issues.data);
+
+  return (
+    <>
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
+
+      <div className="flex flex-col gap-y-2">
+        {matchedTimers.map((timer) => {
+          const issue = issues.data.find((issue) => issue.id === timer.issueId);
+          return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
+        })}
+
+        {matchedTimers.length === 0 && (
+          <p className="text-center">
+            <FormattedMessage id="timers.list.no-options" />
+          </p>
+        )}
+      </div>
+    </>
+  );
+};
diff --git a/src/utils/popout.ts b/src/utils/popout.ts
index a07b073..98912b0 100644
--- a/src/utils/popout.ts
+++ b/src/utils/popout.ts
@@ -1,4 +1,4 @@
-type WindowLocationType = "popup" | "popout" | "options" | "unknown";
+export type WindowLocationType = "popup" | "popout" | "options" | "unknown";
 
 export const getWindowLocationType = () => (new URLSearchParams(location.search).get("location") ?? "unknown") as WindowLocationType;
 
diff --git a/vite.config.ts b/vite.config.ts
index 8bea722..f31765a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,12 +1,14 @@
 import tailwindcss from "@tailwindcss/vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
-import "dotenv/config";
 import path from "path";
 import { defineConfig } from "vite";
 import { viteStaticCopy } from "vite-plugin-static-copy";
 import zipPack from "vite-plugin-zip-pack";
 import packageJson from "./package.json";
 
+import "dotenv/config";
+
 const platform = process.env.PLATFORM ?? "chrome";
 
 // https://vitejs.dev/config/
@@ -44,6 +46,11 @@ export default defineConfig((env) => ({
       },
     }),
     tailwindcss(),
+    tanstackRouter({
+      target: "react",
+      autoCodeSplitting: true,
+      quoteStyle: "double",
+    }),
     viteStaticCopy({
       targets: [
         {

From a83bf3074e9228c57c7672e00e6cf83fab670b0b Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 18 Dec 2025 18:40:50 +0100
Subject: [PATCH 16/55] build: Migrate to wxt framework (#53)

---
 .github/workflows/publish-canary.yml          |   31 +
 .github/workflows/publish.yml                 |   54 +-
 .gitignore                                    |    4 +-
 .prettierignore                               |    1 +
 package.json                                  |   24 +-
 pnpm-lock.yaml                                | 3103 +++++++++++++----
 public/{logo128.png => icon/128.png}          |  Bin
 public/{logo16.png => icon/16.png}            |  Bin
 public/{logo48.png => icon/48.png}            |  Bin
 public/tw-properties.css                      |   65 -
 src/background.ts                             |   46 -
 .../general/BrowserNotificationBadge.tsx      |    7 +-
 src/components/general/Layout.tsx             |   10 +-
 src/components/ui/alert-dialog.tsx            |    2 +-
 src/components/ui/context-menu.tsx            |    2 +-
 src/components/ui/dialog.tsx                  |    2 +-
 src/components/ui/popover.tsx                 |    2 +-
 src/components/ui/select.tsx                  |    2 +-
 src/components/ui/tooltip.tsx                 |    2 +-
 src/content.tsx                               |   47 -
 src/entrypoints/background.ts                 |   56 +
 src/entrypoints/content.tsx                   |   45 +
 index.html => src/entrypoints/index.html      |    4 +-
 src/entrypoints/options.html                  |   13 +
 src/entrypoints/popup.html                    |   13 +
 src/hooks/useActiveRedmineTab.ts              |    7 +-
 src/hooks/useStorage.ts                       |   23 +-
 src/index.css                                 |    6 +-
 src/inject-content-module.ts                  |    6 -
 src/main.tsx                                  |   26 +-
 src/manifest.json                             |   30 -
 src/provider/QueryClientProvider.tsx          |    9 +-
 src/provider/SettingsProvider.tsx             |    5 +-
 src/routes/__root.tsx                         |   20 +-
 src/routes/index.tsx                          |   13 +-
 src/routes/issues.tsx                         |  196 +-
 src/routes/settings.tsx                       |    3 +-
 src/routes/timers.tsx                         |  106 +-
 src/utils/entrypoint.ts                       |    5 +
 src/utils/platform.ts                         |   11 -
 src/utils/popout.ts                           |    8 +-
 src/vite-env.d.ts                             |    1 -
 tsconfig.app.json                             |   29 -
 tsconfig.json                                 |   28 +-
 tsconfig.node.json                            |   24 -
 vite.config.ts                                |  104 -
 wxt.config.ts                                 |   69 +
 47 files changed, 2998 insertions(+), 1266 deletions(-)
 create mode 100644 .github/workflows/publish-canary.yml
 create mode 100644 .prettierignore
 rename public/{logo128.png => icon/128.png} (100%)
 rename public/{logo16.png => icon/16.png} (100%)
 rename public/{logo48.png => icon/48.png} (100%)
 delete mode 100644 public/tw-properties.css
 delete mode 100644 src/background.ts
 delete mode 100644 src/content.tsx
 create mode 100644 src/entrypoints/background.ts
 create mode 100644 src/entrypoints/content.tsx
 rename index.html => src/entrypoints/index.html (70%)
 create mode 100644 src/entrypoints/options.html
 create mode 100644 src/entrypoints/popup.html
 delete mode 100644 src/inject-content-module.ts
 delete mode 100644 src/manifest.json
 create mode 100644 src/utils/entrypoint.ts
 delete mode 100644 src/utils/platform.ts
 delete mode 100644 src/vite-env.d.ts
 delete mode 100644 tsconfig.app.json
 delete mode 100644 tsconfig.node.json
 delete mode 100644 vite.config.ts
 create mode 100644 wxt.config.ts

diff --git a/.github/workflows/publish-canary.yml b/.github/workflows/publish-canary.yml
new file mode 100644
index 0000000..6d3cb17
--- /dev/null
+++ b/.github/workflows/publish-canary.yml
@@ -0,0 +1,31 @@
+name: Publish Canary
+
+on:
+  push:
+    branches:
+      - main
+      - v2
+jobs:
+  publish-chrome-canary:
+    name: Publish to Chrome Web Store
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run zip:chrome --mode canary
+
+      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip --chrome-skip-submit-review
+        env:
+          CHROME_EXTENSION_ID: adgcdimdkkaddeopcabokepmaihfhklb
+          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
+          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
+          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 188723d..0590733 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -2,7 +2,8 @@ name: Publish
 
 on:
   release:
-    types: [published]
+    types:
+      - published
 
 permissions:
   contents: write
@@ -17,26 +18,23 @@ jobs:
 
       - uses: pnpm/action-setup@v4
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: 20
-          cache: "pnpm"
+          node-version: 22
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run build:chrome
+      - run: pnpm run zip:chrome
 
-      - run: gh release upload ${{ github.event.release.tag_name }} releases/redmine-time-tracking-${{ github.event.release.tag_name }}-chrome.zip
+      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
         env:
           GITHUB_TOKEN: ${{ github.TOKEN }}
-
-      - uses: mnao305/chrome-extension-upload@v5.0.0
-        with:
-          file-path: releases/redmine-time-tracking-${{ github.event.release.tag_name }}-chrome.zip
-          extension-id: ldcanhhkffokndenejhafhlkapflgcjg
-          client-id: ${{ secrets.CHROME_CLIENT_ID }}
-          client-secret: ${{ secrets.CHROME_CLIENT_SECRET }}
-          refresh-token: ${{ secrets.CHROME_REFRESH_TOKEN }}
+      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
+        env:
+          CHROME_EXTENSION_ID: ldcanhhkffokndenejhafhlkapflgcjg
+          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
+          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
+          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
 
   publish-firefox:
     name: Publish to Firefox Addon Store
@@ -47,32 +45,20 @@ jobs:
 
       - uses: pnpm/action-setup@v4
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: 20
-          cache: "pnpm"
+          node-version: 22
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run build:firefox
+      - run: pnpm run zip:firefox
 
-      - run: gh release upload ${{ github.event.release.tag_name }} releases/redmine-time-tracking-${{ github.event.release.tag_name }}-firefox.zip
+      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-firefox.zip)
         env:
           GITHUB_TOKEN: ${{ github.TOKEN }}
 
-      - uses: kewisch/action-web-ext@v1
-        id: web-ext-sign
-        with:
-          cmd: sign
-          source: releases/redmine-time-tracking-${{ github.event.release.tag_name }}-firefox.zip
-          artifacts: releases
-          channel: listed
-          approvalNotes: "GitHub: https://github.com/CrawlerCode/redmine-time-tracking"
-          apiKey: ${{ secrets.FIREFOX_API_KEY }}
-          apiSecret: ${{ secrets.FIREFOX_API_SECRET }}
-
-      - run: mv ${{ steps.web-ext-sign.outputs.target }} releases/redmine-time-tracking-${{ github.event.release.tag_name }}-firefox.xpi
-
-      - run: gh release upload ${{ github.event.release.tag_name }} releases/redmine-time-tracking-${{ github.event.release.tag_name }}-firefox.xpi
+      - run: pnpm wxt submit --firefox-zip .output/*-firefox.zip --firefox-sources-zip .output/*-sources.zip
         env:
-          GITHUB_TOKEN: ${{ github.TOKEN }}
+          FIREFOX_EXTENSION_ID: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}"
+          FIREFOX_JWT_ISSUER: ${{ secrets.FIREFOX_JWT_ISSUER }}
+          FIREFOX_JWT_SECRET: ${{ secrets.FIREFOX_JWT_SECRET }}
diff --git a/.gitignore b/.gitignore
index b0dbbf2..f504cf4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,8 @@
 node_modules
+
 dist
+.output
+.wxt
 
 .env
 
@@ -11,5 +14,4 @@ dist
 /blob-report/
 /playwright/.cache/
 
-releases
 release_notes.md
\ No newline at end of file
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..2240fb9
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+src/routeTree.gen.ts
\ No newline at end of file
diff --git a/package.json b/package.json
index ac6f4dd..8dab99c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "redmine-time-tracking",
   "description": "Redmine Time Tracking",
-  "version": "1.21.2",
+  "version": "2.0.0",
   "author": {
     "name": "CrawlerCode",
     "email": "crawlercode@outlook.de"
@@ -12,14 +12,17 @@
   },
   "type": "module",
   "scripts": {
-    "dev:chrome": "tsc && cross-env PLATFORM=chrome vite build --watch --mode development",
-    "dev:firefox": "tsc && cross-env PLATFORM=firefox vite build --watch --mode development",
-    "build": "pnpm run build:chrome && pnpm run build:firefox",
-    "build:chrome": "tsc && cross-env PLATFORM=chrome vite build",
-    "build:firefox": "tsc && cross-env PLATFORM=firefox vite build",
+    "postinstall": "wxt prepare",
+    "dev:chrome": "wxt -b chrome",
+    "dev:firefox": "wxt -b firefox --mv2",
+    "build:chrome": "wxt build -b chrome",
+    "build:firefox": "wxt build -b firefox --mv3",
+    "zip:chrome": "wxt zip -b chrome",
+    "zip:firefox": "wxt zip -b firefox --mv3",
     "release": "gh release create v%npm_package_version% --notes-file release_notes.md --generate-notes",
     "lint": "eslint --fix src tests fixtures",
     "format": "prettier --write src tests public fixtures",
+    "compile": "tsc --noEmit",
     "test": "playwright test",
     "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
   },
@@ -53,7 +56,7 @@
     "@eslint/js": "^9.19.0",
     "@formatjs/cli": "^6.7.1",
     "@playwright/test": "^1.50.1",
-    "@tailwindcss/vite": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.18",
     "@tanstack/eslint-plugin-query": "^5.91.2",
     "@tanstack/eslint-plugin-router": "^1.141.0",
     "@tanstack/router-plugin": "^1.141.2",
@@ -64,7 +67,7 @@
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.23.0",
     "@typescript-eslint/parser": "^8.23.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^5.1.2",
     "babel-plugin-react-compiler": "1.0.0",
     "cross-env": "^7.0.3",
     "dotenv": "^16.4.7",
@@ -81,9 +84,8 @@
     "tw-animate-css": "^1.3.3",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.23.0",
-    "vite": "^6.1.0",
-    "vite-plugin-static-copy": "^2.2.0",
-    "vite-plugin-zip-pack": "^1.2.4"
+    "vite": "^7.3.0",
+    "wxt": "^0.20.12"
   },
   "packageManager": "pnpm@10.11.0",
   "pnpm": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4a70d9f..52a2ee1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -91,8 +91,8 @@ importers:
         specifier: ^1.50.1
         version: 1.50.1
       '@tailwindcss/vite':
-        specifier: ^4.1.14
-        version: 4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^4.1.18
+        version: 4.1.18(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/eslint-plugin-query':
         specifier: ^5.91.2
         version: 5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
@@ -101,7 +101,7 @@ importers:
         version: 1.141.0(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@tanstack/router-plugin':
         specifier: ^1.141.2
-        version: 1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        version: 1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@types/chrome':
         specifier: ^0.0.301
         version: 0.0.301
@@ -124,8 +124,8 @@ importers:
         specifier: ^8.23.0
         version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       '@vitejs/plugin-react':
-        specifier: ^4.3.4
-        version: 4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^5.1.2
+        version: 5.1.2(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       babel-plugin-react-compiler:
         specifier: 1.0.0
         version: 1.0.0
@@ -175,53 +175,43 @@ importers:
         specifier: ^8.23.0
         version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
       vite:
-        specifier: ^6.1.0
-        version: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
-      vite-plugin-static-copy:
-        specifier: ^2.2.0
-        version: 2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
-      vite-plugin-zip-pack:
-        specifier: ^1.2.4
-        version: 1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^7.3.0
+        version: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      wxt:
+        specifier: ^0.20.12
+        version: 0.20.12(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1)
 
 packages:
 
+  '@1natsu/wait-element@4.1.2':
+    resolution: {integrity: sha512-qWxSJD+Q5b8bKOvESFifvfZ92DuMsY+03SBNjTO34ipJLP6mZ9yK4bQz/vlh48aEQXoJfaZBqUwKL5BdI5iiWw==}
+
   '@aashutoshrathi/word-wrap@1.2.6':
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
 
-  '@ampproject/remapping@2.2.1':
-    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
-    engines: {node: '>=6.0.0'}
-
-  '@babel/code-frame@7.26.2':
-    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
-    engines: {node: '>=6.9.0'}
+  '@aklinker1/rollup-plugin-visualizer@5.12.0':
+    resolution: {integrity: sha512-X24LvEGw6UFmy0lpGJDmXsMyBD58XmX1bbwsaMLhNoM+UMQfQ3b2RtC+nz4b/NoRK5r6QJSKJHBNVeUdwqybaQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x || 4.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
 
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.26.2':
-    resolution: {integrity: sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/compat-data@7.28.5':
     resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.26.0':
-    resolution: {integrity: sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/core@7.28.5':
     resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.26.2':
-    resolution: {integrity: sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/generator@7.28.5':
     resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
     engines: {node: '>=6.9.0'}
@@ -230,10 +220,6 @@ packages:
     resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.25.9':
-    resolution: {integrity: sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-compilation-targets@7.27.2':
     resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
     engines: {node: '>=6.9.0'}
@@ -252,20 +238,10 @@ packages:
     resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.25.9':
-    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-module-imports@7.27.1':
     resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.26.0':
-    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
   '@babel/helper-module-transforms@7.28.3':
     resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
     engines: {node: '>=6.9.0'}
@@ -276,10 +252,6 @@ packages:
     resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.25.9':
-    resolution: {integrity: sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-plugin-utils@7.27.1':
     resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
     engines: {node: '>=6.9.0'}
@@ -310,27 +282,14 @@ packages:
     resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.25.9':
-    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-option@7.27.1':
     resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.26.0':
-    resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helpers@7.28.4':
     resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.26.2':
-    resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
   '@babel/parser@7.28.5':
     resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
     engines: {node: '>=6.0.0'}
@@ -354,14 +313,14 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-self@7.25.9':
-    resolution: {integrity: sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==}
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx-source@7.25.9':
-    resolution: {integrity: sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==}
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -378,18 +337,14 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/template@7.25.9':
-    resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
+  '@babel/runtime@7.28.2':
+    resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/template@7.27.2':
     resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.9':
-    resolution: {integrity: sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/traverse@7.28.5':
     resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
     engines: {node: '>=6.9.0'}
@@ -405,26 +360,33 @@ packages:
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
+  '@devicefarmer/adbkit-logcat@2.1.3':
+    resolution: {integrity: sha512-yeaGFjNBc/6+svbDeul1tNHtNChw6h8pSHAt5D+JsedUrMTN7tla7B15WLDyekxsuS2XlZHRxpuC6m92wiwCNw==}
+    engines: {node: '>= 4'}
+
+  '@devicefarmer/adbkit-monkey@1.2.1':
+    resolution: {integrity: sha512-ZzZY/b66W2Jd6NHbAhLyDWOEIBWC11VizGFk7Wx7M61JZRz7HR9Cq5P+65RKWUU7u6wgsE8Lmh9nE4Mz+U2eTg==}
+    engines: {node: '>= 0.10.4'}
+
+  '@devicefarmer/adbkit@3.3.8':
+    resolution: {integrity: sha512-7rBLLzWQnBwutH2WZ0EWUkQdihqrnLYCUMaB44hSol9e0/cdIhuNFcqZO0xNheAU6qqHVA8sMiLofkYTgb+lmw==}
+    engines: {node: '>= 0.10.4'}
+    hasBin: true
+
   '@emnapi/runtime@1.2.0':
     resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==}
 
-  '@esbuild/aix-ppc64@0.24.2':
-    resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
   '@esbuild/aix-ppc64@0.25.1':
     resolution: {integrity: sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.24.2':
-    resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
+  '@esbuild/aix-ppc64@0.27.1':
+    resolution: {integrity: sha512-HHB50pdsBX6k47S4u5g/CaLjqS3qwaOVE5ILsq64jyzgMhLuCuZ8rGzM9yhsAjfjkbgUPMzZEPa7DAp7yz6vuA==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
+    cpu: [ppc64]
+    os: [aix]
 
   '@esbuild/android-arm64@0.25.1':
     resolution: {integrity: sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==}
@@ -432,10 +394,10 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.24.2':
-    resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
+  '@esbuild/android-arm64@0.27.1':
+    resolution: {integrity: sha512-45fuKmAJpxnQWixOGCrS+ro4Uvb4Re9+UTieUY2f8AEc+t7d4AaZ6eUJ3Hva7dtrxAAWHtlEFsXFMAgNnGU9uQ==}
     engines: {node: '>=18'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [android]
 
   '@esbuild/android-arm@0.25.1':
@@ -444,10 +406,10 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.24.2':
-    resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
+  '@esbuild/android-arm@0.27.1':
+    resolution: {integrity: sha512-kFqa6/UcaTbGm/NncN9kzVOODjhZW8e+FRdSeypWe6j33gzclHtwlANs26JrupOntlcWmB0u8+8HZo8s7thHvg==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [arm]
     os: [android]
 
   '@esbuild/android-x64@0.25.1':
@@ -456,11 +418,11 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.24.2':
-    resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
+  '@esbuild/android-x64@0.27.1':
+    resolution: {integrity: sha512-LBEpOz0BsgMEeHgenf5aqmn/lLNTFXVfoWMUox8CtWWYK9X4jmQzWjoGoNb8lmAYml/tQ/Ysvm8q7szu7BoxRQ==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
+    cpu: [x64]
+    os: [android]
 
   '@esbuild/darwin-arm64@0.25.1':
     resolution: {integrity: sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==}
@@ -468,10 +430,10 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.24.2':
-    resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
+  '@esbuild/darwin-arm64@0.27.1':
+    resolution: {integrity: sha512-veg7fL8eMSCVKL7IW4pxb54QERtedFDfY/ASrumK/SbFsXnRazxY4YykN/THYqFnFwJ0aVjiUrVG2PwcdAEqQQ==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [darwin]
 
   '@esbuild/darwin-x64@0.25.1':
@@ -480,11 +442,11 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.24.2':
-    resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
+  '@esbuild/darwin-x64@0.27.1':
+    resolution: {integrity: sha512-+3ELd+nTzhfWb07Vol7EZ+5PTbJ/u74nC6iv4/lwIU99Ip5uuY6QoIf0Hn4m2HoV0qcnRivN3KSqc+FyCHjoVQ==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
+    cpu: [x64]
+    os: [darwin]
 
   '@esbuild/freebsd-arm64@0.25.1':
     resolution: {integrity: sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==}
@@ -492,10 +454,10 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.24.2':
-    resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
+  '@esbuild/freebsd-arm64@0.27.1':
+    resolution: {integrity: sha512-/8Rfgns4XD9XOSXlzUDepG8PX+AVWHliYlUkFI3K3GB6tqbdjYqdhcb4BKRd7C0BhZSoaCxhv8kTcBrcZWP+xg==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [freebsd]
 
   '@esbuild/freebsd-x64@0.25.1':
@@ -504,11 +466,11 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.24.2':
-    resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
+  '@esbuild/freebsd-x64@0.27.1':
+    resolution: {integrity: sha512-GITpD8dK9C+r+5yRT/UKVT36h/DQLOHdwGVwwoHidlnA168oD3uxA878XloXebK4Ul3gDBBIvEdL7go9gCUFzQ==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
+    cpu: [x64]
+    os: [freebsd]
 
   '@esbuild/linux-arm64@0.25.1':
     resolution: {integrity: sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==}
@@ -516,10 +478,10 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.24.2':
-    resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
+  '@esbuild/linux-arm64@0.27.1':
+    resolution: {integrity: sha512-W9//kCrh/6in9rWIBdKaMtuTTzNj6jSeG/haWBADqLLa9P8O5YSRDzgD5y9QBok4AYlzS6ARHifAb75V6G670Q==}
     engines: {node: '>=18'}
-    cpu: [arm]
+    cpu: [arm64]
     os: [linux]
 
   '@esbuild/linux-arm@0.25.1':
@@ -528,10 +490,10 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.24.2':
-    resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
+  '@esbuild/linux-arm@0.27.1':
+    resolution: {integrity: sha512-ieMID0JRZY/ZeCrsFQ3Y3NlHNCqIhTprJfDgSB3/lv5jJZ8FX3hqPyXWhe+gvS5ARMBJ242PM+VNz/ctNj//eA==}
     engines: {node: '>=18'}
-    cpu: [ia32]
+    cpu: [arm]
     os: [linux]
 
   '@esbuild/linux-ia32@0.25.1':
@@ -540,10 +502,10 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.24.2':
-    resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
+  '@esbuild/linux-ia32@0.27.1':
+    resolution: {integrity: sha512-VIUV4z8GD8rtSVMfAj1aXFahsi/+tcoXXNYmXgzISL+KB381vbSTNdeZHHHIYqFyXcoEhu9n5cT+05tRv13rlw==}
     engines: {node: '>=18'}
-    cpu: [loong64]
+    cpu: [ia32]
     os: [linux]
 
   '@esbuild/linux-loong64@0.25.1':
@@ -552,10 +514,10 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.24.2':
-    resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
+  '@esbuild/linux-loong64@0.27.1':
+    resolution: {integrity: sha512-l4rfiiJRN7sTNI//ff65zJ9z8U+k6zcCg0LALU5iEWzY+a1mVZ8iWC1k5EsNKThZ7XCQ6YWtsZ8EWYm7r1UEsg==}
     engines: {node: '>=18'}
-    cpu: [mips64el]
+    cpu: [loong64]
     os: [linux]
 
   '@esbuild/linux-mips64el@0.25.1':
@@ -564,10 +526,10 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.24.2':
-    resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
+  '@esbuild/linux-mips64el@0.27.1':
+    resolution: {integrity: sha512-U0bEuAOLvO/DWFdygTHWY8C067FXz+UbzKgxYhXC0fDieFa0kDIra1FAhsAARRJbvEyso8aAqvPdNxzWuStBnA==}
     engines: {node: '>=18'}
-    cpu: [ppc64]
+    cpu: [mips64el]
     os: [linux]
 
   '@esbuild/linux-ppc64@0.25.1':
@@ -576,10 +538,10 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.24.2':
-    resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
+  '@esbuild/linux-ppc64@0.27.1':
+    resolution: {integrity: sha512-NzdQ/Xwu6vPSf/GkdmRNsOfIeSGnh7muundsWItmBsVpMoNPVpM61qNzAVY3pZ1glzzAxLR40UyYM23eaDDbYQ==}
     engines: {node: '>=18'}
-    cpu: [riscv64]
+    cpu: [ppc64]
     os: [linux]
 
   '@esbuild/linux-riscv64@0.25.1':
@@ -588,10 +550,10 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.24.2':
-    resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
+  '@esbuild/linux-riscv64@0.27.1':
+    resolution: {integrity: sha512-7zlw8p3IApcsN7mFw0O1Z1PyEk6PlKMu18roImfl3iQHTnr/yAfYv6s4hXPidbDoI2Q0pW+5xeoM4eTCC0UdrQ==}
     engines: {node: '>=18'}
-    cpu: [s390x]
+    cpu: [riscv64]
     os: [linux]
 
   '@esbuild/linux-s390x@0.25.1':
@@ -600,10 +562,10 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.24.2':
-    resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
+  '@esbuild/linux-s390x@0.27.1':
+    resolution: {integrity: sha512-cGj5wli+G+nkVQdZo3+7FDKC25Uh4ZVwOAK6A06Hsvgr8WqBBuOy/1s+PUEd/6Je+vjfm6stX0kmib5b/O2Ykw==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [s390x]
     os: [linux]
 
   '@esbuild/linux-x64@0.25.1':
@@ -612,11 +574,11 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/netbsd-arm64@0.24.2':
-    resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
+  '@esbuild/linux-x64@0.27.1':
+    resolution: {integrity: sha512-z3H/HYI9MM0HTv3hQZ81f+AKb+yEoCRlUby1F80vbQ5XdzEMyY/9iNlAmhqiBKw4MJXwfgsh7ERGEOhrM1niMA==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
+    cpu: [x64]
+    os: [linux]
 
   '@esbuild/netbsd-arm64@0.25.1':
     resolution: {integrity: sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==}
@@ -624,10 +586,10 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.24.2':
-    resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
+  '@esbuild/netbsd-arm64@0.27.1':
+    resolution: {integrity: sha512-wzC24DxAvk8Em01YmVXyjl96Mr+ecTPyOuADAvjGg+fyBpGmxmcr2E5ttf7Im8D0sXZihpxzO1isus8MdjMCXQ==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [netbsd]
 
   '@esbuild/netbsd-x64@0.25.1':
@@ -636,11 +598,11 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/openbsd-arm64@0.24.2':
-    resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
+  '@esbuild/netbsd-x64@0.27.1':
+    resolution: {integrity: sha512-1YQ8ybGi2yIXswu6eNzJsrYIGFpnlzEWRl6iR5gMgmsrR0FcNoV1m9k9sc3PuP5rUBLshOZylc9nqSgymI+TYg==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
+    cpu: [x64]
+    os: [netbsd]
 
   '@esbuild/openbsd-arm64@0.25.1':
     resolution: {integrity: sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==}
@@ -648,10 +610,10 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.24.2':
-    resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
+  '@esbuild/openbsd-arm64@0.27.1':
+    resolution: {integrity: sha512-5Z+DzLCrq5wmU7RDaMDe2DVXMRm2tTDvX2KU14JJVBN2CT/qov7XVix85QoJqHltpvAOZUAc3ndU56HSMWrv8g==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [arm64]
     os: [openbsd]
 
   '@esbuild/openbsd-x64@0.25.1':
@@ -660,11 +622,17 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.24.2':
-    resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
+  '@esbuild/openbsd-x64@0.27.1':
+    resolution: {integrity: sha512-Q73ENzIdPF5jap4wqLtsfh8YbYSZ8Q0wnxplOlZUOyZy7B4ZKW8DXGWgTCZmF8VWD7Tciwv5F4NsRf6vYlZtqg==}
     engines: {node: '>=18'}
     cpu: [x64]
-    os: [sunos]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.1':
+    resolution: {integrity: sha512-ajbHrGM/XiK+sXM0JzEbJAen+0E+JMQZ2l4RR4VFwvV9JEERx+oxtgkpoKv1SevhjavK2z2ReHk32pjzktWbGg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
 
   '@esbuild/sunos-x64@0.25.1':
     resolution: {integrity: sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==}
@@ -672,11 +640,11 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.24.2':
-    resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
+  '@esbuild/sunos-x64@0.27.1':
+    resolution: {integrity: sha512-IPUW+y4VIjuDVn+OMzHc5FV4GubIwPnsz6ubkvN8cuhEqH81NovB53IUlrlBkPMEPxvNnf79MGBoz8rZ2iW8HA==}
     engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
+    cpu: [x64]
+    os: [sunos]
 
   '@esbuild/win32-arm64@0.25.1':
     resolution: {integrity: sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==}
@@ -684,10 +652,10 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.24.2':
-    resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
+  '@esbuild/win32-arm64@0.27.1':
+    resolution: {integrity: sha512-RIVRWiljWA6CdVu8zkWcRmGP7iRRIIwvhDKem8UMBjPql2TXM5PkDVvvrzMtj1V+WFPB4K7zkIGM7VzRtFkjdg==}
     engines: {node: '>=18'}
-    cpu: [ia32]
+    cpu: [arm64]
     os: [win32]
 
   '@esbuild/win32-ia32@0.25.1':
@@ -696,10 +664,10 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.24.2':
-    resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
+  '@esbuild/win32-ia32@0.27.1':
+    resolution: {integrity: sha512-2BR5M8CPbptC1AK5JbJT1fWrHLvejwZidKx3UMSF0ecHMa+smhi16drIrCEggkgviBwLYd5nwrFLSl5Kho96RQ==}
     engines: {node: '>=18'}
-    cpu: [x64]
+    cpu: [ia32]
     os: [win32]
 
   '@esbuild/win32-x64@0.25.1':
@@ -708,6 +676,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.27.1':
+    resolution: {integrity: sha512-d5X6RMYv6taIymSk8JBP+nxv8DQAMY6A51GPgusqLdK9wBz5wWIXy1KjTck6HnjE9hqJzJRdk+1p/t5soSbCtw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.7.0':
     resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -940,9 +914,13 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@isaacs/fs-minipass@4.0.1':
-    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
-    engines: {node: '>=18.0.0'}
+  '@isaacs/balanced-match@4.0.1':
+    resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
+    engines: {node: 20 || >=22}
+
+  '@isaacs/brace-expansion@5.0.0':
+    resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
+    engines: {node: 20 || >=22}
 
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
@@ -991,6 +969,18 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  '@pnpm/config.env-replace@1.1.0':
+    resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/network.ca-file@1.0.2':
+    resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
+    engines: {node: '>=12.22.0'}
+
+  '@pnpm/npm-conf@2.3.1':
+    resolution: {integrity: sha512-c83qWb22rNRuB0UaVCI0uRPNRr8Z0FWnEIvT47jiHAmOIUHbBOg5XvV7pM5x+rKn9HRpjxquDbXYSXr3fAKFcw==}
+    engines: {node: '>=12'}
+
   '@radix-ui/number@1.1.1':
     resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
 
@@ -1681,160 +1671,178 @@ packages:
   '@radix-ui/rect@1.1.1':
     resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
 
-  '@rollup/rollup-android-arm-eabi@4.34.3':
-    resolution: {integrity: sha512-8kq/NjMKkMTGKMPldWihncOl62kgnLYk7cW+/4NCUWfS70/wz4+gQ7rMxMMpZ3dIOP/xw7wKNzIuUnN/H2GfUg==}
+  '@rolldown/pluginutils@1.0.0-beta.53':
+    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+
+  '@rollup/rollup-android-arm-eabi@4.53.4':
+    resolution: {integrity: sha512-PWU3Y92H4DD0bOqorEPp1Y0tbzwAurFmIYpjcObv5axGVOtcTlB0b2UKMd2echo08MgN7jO8WQZSSysvfisFSQ==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.34.3':
-    resolution: {integrity: sha512-1PqMHiuRochQ6++SDI7SaRDWJKr/NgAlezBi5nOne6Da6IWJo3hK0TdECBDwd92IUDPG4j/bZmWuwOnomNT8wA==}
+  '@rollup/rollup-android-arm64@4.53.4':
+    resolution: {integrity: sha512-Gw0/DuVm3rGsqhMGYkSOXXIx20cC3kTlivZeuaGt4gEgILivykNyBWxeUV5Cf2tDA2nPLah26vq3emlRrWVbng==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.34.3':
-    resolution: {integrity: sha512-fqbrykX4mGV3DlCDXhF4OaMGcchd2tmLYxVt3On5oOZWVDFfdEoYAV2alzNChl8OzNaeMAGqm1f7gk7eIw/uDg==}
+  '@rollup/rollup-darwin-arm64@4.53.4':
+    resolution: {integrity: sha512-+w06QvXsgzKwdVg5qRLZpTHh1bigHZIqoIUPtiqh05ZiJVUQ6ymOxaPkXTvRPRLH88575ZCRSRM3PwIoNma01Q==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.34.3':
-    resolution: {integrity: sha512-8Wxrx/KRvMsTyLTbdrMXcVKfpW51cCNW8x7iQD72xSEbjvhCY3b+w83Bea3nQfysTMR7K28esc+ZFITThXm+1w==}
+  '@rollup/rollup-darwin-x64@4.53.4':
+    resolution: {integrity: sha512-EB4Na9G2GsrRNRNFPuxfwvDRDUwQEzJPpiK1vo2zMVhEeufZ1k7J1bKnT0JYDfnPC7RNZ2H5YNQhW6/p2QKATw==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.34.3':
-    resolution: {integrity: sha512-lpBmV2qSiELh+ATQPTjQczt5hvbTLsE0c43Rx4bGxN2VpnAZWy77we7OO62LyOSZNY7CzjMoceRPc+Lt4e9J6A==}
+  '@rollup/rollup-freebsd-arm64@4.53.4':
+    resolution: {integrity: sha512-bldA8XEqPcs6OYdknoTMaGhjytnwQ0NClSPpWpmufOuGPN5dDmvIa32FygC2gneKK4A1oSx86V1l55hyUWUYFQ==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.34.3':
-    resolution: {integrity: sha512-sNPvBIXpgaYcI6mAeH13GZMXFrrw5mdZVI1M9YQPRG2LpjwL8DSxSIflZoh/B5NEuOi53kxsR/S2GKozK1vDXA==}
+  '@rollup/rollup-freebsd-x64@4.53.4':
+    resolution: {integrity: sha512-3T8GPjH6mixCd0YPn0bXtcuSXi1Lj+15Ujw2CEb7dd24j9thcKscCf88IV7n76WaAdorOzAgSSbuVRg4C8V8Qw==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.3':
-    resolution: {integrity: sha512-MW6N3AoC61OfE1VgnN5O1OW0gt8VTbhx9s/ZEPLBM11wEdHjeilPzOxVmmsrx5YmejpGPvez8QwGGvMU+pGxpw==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.53.4':
+    resolution: {integrity: sha512-UPMMNeC4LXW7ZSHxeP3Edv09aLsFUMaD1TSVW6n1CWMECnUIJMFFB7+XC2lZTdPtvB36tYC0cJWc86mzSsaviw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.3':
-    resolution: {integrity: sha512-2SQkhr5xvatYq0/+H6qyW0zvrQz9LM4lxGkpWURLoQX5+yP8MsERh4uWmxFohOvwCP6l/+wgiHZ1qVwLDc7Qmw==}
+  '@rollup/rollup-linux-arm-musleabihf@4.53.4':
+    resolution: {integrity: sha512-H8uwlV0otHs5Q7WAMSoyvjV9DJPiy5nJ/xnHolY0QptLPjaSsuX7tw+SPIfiYH6cnVx3fe4EWFafo6gH6ekZKA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.3':
-    resolution: {integrity: sha512-R3JLYt8YoRwKI5shJsovLpcR6pwIMui/MGG/MmxZ1DYI3iRSKI4qcYrvYgDf4Ss2oCR3RL3F3dYK7uAGQgMIuQ==}
+  '@rollup/rollup-linux-arm64-gnu@4.53.4':
+    resolution: {integrity: sha512-BLRwSRwICXz0TXkbIbqJ1ibK+/dSBpTJqDClF61GWIrxTXZWQE78ROeIhgl5MjVs4B4gSLPCFeD4xML9vbzvCQ==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.34.3':
-    resolution: {integrity: sha512-4XQhG8v/t3S7Rxs7rmFUuM6j09hVrTArzONS3fUZ6oBRSN/ps9IPQjVhp62P0W3KhqJdQADo/MRlYRMdgxr/3w==}
+  '@rollup/rollup-linux-arm64-musl@4.53.4':
+    resolution: {integrity: sha512-6bySEjOTbmVcPJAywjpGLckK793A0TJWSbIa0sVwtVGfe/Nz6gOWHOwkshUIAp9j7wg2WKcA4Snu7Y1nUZyQew==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.3':
-    resolution: {integrity: sha512-QlW1jCUZ1LHUIYCAK2FciVw1ptHsxzApYVi05q7bz2A8oNE8QxQ85NhM4arLxkAlcnS42t4avJbSfzSQwbIaKg==}
+  '@rollup/rollup-linux-loong64-gnu@4.53.4':
+    resolution: {integrity: sha512-U0ow3bXYJZ5MIbchVusxEycBw7bO6C2u5UvD31i5IMTrnt2p4Fh4ZbHSdc/31TScIJQYHwxbj05BpevB3201ug==}
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.3':
-    resolution: {integrity: sha512-kMbLToizVeCcN69+nnm20Dh0hrRIAjgaaL+Wh0gWZcNt8e542d2FUGtsyuNsHVNNF3gqTJrpzUGIdwMGLEUM7g==}
+  '@rollup/rollup-linux-ppc64-gnu@4.53.4':
+    resolution: {integrity: sha512-iujDk07ZNwGLVn0YIWM80SFN039bHZHCdCCuX9nyx3Jsa2d9V/0Y32F+YadzwbvDxhSeVo9zefkoPnXEImnM5w==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.3':
-    resolution: {integrity: sha512-YgD0DnZ3CHtvXRH8rzjVSxwI0kMTr0RQt3o1N92RwxGdx7YejzbBO0ELlSU48DP96u1gYYVWfUhDRyaGNqJqJg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.53.4':
+    resolution: {integrity: sha512-MUtAktiOUSu+AXBpx1fkuG/Bi5rhlorGs3lw5QeJ2X3ziEGAq7vFNdWVde6XGaVqi0LGSvugwjoxSNJfHFTC0g==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.53.4':
+    resolution: {integrity: sha512-btm35eAbDfPtcFEgaXCI5l3c2WXyzwiE8pArhd66SDtoLWmgK5/M7CUxmUglkwtniPzwvWioBKKl6IXLbPf2sQ==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.3':
-    resolution: {integrity: sha512-dIOoOz8altjp6UjAi3U9EW99s8nta4gzi52FeI45GlPyrUH4QixUoBMH9VsVjt+9A2RiZBWyjYNHlJ/HmJOBCQ==}
+  '@rollup/rollup-linux-s390x-gnu@4.53.4':
+    resolution: {integrity: sha512-uJlhKE9ccUTCUlK+HUz/80cVtx2RayadC5ldDrrDUFaJK0SNb8/cCmC9RhBhIWuZ71Nqj4Uoa9+xljKWRogdhA==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.34.3':
-    resolution: {integrity: sha512-lOyG3aF4FTKrhpzXfMmBXgeKUUXdAWmP2zSNf8HTAXPqZay6QYT26l64hVizBjq+hJx3pl0DTEyvPi9sTA6VGA==}
+  '@rollup/rollup-linux-x64-gnu@4.53.4':
+    resolution: {integrity: sha512-jjEMkzvASQBbzzlzf4os7nzSBd/cvPrpqXCUOqoeCh1dQ4BP3RZCJk8XBeik4MUln3m+8LeTJcY54C/u8wb3DQ==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.34.3':
-    resolution: {integrity: sha512-usztyYLu2i+mYzzOjqHZTaRXbUOqw3P6laNUh1zcqxbPH1P2Tz/QdJJCQSnGxCtsRQeuU2bCyraGMtMumC46rw==}
+  '@rollup/rollup-linux-x64-musl@4.53.4':
+    resolution: {integrity: sha512-lu90KG06NNH19shC5rBPkrh6mrTpq5kviFylPBXQVpdEu0yzb0mDgyxLr6XdcGdBIQTH/UAhDJnL+APZTBu1aQ==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.3':
-    resolution: {integrity: sha512-ojFOKaz/ZyalIrizdBq2vyc2f0kFbJahEznfZlxdB6pF9Do6++i1zS5Gy6QLf8D7/S57MHrmBLur6AeRYeQXSA==}
+  '@rollup/rollup-openharmony-arm64@4.53.4':
+    resolution: {integrity: sha512-dFDcmLwsUzhAm/dn0+dMOQZoONVYBtgik0VuY/d5IJUUb787L3Ko/ibvTvddqhb3RaB7vFEozYevHN4ox22R/w==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.53.4':
+    resolution: {integrity: sha512-WvUpUAWmUxZKtRnQWpRKnLW2DEO8HB/l8z6oFFMNuHndMzFTJEXzaYJ5ZAmzNw0L21QQJZsUQFt2oPf3ykAD/w==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.3':
-    resolution: {integrity: sha512-K/V97GMbNa+Da9mGcZqmSl+DlJmWfHXTuI9V8oB2evGsQUtszCl67+OxWjBKpeOnYwox9Jpmt/J6VhpeRCYqow==}
+  '@rollup/rollup-win32-ia32-msvc@4.53.4':
+    resolution: {integrity: sha512-JGbeF2/FDU0x2OLySw/jgvkwWUo05BSiJK0dtuI4LyuXbz3wKiC1xHhLB1Tqm5VU6ZZDmAorj45r/IgWNWku5g==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.34.3':
-    resolution: {integrity: sha512-CUypcYP31Q8O04myV6NKGzk9GVXslO5EJNfmARNSzLF2A+5rmZUlDJ4et6eoJaZgBT9wrC2p4JZH04Vkic8HdQ==}
+  '@rollup/rollup-win32-x64-gnu@4.53.4':
+    resolution: {integrity: sha512-zuuC7AyxLWLubP+mlUwEyR8M1ixW1ERNPHJfXm8x7eQNP4Pzkd7hS3qBuKBR70VRiQ04Kw8FNfRMF5TNxuZq2g==}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/node@4.1.14':
-    resolution: {integrity: sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==}
+  '@rollup/rollup-win32-x64-msvc@4.53.4':
+    resolution: {integrity: sha512-Sbx45u/Lbb5RyptSbX7/3deP+/lzEmZ0BTSHxwxN/IMOZDZf8S0AGo0hJD5n/LQssxb5Z3B4og4P2X6Dd8acCA==}
+    cpu: [x64]
+    os: [win32]
 
-  '@tailwindcss/oxide-android-arm64@4.1.14':
-    resolution: {integrity: sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==}
+  '@tailwindcss/node@4.1.18':
+    resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.18':
+    resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.14':
-    resolution: {integrity: sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==}
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
+    resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.14':
-    resolution: {integrity: sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==}
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
+    resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.14':
-    resolution: {integrity: sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==}
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
+    resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
-    resolution: {integrity: sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==}
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+    resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
-    resolution: {integrity: sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==}
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+    resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
-    resolution: {integrity: sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==}
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+    resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
-    resolution: {integrity: sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==}
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+    resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
-    resolution: {integrity: sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==}
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
+    resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
-    resolution: {integrity: sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==}
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
+    resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
     engines: {node: '>=14.0.0'}
     cpu: [wasm32]
     bundledDependencies:
@@ -1845,24 +1853,24 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
-    resolution: {integrity: sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==}
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+    resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
-    resolution: {integrity: sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==}
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+    resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.14':
-    resolution: {integrity: sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==}
+  '@tailwindcss/oxide@4.1.18':
+    resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
     engines: {node: '>= 10'}
 
-  '@tailwindcss/vite@4.1.14':
-    resolution: {integrity: sha512-BoFUoU0XqgCUS1UXWhmDJroKKhNXeDzD7/XwabjkDIAbMnc4ULn5e2FuEuBbhZ6ENZoSYzKlzvZ44Yr6EUDUSA==}
+  '@tailwindcss/vite@4.1.18':
+    resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==}
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
@@ -2004,6 +2012,9 @@ packages:
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
   '@types/filesystem@0.0.32':
     resolution: {integrity: sha512-Yuf4jR5YYMR2DVgwuCiP11s0xuVRyPKmz8vo6HBY3CGdeMj8af93CFZX+T82+VD1+UqHOxTq31lO7MI7lepBtQ==}
 
@@ -2019,6 +2030,9 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/minimatch@3.0.5':
+    resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
+
   '@types/node@22.13.1':
     resolution: {integrity: sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==}
 
@@ -2129,11 +2143,26 @@ packages:
     resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@vitejs/plugin-react@4.3.4':
-    resolution: {integrity: sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  '@vitejs/plugin-react@5.1.2':
+    resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
-      vite: ^4.2.0 || ^5.0.0 || ^6.0.0
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@webext-core/fake-browser@1.3.2':
+    resolution: {integrity: sha512-jFyPWWz+VkHAC9DRIiIPOyu6X/KlC8dYqSKweHz6tsDb86QawtVgZSpYcM+GOQBlZc5DHFo92jJ7cIq4uBnU0A==}
+
+  '@webext-core/isolated-element@1.1.2':
+    resolution: {integrity: sha512-CNHYhsIR8TPkPb+4yqTIuzaGnVn/Fshev5fyoPW+/8Cyc93tJbCjP9PC1XSK6fDWu+xASdPHLZaoa2nWAYoxeQ==}
+
+  '@webext-core/match-patterns@1.0.3':
+    resolution: {integrity: sha512-NY39ACqCxdKBmHgw361M9pfJma8e4AZo20w9AY+5ZjIj1W2dvXC8J31G5fjfOGbulW9w4WKpT8fPooi0mLkn9A==}
+
+  '@wxt-dev/browser@0.1.32':
+    resolution: {integrity: sha512-jvfSppeLzlH4sOkIvMBJoA1pKoI+U5gTkjDwMKdkTWh0P/fj+KDyze3lzo3S6372viCm8tXUKNez+VKyVz2ZDw==}
+
+  '@wxt-dev/storage@1.2.6':
+    resolution: {integrity: sha512-f6AknnpJvhNHW4s0WqwSGCuZAj0fjP3EVNPBO5kB30pY+3Zt/nqZGqJN6FgBLCSkYjPJ8VL1hNX5LMVmvxQoDw==}
 
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -2150,13 +2179,36 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  adm-zip@0.5.16:
+    resolution: {integrity: sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==}
+    engines: {node: '>=12.0'}
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-escapes@7.2.0:
+    resolution: {integrity: sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==}
+    engines: {node: '>=18'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
   ansis@4.2.0:
     resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
     engines: {node: '>=14'}
@@ -2176,10 +2228,18 @@ packages:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
+  array-differ@4.0.0:
+    resolution: {integrity: sha512-Q6VPTLMsmXZ47ENG3V+wQyZS1ZxXMxFyYzA+Z/GMrJ6yIutAIEf9wTyroTzmGjNfox9/h3GdGBCVh43GVFx4Uw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   array-includes@3.1.8:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
 
+  array-union@3.0.1:
+    resolution: {integrity: sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==}
+    engines: {node: '>=12'}
+
   array.prototype.findlast@1.2.5:
     resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
     engines: {node: '>= 0.4'}
@@ -2204,9 +2264,22 @@ packages:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
+  async-mutex@0.5.0:
+    resolution: {integrity: sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==}
+
+  async@3.2.6:
+    resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
+
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
+  atomically@2.1.0:
+    resolution: {integrity: sha512-+gDffFXRW6sl/HCwbta7zK4uNqbPjv4YJEAdz7Vu+FLQHe77eZ4bvbJGi4hE0QPeJlMYMA3piXEr1UL3dAwx7Q==}
+
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -2227,6 +2300,16 @@ packages:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
 
+  bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@8.0.1:
+    resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
+    engines: {node: '>=18'}
+
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -2242,6 +2325,25 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  c12@3.3.2:
+    resolution: {integrity: sha512-QkikB2X5voO1okL3QsES0N690Sn/K9WokXqUsDQsWy5SnYb+psYQFGA10iy1bZHj3fjISKsI67Q90gruvWWM3A==}
+    peerDependencies:
+      magicast: '*'
+    peerDependenciesMeta:
+      magicast:
+        optional: true
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
   call-bind-apply-helpers@1.0.1:
     resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
     engines: {node: '>= 0.4'}
@@ -2266,6 +2368,10 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
+
   caniuse-lite@1.0.30001706:
     resolution: {integrity: sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==}
 
@@ -2273,21 +2379,53 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chownr@3.0.0:
-    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
-    engines: {node: '>=18'}
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  chrome-launcher@1.2.0:
+    resolution: {integrity: sha512-JbuGuBNss258bvGil7FT4HKdC3SC2K7UAEUqiPy3ACS3Yxo3hAW6bvFpCu2HsIJLgTqxgEX6BkujvzZfLpUD0Q==}
+    engines: {node: '>=12.13.0'}
+    hasBin: true
+
+  ci-info@4.3.1:
+    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+    engines: {node: '>=8'}
+
+  citty@0.1.6:
+    resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
 
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-spinners@2.9.2:
+    resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
+    engines: {node: '>=6'}
+
+  cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -2312,13 +2450,45 @@ packages:
     resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
     engines: {node: '>=12.5.0'}
 
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  commander@2.9.0:
+    resolution: {integrity: sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==}
+    engines: {node: '>= 0.6.x'}
+
+  commander@9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
+    engines: {node: ^12.20.0 || >=14}
+
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  concat-stream@1.6.2:
+    resolution: {integrity: sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==}
+    engines: {'0': node >= 0.8}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  configstore@7.1.0:
+    resolution: {integrity: sha512-N4oog6YJWbR9kGyXvS7jEykLDXIE2C0ILYqNBZBp9iwiJpoCBWYsuAdW6PPFn6w06jjnC+3JstVvWHO4cZqvRg==}
+    engines: {node: '>=18'}
+
+  consola@3.4.2:
+    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -2340,6 +2510,16 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  cssom@0.5.0:
+    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
+
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -2364,6 +2544,9 @@ packages:
   date-fns@4.1.0:
     resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
+  debounce@1.2.1:
+    resolution: {integrity: sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==}
+
   debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -2373,12 +2556,25 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
 
   decode-formdata@0.9.0:
     resolution: {integrity: sha512-q5uwOjR3Um5YD+ZWPOF/1sGHVW9A5rCrRwITQChRXlmPkxDFBqCm4jNTIVdGHNH9OnR+V9MoZVgRhsFb+ARbUw==}
 
+  deep-extend@0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -2386,18 +2582,44 @@ packages:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.4.0:
+    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
+    engines: {node: '>=18'}
+
   define-data-property@1.1.4:
     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-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
   define-properties@1.2.1:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+
   delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destr@2.0.5:
+    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
+
   detect-libc@2.0.3:
     resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
     engines: {node: '>=8'}
@@ -2420,10 +2642,35 @@ packages:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
 
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dot-prop@9.0.0:
+    resolution: {integrity: sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==}
+    engines: {node: '>=18'}
+
+  dotenv-expand@12.0.3:
+    resolution: {integrity: sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA==}
+    engines: {node: '>=12'}
+
   dotenv@16.4.7:
     resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
     engines: {node: '>=12'}
 
+  dotenv@17.2.3:
+    resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==}
+    engines: {node: '>=12'}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -2431,10 +2678,31 @@ packages:
   electron-to-chromium@1.5.49:
     resolution: {integrity: sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A==}
 
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   enhanced-resolve@5.18.3:
     resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
     engines: {node: '>=10.13.0'}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
+  error-ex@1.3.4:
+    resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
+
   es-abstract@1.23.9:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
@@ -2451,6 +2719,9 @@ packages:
     resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
     engines: {node: '>= 0.4'}
 
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
   es-object-atoms@1.0.0:
     resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
     engines: {node: '>= 0.4'}
@@ -2470,24 +2741,35 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  esbuild@0.24.2:
-    resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
-    engines: {node: '>=18'}
-    hasBin: true
+  es6-error@4.1.1:
+    resolution: {integrity: sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==}
 
   esbuild@0.25.1:
     resolution: {integrity: sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==}
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.27.1:
+    resolution: {integrity: sha512-yY35KZckJJuVVPXpvjgxiCuVEJT67F6zDeVTv4rizyPrfGBUpZQsvmxnN+C371c2esD/hNMjj4tpBhuueLN7aA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
+  escape-goat@4.0.0:
+    resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
+    engines: {node: '>=12'}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
   eslint-config-prettier@10.1.5:
     resolution: {integrity: sha512-zc1UmCpNltmVY34vuLRV61r1K27sWuX39E+uyUnY8xS2Bex88VV9cugG+UZbRSRGtGyFboj+D8JODyme1plMpw==}
     hasBin: true
@@ -2559,10 +2841,19 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
+  exsolve@1.0.8:
+    resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2570,12 +2861,20 @@ packages:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
 
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
   fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fast-redact@3.5.0:
+    resolution: {integrity: sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==}
+    engines: {node: '>=6'}
+
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
@@ -2592,6 +2891,10 @@ packages:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
 
+  filesize@11.0.13:
+    resolution: {integrity: sha512-mYJ/qXKvREuO0uH8LTQJ6v7GsUvVOguqxg2VTwQUkyTPXXRRWPdjuUPVqdBrJQhvci48OHlNGRnux+Slr2Rnvw==}
+    engines: {node: '>= 10.8.0'}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -2600,8 +2903,13 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  flat-cache@4.0.1:
-    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+  firefox-profile@4.7.0:
+    resolution: {integrity: sha512-aGApEu5bfCNbA4PGUZiRJAIU6jKmghV2UVdklXAofnNtiDjqYw0czLS46W7IfFqVKgKhFB8Ao2YoNGHY4BoIMQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
   flatted@3.3.2:
@@ -2619,12 +2927,20 @@ packages:
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
+  form-data-encoder@4.1.0:
+    resolution: {integrity: sha512-G6NsmEW15s0Uw9XnCg+33H3ViYRyiM0hMrMhhqQOR8NFc5GhYrI+6I3u7OTw7b91J2g8rtvMBZJDbcGb2YUniw==}
+    engines: {node: '>= 18'}
+
   form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
-  fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+  formdata-node@6.0.3:
+    resolution: {integrity: sha512-8e1++BCiTzUno9v5IZ2J6bv4RU+3UKDmqWUQD0MIMVCd9AdhWkO1gw57oo1mNEX1dMq2EGI+FbWz4B92pscSQg==}
+    engines: {node: '>= 18'}
+
+  fs-extra@11.3.2:
+    resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
     engines: {node: '>=14.14'}
 
   fsevents@2.3.2:
@@ -2647,10 +2963,22 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  fx-runner@1.4.0:
+    resolution: {integrity: sha512-rci1g6U0rdTg6bAaBboP7XdRu01dzTAaKXxFf+PUqGuCv6Xu7o8NZdY1D5MvKGIjb6EdS1g3VlXOgksir1uGkg==}
+    hasBin: true
+
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.4.0:
+    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
+    engines: {node: '>=18'}
+
   get-intrinsic@1.2.7:
     resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
     engines: {node: '>= 0.4'}
@@ -2663,6 +2991,9 @@ packages:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
 
+  get-port-please@3.2.0:
+    resolution: {integrity: sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -2674,6 +3005,10 @@ packages:
   get-tsconfig@4.10.0:
     resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
 
+  giget@2.0.0:
+    resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
+    hasBin: true
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2682,9 +3017,12 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  globals@11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
+  glob-to-regexp@0.4.1:
+    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
+
+  global-directory@4.0.1:
+    resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
+    engines: {node: '>=18'}
 
   globals@14.0.0:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
@@ -2702,12 +3040,21 @@ packages:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
 
+  graceful-fs@4.2.10:
+    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
+
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
+  graceful-readlink@1.0.1:
+    resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
+
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  growly@1.3.0:
+    resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
+
   has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
 
@@ -2743,6 +3090,15 @@ packages:
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  htmlparser2@10.0.0:
+    resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
+
   ignore@5.3.1:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
@@ -2758,6 +3114,9 @@ packages:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -2765,6 +3124,17 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  ini@4.1.1:
+    resolution: {integrity: sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
+  ini@4.1.3:
+    resolution: {integrity: sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -2772,10 +3142,17 @@ packages:
   intl-messageformat@10.7.16:
     resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
 
+  is-absolute@0.1.7:
+    resolution: {integrity: sha512-Xi9/ZSn4NFapG8RP98iNPMOeaV3mXPisxKxzKtHVqr3g56j/fBn+yZmnxSVAA8lmZbl2J9b/a4kJvfU3hqQYgA==}
+    engines: {node: '>=0.10.0'}
+
   is-array-buffer@3.0.5:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
 
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
   is-arrayish@0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
 
@@ -2810,6 +3187,16 @@ packages:
     resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
     engines: {node: '>= 0.4'}
 
+  is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -2818,6 +3205,18 @@ packages:
     resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
     engines: {node: '>= 0.4'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+
+  is-fullwidth-code-point@5.1.0:
+    resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
+    engines: {node: '>=18'}
+
   is-generator-function@1.0.10:
     resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
     engines: {node: '>= 0.4'}
@@ -2826,10 +3225,32 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-in-ci@1.0.0:
+    resolution: {integrity: sha512-eUuAjybVTHMYWm/U+vBO1sY/JOCgoPCXRxzdju0K+K0BiGW0SChEL1MLC0PoCIR1OlPo5YAp8HuQoUlsWEICwg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-installed-globally@1.0.0:
+    resolution: {integrity: sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==}
+    engines: {node: '>=18'}
+
+  is-interactive@2.0.0:
+    resolution: {integrity: sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==}
+    engines: {node: '>=12'}
+
   is-map@2.0.3:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
+  is-npm@6.1.0:
+    resolution: {integrity: sha512-O2z4/kNgyjhQwVR1Wpkbfc19JIhggF97NZNCpWTnjH7kVcZMUrnut9XSN7txI7VdyIYk5ZatOq3zvSuWpU8hoA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -2838,10 +3259,29 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
+  is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+
+  is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-primitive@3.0.1:
+    resolution: {integrity: sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==}
+    engines: {node: '>=0.10.0'}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
+  is-relative@0.1.3:
+    resolution: {integrity: sha512-wBOr+rNM4gkAZqoLRJI4myw5WzzIdQosFAAbnvfXP5z1LyzgAI3ivOKehC5KfqlQJZoihVhirgtCBj378Eg8GA==}
+    engines: {node: '>=0.10.0'}
+
   is-set@2.0.3:
     resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
     engines: {node: '>= 0.4'}
@@ -2862,6 +3302,14 @@ packages:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
 
+  is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+
+  is-unicode-supported@2.1.0:
+    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
+    engines: {node: '>=18'}
+
   is-weakmap@2.0.2:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
@@ -2874,6 +3322,14 @@ packages:
     resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
     engines: {node: '>= 0.4'}
 
+  is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
   isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
@@ -2884,9 +3340,16 @@ packages:
     resolution: {integrity: sha512-VNfjM73zz2IBZmdShMfAUg10prm6t7HFUQmNAEOAVS4YH92ZrZcvkMcGX6cIgBJAzWDzPent/EeAtYEHNPNPBQ==}
     engines: {node: '>=18'}
 
+  isexe@1.1.2:
+    resolution: {integrity: sha512-d2eJzK691yZwPHcv1LbeAOa91yMJ9QmfTgSO1oXB65ezVhXQsxBac2vEB4bMVms9cGzaA99n6V2viHMq82VLDw==}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+
   iterator.prototype@1.1.5:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
@@ -2898,6 +3361,9 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -2910,6 +3376,10 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-parse-even-better-errors@3.0.2:
+    resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
@@ -2934,6 +3404,18 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  ky@1.14.1:
+    resolution: {integrity: sha512-hYje4L9JCmpEQBtudo+v52X5X8tgWXUYyPcxKSuxQNboqufecl9VMWjGiucAFH060AwPXHZuH+WB2rrqfkmafw==}
+    engines: {node: '>=18'}
+
+  latest-version@9.0.0:
+    resolution: {integrity: sha512-7W0vV3rqv5tokqkBAFV1LbR7HPOWzXQDpDgEuib/aJ1jsZZx6x3c2mBI+TJhJzOhkGeaLbCKEHXEXLfirtG2JA==}
+    engines: {node: '>=18'}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -2941,70 +3423,100 @@ packages:
   lie@3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
-  lightningcss-darwin-arm64@1.30.1:
-    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
+  lighthouse-logger@2.0.2:
+    resolution: {integrity: sha512-vWl2+u5jgOQuZR55Z1WM0XDdrJT6mzMP8zHUct7xTlWhuQs+eV0g+QL0RQdFjT54zVmbhLCP8vIVpy1wGn/gCg==}
+
+  lightningcss-android-arm64@1.30.2:
+    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.30.2:
+    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.30.1:
-    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
+  lightningcss-darwin-x64@1.30.2:
+    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.30.1:
-    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+  lightningcss-freebsd-x64@1.30.2:
+    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.30.1:
-    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.30.1:
-    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+  lightningcss-linux-arm64-gnu@1.30.2:
+    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.30.1:
-    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
+  lightningcss-linux-arm64-musl@1.30.2:
+    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.30.1:
-    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+  lightningcss-linux-x64-gnu@1.30.2:
+    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.30.1:
-    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
+  lightningcss-linux-x64-musl@1.30.2:
+    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.30.1:
-    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+  lightningcss-win32-arm64-msvc@1.30.2:
+    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.30.1:
-    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
+  lightningcss-win32-x64-msvc@1.30.2:
+    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.30.1:
-    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+  lightningcss@1.30.2:
+    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
     engines: {node: '>= 12.0.0'}
 
+  lines-and-columns@2.0.4:
+    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  linkedom@0.18.12:
+    resolution: {integrity: sha512-jalJsOwIKuQJSeTvsgzPe9iJzyfVaEJiEXl+25EkKevsULHvMJzpNqwvj1jOESWdmgKDiXObyjOYwlUqG7wo1Q==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      canvas: '>= 2'
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  listr2@8.3.3:
+    resolution: {integrity: sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==}
+    engines: {node: '>=18.0.0'}
+
+  local-pkg@1.1.2:
+    resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
+    engines: {node: '>=14'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -3012,6 +3524,14 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  log-symbols@6.0.0:
+    resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
+    engines: {node: '>=18'}
+
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
@@ -3024,8 +3544,20 @@ packages:
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  magic-string@0.30.19:
-    resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.3.5:
+    resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
+
+  make-error@1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+
+  many-keys-map@2.0.1:
+    resolution: {integrity: sha512-DHnZAD4phTbZ+qnJdjoNEVU1NecYoSdbOOoVmTDH46AuxDkEVh3MxTVpXq10GtcTC6mndN9dkv1rNfpjRcLnOw==}
+
+  marky@1.3.0:
+    resolution: {integrity: sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==}
 
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
@@ -3047,6 +3579,14 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  minimatch@10.1.1:
+    resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
+    engines: {node: 20 || >=22}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -3054,17 +3594,31 @@ packages:
     resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
-  minizlib@3.1.0:
-    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
-    engines: {node: '>= 18'}
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
 
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  multimatch@6.0.0:
+    resolution: {integrity: sha512-I7tSVxHGPlmPN/enE3mS1aOSo6bWBfls+3HmuEeCUBCE7gWnm3cBXCBkpurzFjVRwC6Kld8lLaZ1Iv5vOcjvcQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  nano-spawn@1.0.3:
+    resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
+    engines: {node: '>=20.17'}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -3079,6 +3633,16 @@ packages:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
+  node-forge@1.3.3:
+    resolution: {integrity: sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==}
+    engines: {node: '>= 6.13.0'}
+
+  node-notifier@10.0.1:
+    resolution: {integrity: sha512-YX7TSyDukOZ0g+gmzjB6abKu+hTGvO8+8+gIFDsRCU2t8fLV/P2unmt+LGFaIa4y64aX98Qksa97rgz4vMNeLQ==}
+
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
@@ -3086,6 +3650,14 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  nypm@0.6.2:
+    resolution: {integrity: sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -3114,10 +3686,40 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
+  ofetch@1.5.1:
+    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+
   optionator@0.9.3:
     resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
 
+  ora@8.2.0:
+    resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
+    engines: {node: '>=18'}
+
+  os-shim@0.1.3:
+    resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
+    engines: {node: '>= 0.4.0'}
+
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
@@ -3130,6 +3732,10 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
+  package-json@10.0.1:
+    resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
+    engines: {node: '>=18'}
+
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
@@ -3137,6 +3743,10 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-json@7.1.1:
+    resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
+    engines: {node: '>=16'}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -3151,6 +3761,9 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
+  perfect-debounce@2.0.0:
+    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -3162,6 +3775,22 @@ packages:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  pino-abstract-transport@2.0.0:
+    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
+
+  pino-std-serializers@7.0.0:
+    resolution: {integrity: sha512-e906FRY0+tV27iq4juKzSYPbUj2do2X2JX4EzSca1631EB2QJQUqGbDuERal7LCtOpxl6x3+nvo9NPZcmjkiFA==}
+
+  pino@9.7.0:
+    resolution: {integrity: sha512-vnMCM6xZTb1WDmLvtG2lE/2p+t9hDEIvTWJsu6FejkE62vB7gDhvzrpFR4Cw2to+9JNQxVnkAKVPA1KPB98vWg==}
+    hasBin: true
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.3.0:
+    resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
+
   playwright-core@1.50.1:
     resolution: {integrity: sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==}
     engines: {node: '>=18'}
@@ -3180,6 +3809,10 @@ packages:
     resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -3252,23 +3885,51 @@ packages:
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
+  promise-toolbox@0.21.0:
+    resolution: {integrity: sha512-NV8aTmpwrZv+Iys54sSFOBx3tuVaOBvvrft5PNppnxy9xpU/akHbaWIril22AB22zaPgrgwKdD0KsrM0ptUtpg==}
+    engines: {node: '>=6'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
+  publish-browser-extension@3.0.3:
+    resolution: {integrity: sha512-cBINZCkLo7YQaGoUvEHthZ0sDzgJQht28IS+SFMT2omSNhGsPiVNRkWir3qLiTrhGhW9Ci2KVHpA1QAMoBdL2g==}
+    hasBin: true
+
   punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
     engines: {node: '>=6'}
 
+  pupa@3.3.0:
+    resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
+    engines: {node: '>=12.20'}
+
   qs@6.14.0:
     resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
     engines: {node: '>=0.6'}
 
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
   radix-ui@1.4.3:
     resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
     peerDependencies:
@@ -3282,6 +3943,13 @@ packages:
       '@types/react-dom':
         optional: true
 
+  rc9@2.1.2:
+    resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
+
+  rc@1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+
   react-day-picker@9.11.1:
     resolution: {integrity: sha512-l3ub6o8NlchqIjPKrRFUCkTUEq6KwemQlfv3XZzzwpUeGwmDJ+0u0Upmt38hJyd7D/vn2dQoOoLV/qAp0o3uUw==}
     engines: {node: '>=18'}
@@ -3305,8 +3973,8 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
-  react-refresh@0.14.2:
-    resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
+  react-refresh@0.18.0:
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
 
   react-remove-scroll-bar@2.3.8:
@@ -3350,6 +4018,14 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
   recast@0.23.11:
     resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
     engines: {node: '>= 4'}
@@ -3362,6 +4038,18 @@ packages:
     resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
     engines: {node: '>= 0.4'}
 
+  registry-auth-token@5.1.0:
+    resolution: {integrity: sha512-GdekYuwLXLxMuFTwAPg5UKGLW/UXzQrZvH/Zj791BQif5T05T0RsaLfHc9q3ZOKi7n+BoprPD9mJ0O0k4xzUlw==}
+    engines: {node: '>=14'}
+
+  registry-url@6.0.1:
+    resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==}
+    engines: {node: '>=12'}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -3373,15 +4061,26 @@ packages:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
 
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
 
-  rollup@4.34.3:
-    resolution: {integrity: sha512-ORCtU0UBJyiAIn9m0llUXJXAswG/68pZptCrqxHG7//Z2DDzAUeyyY5hqf4XrsGlUxscMr9GkQ2QI7KTLqeyPw==}
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rollup@4.53.4:
+    resolution: {integrity: sha512-YpXaaArg0MvrnJpvduEDYIp7uGOqKXbH9NsHGQ6SxKCOsNAjZF018MmxefFUulVP2KLtiGw1UvZbr+/ekjvlDg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -3400,9 +4099,19 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
+  sax@1.4.3:
+    resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
+
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -3434,6 +4143,10 @@ packages:
     resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
     engines: {node: '>= 0.4'}
 
+  set-value@4.1.0:
+    resolution: {integrity: sha512-zTEg4HL0RwVrqcWs3ztF+x1vkxfm0lP+MQQFPiMJTKVceBwEV0A569Ou8l9IYQG8jOZdMVI1hGsc0tmeD2o/Lw==}
+    engines: {node: '>=11.0'}
+
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
@@ -3449,6 +4162,12 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shell-quote@1.7.3:
+    resolution: {integrity: sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==}
+
+  shellwords@0.1.1:
+    resolution: {integrity: sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -3465,9 +4184,27 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+
+  slice-ansi@7.1.2:
+    resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
+    engines: {node: '>=18'}
+
+  sonic-boom@4.2.0:
+    resolution: {integrity: sha512-INb7TM37/mAcsGmc9hyyI6+QR3rR1zVRu36B0NeGXKnOOLiZOfER5SA+N7X7k3yUYRzLWafduTDvJAfDswwEww==}
+
   sonner@2.0.5:
     resolution: {integrity: sha512-YwbHQO6cSso3HBXlbCkgrgzDNIhws14r4MO87Ofy+cV2X7ES4pOoAK3+veSmVTvqNx1BWUxlhPmZzP00Crk2aQ==}
     peerDependencies:
@@ -3478,6 +4215,9 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
   source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
@@ -3486,6 +4226,28 @@ packages:
     resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
     engines: {node: '>= 12'}
 
+  spawn-sync@1.0.15:
+    resolution: {integrity: sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==}
+
+  split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+
+  split@1.0.1:
+    resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
+
+  stdin-discarder@0.2.2:
+    resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
+    engines: {node: '>=18'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -3508,10 +4270,39 @@ packages:
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.2:
+    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
+    engines: {node: '>=12'}
+
+  strip-bom@5.0.0:
+    resolution: {integrity: sha512-p+byADHF7SzEcVnLvc/r3uognM1hUhObuHXxJcgLCfD194XAkaLbjq3Wzb0N5G2tgIjH0dgT708Z51QxMeu60A==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@2.0.1:
+    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
+    engines: {node: '>=0.10.0'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  strip-json-comments@5.0.2:
+    resolution: {integrity: sha512-4X2FR3UwhNUE9G49aIsJW5hRRR3GXGTBTZRMfv568O60ojM8HcWjV/VxAxCDW3SUND33O6ZY66ZuRcdkj73q2g==}
+    engines: {node: '>=14.16'}
+
+  strip-literal@3.1.0:
+    resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
+
+  stubborn-fs@2.0.0:
+    resolution: {integrity: sha512-Y0AvSwDw8y+nlSNFXMm2g6L51rBGdAQT20J3YSOqxC53Lo3bjWRtr2BKcfYoAf352WYpsZSTURrA0tqhfgudPA==}
+
+  stubborn-utils@1.0.2:
+    resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
+
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -3523,8 +4314,8 @@ packages:
   tailwind-merge@3.3.1:
     resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
 
-  tailwindcss@4.1.14:
-    resolution: {integrity: sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==}
+  tailwindcss@4.1.18:
+    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
 
   tailwindcss@4.1.8:
     resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
@@ -3533,9 +4324,11 @@ packages:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
     engines: {node: '>=6'}
 
-  tar@7.5.1:
-    resolution: {integrity: sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==}
-    engines: {node: '>=18'}
+  thread-stream@3.1.0:
+    resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
+
+  through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
@@ -3543,10 +4336,18 @@ packages:
   tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
   tinyglobby@0.2.15:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tmp@0.2.5:
+    resolution: {integrity: sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==}
+    engines: {node: '>=14.14'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -3575,6 +4376,14 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-fest@3.13.1:
+    resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
+    engines: {node: '>=14.16'}
+
+  type-fest@4.41.0:
+    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
+    engines: {node: '>=16'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -3591,6 +4400,9 @@ packages:
     resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
     engines: {node: '>= 0.4'}
 
+  typedarray@0.0.6:
+    resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
+
   typescript-eslint@8.33.1:
     resolution: {integrity: sha512-AgRnV4sKkWOiZ0Kjbnf5ytTJXMUZQ0qhSVdQtDNYLPLnjsATEYhaO94GlRQwi4t4gO8FfjM6NnikHeKjUm8D7A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3603,6 +4415,12 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  ufo@1.6.1:
+    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+
+  uhyphen@0.2.0:
+    resolution: {integrity: sha512-qz3o9CHXmJJPGBdqzab7qAYuW8kQGKNEuoHFYrBwV6hWIMcpAmxDLXojcHfFr9US1Pe6zUswEIJIbLI610fuqA==}
+
   unbox-primitive@1.1.0:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
@@ -3610,10 +4428,18 @@ packages:
   undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
+  unimport@5.6.0:
+    resolution: {integrity: sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==}
+    engines: {node: '>=18.12.0'}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unplugin-utils@0.3.1:
+    resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
+    engines: {node: '>=20.19.0'}
+
   unplugin@2.3.11:
     resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
     engines: {node: '>=18.12.0'}
@@ -3624,6 +4450,10 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-notifier@7.3.1:
+    resolution: {integrity: sha512-+dwUY4L35XFYEzE+OAL3sarJdUioVovq+8f7lcIJ7wnmnYQV5UD1Y/lcwaMSyaQ6Bj3JMj1XSTjZbNLHn/19yA==}
+    engines: {node: '>=18'}
+
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
@@ -3660,30 +4490,28 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  vite-plugin-static-copy@2.2.0:
-    resolution: {integrity: sha512-ytMrKdR9iWEYHbUxs6x53m+MRl4SJsOSoMu1U1+Pfg0DjPeMlsRVx3RR5jvoonineDquIue83Oq69JvNsFSU5w==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: ^5.0.0 || ^6.0.0
-
-  vite-plugin-zip-pack@1.2.4:
-    resolution: {integrity: sha512-QgZEeiWayE2ZvMbkvcqWf94p/Z5YeNHZlkwXWIkkoISjePiWVXKRX2xCGmsURe9acGVdkobZ31dFJuCp3j1hMg==}
-    peerDependencies:
-      vite: '>=2.x'
+  uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    hasBin: true
 
-  vite@6.1.0:
-    resolution: {integrity: sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==}
+  vite-node@3.2.4:
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
+
+  vite@7.3.0:
+    resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
     peerDependencies:
-      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@types/node': ^20.19.0 || >=22.12.0
       jiti: '>=1.21.0'
-      less: '*'
+      less: ^4.0.0
       lightningcss: ^1.21.0
-      sass: '*'
-      sass-embedded: '*'
-      stylus: '*'
-      sugarss: '*'
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
       terser: ^5.16.0
       tsx: ^4.8.1
       yaml: ^2.4.2
@@ -3711,9 +4539,23 @@ packages:
       yaml:
         optional: true
 
+  watchpack@2.4.4:
+    resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
+    engines: {node: '>=10.13.0'}
+
+  web-ext-run@0.2.4:
+    resolution: {integrity: sha512-rQicL7OwuqWdQWI33JkSXKcp7cuv1mJG8u3jRQwx/8aDsmhbTHs9ZRmNYOL+LX0wX8edIEQX8jj4bB60GoXtKA==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
+  when-exit@2.1.5:
+    resolution: {integrity: sha512-VGkKJ564kzt6Ms1dbgPP/yuIoQCrsFAnRbptpC5wOEsDaNsbCB2bnfnaA8i/vRs5tjUSEOtIuvl9/MyVsvQZCg==}
+
+  when@3.7.7:
+    resolution: {integrity: sha512-9lFZp/KHoqH6bPKjbWqa+3Dg/K/r2v0X/3/G2x4DBGchVS2QX2VXL3cZV994WQVnTM1/PD71Az25nAzryEUugw==}
+
   which-boxed-primitive@1.1.1:
     resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
     engines: {node: '>= 0.4'}
@@ -3730,50 +4572,106 @@ packages:
     resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
     engines: {node: '>= 0.4'}
 
+  which@1.2.4:
+    resolution: {integrity: sha512-zDRAqDSBudazdfM9zpiI30Fu9ve47htYXcGi3ln0wfKu2a7SmrT6F3VDoYONu//48V8Vz4TdCRNPjtvyRO3yBA==}
+    hasBin: true
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
     hasBin: true
 
-  yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-
-  yallist@5.0.0:
-    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+  widest-line@5.0.0:
+    resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
 
-  yaml@2.7.1:
-    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
-    engines: {node: '>= 14'}
-    hasBin: true
+  winreg@0.0.12:
+    resolution: {integrity: sha512-typ/+JRmi7RqP1NanzFULK36vczznSNN8kWVA9vIqXyv8GhghUlwhGp1Xj3Nms1FsPcNnsQrJOR10N58/nQ9hQ==}
 
-  yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
 
-  zod-validation-error@4.0.2:
-    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  wxt@0.20.12:
+    resolution: {integrity: sha512-Ra4pu72WXFv9nTLDGVizJuThHKVvKB7iNAkWuORyMaIs9s/WCqXK8Ael83XKnSOyTKjDQ9wGIZ28QUOzizGZ6w==}
+    hasBin: true
+
+  xdg-basedir@5.1.0:
+    resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
+    engines: {node: '>=12'}
+
+  xml2js@0.6.2:
+    resolution: {integrity: sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==}
+    engines: {node: '>=4.0.0'}
+
+  xmlbuilder@11.0.1:
+    resolution: {integrity: sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==}
+    engines: {node: '>=4.0'}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yaml@2.7.1:
+    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zip-dir@2.0.0:
+    resolution: {integrity: sha512-uhlsJZWz26FLYXOD6WVuq+fIcZ3aBPGo/cFdiLlv3KNwpa52IF3ISV8fLhQLiqVu5No3VhlqlgthN6gehil1Dg==}
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
       zod: ^3.25.0 || ^4.0.0
 
   zod@3.25.46:
     resolution: {integrity: sha512-IqRxcHEIjqLd4LNS/zKffB3Jzg3NwqJxQQ0Ns7pdrvgGkwQsEBdEQcOHaBVqvvZArShRzI39+aMST3FBGmTrLQ==}
 
-snapshots:
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
-  '@aashutoshrathi/word-wrap@1.2.6': {}
+snapshots:
 
-  '@ampproject/remapping@2.2.1':
+  '@1natsu/wait-element@4.1.2':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
+      defu: 6.1.4
+      many-keys-map: 2.0.1
+
+  '@aashutoshrathi/word-wrap@1.2.6': {}
 
-  '@babel/code-frame@7.26.2':
+  '@aklinker1/rollup-plugin-visualizer@5.12.0(rollup@4.53.4)':
     dependencies:
-      '@babel/helper-validator-identifier': 7.25.9
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
+      open: 8.4.2
+      picomatch: 2.3.1
+      source-map: 0.7.6
+      yargs: 17.7.2
+    optionalDependencies:
+      rollup: 4.53.4
 
   '@babel/code-frame@7.27.1':
     dependencies:
@@ -3781,30 +4679,8 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.26.2': {}
-
   '@babel/compat-data@7.28.5': {}
 
-  '@babel/core@7.26.0':
-    dependencies:
-      '@ampproject/remapping': 2.2.1
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.2
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
-      '@babel/helpers': 7.26.0
-      '@babel/parser': 7.26.2
-      '@babel/template': 7.25.9
-      '@babel/traverse': 7.25.9
-      '@babel/types': 7.26.0
-      convert-source-map: 2.0.0
-      debug: 4.3.4
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/core@7.28.5':
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -3825,14 +4701,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.26.2':
-    dependencies:
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 3.0.2
-
   '@babel/generator@7.28.5':
     dependencies:
       '@babel/parser': 7.28.5
@@ -3845,14 +4713,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.5
 
-  '@babel/helper-compilation-targets@7.25.9':
-    dependencies:
-      '@babel/compat-data': 7.26.2
-      '@babel/helper-validator-option': 7.25.9
-      browserslist: 4.24.2
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
   '@babel/helper-compilation-targets@7.27.2':
     dependencies:
       '@babel/compat-data': 7.28.5
@@ -3883,13 +4743,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.25.9':
-    dependencies:
-      '@babel/traverse': 7.25.9
-      '@babel/types': 7.26.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-module-imports@7.27.1':
     dependencies:
       '@babel/traverse': 7.28.5
@@ -3897,15 +4750,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0)':
-    dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
     dependencies:
       '@babel/core': 7.28.5
@@ -3919,8 +4763,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.5
 
-  '@babel/helper-plugin-utils@7.25.9': {}
-
   '@babel/helper-plugin-utils@7.27.1': {}
 
   '@babel/helper-replace-supers@7.27.1(@babel/core@7.28.5)':
@@ -3947,24 +4789,13 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.28.5': {}
 
-  '@babel/helper-validator-option@7.25.9': {}
-
   '@babel/helper-validator-option@7.27.1': {}
 
-  '@babel/helpers@7.26.0':
-    dependencies:
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.0
-
   '@babel/helpers@7.28.4':
     dependencies:
       '@babel/template': 7.27.2
       '@babel/types': 7.28.5
 
-  '@babel/parser@7.26.2':
-    dependencies:
-      '@babel/types': 7.26.0
-
   '@babel/parser@7.28.5':
     dependencies:
       '@babel/types': 7.28.5
@@ -3987,15 +4818,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.25.9(@babel/core@7.26.0)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.5)':
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-plugin-utils': 7.25.9
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-react-jsx-source@7.25.9(@babel/core@7.26.0)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.5)':
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-plugin-utils': 7.25.9
+      '@babel/core': 7.28.5
+      '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
     dependencies:
@@ -4019,11 +4850,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/template@7.25.9':
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
+  '@babel/runtime@7.28.2': {}
 
   '@babel/template@7.27.2':
     dependencies:
@@ -4031,18 +4858,6 @@ snapshots:
       '@babel/parser': 7.28.5
       '@babel/types': 7.28.5
 
-  '@babel/traverse@7.25.9':
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.2
-      '@babel/parser': 7.26.2
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.0
-      debug: 4.3.4
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/traverse@7.28.5':
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -4067,161 +4882,180 @@ snapshots:
 
   '@date-fns/tz@1.4.1': {}
 
+  '@devicefarmer/adbkit-logcat@2.1.3': {}
+
+  '@devicefarmer/adbkit-monkey@1.2.1': {}
+
+  '@devicefarmer/adbkit@3.3.8':
+    dependencies:
+      '@devicefarmer/adbkit-logcat': 2.1.3
+      '@devicefarmer/adbkit-monkey': 1.2.1
+      bluebird: 3.7.2
+      commander: 9.5.0
+      debug: 4.3.4
+      node-forge: 1.3.3
+      split: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@emnapi/runtime@1.2.0':
     dependencies:
       tslib: 2.5.3
     optional: true
 
-  '@esbuild/aix-ppc64@0.24.2':
-    optional: true
-
   '@esbuild/aix-ppc64@0.25.1':
     optional: true
 
-  '@esbuild/android-arm64@0.24.2':
+  '@esbuild/aix-ppc64@0.27.1':
     optional: true
 
   '@esbuild/android-arm64@0.25.1':
     optional: true
 
-  '@esbuild/android-arm@0.24.2':
+  '@esbuild/android-arm64@0.27.1':
     optional: true
 
   '@esbuild/android-arm@0.25.1':
     optional: true
 
-  '@esbuild/android-x64@0.24.2':
+  '@esbuild/android-arm@0.27.1':
     optional: true
 
   '@esbuild/android-x64@0.25.1':
     optional: true
 
-  '@esbuild/darwin-arm64@0.24.2':
+  '@esbuild/android-x64@0.27.1':
     optional: true
 
   '@esbuild/darwin-arm64@0.25.1':
     optional: true
 
-  '@esbuild/darwin-x64@0.24.2':
+  '@esbuild/darwin-arm64@0.27.1':
     optional: true
 
   '@esbuild/darwin-x64@0.25.1':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.24.2':
+  '@esbuild/darwin-x64@0.27.1':
     optional: true
 
   '@esbuild/freebsd-arm64@0.25.1':
     optional: true
 
-  '@esbuild/freebsd-x64@0.24.2':
+  '@esbuild/freebsd-arm64@0.27.1':
     optional: true
 
   '@esbuild/freebsd-x64@0.25.1':
     optional: true
 
-  '@esbuild/linux-arm64@0.24.2':
+  '@esbuild/freebsd-x64@0.27.1':
     optional: true
 
   '@esbuild/linux-arm64@0.25.1':
     optional: true
 
-  '@esbuild/linux-arm@0.24.2':
+  '@esbuild/linux-arm64@0.27.1':
     optional: true
 
   '@esbuild/linux-arm@0.25.1':
     optional: true
 
-  '@esbuild/linux-ia32@0.24.2':
+  '@esbuild/linux-arm@0.27.1':
     optional: true
 
   '@esbuild/linux-ia32@0.25.1':
     optional: true
 
-  '@esbuild/linux-loong64@0.24.2':
+  '@esbuild/linux-ia32@0.27.1':
     optional: true
 
   '@esbuild/linux-loong64@0.25.1':
     optional: true
 
-  '@esbuild/linux-mips64el@0.24.2':
+  '@esbuild/linux-loong64@0.27.1':
     optional: true
 
   '@esbuild/linux-mips64el@0.25.1':
     optional: true
 
-  '@esbuild/linux-ppc64@0.24.2':
+  '@esbuild/linux-mips64el@0.27.1':
     optional: true
 
   '@esbuild/linux-ppc64@0.25.1':
     optional: true
 
-  '@esbuild/linux-riscv64@0.24.2':
+  '@esbuild/linux-ppc64@0.27.1':
     optional: true
 
   '@esbuild/linux-riscv64@0.25.1':
     optional: true
 
-  '@esbuild/linux-s390x@0.24.2':
+  '@esbuild/linux-riscv64@0.27.1':
     optional: true
 
   '@esbuild/linux-s390x@0.25.1':
     optional: true
 
-  '@esbuild/linux-x64@0.24.2':
+  '@esbuild/linux-s390x@0.27.1':
     optional: true
 
   '@esbuild/linux-x64@0.25.1':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.24.2':
+  '@esbuild/linux-x64@0.27.1':
     optional: true
 
   '@esbuild/netbsd-arm64@0.25.1':
     optional: true
 
-  '@esbuild/netbsd-x64@0.24.2':
+  '@esbuild/netbsd-arm64@0.27.1':
     optional: true
 
   '@esbuild/netbsd-x64@0.25.1':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.24.2':
+  '@esbuild/netbsd-x64@0.27.1':
     optional: true
 
   '@esbuild/openbsd-arm64@0.25.1':
     optional: true
 
-  '@esbuild/openbsd-x64@0.24.2':
+  '@esbuild/openbsd-arm64@0.27.1':
     optional: true
 
   '@esbuild/openbsd-x64@0.25.1':
     optional: true
 
-  '@esbuild/sunos-x64@0.24.2':
+  '@esbuild/openbsd-x64@0.27.1':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.1':
     optional: true
 
   '@esbuild/sunos-x64@0.25.1':
     optional: true
 
-  '@esbuild/win32-arm64@0.24.2':
+  '@esbuild/sunos-x64@0.27.1':
     optional: true
 
   '@esbuild/win32-arm64@0.25.1':
     optional: true
 
-  '@esbuild/win32-ia32@0.24.2':
+  '@esbuild/win32-arm64@0.27.1':
     optional: true
 
   '@esbuild/win32-ia32@0.25.1':
     optional: true
 
-  '@esbuild/win32-x64@0.24.2':
+  '@esbuild/win32-ia32@0.27.1':
     optional: true
 
   '@esbuild/win32-x64@0.25.1':
     optional: true
 
+  '@esbuild/win32-x64@0.27.1':
+    optional: true
+
   '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.6.1))':
     dependencies:
       eslint: 9.28.0(jiti@2.6.1)
@@ -4407,9 +5241,11 @@ snapshots:
   '@img/sharp-win32-x64@0.33.5':
     optional: true
 
-  '@isaacs/fs-minipass@4.0.1':
+  '@isaacs/balanced-match@4.0.1': {}
+
+  '@isaacs/brace-expansion@5.0.0':
     dependencies:
-      minipass: 7.1.2
+      '@isaacs/balanced-match': 4.0.1
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -4461,6 +5297,18 @@ snapshots:
     dependencies:
       playwright: 1.50.1
 
+  '@pnpm/config.env-replace@1.1.0': {}
+
+  '@pnpm/network.ca-file@1.0.2':
+    dependencies:
+      graceful-fs: 4.2.10
+
+  '@pnpm/npm-conf@2.3.1':
+    dependencies:
+      '@pnpm/config.env-replace': 1.1.0
+      '@pnpm/network.ca-file': 1.0.2
+      config-chain: 1.1.13
+
   '@radix-ui/number@1.1.1': {}
 
   '@radix-ui/primitive@1.1.3': {}
@@ -5208,133 +6056,141 @@ snapshots:
 
   '@radix-ui/rect@1.1.1': {}
 
-  '@rollup/rollup-android-arm-eabi@4.34.3':
+  '@rolldown/pluginutils@1.0.0-beta.53': {}
+
+  '@rollup/rollup-android-arm-eabi@4.53.4':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.53.4':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.34.3':
+  '@rollup/rollup-darwin-arm64@4.53.4':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.34.3':
+  '@rollup/rollup-darwin-x64@4.53.4':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.34.3':
+  '@rollup/rollup-freebsd-arm64@4.53.4':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.34.3':
+  '@rollup/rollup-freebsd-x64@4.53.4':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.34.3':
+  '@rollup/rollup-linux-arm-gnueabihf@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.34.3':
+  '@rollup/rollup-linux-arm-musleabihf@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.34.3':
+  '@rollup/rollup-linux-arm64-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.34.3':
+  '@rollup/rollup-linux-arm64-musl@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.34.3':
+  '@rollup/rollup-linux-loong64-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-loongarch64-gnu@4.34.3':
+  '@rollup/rollup-linux-ppc64-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.34.3':
+  '@rollup/rollup-linux-riscv64-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.34.3':
+  '@rollup/rollup-linux-riscv64-musl@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.34.3':
+  '@rollup/rollup-linux-s390x-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.34.3':
+  '@rollup/rollup-linux-x64-gnu@4.53.4':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.34.3':
+  '@rollup/rollup-linux-x64-musl@4.53.4':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.34.3':
+  '@rollup/rollup-openharmony-arm64@4.53.4':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.34.3':
+  '@rollup/rollup-win32-arm64-msvc@4.53.4':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.34.3':
+  '@rollup/rollup-win32-ia32-msvc@4.53.4':
     optional: true
 
-  '@tailwindcss/node@4.1.14':
+  '@rollup/rollup-win32-x64-gnu@4.53.4':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.53.4':
+    optional: true
+
+  '@tailwindcss/node@4.1.18':
     dependencies:
       '@jridgewell/remapping': 2.3.5
       enhanced-resolve: 5.18.3
       jiti: 2.6.1
-      lightningcss: 1.30.1
-      magic-string: 0.30.19
+      lightningcss: 1.30.2
+      magic-string: 0.30.21
       source-map-js: 1.2.1
-      tailwindcss: 4.1.14
+      tailwindcss: 4.1.18
 
-  '@tailwindcss/oxide-android-arm64@4.1.14':
+  '@tailwindcss/oxide-android-arm64@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+  '@tailwindcss/oxide-darwin-arm64@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.14':
+  '@tailwindcss/oxide-darwin-x64@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+  '@tailwindcss/oxide-freebsd-x64@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+  '@tailwindcss/oxide-linux-x64-musl@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+  '@tailwindcss/oxide-wasm32-wasi@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.18':
     optional: true
 
-  '@tailwindcss/oxide@4.1.14':
-    dependencies:
-      detect-libc: 2.0.4
-      tar: 7.5.1
+  '@tailwindcss/oxide@4.1.18':
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.14
-      '@tailwindcss/oxide-darwin-arm64': 4.1.14
-      '@tailwindcss/oxide-darwin-x64': 4.1.14
-      '@tailwindcss/oxide-freebsd-x64': 4.1.14
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.14
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.14
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.14
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.14
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.14
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.14
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.14
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.14
-
-  '@tailwindcss/vite@4.1.14(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
-    dependencies:
-      '@tailwindcss/node': 4.1.14
-      '@tailwindcss/oxide': 4.1.14
-      tailwindcss: 4.1.14
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      '@tailwindcss/oxide-android-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-arm64': 4.1.18
+      '@tailwindcss/oxide-darwin-x64': 4.1.18
+      '@tailwindcss/oxide-freebsd-x64': 4.1.18
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.18
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.18
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.18
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.18
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+
+  '@tailwindcss/vite@4.1.18(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+    dependencies:
+      '@tailwindcss/node': 4.1.18
+      '@tailwindcss/oxide': 4.1.18
+      tailwindcss: 4.1.18
+      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
 
   '@tanstack/eslint-plugin-query@5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
@@ -5445,7 +6301,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tanstack/router-plugin@1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
@@ -5463,7 +6319,7 @@ snapshots:
       zod: 3.25.46
     optionalDependencies:
       '@tanstack/react-router': 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -5488,24 +6344,24 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
       '@types/babel__generator': 7.6.5
       '@types/babel__template': 7.4.2
       '@types/babel__traverse': 7.20.2
 
   '@types/babel__generator@7.6.5':
     dependencies:
-      '@babel/types': 7.26.0
+      '@babel/types': 7.28.5
 
   '@types/babel__template@7.4.2':
     dependencies:
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
 
   '@types/babel__traverse@7.20.2':
     dependencies:
-      '@babel/types': 7.26.0
+      '@babel/types': 7.28.5
 
   '@types/chrome@0.0.301':
     dependencies:
@@ -5514,6 +6370,8 @@ snapshots:
 
   '@types/estree@1.0.6': {}
 
+  '@types/estree@1.0.8': {}
+
   '@types/filesystem@0.0.32':
     dependencies:
       '@types/filewriter': 0.0.29
@@ -5529,6 +6387,8 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/minimatch@3.0.5': {}
+
   '@types/node@22.13.1':
     dependencies:
       undici-types: 6.20.0
@@ -5686,17 +6546,39 @@ snapshots:
       '@typescript-eslint/types': 8.48.1
       eslint-visitor-keys: 4.2.1
 
-  '@vitejs/plugin-react@4.3.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1))':
+  '@vitejs/plugin-react@5.1.2(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
+      '@babel/core': 7.28.5
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.5)
+      '@rolldown/pluginutils': 1.0.0-beta.53
       '@types/babel__core': 7.20.5
-      react-refresh: 0.14.2
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      react-refresh: 0.18.0
+      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
+  '@webext-core/fake-browser@1.3.2':
+    dependencies:
+      lodash.merge: 4.6.2
+
+  '@webext-core/isolated-element@1.1.2':
+    dependencies:
+      is-potential-custom-element-name: 1.0.1
+
+  '@webext-core/match-patterns@1.0.3': {}
+
+  '@wxt-dev/browser@0.1.32':
+    dependencies:
+      '@types/filesystem': 0.0.32
+      '@types/har-format': 1.2.10
+
+  '@wxt-dev/storage@1.2.6':
+    dependencies:
+      '@wxt-dev/browser': 0.1.32
+      async-mutex: 0.5.0
+      dequal: 2.0.3
+
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
       acorn: 8.14.0
@@ -5705,6 +6587,8 @@ snapshots:
 
   acorn@8.15.0: {}
 
+  adm-zip@0.5.16: {}
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -5712,10 +6596,24 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ansi-align@3.0.1:
+    dependencies:
+      string-width: 4.2.3
+
+  ansi-escapes@7.2.0:
+    dependencies:
+      environment: 1.1.0
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
 
+  ansi-styles@6.2.3: {}
+
   ansis@4.2.0: {}
 
   anymatch@3.1.3:
@@ -5734,6 +6632,8 @@ snapshots:
       call-bound: 1.0.4
       is-array-buffer: 3.0.5
 
+  array-differ@4.0.0: {}
+
   array-includes@3.1.8:
     dependencies:
       call-bind: 1.0.8
@@ -5743,6 +6643,8 @@ snapshots:
       get-intrinsic: 1.3.0
       is-string: 1.1.1
 
+  array-union@3.0.1: {}
+
   array.prototype.findlast@1.2.5:
     dependencies:
       call-bind: 1.0.8
@@ -5788,8 +6690,21 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  async-mutex@0.5.0:
+    dependencies:
+      tslib: 2.8.1
+
+  async@3.2.6: {}
+
   asynckit@0.4.0: {}
 
+  atomic-sleep@1.0.0: {}
+
+  atomically@2.1.0:
+    dependencies:
+      stubborn-fs: 2.0.0
+      when-exit: 2.1.5
+
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.0.0
@@ -5819,6 +6734,21 @@ snapshots:
 
   binary-extensions@2.2.0: {}
 
+  bluebird@3.7.2: {}
+
+  boolbase@1.0.0: {}
+
+  boxen@8.0.1:
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 8.0.0
+      chalk: 5.6.2
+      cli-boxes: 3.0.0
+      string-width: 7.2.0
+      type-fest: 4.41.0
+      widest-line: 5.0.0
+      wrap-ansi: 9.0.2
+
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -5839,6 +6769,31 @@ snapshots:
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
+  buffer-from@1.1.2: {}
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  c12@3.3.2(magicast@0.3.5):
+    dependencies:
+      chokidar: 4.0.3
+      confbox: 0.2.2
+      defu: 6.1.4
+      dotenv: 17.2.3
+      exsolve: 1.0.8
+      giget: 2.0.0
+      jiti: 2.6.1
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 2.0.0
+      pkg-types: 2.3.0
+      rc9: 2.1.2
+    optionalDependencies:
+      magicast: 0.3.5
+
+  cac@6.7.14: {}
+
   call-bind-apply-helpers@1.0.1:
     dependencies:
       es-errors: 1.3.0
@@ -5868,6 +6823,8 @@ snapshots:
 
   callsites@3.1.0: {}
 
+  camelcase@8.0.0: {}
+
   caniuse-lite@1.0.30001706: {}
 
   chalk@4.1.2:
@@ -5875,17 +6832,7 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chokidar@3.5.3:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
+  chalk@5.6.2: {}
 
   chokidar@3.6.0:
     dependencies:
@@ -5899,12 +6846,48 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chownr@3.0.0: {}
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  chrome-launcher@1.2.0:
+    dependencies:
+      '@types/node': 22.13.1
+      escape-string-regexp: 4.0.0
+      is-wsl: 2.2.0
+      lighthouse-logger: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  ci-info@4.3.1: {}
+
+  citty@0.1.6:
+    dependencies:
+      consola: 3.4.2
 
   class-variance-authority@0.7.1:
     dependencies:
       clsx: 2.1.1
 
+  cli-boxes@3.0.0: {}
+
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
+
+  cli-spinners@2.9.2: {}
+
+  cli-truncate@4.0.0:
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 7.2.0
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
   clsx@2.1.1: {}
 
   cmdk@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
@@ -5935,12 +6918,45 @@ snapshots:
       color-convert: 2.0.1
       color-string: 1.9.1
 
+  colorette@2.0.20: {}
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
 
+  commander@2.9.0:
+    dependencies:
+      graceful-readlink: 1.0.1
+
+  commander@9.5.0: {}
+
   concat-map@0.0.1: {}
 
+  concat-stream@1.6.2:
+    dependencies:
+      buffer-from: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+      typedarray: 0.0.6
+
+  confbox@0.1.8: {}
+
+  confbox@0.2.2: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  configstore@7.1.0:
+    dependencies:
+      atomically: 2.1.0
+      dot-prop: 9.0.0
+      graceful-fs: 4.2.11
+      xdg-basedir: 5.1.0
+
+  consola@3.4.2: {}
+
   convert-source-map@2.0.0: {}
 
   cookie-es@2.0.0: {}
@@ -5959,6 +6975,18 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-what@6.2.2: {}
+
+  cssom@0.5.0: {}
+
   csstype@3.2.3: {}
 
   data-view-buffer@1.0.2:
@@ -5985,32 +7013,57 @@ snapshots:
 
   date-fns@4.1.0: {}
 
+  debounce@1.2.1: {}
+
   debug@4.3.4:
     dependencies:
       ms: 2.1.2
 
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
   decimal.js@10.4.3: {}
 
   decode-formdata@0.9.0: {}
 
+  deep-extend@0.6.0: {}
+
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
 
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.4.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.1
       es-errors: 1.3.0
       gopd: 1.2.0
 
+  define-lazy-prop@2.0.0: {}
+
+  define-lazy-prop@3.0.0: {}
+
   define-properties@1.2.1:
     dependencies:
       define-data-property: 1.1.4
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  defu@6.1.4: {}
+
   delayed-stream@1.0.0: {}
 
+  dequal@2.0.3: {}
+
+  destr@2.0.5: {}
+
   detect-libc@2.0.3: {}
 
   detect-libc@2.0.4: {}
@@ -6025,8 +7078,36 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dot-prop@9.0.0:
+    dependencies:
+      type-fest: 4.41.0
+
+  dotenv-expand@12.0.3:
+    dependencies:
+      dotenv: 16.4.7
+
   dotenv@16.4.7: {}
 
+  dotenv@17.2.3: {}
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.1
@@ -6035,11 +7116,25 @@ snapshots:
 
   electron-to-chromium@1.5.49: {}
 
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
   enhanced-resolve@5.18.3:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.2
 
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  environment@1.1.0: {}
+
+  error-ex@1.3.4:
+    dependencies:
+      is-arrayish: 0.2.1
+
   es-abstract@1.23.9:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -6117,6 +7212,8 @@ snapshots:
       iterator.prototype: 1.1.5
       safe-array-concat: 1.1.3
 
+  es-module-lexer@1.7.0: {}
+
   es-object-atoms@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -6142,33 +7239,7 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  esbuild@0.24.2:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.24.2
-      '@esbuild/android-arm': 0.24.2
-      '@esbuild/android-arm64': 0.24.2
-      '@esbuild/android-x64': 0.24.2
-      '@esbuild/darwin-arm64': 0.24.2
-      '@esbuild/darwin-x64': 0.24.2
-      '@esbuild/freebsd-arm64': 0.24.2
-      '@esbuild/freebsd-x64': 0.24.2
-      '@esbuild/linux-arm': 0.24.2
-      '@esbuild/linux-arm64': 0.24.2
-      '@esbuild/linux-ia32': 0.24.2
-      '@esbuild/linux-loong64': 0.24.2
-      '@esbuild/linux-mips64el': 0.24.2
-      '@esbuild/linux-ppc64': 0.24.2
-      '@esbuild/linux-riscv64': 0.24.2
-      '@esbuild/linux-s390x': 0.24.2
-      '@esbuild/linux-x64': 0.24.2
-      '@esbuild/netbsd-arm64': 0.24.2
-      '@esbuild/netbsd-x64': 0.24.2
-      '@esbuild/openbsd-arm64': 0.24.2
-      '@esbuild/openbsd-x64': 0.24.2
-      '@esbuild/sunos-x64': 0.24.2
-      '@esbuild/win32-arm64': 0.24.2
-      '@esbuild/win32-ia32': 0.24.2
-      '@esbuild/win32-x64': 0.24.2
+  es6-error@4.1.1: {}
 
   esbuild@0.25.1:
     optionalDependencies:
@@ -6198,10 +7269,43 @@ snapshots:
       '@esbuild/win32-ia32': 0.25.1
       '@esbuild/win32-x64': 0.25.1
 
+  esbuild@0.27.1:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.1
+      '@esbuild/android-arm': 0.27.1
+      '@esbuild/android-arm64': 0.27.1
+      '@esbuild/android-x64': 0.27.1
+      '@esbuild/darwin-arm64': 0.27.1
+      '@esbuild/darwin-x64': 0.27.1
+      '@esbuild/freebsd-arm64': 0.27.1
+      '@esbuild/freebsd-x64': 0.27.1
+      '@esbuild/linux-arm': 0.27.1
+      '@esbuild/linux-arm64': 0.27.1
+      '@esbuild/linux-ia32': 0.27.1
+      '@esbuild/linux-loong64': 0.27.1
+      '@esbuild/linux-mips64el': 0.27.1
+      '@esbuild/linux-ppc64': 0.27.1
+      '@esbuild/linux-riscv64': 0.27.1
+      '@esbuild/linux-s390x': 0.27.1
+      '@esbuild/linux-x64': 0.27.1
+      '@esbuild/netbsd-arm64': 0.27.1
+      '@esbuild/netbsd-x64': 0.27.1
+      '@esbuild/openbsd-arm64': 0.27.1
+      '@esbuild/openbsd-x64': 0.27.1
+      '@esbuild/openharmony-arm64': 0.27.1
+      '@esbuild/sunos-x64': 0.27.1
+      '@esbuild/win32-arm64': 0.27.1
+      '@esbuild/win32-ia32': 0.27.1
+      '@esbuild/win32-x64': 0.27.1
+
   escalade@3.2.0: {}
 
+  escape-goat@4.0.0: {}
+
   escape-string-regexp@4.0.0: {}
 
+  escape-string-regexp@5.0.0: {}
+
   eslint-config-prettier@10.1.5(eslint@9.28.0(jiti@2.6.1)):
     dependencies:
       eslint: 9.28.0(jiti@2.6.1)
@@ -6316,8 +7420,16 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
   esutils@2.0.3: {}
 
+  eventemitter3@5.0.1: {}
+
+  exsolve@1.0.8: {}
+
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.2:
@@ -6328,10 +7440,20 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
 
+  fast-redact@3.5.0: {}
+
   fastq@1.15.0:
     dependencies:
       reusify: 1.0.4
@@ -6344,6 +7466,8 @@ snapshots:
     dependencies:
       flat-cache: 4.0.1
 
+  filesize@11.0.13: {}
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -6353,6 +7477,14 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
+  firefox-profile@4.7.0:
+    dependencies:
+      adm-zip: 0.5.16
+      fs-extra: 11.3.2
+      ini: 4.1.3
+      minimist: 1.2.8
+      xml2js: 0.6.2
+
   flat-cache@4.0.1:
     dependencies:
       flatted: 3.3.2
@@ -6366,13 +7498,17 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
+  form-data-encoder@4.1.0: {}
+
   form-data@4.0.0:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
-  fs-extra@11.2.0:
+  formdata-node@6.0.3: {}
+
+  fs-extra@11.3.2:
     dependencies:
       graceful-fs: 4.2.11
       jsonfile: 6.1.0
@@ -6397,8 +7533,21 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
+  fx-runner@1.4.0:
+    dependencies:
+      commander: 2.9.0
+      shell-quote: 1.7.3
+      spawn-sync: 1.0.15
+      when: 3.7.7
+      which: 1.2.4
+      winreg: 0.0.12
+
   gensync@1.0.0-beta.2: {}
 
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.4.0: {}
+
   get-intrinsic@1.2.7:
     dependencies:
       call-bind-apply-helpers: 1.0.1
@@ -6427,6 +7576,8 @@ snapshots:
 
   get-nonce@1.0.1: {}
 
+  get-port-please@3.2.0: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -6442,6 +7593,15 @@ snapshots:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
+  giget@2.0.0:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.2
+      defu: 6.1.4
+      node-fetch-native: 1.6.7
+      nypm: 0.6.2
+      pathe: 2.0.3
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -6450,7 +7610,11 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  globals@11.12.0: {}
+  glob-to-regexp@0.4.1: {}
+
+  global-directory@4.0.1:
+    dependencies:
+      ini: 4.1.1
 
   globals@14.0.0: {}
 
@@ -6463,10 +7627,16 @@ snapshots:
 
   gopd@1.2.0: {}
 
+  graceful-fs@4.2.10: {}
+
   graceful-fs@4.2.11: {}
 
+  graceful-readlink@1.0.1: {}
+
   graphemer@1.4.0: {}
 
+  growly@1.3.0: {}
+
   has-bigints@1.0.2: {}
 
   has-flag@4.0.0: {}
@@ -6499,6 +7669,17 @@ snapshots:
     dependencies:
       react-is: 16.13.1
 
+  hookable@5.5.3: {}
+
+  html-escaper@3.0.3: {}
+
+  htmlparser2@10.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 6.0.1
+
   ignore@5.3.1: {}
 
   ignore@7.0.5: {}
@@ -6510,10 +7691,18 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-meta-resolve@4.2.0: {}
+
   imurmurhash@0.1.4: {}
 
   inherits@2.0.4: {}
 
+  ini@1.3.8: {}
+
+  ini@4.1.1: {}
+
+  ini@4.1.3: {}
+
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -6527,12 +7716,18 @@ snapshots:
       '@formatjs/icu-messageformat-parser': 2.11.2
       tslib: 2.8.1
 
+  is-absolute@0.1.7:
+    dependencies:
+      is-relative: 0.1.3
+
   is-array-buffer@3.0.5:
     dependencies:
       call-bind: 1.0.8
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
+  is-arrayish@0.2.1: {}
+
   is-arrayish@0.3.2: {}
 
   is-async-function@2.0.0:
@@ -6569,12 +7764,24 @@ snapshots:
       call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
+  is-docker@2.2.1: {}
+
+  is-docker@3.0.0: {}
+
   is-extglob@2.1.1: {}
 
   is-finalizationregistry@1.1.1:
     dependencies:
       call-bound: 1.0.4
 
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-fullwidth-code-point@4.0.0: {}
+
+  is-fullwidth-code-point@5.1.0:
+    dependencies:
+      get-east-asian-width: 1.4.0
+
   is-generator-function@1.0.10:
     dependencies:
       has-tostringtag: 1.0.2
@@ -6583,8 +7790,23 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-in-ci@1.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-installed-globally@1.0.0:
+    dependencies:
+      global-directory: 4.0.1
+      is-path-inside: 4.0.0
+
+  is-interactive@2.0.0: {}
+
   is-map@2.0.3: {}
 
+  is-npm@6.1.0: {}
+
   is-number-object@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -6592,6 +7814,16 @@ snapshots:
 
   is-number@7.0.0: {}
 
+  is-path-inside@4.0.0: {}
+
+  is-plain-object@2.0.4:
+    dependencies:
+      isobject: 3.0.1
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-primitive@3.0.1: {}
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.4
@@ -6599,6 +7831,8 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  is-relative@0.1.3: {}
+
   is-set@2.0.3: {}
 
   is-shared-array-buffer@1.0.4:
@@ -6620,6 +7854,10 @@ snapshots:
     dependencies:
       which-typed-array: 1.1.18
 
+  is-unicode-supported@1.3.0: {}
+
+  is-unicode-supported@2.1.0: {}
+
   is-weakmap@2.0.2: {}
 
   is-weakref@1.1.1:
@@ -6631,14 +7869,26 @@ snapshots:
       call-bound: 1.0.4
       get-intrinsic: 1.3.0
 
+  is-wsl@2.2.0:
+    dependencies:
+      is-docker: 2.2.1
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
   isarray@1.0.0: {}
 
   isarray@2.0.5: {}
 
   isbot@5.1.32: {}
 
+  isexe@1.1.2: {}
+
   isexe@2.0.0: {}
 
+  isobject@3.0.1: {}
+
   iterator.prototype@1.1.5:
     dependencies:
       define-data-property: 1.1.4
@@ -6652,6 +7902,8 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
+  js-tokens@9.0.1: {}
+
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
@@ -6660,6 +7912,8 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-parse-even-better-errors@3.0.2: {}
+
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
@@ -6690,6 +7944,14 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
+  kleur@3.0.3: {}
+
+  ky@1.14.1: {}
+
+  latest-version@9.0.0:
+    dependencies:
+      package-json: 10.0.1
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -6699,50 +7961,86 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
-  lightningcss-darwin-arm64@1.30.1:
+  lighthouse-logger@2.0.2:
+    dependencies:
+      debug: 4.4.3
+      marky: 1.3.0
+    transitivePeerDependencies:
+      - supports-color
+
+  lightningcss-android-arm64@1.30.2:
     optional: true
 
-  lightningcss-darwin-x64@1.30.1:
+  lightningcss-darwin-arm64@1.30.2:
     optional: true
 
-  lightningcss-freebsd-x64@1.30.1:
+  lightningcss-darwin-x64@1.30.2:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.30.1:
+  lightningcss-freebsd-x64@1.30.2:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.30.1:
+  lightningcss-linux-arm-gnueabihf@1.30.2:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.30.1:
+  lightningcss-linux-arm64-gnu@1.30.2:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.30.1:
+  lightningcss-linux-arm64-musl@1.30.2:
     optional: true
 
-  lightningcss-linux-x64-musl@1.30.1:
+  lightningcss-linux-x64-gnu@1.30.2:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.30.1:
+  lightningcss-linux-x64-musl@1.30.2:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.30.1:
+  lightningcss-win32-arm64-msvc@1.30.2:
     optional: true
 
-  lightningcss@1.30.1:
+  lightningcss-win32-x64-msvc@1.30.2:
+    optional: true
+
+  lightningcss@1.30.2:
     dependencies:
       detect-libc: 2.0.4
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.30.1
-      lightningcss-darwin-x64: 1.30.1
-      lightningcss-freebsd-x64: 1.30.1
-      lightningcss-linux-arm-gnueabihf: 1.30.1
-      lightningcss-linux-arm64-gnu: 1.30.1
-      lightningcss-linux-arm64-musl: 1.30.1
-      lightningcss-linux-x64-gnu: 1.30.1
-      lightningcss-linux-x64-musl: 1.30.1
-      lightningcss-win32-arm64-msvc: 1.30.1
-      lightningcss-win32-x64-msvc: 1.30.1
+      lightningcss-android-arm64: 1.30.2
+      lightningcss-darwin-arm64: 1.30.2
+      lightningcss-darwin-x64: 1.30.2
+      lightningcss-freebsd-x64: 1.30.2
+      lightningcss-linux-arm-gnueabihf: 1.30.2
+      lightningcss-linux-arm64-gnu: 1.30.2
+      lightningcss-linux-arm64-musl: 1.30.2
+      lightningcss-linux-x64-gnu: 1.30.2
+      lightningcss-linux-x64-musl: 1.30.2
+      lightningcss-win32-arm64-msvc: 1.30.2
+      lightningcss-win32-x64-msvc: 1.30.2
+
+  lines-and-columns@2.0.4: {}
+
+  linkedom@0.18.12:
+    dependencies:
+      css-select: 5.2.2
+      cssom: 0.5.0
+      html-escaper: 3.0.3
+      htmlparser2: 10.0.0
+      uhyphen: 0.2.0
+
+  listr2@8.3.3:
+    dependencies:
+      cli-truncate: 4.0.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.2
+
+  local-pkg@1.1.2:
+    dependencies:
+      mlly: 1.8.0
+      pkg-types: 2.3.0
+      quansync: 0.2.11
 
   locate-path@6.0.0:
     dependencies:
@@ -6750,6 +8048,19 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
+  log-symbols@6.0.0:
+    dependencies:
+      chalk: 5.6.2
+      is-unicode-supported: 1.3.0
+
+  log-update@6.1.0:
+    dependencies:
+      ansi-escapes: 7.2.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.2
+      strip-ansi: 7.1.2
+      wrap-ansi: 9.0.2
+
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
@@ -6762,10 +8073,22 @@ snapshots:
     dependencies:
       react: 19.2.3
 
-  magic-string@0.30.19:
+  magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  magicast@0.3.5:
+    dependencies:
+      '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
+      source-map-js: 1.2.1
+
+  make-error@1.3.6: {}
+
+  many-keys-map@2.0.1: {}
+
+  marky@1.3.0: {}
+
   math-intrinsics@1.1.0: {}
 
   merge2@1.4.1: {}
@@ -6781,6 +8104,12 @@ snapshots:
     dependencies:
       mime-db: 1.52.0
 
+  mimic-function@5.0.1: {}
+
+  minimatch@10.1.1:
+    dependencies:
+      '@isaacs/brace-expansion': 5.0.0
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -6789,14 +8118,30 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
-  minipass@7.1.2: {}
+  minimist@1.2.8: {}
 
-  minizlib@3.1.0:
+  mlly@1.8.0:
     dependencies:
-      minipass: 7.1.2
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.1
 
   ms@2.1.2: {}
 
+  ms@2.1.3: {}
+
+  multimatch@6.0.0:
+    dependencies:
+      '@types/minimatch': 3.0.5
+      array-differ: 4.0.0
+      array-union: 3.0.1
+      minimatch: 3.1.2
+
+  nano-spawn@1.0.3: {}
+
+  nanoid@3.3.11: {}
+
   nanoid@3.3.8: {}
 
   natural-compare@1.4.0: {}
@@ -6806,10 +8151,35 @@ snapshots:
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
 
+  node-fetch-native@1.6.7: {}
+
+  node-forge@1.3.3: {}
+
+  node-notifier@10.0.1:
+    dependencies:
+      growly: 1.3.0
+      is-wsl: 2.2.0
+      semver: 7.6.3
+      shellwords: 0.1.1
+      uuid: 8.3.2
+      which: 2.0.2
+
   node-releases@2.0.18: {}
 
   normalize-path@3.0.0: {}
 
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  nypm@0.6.2:
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.2
+      pathe: 2.0.3
+      pkg-types: 2.3.0
+      tinyexec: 1.0.2
+
   object-assign@4.1.1: {}
 
   object-inspect@1.13.4: {}
@@ -6846,6 +8216,33 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
+  ofetch@1.5.1:
+    dependencies:
+      destr: 2.0.5
+      node-fetch-native: 1.6.7
+      ufo: 1.6.1
+
+  ohash@2.0.11: {}
+
+  on-exit-leak-free@2.1.2: {}
+
+  onetime@7.0.0:
+    dependencies:
+      mimic-function: 5.0.1
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.4.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  open@8.4.2:
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+
   optionator@0.9.3:
     dependencies:
       '@aashutoshrathi/word-wrap': 1.2.6
@@ -6855,6 +8252,20 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  ora@8.2.0:
+    dependencies:
+      chalk: 5.6.2
+      cli-cursor: 5.0.0
+      cli-spinners: 2.9.2
+      is-interactive: 2.0.0
+      is-unicode-supported: 2.1.0
+      log-symbols: 6.0.0
+      stdin-discarder: 0.2.2
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+
+  os-shim@0.1.3: {}
+
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
@@ -6869,12 +8280,27 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
+  package-json@10.0.1:
+    dependencies:
+      ky: 1.14.1
+      registry-auth-token: 5.1.0
+      registry-url: 6.0.1
+      semver: 7.6.3
+
   pako@1.0.11: {}
 
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
+  parse-json@7.1.1:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 3.0.2
+      lines-and-columns: 2.0.4
+      type-fest: 3.13.1
+
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
@@ -6883,12 +8309,46 @@ snapshots:
 
   pathe@2.0.3: {}
 
+  perfect-debounce@2.0.0: {}
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
   picomatch@4.0.3: {}
 
+  pino-abstract-transport@2.0.0:
+    dependencies:
+      split2: 4.2.0
+
+  pino-std-serializers@7.0.0: {}
+
+  pino@9.7.0:
+    dependencies:
+      atomic-sleep: 1.0.0
+      fast-redact: 3.5.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 2.0.0
+      pino-std-serializers: 7.0.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.0
+      thread-stream: 3.1.0
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
+  pkg-types@2.3.0:
+    dependencies:
+      confbox: 0.2.2
+      exsolve: 1.0.8
+      pathe: 2.0.3
+
   playwright-core@1.50.1: {}
 
   playwright@1.50.1:
@@ -6905,6 +8365,12 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   prelude-ls@1.2.1: {}
 
   prettier-plugin-tailwindcss@0.6.12(prettier@3.4.2):
@@ -6917,22 +8383,54 @@ snapshots:
 
   process-nextick-args@2.0.1: {}
 
+  process-warning@5.0.0: {}
+
+  promise-toolbox@0.21.0:
+    dependencies:
+      make-error: 1.3.6
+
+  prompts@2.4.2:
+    dependencies:
+      kleur: 3.0.3
+      sisteransi: 1.0.5
+
   prop-types@15.8.1:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  proto-list@1.2.4: {}
+
   proxy-from-env@1.1.0: {}
 
+  publish-browser-extension@3.0.3:
+    dependencies:
+      cac: 6.7.14
+      consola: 3.4.2
+      dotenv: 17.2.3
+      form-data-encoder: 4.1.0
+      formdata-node: 6.0.3
+      listr2: 8.3.3
+      ofetch: 1.5.1
+      zod: 3.25.76
+
   punycode@2.3.0: {}
 
+  pupa@3.3.0:
+    dependencies:
+      escape-goat: 4.0.0
+
   qs@6.14.0:
     dependencies:
       side-channel: 1.1.0
 
+  quansync@0.2.11: {}
+
   queue-microtask@1.2.3: {}
 
+  quick-format-unescaped@4.0.4: {}
+
   radix-ui@1.4.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       '@radix-ui/primitive': 1.1.3
@@ -6996,6 +8494,18 @@ snapshots:
       '@types/react': 19.2.7
       '@types/react-dom': 19.2.3(@types/react@19.2.7)
 
+  rc9@2.1.2:
+    dependencies:
+      defu: 6.1.4
+      destr: 2.0.5
+
+  rc@1.2.8:
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.8
+      strip-json-comments: 2.0.1
+
   react-day-picker@9.11.1(react@19.2.3):
     dependencies:
       '@date-fns/tz': 1.4.1
@@ -7024,7 +8534,7 @@ snapshots:
 
   react-is@16.13.1: {}
 
-  react-refresh@0.14.2: {}
+  react-refresh@0.18.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.3):
     dependencies:
@@ -7069,6 +8579,10 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
+  readdirp@4.1.2: {}
+
+  real-require@0.2.0: {}
+
   recast@0.23.11:
     dependencies:
       ast-types: 0.16.1
@@ -7097,6 +8611,16 @@ snapshots:
       gopd: 1.2.0
       set-function-name: 2.0.2
 
+  registry-auth-token@5.1.0:
+    dependencies:
+      '@pnpm/npm-conf': 2.3.1
+
+  registry-url@6.0.1:
+    dependencies:
+      rc: 1.2.8
+
+  require-directory@2.1.1: {}
+
   resolve-from@4.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -7107,33 +8631,45 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  restore-cursor@5.1.0:
+    dependencies:
+      onetime: 7.0.0
+      signal-exit: 4.1.0
+
   reusify@1.0.4: {}
 
-  rollup@4.34.3:
+  rfdc@1.4.1: {}
+
+  rollup@4.53.4:
     dependencies:
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.34.3
-      '@rollup/rollup-android-arm64': 4.34.3
-      '@rollup/rollup-darwin-arm64': 4.34.3
-      '@rollup/rollup-darwin-x64': 4.34.3
-      '@rollup/rollup-freebsd-arm64': 4.34.3
-      '@rollup/rollup-freebsd-x64': 4.34.3
-      '@rollup/rollup-linux-arm-gnueabihf': 4.34.3
-      '@rollup/rollup-linux-arm-musleabihf': 4.34.3
-      '@rollup/rollup-linux-arm64-gnu': 4.34.3
-      '@rollup/rollup-linux-arm64-musl': 4.34.3
-      '@rollup/rollup-linux-loongarch64-gnu': 4.34.3
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.3
-      '@rollup/rollup-linux-riscv64-gnu': 4.34.3
-      '@rollup/rollup-linux-s390x-gnu': 4.34.3
-      '@rollup/rollup-linux-x64-gnu': 4.34.3
-      '@rollup/rollup-linux-x64-musl': 4.34.3
-      '@rollup/rollup-win32-arm64-msvc': 4.34.3
-      '@rollup/rollup-win32-ia32-msvc': 4.34.3
-      '@rollup/rollup-win32-x64-msvc': 4.34.3
+      '@rollup/rollup-android-arm-eabi': 4.53.4
+      '@rollup/rollup-android-arm64': 4.53.4
+      '@rollup/rollup-darwin-arm64': 4.53.4
+      '@rollup/rollup-darwin-x64': 4.53.4
+      '@rollup/rollup-freebsd-arm64': 4.53.4
+      '@rollup/rollup-freebsd-x64': 4.53.4
+      '@rollup/rollup-linux-arm-gnueabihf': 4.53.4
+      '@rollup/rollup-linux-arm-musleabihf': 4.53.4
+      '@rollup/rollup-linux-arm64-gnu': 4.53.4
+      '@rollup/rollup-linux-arm64-musl': 4.53.4
+      '@rollup/rollup-linux-loong64-gnu': 4.53.4
+      '@rollup/rollup-linux-ppc64-gnu': 4.53.4
+      '@rollup/rollup-linux-riscv64-gnu': 4.53.4
+      '@rollup/rollup-linux-riscv64-musl': 4.53.4
+      '@rollup/rollup-linux-s390x-gnu': 4.53.4
+      '@rollup/rollup-linux-x64-gnu': 4.53.4
+      '@rollup/rollup-linux-x64-musl': 4.53.4
+      '@rollup/rollup-openharmony-arm64': 4.53.4
+      '@rollup/rollup-win32-arm64-msvc': 4.53.4
+      '@rollup/rollup-win32-ia32-msvc': 4.53.4
+      '@rollup/rollup-win32-x64-gnu': 4.53.4
+      '@rollup/rollup-win32-x64-msvc': 4.53.4
       fsevents: 2.3.3
 
+  run-applescript@7.1.0: {}
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -7159,8 +8695,14 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
+  safe-stable-stringify@2.5.0: {}
+
+  sax@1.4.3: {}
+
   scheduler@0.27.0: {}
 
+  scule@1.3.0: {}
+
   semver@6.3.1: {}
 
   semver@7.6.3: {}
@@ -7193,6 +8735,11 @@ snapshots:
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
 
+  set-value@4.1.0:
+    dependencies:
+      is-plain-object: 2.0.4
+      is-primitive: 3.0.1
+
   setimmediate@1.0.5: {}
 
   sharp@0.33.5:
@@ -7227,6 +8774,10 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shell-quote@1.7.3: {}
+
+  shellwords@0.1.1: {}
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -7255,10 +8806,28 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
+  signal-exit@4.1.0: {}
+
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
 
+  sisteransi@1.0.5: {}
+
+  slice-ansi@5.0.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 4.0.0
+
+  slice-ansi@7.1.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      is-fullwidth-code-point: 5.1.0
+
+  sonic-boom@4.2.0:
+    dependencies:
+      atomic-sleep: 1.0.0
+
   sonner@2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       react: 19.2.3
@@ -7266,10 +8835,40 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
   source-map@0.6.1: {}
 
   source-map@0.7.6: {}
 
+  spawn-sync@1.0.15:
+    dependencies:
+      concat-stream: 1.6.2
+      os-shim: 0.1.3
+
+  split2@4.2.0: {}
+
+  split@1.0.1:
+    dependencies:
+      through: 2.3.8
+
+  stdin-discarder@0.2.2: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -7318,8 +8917,32 @@ snapshots:
     dependencies:
       safe-buffer: 5.1.2
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.2:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-bom@5.0.0: {}
+
+  strip-json-comments@2.0.1: {}
+
   strip-json-comments@3.1.1: {}
 
+  strip-json-comments@5.0.2: {}
+
+  strip-literal@3.1.0:
+    dependencies:
+      js-tokens: 9.0.1
+
+  stubborn-fs@2.0.0:
+    dependencies:
+      stubborn-utils: 1.0.2
+
+  stubborn-utils@1.0.2: {}
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -7328,29 +8951,31 @@ snapshots:
 
   tailwind-merge@3.3.1: {}
 
-  tailwindcss@4.1.14: {}
+  tailwindcss@4.1.18: {}
 
   tailwindcss@4.1.8: {}
 
   tapable@2.2.2: {}
 
-  tar@7.5.1:
+  thread-stream@3.1.0:
     dependencies:
-      '@isaacs/fs-minipass': 4.0.1
-      chownr: 3.0.0
-      minipass: 7.1.2
-      minizlib: 3.1.0
-      yallist: 5.0.0
+      real-require: 0.2.0
+
+  through@2.3.8: {}
 
   tiny-invariant@1.3.3: {}
 
   tiny-warning@1.0.3: {}
 
+  tinyexec@1.0.2: {}
+
   tinyglobby@0.2.15:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tmp@0.2.5: {}
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -7377,6 +9002,10 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-fest@3.13.1: {}
+
+  type-fest@4.41.0: {}
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -7410,6 +9039,8 @@ snapshots:
       possible-typed-array-names: 1.0.0
       reflect.getprototypeof: 1.0.10
 
+  typedarray@0.0.6: {}
+
   typescript-eslint@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3):
     dependencies:
       '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
@@ -7422,6 +9053,10 @@ snapshots:
 
   typescript@5.7.3: {}
 
+  ufo@1.6.1: {}
+
+  uhyphen@0.2.0: {}
+
   unbox-primitive@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -7431,8 +9066,30 @@ snapshots:
 
   undici-types@6.20.0: {}
 
+  unimport@5.6.0:
+    dependencies:
+      acorn: 8.15.0
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.0
+      pathe: 2.0.3
+      picomatch: 4.0.3
+      pkg-types: 2.3.0
+      scule: 1.3.0
+      strip-literal: 3.1.0
+      tinyglobby: 0.2.15
+      unplugin: 2.3.11
+      unplugin-utils: 0.3.1
+
   universalify@2.0.1: {}
 
+  unplugin-utils@0.3.1:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.3
+
   unplugin@2.3.11:
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -7446,6 +9103,19 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-notifier@7.3.1:
+    dependencies:
+      boxen: 8.0.1
+      chalk: 5.6.2
+      configstore: 7.1.0
+      is-in-ci: 1.0.0
+      is-installed-globally: 1.0.0
+      is-npm: 6.1.0
+      latest-version: 9.0.0
+      pupa: 3.3.0
+      semver: 7.6.3
+      xdg-basedir: 5.1.0
+
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
@@ -7475,34 +9145,81 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  vite-plugin-static-copy@2.2.0(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
-    dependencies:
-      chokidar: 3.5.3
-      fast-glob: 3.3.2
-      fs-extra: 11.2.0
-      picocolors: 1.1.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+  uuid@8.3.2: {}
 
-  vite-plugin-zip-pack@1.2.4(vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)):
+  vite-node@3.2.4(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
-      jszip: 3.10.1
-      vite: 6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1)
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 2.0.3
+      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
 
-  vite@6.1.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.1)(tsx@4.19.3)(yaml@2.7.1):
+  vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
-      esbuild: 0.24.2
-      postcss: 8.5.1
-      rollup: 4.34.3
+      esbuild: 0.27.1
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.53.4
+      tinyglobby: 0.2.15
     optionalDependencies:
       '@types/node': 22.13.1
       fsevents: 2.3.3
       jiti: 2.6.1
-      lightningcss: 1.30.1
+      lightningcss: 1.30.2
       tsx: 4.19.3
       yaml: 2.7.1
 
+  watchpack@2.4.4:
+    dependencies:
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+
+  web-ext-run@0.2.4:
+    dependencies:
+      '@babel/runtime': 7.28.2
+      '@devicefarmer/adbkit': 3.3.8
+      chrome-launcher: 1.2.0
+      debounce: 1.2.1
+      es6-error: 4.1.1
+      firefox-profile: 4.7.0
+      fx-runner: 1.4.0
+      multimatch: 6.0.0
+      node-notifier: 10.0.1
+      parse-json: 7.1.1
+      pino: 9.7.0
+      promise-toolbox: 0.21.0
+      set-value: 4.1.0
+      source-map-support: 0.5.21
+      strip-bom: 5.0.0
+      strip-json-comments: 5.0.2
+      tmp: 0.2.5
+      update-notifier: 7.3.1
+      watchpack: 2.4.4
+      zip-dir: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
   webpack-virtual-modules@0.6.2: {}
 
+  when-exit@2.1.5: {}
+
+  when@3.7.7: {}
+
   which-boxed-primitive@1.1.1:
     dependencies:
       is-bigint: 1.1.0
@@ -7543,21 +9260,139 @@ snapshots:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
+  which@1.2.4:
+    dependencies:
+      is-absolute: 0.1.7
+      isexe: 1.1.2
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
 
-  yallist@3.1.1: {}
+  widest-line@5.0.0:
+    dependencies:
+      string-width: 7.2.0
 
-  yallist@5.0.0: {}
+  winreg@0.0.12: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.0
+
+  wxt@0.20.12(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
+    dependencies:
+      '@1natsu/wait-element': 4.1.2
+      '@aklinker1/rollup-plugin-visualizer': 5.12.0(rollup@4.53.4)
+      '@webext-core/fake-browser': 1.3.2
+      '@webext-core/isolated-element': 1.1.2
+      '@webext-core/match-patterns': 1.0.3
+      '@wxt-dev/browser': 0.1.32
+      '@wxt-dev/storage': 1.2.6
+      async-mutex: 0.5.0
+      c12: 3.3.2(magicast@0.3.5)
+      cac: 6.7.14
+      chokidar: 4.0.3
+      ci-info: 4.3.1
+      consola: 3.4.2
+      defu: 6.1.4
+      dotenv: 17.2.3
+      dotenv-expand: 12.0.3
+      esbuild: 0.27.1
+      fast-glob: 3.3.3
+      filesize: 11.0.13
+      fs-extra: 11.3.2
+      get-port-please: 3.2.0
+      giget: 2.0.0
+      hookable: 5.5.3
+      import-meta-resolve: 4.2.0
+      is-wsl: 3.1.0
+      json5: 2.2.3
+      jszip: 3.10.1
+      linkedom: 0.18.12
+      magicast: 0.3.5
+      minimatch: 10.1.1
+      nano-spawn: 1.0.3
+      normalize-path: 3.0.0
+      nypm: 0.6.2
+      ohash: 2.0.11
+      open: 10.2.0
+      ora: 8.2.0
+      perfect-debounce: 2.0.0
+      picocolors: 1.1.1
+      prompts: 2.4.2
+      publish-browser-extension: 3.0.3
+      scule: 1.3.0
+      unimport: 5.6.0
+      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite-node: 3.2.4(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      web-ext-run: 0.2.4
+    transitivePeerDependencies:
+      - '@types/node'
+      - canvas
+      - jiti
+      - less
+      - lightningcss
+      - rollup
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  xdg-basedir@5.1.0: {}
+
+  xml2js@0.6.2:
+    dependencies:
+      sax: 1.4.3
+      xmlbuilder: 11.0.1
+
+  xmlbuilder@11.0.1: {}
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
 
   yaml@2.7.1:
     optional: true
 
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
   yocto-queue@0.1.0: {}
 
+  zip-dir@2.0.0:
+    dependencies:
+      async: 3.2.6
+      jszip: 3.10.1
+
   zod-validation-error@4.0.2(zod@3.25.46):
     dependencies:
       zod: 3.25.46
 
   zod@3.25.46: {}
+
+  zod@3.25.76: {}
diff --git a/public/logo128.png b/public/icon/128.png
similarity index 100%
rename from public/logo128.png
rename to public/icon/128.png
diff --git a/public/logo16.png b/public/icon/16.png
similarity index 100%
rename from public/logo16.png
rename to public/icon/16.png
diff --git a/public/logo48.png b/public/icon/48.png
similarity index 100%
rename from public/logo48.png
rename to public/icon/48.png
diff --git a/public/tw-properties.css b/public/tw-properties.css
deleted file mode 100644
index 0994b38..0000000
--- a/public/tw-properties.css
+++ /dev/null
@@ -1,65 +0,0 @@
-@layer properties {
-  *,
-  :before,
-  :after,
-  ::backdrop {
-    --tw-border-spacing-x: 0;
-    --tw-border-spacing-y: 0;
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-translate-z: 0;
-    --tw-rotate-x: initial;
-    --tw-rotate-y: initial;
-    --tw-rotate-z: initial;
-    --tw-skew-x: initial;
-    --tw-skew-y: initial;
-    --tw-border-style: solid;
-    --tw-leading: initial;
-    --tw-font-weight: initial;
-    --tw-tracking: initial;
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-color: initial;
-    --tw-shadow-alpha: 100%;
-    --tw-inset-shadow: 0 0 #0000;
-    --tw-inset-shadow-color: initial;
-    --tw-inset-shadow-alpha: 100%;
-    --tw-ring-color: initial;
-    --tw-ring-shadow: 0 0 #0000;
-    --tw-inset-ring-color: initial;
-    --tw-inset-ring-shadow: 0 0 #0000;
-    --tw-ring-inset: initial;
-    --tw-ring-offset-width: 0px;
-    --tw-ring-offset-color: #fff;
-    --tw-ring-offset-shadow: 0 0 #0000;
-    --tw-outline-style: solid;
-    --tw-blur: initial;
-    --tw-brightness: initial;
-    --tw-contrast: initial;
-    --tw-grayscale: initial;
-    --tw-hue-rotate: initial;
-    --tw-invert: initial;
-    --tw-opacity: initial;
-    --tw-saturate: initial;
-    --tw-sepia: initial;
-    --tw-drop-shadow: initial;
-    --tw-drop-shadow-color: initial;
-    --tw-drop-shadow-alpha: 100%;
-    --tw-drop-shadow-size: initial;
-    --tw-duration: initial;
-    --tw-animation-delay: 0s;
-    --tw-animation-direction: normal;
-    --tw-animation-duration: initial;
-    --tw-animation-fill-mode: forwards;
-    --tw-animation-iteration-count: 1;
-    --tw-enter-opacity: 1;
-    --tw-enter-rotate: 0;
-    --tw-enter-scale: 1;
-    --tw-enter-translate-x: 0;
-    --tw-enter-translate-y: 0;
-    --tw-exit-opacity: 1;
-    --tw-exit-rotate: 0;
-    --tw-exit-scale: 1;
-    --tw-exit-translate-x: 0;
-    --tw-exit-translate-y: 0;
-  }
-}
diff --git a/src/background.ts b/src/background.ts
deleted file mode 100644
index 1a6d6d0..0000000
--- a/src/background.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { getSettings } from "@/provider/SettingsProvider";
-
-/**
- * Open options page on install and set uninstall URL
- */
-chrome.runtime.onInstalled.addListener(({ reason }) => {
-  if (reason === chrome.runtime.OnInstalledReason.INSTALL) {
-    chrome.runtime.openOptionsPage();
-    chrome.runtime.setUninstallURL("https://github.com/CrawlerCode/redmine-time-tracking/discussions/1");
-  }
-});
-
-/**
- * Register content script on configured Redmine URL
- * and re-register on Redmine URL change
- */
-const registerContentScript = async () => {
-  const settings = await getSettings();
-  if (!settings.redmineURL) return;
-
-  // Unregister content script
-  await chrome.scripting
-    .unregisterContentScripts({
-      ids: ["content"],
-    })
-    .catch(() => undefined);
-
-  // If showCurrentIssueTimer is disabled, do not register content script
-  if (!settings.features.showCurrentIssueTimer) return;
-
-  // Register content script
-  await chrome.scripting.registerContentScripts([
-    {
-      id: "content",
-      js: ["inject-content-module.js"],
-      matches: [`${settings.redmineURL}/*`],
-      runAt: "document_end",
-    },
-  ]);
-};
-registerContentScript();
-chrome.runtime.onMessage.addListener((message) => {
-  if (["settings-changed:redmineURL", "settings-changed:showCurrentIssueTimer"].includes(message)) {
-    registerContentScript();
-  }
-});
diff --git a/src/components/general/BrowserNotificationBadge.tsx b/src/components/general/BrowserNotificationBadge.tsx
index a9c594b..32d958f 100644
--- a/src/components/general/BrowserNotificationBadge.tsx
+++ b/src/components/general/BrowserNotificationBadge.tsx
@@ -1,4 +1,5 @@
 import { useEffect } from "react";
+import { browser } from "wxt/browser";
 
 type PropTypes = {
   text: string;
@@ -7,12 +8,12 @@ type PropTypes = {
 
 const BrowserNotificationBadge = ({ text, backgroundColor }: PropTypes) => {
   useEffect(() => {
-    if (!chrome.action) return; // Not available in content scripts
+    if (!browser.action) return; // Not available in content scripts
 
-    chrome.action.setBadgeText({
+    browser.action.setBadgeText({
       text: text,
     });
-    chrome.action.setBadgeBackgroundColor({ color: backgroundColor });
+    browser.action.setBadgeBackgroundColor({ color: backgroundColor });
   }, [text, backgroundColor]);
 
   return null;
diff --git a/src/components/general/Layout.tsx b/src/components/general/Layout.tsx
index 8cb81d8..c962562 100644
--- a/src/components/general/Layout.tsx
+++ b/src/components/general/Layout.tsx
@@ -1,17 +1,17 @@
 import { clsxm } from "@/utils/clsxm";
-import { WindowLocationType } from "@/utils/popout";
+import { Entrypoint } from "@/utils/entrypoint";
 import { PropsWithChildren } from "react";
 
 interface LayoutProps extends PropsWithChildren {
-  locationType: WindowLocationType;
+  entrypoint: Entrypoint;
 }
 
-export const Layout = ({ locationType, children }: LayoutProps) => {
+export const Layout = ({ entrypoint, children }: LayoutProps) => {
   return (
     <div
       className={clsxm("mx-auto flex h-screen w-[320px] flex-col overflow-hidden", {
-        "w-full min-w-[320px]": ["popout", "options"].includes(locationType),
-        "h-[550px]": ["popup", "options"].includes(locationType),
+        "w-full min-w-[320px]": ["index", "options"].includes(entrypoint),
+        "h-[550px]": ["popup", "options"].includes(entrypoint),
       })}
       onContextMenu={(e) => e.preventDefault()} // disable context menu
     >
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
index 8616857..998cfb5 100644
--- a/src/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -31,7 +31,7 @@ function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof
 
 function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
   return (
-    <AlertDialogPortal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <AlertDialogPortal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <AlertDialogOverlay />
       <AlertDialogPrimitive.Content
         data-slot="alert-dialog-content"
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
index 96ff09e..02d79bb 100644
--- a/src/components/ui/context-menu.tsx
+++ b/src/components/ui/context-menu.tsx
@@ -67,7 +67,7 @@ function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typ
 
 function ContextMenuContent({ className, collisionPadding = 5, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
   return (
-    <ContextMenuPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <ContextMenuPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <ContextMenuPrimitive.Content
         data-slot="context-menu-content"
         collisionPadding={collisionPadding}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index ccd6fa4..d92d020 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -42,7 +42,7 @@ function DialogContent({
   showCloseButton?: boolean;
 }) {
   return (
-    <DialogPortal data-slot="dialog-portal" container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <DialogPortal data-slot="dialog-portal" container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <DialogOverlay />
       <DialogPrimitive.Content
         data-slot="dialog-content"
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index 7821be9..b4079da 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -13,7 +13,7 @@ function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimiti
 
 function PopoverContent({ className, align = "center", sideOffset = 4, collisionPadding = 5, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
   return (
-    <PopoverPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <PopoverPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <PopoverPrimitive.Content
         data-slot="popover-content"
         align={align}
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 127e2b9..f6f6b8e 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -44,7 +44,7 @@ function SelectTrigger({
 
 function SelectContent({ className, children, position = "popper", align = "center", ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {
   return (
-    <SelectPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <SelectPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <SelectPrimitive.Content
         data-slot="select-content"
         className={cn(
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index c705dbe..6bb7bc5 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -21,7 +21,7 @@ function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimiti
 
 function TooltipContent({ className, sideOffset = 0, collisionPadding = 5, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
   return (
-    <TooltipPrimitive.Portal container={document.getElementById("redmine-time-tracking-host")?.shadowRoot}>
+    <TooltipPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
       <TooltipPrimitive.Content
         data-slot="tooltip-content"
         sideOffset={sideOffset}
diff --git a/src/content.tsx b/src/content.tsx
deleted file mode 100644
index 172dabb..0000000
--- a/src/content.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import CurrentIssueTimerWrapper from "@/components/timer/CurrentIssueTimer.tsx";
-import Providers from "@/provider/Providers";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-
-(() => {
-  if (document.querySelector<HTMLDivElement>("#redmine-time-tracking-host")) return;
-
-  const contextual = document.querySelector<HTMLDivElement>("#content .contextual");
-  if (!contextual) return;
-
-  // Add host element at the correct position
-  const hostElement = document.createElement("div");
-  hostElement.id = "redmine-time-tracking-host";
-  hostElement.style.float = "right";
-  hostElement.style.marginRight = "5px";
-  contextual.parentElement?.insertBefore(hostElement, contextual.nextSibling);
-
-  // Create a shadow root
-  const shadowRoot = hostElement.attachShadow({ mode: "open" });
-
-  // Add the react root element inside the shadow root
-  const reactRoot = document.createElement("div");
-  reactRoot.id = "root";
-  shadowRoot.appendChild(reactRoot);
-
-  // Add the styles
-  const style = document.createElement("link");
-  style.rel = "stylesheet";
-  style.href = chrome.runtime.getURL("style.css");
-  shadowRoot.appendChild(style);
-
-  const twProperties = document.createElement("link");
-  twProperties.rel = "stylesheet";
-  twProperties.href = chrome.runtime.getURL("tw-properties.css");
-  document.head.appendChild(twProperties);
-
-  // Render the react app
-  ReactDOM.createRoot(reactRoot).render(
-    <React.StrictMode>
-      <Providers>
-        <CurrentIssueTimerWrapper />
-      </Providers>
-    </React.StrictMode>
-  );
-})();
diff --git a/src/entrypoints/background.ts b/src/entrypoints/background.ts
new file mode 100644
index 0000000..f686f27
--- /dev/null
+++ b/src/entrypoints/background.ts
@@ -0,0 +1,56 @@
+import { browser, defineBackground } from "#imports";
+import { getSettings } from "@/provider/SettingsProvider";
+
+export default defineBackground({
+  type: "module",
+  main: () => {
+    /**
+     * Open options page on install and set uninstall URL
+     */
+    browser.runtime.onInstalled.addListener(({ reason }) => {
+      if (reason === browser.runtime.OnInstalledReason.INSTALL) {
+        browser.runtime.openOptionsPage();
+        browser.runtime.setUninstallURL("https://github.com/CrawlerCode/redmine-time-tracking/discussions/1");
+      }
+    });
+
+    /**
+     * Register content script initially and re-register on settings change
+     */
+    const registerContentScripts = async ({ unregister = false }: { unregister?: boolean } = {}) => {
+      // Unregister existing content script
+      if (unregister) {
+        await browser.scripting
+          .unregisterContentScripts({
+            ids: ["content"],
+          })
+          .catch(() => undefined);
+      }
+
+      // Check settings
+      const settings = await getSettings();
+      if (!settings.redmineURL) return;
+      if (!settings.features.showCurrentIssueTimer) return;
+
+      // Register content script
+      const url = new URL(settings.redmineURL);
+      browser.scripting.registerContentScripts([
+        {
+          id: "content",
+          js: ["content-scripts/content.js"],
+          matches:
+            import.meta.env.BROWSER === "firefox"
+              ? // Firefox does not support ports in match patterns
+                [`${url.protocol}//${url.hostname}${url.pathname}${url.pathname.endsWith("/") ? "" : "/"}*`]
+              : [`${url.toString()}${url.pathname.endsWith("/") ? "" : "/"}*`],
+        },
+      ]);
+    };
+    registerContentScripts();
+    browser.runtime.onMessage.addListener((message) => {
+      if (["settings-changed:redmineURL", "settings-changed:showCurrentIssueTimer"].includes(message)) {
+        registerContentScripts({ unregister: true });
+      }
+    });
+  },
+});
diff --git a/src/entrypoints/content.tsx b/src/entrypoints/content.tsx
new file mode 100644
index 0000000..4ab893f
--- /dev/null
+++ b/src/entrypoints/content.tsx
@@ -0,0 +1,45 @@
+import { createShadowRootUi, defineContentScript } from "#imports";
+import CurrentIssueTimerWrapper from "@/components/timer/CurrentIssueTimer";
+import Providers from "@/provider/Providers";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "../index.css";
+
+export default defineContentScript({
+  matches: ["http://*/*", "https://*/*"],
+  registration: "runtime",
+  cssInjectionMode: "ui",
+  async main(ctx) {
+    const ui = await createShadowRootUi(ctx, {
+      name: "current-issue-timer",
+      position: "inline",
+      anchor: "#content .contextual",
+      append: "after",
+      inheritStyles: true,
+      onMount: (container, _, shadowHost) => {
+        shadowHost.id = "redmine-time-tracking-shadow-host";
+        shadowHost.style.float = "right";
+        shadowHost.style.marginRight = "5px";
+
+        const reactRoot = document.createElement("div");
+        reactRoot.id = "root";
+        container.append(reactRoot);
+
+        const root = ReactDOM.createRoot(reactRoot);
+        root.render(
+          <React.StrictMode>
+            <Providers>
+              <CurrentIssueTimerWrapper />
+            </Providers>
+          </React.StrictMode>
+        );
+        return root;
+      },
+      onRemove: (root) => {
+        root?.unmount();
+      },
+    });
+
+    ui.mount();
+  },
+});
diff --git a/index.html b/src/entrypoints/index.html
similarity index 70%
rename from index.html
rename to src/entrypoints/index.html
index f207d25..9b4a6cf 100644
--- a/index.html
+++ b/src/entrypoints/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/logo16.png" />
+    <link rel="icon" type="image/svg+xml" href="/icon/16.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Redmine Time Tracking</title>
   </head>
   <body class="bg-background overflow-hidden">
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="../main.tsx"></script>
   </body>
 </html>
diff --git a/src/entrypoints/options.html b/src/entrypoints/options.html
new file mode 100644
index 0000000..2e4088f
--- /dev/null
+++ b/src/entrypoints/options.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/icon/16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="manifest.open_in_tab" content="false" />
+  </head>
+  <body class="bg-background overflow-hidden">
+    <div id="root"></div>
+    <script type="module" src="../main.tsx"></script>
+  </body>
+</html>
diff --git a/src/entrypoints/popup.html b/src/entrypoints/popup.html
new file mode 100644
index 0000000..85169fa
--- /dev/null
+++ b/src/entrypoints/popup.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/icon/16.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="manifest.type" content="browser_action" />
+  </head>
+  <body class="bg-background overflow-hidden">
+    <div id="root"></div>
+    <script type="module" src="../main.tsx"></script>
+  </body>
+</html>
diff --git a/src/hooks/useActiveRedmineTab.ts b/src/hooks/useActiveRedmineTab.ts
index 8af88f4..8a75df7 100644
--- a/src/hooks/useActiveRedmineTab.ts
+++ b/src/hooks/useActiveRedmineTab.ts
@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { browser } from "wxt/browser";
 import { useSettings } from "../provider/SettingsProvider";
 
 function useActiveRedmineTab() {
@@ -17,7 +18,7 @@ function useActiveRedmineTab() {
   useEffect(() => {
     const onActivated = () => {
       (async () => {
-        const tabs = await chrome.tabs.query({ active: true, lastFocusedWindow: true, url: `${settings.redmineURL}/*` });
+        const tabs = await browser.tabs.query({ active: true, lastFocusedWindow: true, url: `${settings.redmineURL}/*` });
         const currentTab = tabs[0];
         if (currentTab?.url) {
           const [_, issueId] = currentTab.url.match(new RegExp(`^${settings.redmineURL}/issues/(\\d+)(\\?.*)?(#.*)?$`)) || [];
@@ -36,8 +37,8 @@ function useActiveRedmineTab() {
     onActivated();
 
     // Listen to tab change
-    chrome.tabs.onActivated.addListener(onActivated);
-    return () => chrome.tabs.onActivated.removeListener(onActivated);
+    browser.tabs.onActivated.addListener(onActivated);
+    return () => browser.tabs.onActivated.removeListener(onActivated);
   }, [settings.redmineURL]);
 
   return currentUrl;
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index 9d6c555..b0b4116 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -1,11 +1,12 @@
 import { queryClient } from "@/provider/QueryClientProvider";
 import { queryOptions, useQuery, useSuspenseQuery } from "@tanstack/react-query";
 import { useEffect, useEffectEvent } from "react";
+import { browser } from "wxt/browser";
 
 const Storage = {
-  getItem: async (key: string) => (await chrome.storage.local.get(key))[key],
-  setItem: (key: string, value: string) => chrome.storage.local.set({ [key]: value }),
-  removeItem: (key: string) => chrome.storage.local.remove(key),
+  getItem: async (key: string) => (await browser.storage.local.get<Record<string, string | undefined>>(key))[key],
+  setItem: (key: string, value: string) => browser.storage.local.set({ [key]: value }),
+  removeItem: (key: string) => browser.storage.local.remove(key),
   serialize: JSON.stringify,
   deserialize: JSON.parse,
 };
@@ -41,13 +42,13 @@ export const useStorage = <T>(name: string, defaultValue: T) => {
   });
 
   useEffect(() => {
-    const onChange: Parameters<typeof chrome.storage.local.onChanged.addListener>[0] = (changes) => {
+    const onChange: Parameters<typeof browser.storage.local.onChanged.addListener>[0] = (changes) => {
       if (!changes[name]) return; // other changed
-      updateQueryDataEvent(Storage.deserialize(changes[name].newValue));
+      updateQueryDataEvent(Storage.deserialize(changes[name].newValue as string));
     };
 
-    chrome.storage.local.onChanged.addListener(onChange);
-    return () => chrome.storage.local.onChanged.removeListener(onChange);
+    browser.storage.local.onChanged.addListener(onChange);
+    return () => browser.storage.local.onChanged.removeListener(onChange);
   }, [name]);
 
   return {
@@ -68,13 +69,13 @@ export const useSuspenseStorage = <T>(name: string, defaultValue: T) => {
   });
 
   useEffect(() => {
-    const onChange: Parameters<typeof chrome.storage.local.onChanged.addListener>[0] = (changes) => {
+    const onChange: Parameters<typeof browser.storage.local.onChanged.addListener>[0] = (changes) => {
       if (!changes[name]) return; // other changed
-      updateQueryDataEvent(Storage.deserialize(changes[name].newValue));
+      updateQueryDataEvent(Storage.deserialize(changes[name].newValue as string));
     };
 
-    chrome.storage.local.onChanged.addListener(onChange);
-    return () => chrome.storage.local.onChanged.removeListener(onChange);
+    browser.storage.local.onChanged.addListener(onChange);
+    return () => browser.storage.local.onChanged.removeListener(onChange);
   }, [name]);
 
   return {
diff --git a/src/index.css b/src/index.css
index 6ff7702..2a1f732 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,8 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-:root,
-:host {
+:root {
   --background: oklch(1 0 0);
   --foreground: oklch(0.3211 0 0);
   --card: oklch(0.99 0 0);
@@ -43,8 +42,7 @@
 }
 
 @media (prefers-color-scheme: dark) {
-  :root,
-  :host {
+  :root {
     --background: oklch(0.2046 0 0);
     --foreground: oklch(0.9219 0 0);
     --card: oklch(0.2686 0 0);
diff --git a/src/inject-content-module.ts b/src/inject-content-module.ts
deleted file mode 100644
index 704fe99..0000000
--- a/src/inject-content-module.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * Load "content.js" script as module
- */
-(async () => {
-  await import(chrome.runtime.getURL("content.js"));
-})();
diff --git a/src/main.tsx b/src/main.tsx
index f30ca07..ab7fe83 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,19 +1,22 @@
+import { RedmineApi } from "@/api/redmine";
+import { ErrorComponent } from "@/components/error/ErrorComponent";
+import { Layout } from "@/components/general/Layout";
 import Providers from "@/provider/Providers.tsx";
+import { queryClient } from "@/provider/QueryClientProvider";
+import { useRedmineApi } from "@/provider/RedmineApiProvider";
+import { Settings, useSettings } from "@/provider/SettingsProvider";
+import { routeTree } from "@/routeTree.gen";
+import { Entrypoint, getEntrypoint } from "@/utils/entrypoint";
 import { QueryClient } from "@tanstack/react-query";
 import { createHashHistory, createRouter, RouterProvider } from "@tanstack/react-router";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { RedmineApi } from "./api/redmine";
-import { ErrorComponent } from "./components/error/ErrorComponent";
-import { Layout } from "./components/general/Layout";
 import "./index.css";
-import { queryClient } from "./provider/QueryClientProvider";
-import { useRedmineApi } from "./provider/RedmineApiProvider";
-import { Settings, useSettings } from "./provider/SettingsProvider";
-import { routeTree } from "./routeTree.gen";
-import { getWindowLocationType } from "./utils/popout";
+
+const entrypoint = getEntrypoint();
 
 export interface RouteContext {
+  entrypoint: Entrypoint;
   settings: Settings;
   queryClient: QueryClient;
   redmineApi: RedmineApi;
@@ -24,6 +27,7 @@ const router = createRouter({
   routeTree,
   history: hashHistory,
   context: {
+    entrypoint,
     settings: undefined!,
     queryClient,
     redmineApi: undefined!,
@@ -54,12 +58,10 @@ const App = () => {
   );
 };
 
-const locationType = getWindowLocationType();
-
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <Layout locationType={locationType}>
-      <Providers suspense={locationType === "options"}>
+    <Layout entrypoint={entrypoint}>
+      <Providers suspense={entrypoint === "options"}>
         <App />
       </Providers>
     </Layout>
diff --git a/src/manifest.json b/src/manifest.json
deleted file mode 100644
index 14057b5..0000000
--- a/src/manifest.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "manifest_version": 3,
-  "version": "...",
-  "name": "__MSG_extName__",
-  "description": "__MSG_extDesc__",
-  "default_locale": "en",
-  "icons": {
-    "16": "logo16.png",
-    "48": "logo48.png",
-    "128": "logo128.png"
-  },
-  "author": "crawlercode@outlook.de",
-  "homepage_url": "https://github.com/CrawlerCode/redmine-time-tracking",
-  "action": {
-    "default_title": "__MSG_extName__",
-    "default_popup": "index.html?location=popup#/issues"
-  },
-  "options_ui": {
-    "page": "index.html?location=options#/settings",
-    "open_in_tab": false
-  },
-  "web_accessible_resources": [
-    {
-      "matches": ["http://*/*", "https://*/*"],
-      "resources": ["*.css", "*.js"]
-    }
-  ],
-  "permissions": ["storage", "tabs", "activeTab", "scripting"],
-  "host_permissions": ["http://*/*", "https://*/*"]
-}
diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index 6ae825c..61e6818 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -6,6 +6,7 @@ import { isAxiosError } from "axios";
 import { lazy, PropsWithChildren, Suspense, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
 import { toast } from "sonner";
+import { browser } from "wxt/browser";
 import { useStorage } from "../hooks/useStorage";
 
 declare module "@tanstack/react-query" {
@@ -116,15 +117,15 @@ export const queryClient = new QueryClient({
 
 const persister = createAsyncStoragePersister({
   storage: {
-    getItem: async (key) => (await chrome.storage.local.get(key))[key],
-    setItem: (key, value) => chrome.storage.local.set({ [key]: value }),
-    removeItem: (key) => chrome.storage.local.remove(key),
+    getItem: async (key) => (await browser.storage.local.get<Record<string, string>>(key))[key],
+    setItem: (key, value) => browser.storage.local.set({ [key]: value }),
+    removeItem: (key) => browser.storage.local.remove(key),
   },
   throttleTime: 1000,
 });
 
 const persistOptions: Omit<PersistQueryClientOptions, "queryClient"> = {
-  buster: chrome.runtime.getManifest().version,
+  buster: browser.runtime.getManifest().version,
   persister,
   maxAge: CACHE_TIME,
 };
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 98ede3f..f83d469 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -1,5 +1,6 @@
 import deepmerge from "deepmerge";
 import { ReactNode, createContext, use } from "react";
+import { browser } from "wxt/browser";
 import { getStorage, useSuspenseStorage } from "../hooks/useStorage";
 
 export type Settings = {
@@ -81,10 +82,10 @@ export const SettingsProvider = ({ children }: { children: ReactNode }) => {
         setSettings: (newData: Settings) => {
           setData(newData);
           if (newData.redmineURL !== data.redmineURL) {
-            chrome.runtime.sendMessage("settings-changed:redmineURL");
+            browser.runtime.sendMessage("settings-changed:redmineURL");
           }
           if (newData.features.showCurrentIssueTimer !== data.features?.showCurrentIssueTimer) {
-            chrome.runtime.sendMessage("settings-changed:showCurrentIssueTimer");
+            browser.runtime.sendMessage("settings-changed:showCurrentIssueTimer");
           }
         },
       }}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 1882b00..b81e020 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -3,28 +3,36 @@ import { NotFoundComponent } from "@/components/error/NotFoundComponent";
 import Navbar from "@/components/general/Navbar";
 import { RouteContext } from "@/main";
 import { restoreQueryClient } from "@/provider/QueryClientProvider";
-import { createPopOut, getWindowLocationType } from "@/utils/popout";
-import { createRootRouteWithContext, Outlet } from "@tanstack/react-router";
+import { createPopOut } from "@/utils/popout";
+import { createRootRouteWithContext, HeadContent, Outlet } from "@tanstack/react-router";
 import { CalendarDaysIcon, ListIcon, SettingsIcon, SquareArrowOutUpRightIcon, TimerIcon } from "lucide-react";
 import { useIntl } from "react-intl";
+import { browser } from "wxt/browser";
 
 export const Route = createRootRouteWithContext<RouteContext>()({
-  component: RootLayout,
   beforeLoad: async () => {
     // Restore query client state before loading any route
     await restoreQueryClient();
   },
+  head: () => ({
+    meta: [
+      {
+        title: browser.runtime.getManifest().name,
+      },
+    ],
+  }),
+  component: RootLayout,
   notFoundComponent: NotFoundComponent,
   errorComponent: GlobalErrorComponent,
 });
 
 function RootLayout() {
+  const { entrypoint } = Route.useRouteContext();
   const { formatMessage } = useIntl();
 
-  const locationType = getWindowLocationType();
-
   return (
     <>
+      <HeadContent />
       <header className="relative">
         <Navbar
           navigation={[
@@ -50,7 +58,7 @@ function RootLayout() {
             },
           ]}
         />
-        {locationType === "popup" && (
+        {entrypoint === "popup" && (
           <SquareArrowOutUpRightIcon className="bg-card border-border/30 absolute top-1/2 right-2 -translate-y-1/2 cursor-pointer rounded-full border p-1.5" onClick={createPopOut} />
         )}
       </header>
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 2b630b6..3925634 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,5 +1,16 @@
 import { createFileRoute, Navigate } from "@tanstack/react-router";
 
 export const Route = createFileRoute("/")({
-  component: () => <Navigate to="/issues" />,
+  component: PageComponent,
 });
+
+function PageComponent() {
+  const { entrypoint } = Route.useRouteContext();
+
+  switch (entrypoint) {
+    case "options":
+      return <Navigate to="/settings" />;
+    default:
+      return <Navigate to="/issues" />;
+  }
+}
diff --git a/src/routes/issues.tsx b/src/routes/issues.tsx
index 6daa377..f3de938 100644
--- a/src/routes/issues.tsx
+++ b/src/routes/issues.tsx
@@ -1,98 +1,98 @@
-import { Button } from "@/components/ui/button";
-import useActiveRedmineTab from "@/hooks/useActiveRedmineTab";
-import { issuePrioritiesQueryOptions, useSuspenseIssuePriorities } from "@/hooks/useIssuePriorities";
-import { myOpenIssuesQueryOptions, useSuspenseMyIssues } from "@/hooks/useMyIssues";
-import { useSuspenseMultipleProjectVersions } from "@/hooks/useProjectVersions";
-import { useSettings } from "@/provider/SettingsProvider";
-import { groupIssues } from "@/utils/groupIssues";
-import { createFileRoute } from "@tanstack/react-router";
-import { useMemo } from "react";
-import { useIntl } from "react-intl";
-import Filter, { filterIssues, useFilter } from "../components/issue/Filter";
-import IssueSearch, { filterIssuesByLocalSearch, useIssueSearch } from "../components/issue/IssueSearch";
-import IssuesList from "../components/issue/IssuesList";
-import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import TimersBadge from "../components/timer/TimersBadge";
-import useLocalIssues from "../hooks/useLocalIssues";
-import useRedmineSearch from "../hooks/useRedmineSearch";
-import useTimers from "../hooks/useTimers";
-
-export const Route = createFileRoute("/issues")({
-  component: PageComponent,
-  loader: async ({ context: { settings, queryClient, redmineApi } }) => {
-    // Prefetch required data in parallel mode
-    await Promise.all([
-      queryClient.prefetchInfiniteQuery({
-        ...myOpenIssuesQueryOptions(redmineApi),
-        pages: 3,
-      }),
-      ...(settings.style.sortIssuesByPriority ? [queryClient.prefetchQuery(issuePrioritiesQueryOptions(redmineApi))] : []),
-    ]);
-  },
-  pendingComponent: () => <IssuesListSkeleton />,
-});
-
-function PageComponent() {
-  return (
-    <IssueSearch>
-      <Filter.Provider>
-        <IssuesPage />
-      </Filter.Provider>
-    </IssueSearch>
-  );
-}
-
-const IssuesPage = () => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-
-  const localIssues = useLocalIssues();
-  const timers = useTimers();
-
-  const search = useIssueSearch();
-  const searchIssues = useRedmineSearch(search);
-  const filter = useFilter();
-
-  const myIssuesQuery = useSuspenseMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])));
-  const unsortedIssues = filterIssues(search.isSearching && search.settings.mode === "remote" ? searchIssues.data : filterIssuesByLocalSearch(myIssuesQuery.data, search), filter.settings);
-
-  const activeTab = useActiveRedmineTab();
-
-  const { priorities } = useSuspenseIssuePriorities({ enabled: settings.style.sortIssuesByPriority });
-  const { projectVersionsMap } = useSuspenseMultipleProjectVersions([...new Set(unsortedIssues.filter((i) => i.fixed_version).map((i) => i.project.id))], {
-    enabled: settings.style.groupIssuesByVersion,
-  });
-
-  const groupedIssues = useMemo(
-    () =>
-      groupIssues(unsortedIssues, {
-        localIssues: localIssues.localIssues,
-        timers: timers.getAllTimers(),
-        issuePriorities: priorities,
-        projectVersions: projectVersionsMap,
-        activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
-        settings,
-      }),
-    [unsortedIssues, localIssues.localIssues, timers, priorities, projectVersionsMap, activeTab, settings]
-  );
-
-  return (
-    <>
-      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
-
-      <div className="mb-1 flex justify-end">
-        <Filter.Button />
-      </div>
-
-      <IssuesList groupedIssues={groupedIssues} localIssues={localIssues} timers={timers} />
-
-      {search.isSearching && search.settings.mode === "remote" && searchIssues.hasNextPage && !searchIssues.isLoading && (
-        <div className="mt-4 flex justify-center">
-          <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
-            {formatMessage({ id: "issues.list.load-more" })}
-          </Button>
-        </div>
-      )}
-    </>
-  );
-};
+import { Button } from "@/components/ui/button";
+import useActiveRedmineTab from "@/hooks/useActiveRedmineTab";
+import { issuePrioritiesQueryOptions, useSuspenseIssuePriorities } from "@/hooks/useIssuePriorities";
+import { myOpenIssuesQueryOptions, useSuspenseMyIssues } from "@/hooks/useMyIssues";
+import { useSuspenseMultipleProjectVersions } from "@/hooks/useProjectVersions";
+import { useSettings } from "@/provider/SettingsProvider";
+import { groupIssues } from "@/utils/groupIssues";
+import { createFileRoute } from "@tanstack/react-router";
+import { useMemo } from "react";
+import { useIntl } from "react-intl";
+import Filter, { filterIssues, useFilter } from "../components/issue/Filter";
+import IssueSearch, { filterIssuesByLocalSearch, useIssueSearch } from "../components/issue/IssueSearch";
+import IssuesList from "../components/issue/IssuesList";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import TimersBadge from "../components/timer/TimersBadge";
+import useLocalIssues from "../hooks/useLocalIssues";
+import useRedmineSearch from "../hooks/useRedmineSearch";
+import useTimers from "../hooks/useTimers";
+
+export const Route = createFileRoute("/issues")({
+  component: PageComponent,
+  loader: async ({ context: { settings, queryClient, redmineApi } }) => {
+    // Prefetch required data in parallel mode
+    await Promise.all([
+      queryClient.prefetchInfiniteQuery({
+        ...myOpenIssuesQueryOptions(redmineApi),
+        pages: 3,
+      }),
+      ...(settings.style.sortIssuesByPriority ? [queryClient.prefetchQuery(issuePrioritiesQueryOptions(redmineApi))] : []),
+    ]);
+  },
+  pendingComponent: () => <IssuesListSkeleton />,
+});
+
+function PageComponent() {
+  return (
+    <IssueSearch>
+      <Filter.Provider>
+        <IssuesPage />
+      </Filter.Provider>
+    </IssueSearch>
+  );
+}
+
+const IssuesPage = () => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const localIssues = useLocalIssues();
+  const timers = useTimers();
+
+  const search = useIssueSearch();
+  const searchIssues = useRedmineSearch(search);
+  const filter = useFilter();
+
+  const myIssuesQuery = useSuspenseMyIssues(Array.from(new Set([...timers.getIssuesIds(), ...localIssues.getIssuesIds()])));
+  const unsortedIssues = filterIssues(search.isSearching && search.settings.mode === "remote" ? searchIssues.data : filterIssuesByLocalSearch(myIssuesQuery.data, search), filter.settings);
+
+  const activeTab = useActiveRedmineTab();
+
+  const { priorities } = useSuspenseIssuePriorities({ enabled: settings.style.sortIssuesByPriority });
+  const { projectVersionsMap } = useSuspenseMultipleProjectVersions([...new Set(unsortedIssues.filter((i) => i.fixed_version).map((i) => i.project.id))], {
+    enabled: settings.style.groupIssuesByVersion,
+  });
+
+  const groupedIssues = useMemo(
+    () =>
+      groupIssues(unsortedIssues, {
+        localIssues: localIssues.localIssues,
+        timers: timers.getAllTimers(),
+        issuePriorities: priorities,
+        projectVersions: projectVersionsMap,
+        activeTabIssueId: activeTab?.data?.type === "issue" ? activeTab?.data?.id : undefined,
+        settings,
+      }),
+    [unsortedIssues, localIssues.localIssues, timers, priorities, projectVersionsMap, activeTab, settings]
+  );
+
+  return (
+    <>
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
+
+      <div className="mb-1 flex justify-end">
+        <Filter.Button />
+      </div>
+
+      <IssuesList groupedIssues={groupedIssues} localIssues={localIssues} timers={timers} />
+
+      {search.isSearching && search.settings.mode === "remote" && searchIssues.hasNextPage && !searchIssues.isLoading && (
+        <div className="mt-4 flex justify-center">
+          <Button variant="outline" onClick={() => searchIssues.fetchNextPage()}>
+            {formatMessage({ id: "issues.list.load-more" })}
+          </Button>
+        </div>
+      )}
+    </>
+  );
+};
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index 6ea16c4..f90e1b4 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -7,6 +7,7 @@ import { BugIcon, GlobeIcon, InfoIcon, ServerIcon } from "lucide-react";
 import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { toast } from "sonner";
+import { browser } from "wxt/browser";
 import { z } from "zod/v4";
 import Indicator from "../components/general/Indicator";
 import { Form, FormFieldset, FormGrid } from "../components/ui/form";
@@ -328,7 +329,7 @@ function PageComponent() {
 }
 
 const Info = () => {
-  const { name, version, version_name } = chrome.runtime.getManifest();
+  const { name, version, version_name } = browser.runtime.getManifest();
 
   return (
     <FormFieldset
diff --git a/src/routes/timers.tsx b/src/routes/timers.tsx
index f924f7f..1c6a1ab 100644
--- a/src/routes/timers.tsx
+++ b/src/routes/timers.tsx
@@ -1,53 +1,53 @@
-import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
-import { useIssuePriorities } from "@/hooks/useIssuePriorities";
-import { useSuspenseIssues } from "@/hooks/useIssues";
-import { createFileRoute } from "@tanstack/react-router";
-import { FormattedMessage } from "react-intl";
-import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import Timer from "../components/timer/Timer";
-import TimersBadge from "../components/timer/TimersBadge";
-import useTimers from "../hooks/useTimers";
-import { useSettings } from "../provider/SettingsProvider";
-
-export const Route = createFileRoute("/timers")({
-  component: PageComponent,
-  pendingComponent: () => <IssuesListSkeleton />,
-});
-
-function PageComponent() {
-  return (
-    <TimerSearch>
-      <TimersPage />
-    </TimerSearch>
-  );
-}
-
-const TimersPage = () => {
-  const { settings } = useSettings();
-
-  const timers = useTimers();
-  const issues = useSuspenseIssues(timers.getIssuesIds());
-  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
-
-  const search = useTimerSearch();
-  const matchedTimers = timers.searchTimers(search, issues.data);
-
-  return (
-    <>
-      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
-
-      <div className="flex flex-col gap-y-2">
-        {matchedTimers.map((timer) => {
-          const issue = issues.data.find((issue) => issue.id === timer.issueId);
-          return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
-        })}
-
-        {matchedTimers.length === 0 && (
-          <p className="text-center">
-            <FormattedMessage id="timers.list.no-options" />
-          </p>
-        )}
-      </div>
-    </>
-  );
-};
+import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
+import { useIssuePriorities } from "@/hooks/useIssuePriorities";
+import { useSuspenseIssues } from "@/hooks/useIssues";
+import { createFileRoute } from "@tanstack/react-router";
+import { FormattedMessage } from "react-intl";
+import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
+import Timer from "../components/timer/Timer";
+import TimersBadge from "../components/timer/TimersBadge";
+import useTimers from "../hooks/useTimers";
+import { useSettings } from "../provider/SettingsProvider";
+
+export const Route = createFileRoute("/timers")({
+  component: PageComponent,
+  pendingComponent: () => <IssuesListSkeleton />,
+});
+
+function PageComponent() {
+  return (
+    <TimerSearch>
+      <TimersPage />
+    </TimerSearch>
+  );
+}
+
+const TimersPage = () => {
+  const { settings } = useSettings();
+
+  const timers = useTimers();
+  const issues = useSuspenseIssues(timers.getIssuesIds());
+  const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
+
+  const search = useTimerSearch();
+  const matchedTimers = timers.searchTimers(search, issues.data);
+
+  return (
+    <>
+      <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
+
+      <div className="flex flex-col gap-y-2">
+        {matchedTimers.map((timer) => {
+          const issue = issues.data.find((issue) => issue.id === timer.issueId);
+          return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
+        })}
+
+        {matchedTimers.length === 0 && (
+          <p className="text-center">
+            <FormattedMessage id="timers.list.no-options" />
+          </p>
+        )}
+      </div>
+    </>
+  );
+};
diff --git a/src/utils/entrypoint.ts b/src/utils/entrypoint.ts
new file mode 100644
index 0000000..eb03341
--- /dev/null
+++ b/src/utils/entrypoint.ts
@@ -0,0 +1,5 @@
+export type Entrypoint = "index" | "popup" | "options";
+
+export const getEntrypoint = (): Entrypoint => {
+  return (window.location.pathname.match(/^\/(index|popup|options)\.html/)?.[1] as Entrypoint) ?? "index";
+};
diff --git a/src/utils/platform.ts b/src/utils/platform.ts
deleted file mode 100644
index 178047e..0000000
--- a/src/utils/platform.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export const getPlatform = () => {
-  if (navigator.userAgent.indexOf(" Edg/") !== -1) {
-    return "Edge";
-  } else if (navigator.userAgent.indexOf(" Chrome/") !== -1) {
-    return "Chrome";
-  } else if (navigator.userAgent.indexOf(" Firefox/") !== -1 || navigator.userAgent.indexOf(" Gecko/") !== -1) {
-    return "Firefox";
-  } else {
-    return "Unknown";
-  }
-};
diff --git a/src/utils/popout.ts b/src/utils/popout.ts
index 98912b0..c3d26e5 100644
--- a/src/utils/popout.ts
+++ b/src/utils/popout.ts
@@ -1,12 +1,10 @@
-export type WindowLocationType = "popup" | "popout" | "options" | "unknown";
-
-export const getWindowLocationType = () => (new URLSearchParams(location.search).get("location") ?? "unknown") as WindowLocationType;
+import { browser } from "wxt/browser";
 
 export const createPopOut = () => {
   const { width, height } = document.body.getBoundingClientRect();
 
-  chrome.windows.create({
-    url: chrome.runtime.getURL("/index.html?location=popout"),
+  browser.windows.create({
+    url: browser.runtime.getURL("/index.html"),
     type: "popup",
     width: Math.round(width + 14),
     height: Math.round(height + 14),
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/tsconfig.app.json b/tsconfig.app.json
deleted file mode 100644
index 1aa041f..0000000
--- a/tsconfig.app.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-
-    "target": "ESNext",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}
diff --git a/tsconfig.json b/tsconfig.json
index 7036885..0041854 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,24 @@
 {
+  "extends": "./.wxt/tsconfig.json",
   "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "files": [],
-  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  }
 }
diff --git a/tsconfig.node.json b/tsconfig.node.json
deleted file mode 100644
index 44f597e..0000000
--- a/tsconfig.node.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index f31765a..0000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import tailwindcss from "@tailwindcss/vite";
-import { tanstackRouter } from "@tanstack/router-plugin/vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-import { defineConfig } from "vite";
-import { viteStaticCopy } from "vite-plugin-static-copy";
-import zipPack from "vite-plugin-zip-pack";
-import packageJson from "./package.json";
-
-import "dotenv/config";
-
-const platform = process.env.PLATFORM ?? "chrome";
-
-// https://vitejs.dev/config/
-export default defineConfig((env) => ({
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
-  },
-  build: {
-    minify: env.mode === "development" ? false : undefined,
-    emptyOutDir: true,
-    rollupOptions: {
-      input: ["index.html", "src/background.ts", "src/content.tsx", "src/inject-content-module.ts"],
-      output: {
-        entryFileNames: "[name].js",
-        assetFileNames: "[name].[ext]",
-      },
-    },
-    cssCodeSplit: false,
-  },
-  experimental: {
-    renderBuiltUrl(file, { type, hostType }) {
-      if (type === "asset" && hostType !== "html") {
-        return {
-          runtime: `chrome.runtime.getURL("${file}")`,
-        };
-      }
-    },
-  },
-  plugins: [
-    react({
-      babel: {
-        plugins: ["babel-plugin-react-compiler"],
-      },
-    }),
-    tailwindcss(),
-    tanstackRouter({
-      target: "react",
-      autoCodeSplitting: true,
-      quoteStyle: "double",
-    }),
-    viteStaticCopy({
-      targets: [
-        {
-          src: "src/manifest.json",
-          dest: ".",
-          transform: (content) => {
-            const manifest = JSON.parse(content);
-
-            if (packageJson.version.includes("-")) {
-              manifest.version = packageJson.version.split("-")[0];
-              manifest.version_name = packageJson.version;
-            } else {
-              manifest.version = packageJson.version;
-            }
-            if (env.mode === "development") {
-              manifest.version_name = packageJson.version + " (dev)";
-            }
-
-            if (platform === "chrome") {
-              manifest.background = {
-                service_worker: "background.js",
-                type: "module",
-              };
-            }
-
-            if (platform === "firefox") {
-              manifest.background = {
-                scripts: ["background.js"],
-                type: "module",
-              };
-              manifest.browser_specific_settings = {
-                gecko: {
-                  id: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}",
-                  strict_min_version: "109.0",
-                },
-              };
-            }
-
-            return JSON.stringify(manifest, null, 4);
-          },
-        },
-      ],
-    }),
-    env.mode === "production" &&
-      zipPack({
-        outDir: "releases",
-        outFileName: `${packageJson.name}-v${packageJson.version}-${platform}.zip`,
-        enableLogging: false,
-      }),
-  ],
-}));
diff --git a/wxt.config.ts b/wxt.config.ts
new file mode 100644
index 0000000..76c9c53
--- /dev/null
+++ b/wxt.config.ts
@@ -0,0 +1,69 @@
+import tailwindcss from "@tailwindcss/vite";
+import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "wxt";
+
+// See https://wxt.dev/api/config.html
+export default defineConfig({
+  srcDir: "src",
+  vite: () => ({
+    plugins: [
+      tanstackRouter({
+        target: "react",
+        autoCodeSplitting: true,
+        quoteStyle: "double",
+      }),
+      react({
+        babel: {
+          plugins: ["babel-plugin-react-compiler"],
+        },
+      }),
+      tailwindcss(),
+    ],
+  }),
+  manifest: ({ browser, mode }) => ({
+    name: "Redmine Time Tracking",
+    description: "__MSG_extDesc__",
+    default_locale: "en",
+    icons: {
+      "16": "/icon/16.png",
+      "48": "/icon/48.png",
+      "128": "/icon/128.png",
+    },
+    homepage_url: "https://github.com/CrawlerCode/redmine-time-tracking",
+    permissions: ["storage", "tabs", "activeTab", "scripting"],
+    host_permissions: ["http://*/*", "https://*/*"],
+    ...(browser === "chrome" && {
+      key:
+        mode === "production"
+          ? "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAk2PbuYr+evWm0U+t8XCn94jO0x0yydbdSqotCB9tC2NaYcnYhuOIrkDrAJg8DwUSvRbx2FXbacmf/CyI5fPivYmLDDL6D1VqabEhpVwNjTbj6V8lOy52C8Kl9ZA8WEvBZIsgU1bi54j2eg7B9lFZ3FIbavJB4Ezkny4eW+TdpUqcmoMxVybVeJ4q4jhzUFmEaHEmEyfzWLiUwYjEUzJkkzQYCTzZ0ZO1jWNnjfm5Y9IRSGPbzlChvigEhSuEs+DA2uZnr//mfr6xD97ryZY/i2HGeuxB3zZoIFR+FoFlp18ETJmEDO5ZEjEhl0Zb09yHlPah0IHDx6QjNcbxG3u31QIDAQAB"
+          : "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlm4d4x15I7iewgVp3cR51dCrwYINnvmmG/NjzK9Fg/LyzFLvRBqNftIqP4+fJas56CN2fNiFQNfdk8ACQJMKk8yd6fDeDs1/l/AseSWXM7GdbGDacj9lkZnL6jFHUrIxuwiHesE0W/I5o3Ep5ZXHnifjd7D9KEXswnvSWzmZXAtVNQu8DQXdNZO94N8i5ESLNdi78fmoeNIYaqieu5y0tlyMcvnOKiR3BHRAAN9bA0E/XvoazaL4KELcQbkh0T3nFhjSFDNHJAWlMkCvDGLC01RVLrkQW2ar9R5sAeyPmSx7HfgpzeBStwhDuOJ8s7Ed6WGCBaTll0WLQBxPYfV7qwIDAQAB",
+    }),
+    ...(browser === "firefox" && {
+      browser_specific_settings: {
+        gecko: {
+          id: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}",
+          strict_min_version: "112.0",
+          data_collection_permissions: {
+            required: ["none"],
+          },
+        },
+      },
+    }),
+  }),
+  hooks: {
+    "build:manifestGenerated": (wxt, manifest) => {
+      if (wxt.config.mode === "development") {
+        manifest.name += " (DEV)";
+        manifest.version_name = `${manifest.version}-dev`;
+      } else if (wxt.config.mode === "canary") {
+        manifest.name += " (CANARY)";
+        manifest.version_name = `${manifest.version}-canary.${process.env.GITHUB_SHA?.slice(0, 7) ?? new Date().getTime()}`;
+      }
+    },
+  },
+  imports: false,
+  webExt: {
+    disabled: true,
+  },
+});

From c46486f666442e249c1626cb6811a654147062f3 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 18 Dec 2025 21:10:23 +0100
Subject: [PATCH 17/55] test: Fix all e2e tests

---
 fixtures/chromeExtension.ts                   | 57 +++++++--------
 fixtures/pages/base.ts                        | 15 ++++
 fixtures/pages/issues.ts                      | 69 +++++++++++++++++++
 fixtures/pages/settings.ts                    | 24 +++++++
 fixtures/pages/time.ts                        | 13 ++++
 fixtures/pages/timers.ts                      | 13 ++++
 package.json                                  |  2 +-
 pnpm-lock.yaml                                | 26 +++----
 src/components/form/CheckboxField.tsx         |  4 +-
 src/components/form/ComboboxField.tsx         |  3 +-
 src/components/form/DateField.tsx             |  3 +-
 src/components/form/HoursField.tsx            |  3 +-
 src/components/form/SelectField.tsx           |  4 +-
 src/components/form/TextField.tsx             |  3 +-
 src/components/form/TextareaField.tsx         |  4 +-
 src/components/form/ToggleField.tsx           |  4 +-
 src/components/issue/IssuesListSkeleton.tsx   |  4 +-
 .../time-entry/TimeEntryListSkeleton.tsx      |  2 +-
 tests/IssuesPage.spec.tsx                     | 67 +++++++-----------
 tests/SettingsPage.spec.tsx                   |  6 +-
 tests/TimePage.spec.tsx                       |  7 +-
 tests/TimersPage.spec.tsx                     | 25 +++++++
 22 files changed, 245 insertions(+), 113 deletions(-)
 create mode 100644 fixtures/pages/base.ts
 create mode 100644 fixtures/pages/issues.ts
 create mode 100644 fixtures/pages/settings.ts
 create mode 100644 fixtures/pages/time.ts
 create mode 100644 fixtures/pages/timers.ts
 create mode 100644 tests/TimersPage.spec.tsx

diff --git a/fixtures/chromeExtension.ts b/fixtures/chromeExtension.ts
index 5d7cb08..967daf9 100644
--- a/fixtures/chromeExtension.ts
+++ b/fixtures/chromeExtension.ts
@@ -1,18 +1,23 @@
 /* eslint-disable react-hooks/rules-of-hooks */
-import { test as base, chromium, type BrowserContext, type Page } from "@playwright/test";
+import { test as base, chromium, type BrowserContext } from "@playwright/test";
 import "dotenv/config";
 import path from "path";
+import { IssuesPage } from "./pages/issues";
+import { SettingsPage } from "./pages/settings";
+import { TimePage } from "./pages/time";
+import { TimersPage } from "./pages/timers";
 
 export const test = base.extend<{
   context: BrowserContext;
   extensionId: string;
-  issuesPage: Page;
-  timePage: Page;
-  settingsPage: Page;
+  timersPages: TimersPage;
+  issuesPage: IssuesPage;
+  timePage: TimePage;
+  settingsPage: SettingsPage;
 }>({
   // eslint-disable-next-line no-empty-pattern
   context: async ({}, use) => {
-    const pathToExtension = path.join(process.cwd(), "dist");
+    const pathToExtension = path.join(process.cwd(), ".output/chrome-mv3");
     const context = await chromium.launchPersistentContext("", {
       headless: false,
       args: [process.env.CI ? `--headless=new` : "", `--disable-extensions-except=${pathToExtension}`, `--load-extension=${pathToExtension}`],
@@ -30,45 +35,31 @@ export const test = base.extend<{
     await use(extensionId);
   },
   page: async ({ extensionId, page }, use) => {
-    // To to settings page
-    await page.goto(`chrome-extension://${extensionId}/index.html#/settings`);
-
-    // Wait for redmine url and api key inputs
-    await page.waitForSelector('[name="redmineURL"]');
-    await page.waitForTimeout(100);
-
-    // Insert redmine url and api key
-    await page.fill('[name="redmineURL"]', process.env.REDMINE_URL!);
-    await page.fill('[name="redmineApiKey"]', process.env.REDMINE_API_KEY!);
-
-    // Save settings
-    await page.click('[type="submit"]');
-
-    // Wait for alert (settings saved)
-    await page.waitForSelector('[role="alert"]');
+    // Setup redmine settings
+    const settingsPage = await new SettingsPage(page, extensionId).goToPage(SettingsPage);
+    await settingsPage.fillAndSaveRedmineSettings();
 
     // Go to default page
     await page.goto(`chrome-extension://${extensionId}/index.html`);
 
     await use(page);
   },
+  timersPages: async ({ extensionId, page }, use) => {
+    const timersPage = await new TimersPage(page, extensionId).goToPage(TimersPage);
+    await use(timersPage);
+  },
   issuesPage: async ({ extensionId, page }, use) => {
-    // Go to issues page
-    await page.goto(`chrome-extension://${extensionId}/index.html?location=popup#/issues`);
-
-    await use(page);
+    const issuesPage = await new IssuesPage(page, extensionId).goToPage(IssuesPage);
+    await use(issuesPage);
   },
   timePage: async ({ extensionId, page }, use) => {
-    // Go to time page
-    await page.goto(`chrome-extension://${extensionId}/index.html?location=popup#/time`);
-
-    await use(page);
+    const timePage = await new TimePage(page, extensionId).goToPage(TimePage);
+    await use(timePage);
   },
   settingsPage: async ({ extensionId, page }, use) => {
-    // Go to settings page
-    await page.goto(`chrome-extension://${extensionId}/index.html?location=popup#/settings`);
-
-    await use(page);
+    const settingsPage = await new SettingsPage(page, extensionId).goToPage(SettingsPage);
+    await use(settingsPage);
   },
 });
+
 export const expect = test.expect;
diff --git a/fixtures/pages/base.ts b/fixtures/pages/base.ts
new file mode 100644
index 0000000..e696de4
--- /dev/null
+++ b/fixtures/pages/base.ts
@@ -0,0 +1,15 @@
+import { Page } from "@playwright/test";
+
+export abstract class BasePage {
+  constructor(
+    public page: Page,
+    public extensionId: string,
+    public path: string
+  ) {}
+
+  async goToPage<T extends BasePage>(pageClass: new (page: Page, extensionId: string) => T): Promise<T> {
+    const pageInstance = new pageClass(this.page, this.extensionId);
+    await pageInstance.page.goto(`chrome-extension://${this.extensionId}/index.html#/${pageInstance.path}`);
+    return pageInstance;
+  }
+}
diff --git a/fixtures/pages/issues.ts b/fixtures/pages/issues.ts
new file mode 100644
index 0000000..350c060
--- /dev/null
+++ b/fixtures/pages/issues.ts
@@ -0,0 +1,69 @@
+import { Page } from "@playwright/test";
+import { BasePage } from "./base";
+
+export class IssuesPage extends BasePage {
+  constructor(page: Page, extensionId: string) {
+    super(page, extensionId, "issues");
+  }
+
+  async waitForIssuesToLoad() {
+    await this.page.waitForSelector("[role=listitem][data-type='issue']");
+  }
+
+  async getIssuesCount() {
+    const issues = await this.page.$$("[role=listitem][data-type='issue']");
+    return issues.length;
+  }
+
+  async startTimer(idx: number) {
+    // Get issues list
+    const issues = await this.page.$$("[role=listitem][data-type='issue']");
+    if (idx >= issues.length) {
+      throw new Error(`Cannot start timer for issue index ${idx}, only ${issues.length} issues available`);
+    }
+
+    // Find and click start button
+    const startButton = await issues[idx].$("[data-type='start-timer']");
+    await startButton?.click();
+  }
+
+  async openSearch() {
+    await this.page.keyboard.press("Control+KeyF");
+  }
+
+  async searchByText(text: string) {
+    await this.page.fill("input[name=query]", text);
+
+    await this.waitForIssuesToLoad();
+  }
+
+  async openSpentTimeForm() {
+    // Click on the first issue done-timer button to open spent time form
+    await this.page.click('[role="button"][data-type="done-timer"]');
+  }
+
+  async fillSpentTimeForm({ hours = (1 + Math.random() * 3).toFixed(2), comments = "Added new feature" }: { hours?: string; comments?: string } = {}) {
+    // Wait that the dialog is open
+    await this.page.waitForSelector("[role=dialog]");
+
+    // Fill form
+    await this.page.fill('input[name="hours"]', hours);
+    await this.page.fill('input[name="comments"]', comments);
+    await this.page.click('button[role="combobox"][name="activity_id"]');
+    await this.page.click('[cmdk-item][role="option"]:first-child');
+    await this.page.waitForSelector('[data-slot="command"]', { state: "detached" });
+
+    await this.page.focus('button[type="submit"]');
+  }
+
+  async submitSpentTimeForm() {
+    // Check that the dialog is open
+    await this.page.waitForSelector("[role=dialog]");
+
+    // Submit form
+    await this.page.click('button[type="submit"]');
+
+    // Wait for modal to close
+    await this.page.waitForSelector("[role=dialog]", { state: "detached" });
+  }
+}
diff --git a/fixtures/pages/settings.ts b/fixtures/pages/settings.ts
new file mode 100644
index 0000000..3f5563c
--- /dev/null
+++ b/fixtures/pages/settings.ts
@@ -0,0 +1,24 @@
+import { Page } from "@playwright/test";
+import { BasePage } from "./base";
+
+export class SettingsPage extends BasePage {
+  constructor(page: Page, extensionId: string) {
+    super(page, extensionId, "settings");
+  }
+
+  async fillAndSaveRedmineSettings(redmineURL: string = process.env.REDMINE_URL!, redmineApiKey: string = process.env.REDMINE_API_KEY!) {
+    // Wait for redmine url and api key inputs
+    await this.page.waitForSelector('[name="redmineURL"]');
+    await this.page.waitForTimeout(100);
+
+    // Insert redmine url and api key
+    await this.page.fill('[name="redmineURL"]', redmineURL);
+    await this.page.fill('[name="redmineApiKey"]', redmineApiKey);
+
+    // Save settings
+    await this.page.click('[type="submit"]');
+
+    // Wait for alert (settings saved)
+    await this.page.waitForSelector("[data-sonner-toast]");
+  }
+}
diff --git a/fixtures/pages/time.ts b/fixtures/pages/time.ts
new file mode 100644
index 0000000..1a1b460
--- /dev/null
+++ b/fixtures/pages/time.ts
@@ -0,0 +1,13 @@
+import { Page } from "@playwright/test";
+import { BasePage } from "./base";
+
+export class TimePage extends BasePage {
+  constructor(page: Page, extensionId: string) {
+    super(page, extensionId, "time");
+  }
+
+  async waitForTimeEntriesToLoad() {
+    // Wait for the first time entry to be rendered
+    await this.page.waitForSelector("[data-type='time-entry']");
+  }
+}
diff --git a/fixtures/pages/timers.ts b/fixtures/pages/timers.ts
new file mode 100644
index 0000000..718b20d
--- /dev/null
+++ b/fixtures/pages/timers.ts
@@ -0,0 +1,13 @@
+import { Page } from "@playwright/test";
+import { BasePage } from "./base";
+
+export class TimersPage extends BasePage {
+  constructor(page: Page, extensionId: string) {
+    super(page, extensionId, "timers");
+  }
+
+  async waitForTimersToLoad() {
+    // Wait for the first timer to be rendered
+    await this.page.waitForSelector("[data-type='timer']");
+  }
+}
diff --git a/package.json b/package.json
index 8dab99c..bf31d5d 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
   "devDependencies": {
     "@eslint/js": "^9.19.0",
     "@formatjs/cli": "^6.7.1",
-    "@playwright/test": "^1.50.1",
+    "@playwright/test": "^1.57.0",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/eslint-plugin-query": "^5.91.2",
     "@tanstack/eslint-plugin-router": "^1.141.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 52a2ee1..c993e83 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -88,8 +88,8 @@ importers:
         specifier: ^6.7.1
         version: 6.7.1
       '@playwright/test':
-        specifier: ^1.50.1
-        version: 1.50.1
+        specifier: ^1.57.0
+        version: 1.57.0
       '@tailwindcss/vite':
         specifier: ^4.1.18
         version: 4.1.18(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
@@ -964,8 +964,8 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@playwright/test@1.50.1':
-    resolution: {integrity: sha512-Jii3aBg+CEDpgnuDxEp/h7BimHcUTDlpEtce89xEumlJ5ef2hqepZ+PWp1DDpYC/VO9fmWVI1IlEaoI5fK9FXQ==}
+  '@playwright/test@1.57.0':
+    resolution: {integrity: sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3791,13 +3791,13 @@ packages:
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
-  playwright-core@1.50.1:
-    resolution: {integrity: sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==}
+  playwright-core@1.57.0:
+    resolution: {integrity: sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.50.1:
-    resolution: {integrity: sha512-G8rwsOQJ63XG6BbKj2w5rHeavFjy5zynBA9zsJMMtBoe/Uf757oG12NXz6e6OirF7RCrTVAKFXbLmn1RbL7Qaw==}
+  playwright@1.57.0:
+    resolution: {integrity: sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -5293,9 +5293,9 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
-  '@playwright/test@1.50.1':
+  '@playwright/test@1.57.0':
     dependencies:
-      playwright: 1.50.1
+      playwright: 1.57.0
 
   '@pnpm/config.env-replace@1.1.0': {}
 
@@ -8349,11 +8349,11 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
-  playwright-core@1.50.1: {}
+  playwright-core@1.57.0: {}
 
-  playwright@1.50.1:
+  playwright@1.57.0:
     dependencies:
-      playwright-core: 1.50.1
+      playwright-core: 1.57.0
     optionalDependencies:
       fsevents: 2.3.2
 
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
index 0a7012e..3270f55 100644
--- a/src/components/form/CheckboxField.tsx
+++ b/src/components/form/CheckboxField.tsx
@@ -8,13 +8,13 @@ type CheckboxFieldProps = Omit<ComponentProps<typeof Checkbox>, "checked" | "onC
 };
 
 export const CheckboxField = ({ title, description, className, ...props }: CheckboxFieldProps) => {
-  const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<boolean>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
   return (
     <Field data-invalid={isInvalid} orientation="horizontal" className={className}>
-      <Checkbox {...props} id={id} checked={state.value} onCheckedChange={(checked) => handleChange(!!checked)} onBlur={handleBlur} aria-invalid={isInvalid} />
+      <Checkbox {...props} id={id} name={name} checked={state.value} onCheckedChange={(checked) => handleChange(!!checked)} onBlur={handleBlur} aria-invalid={isInvalid} />
       <FieldContent>
         <span className="flex items-center gap-2">
           <FieldLabel required={props.required} htmlFor={id}>
diff --git a/src/components/form/ComboboxField.tsx b/src/components/form/ComboboxField.tsx
index bb40d2b..68a6249 100644
--- a/src/components/form/ComboboxField.tsx
+++ b/src/components/form/ComboboxField.tsx
@@ -40,7 +40,7 @@ export const ComboboxField = <Value extends string | number>({
   isLoading,
   className,
 }: ComboboxFieldProps<Value>) => {
-  const { state, handleChange, handleBlur } = useFieldContext<null | Value | Value[]>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<null | Value | Value[]>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -63,6 +63,7 @@ export const ComboboxField = <Value extends string | number>({
         <PopoverTrigger asChild>
           <Button
             id={id}
+            name={name}
             variant="outline"
             role="combobox"
             aria-expanded={open}
diff --git a/src/components/form/DateField.tsx b/src/components/form/DateField.tsx
index 03f44b4..ff77a59 100644
--- a/src/components/form/DateField.tsx
+++ b/src/components/form/DateField.tsx
@@ -18,7 +18,7 @@ type DateFieldProps = Omit<ComponentProps<typeof Calendar>, "mode" | "selected"
 };
 
 export const DateField = ({ title, disabled, placeholder, mode = "single", className, disabledDates, ...props }: DateFieldProps) => {
-  const { state, handleChange, handleBlur } = useFieldContext<null | Date | Date[] | DateRange>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<null | Date | Date[] | DateRange>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -41,6 +41,7 @@ export const DateField = ({ title, disabled, placeholder, mode = "single", class
         <PopoverTrigger asChild>
           <Button
             id={id}
+            name={name}
             variant="outline"
             disabled={disabled}
             onBlur={handleBlur}
diff --git a/src/components/form/HoursField.tsx b/src/components/form/HoursField.tsx
index 71fb04a..a02f59e 100644
--- a/src/components/form/HoursField.tsx
+++ b/src/components/form/HoursField.tsx
@@ -5,7 +5,7 @@ import { Field, FieldError, FieldLabel } from "../ui/field";
 import { Input } from "../ui/input";
 
 export const HoursField = ({ title, required, className, ...props }: Omit<ComponentProps<typeof Input>, "value" | "onChange" | "onBlur">) => {
-  const { state, handleChange, handleBlur } = useFieldContext<number | null>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<number | null>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -20,6 +20,7 @@ export const HoursField = ({ title, required, className, ...props }: Omit<Compon
         <Input
           {...props}
           id={id}
+          name={name}
           value={typeof state.value === "number" ? state.value : ""}
           onChange={(e) => handleChange(isNaN(e.target.valueAsNumber) ? null : e.target.valueAsNumber)}
           onBlur={handleBlur}
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
index 6b547d7..6299f1a 100644
--- a/src/components/form/SelectField.tsx
+++ b/src/components/form/SelectField.tsx
@@ -16,7 +16,7 @@ type SelectFieldProps<Value> = {
 };
 
 export const SelectField = <Value extends string | number>({ title, placeholder, required, disabled, options, className }: SelectFieldProps<Value>) => {
-  const { state, handleChange, handleBlur } = useFieldContext<Value>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<Value>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -25,7 +25,7 @@ export const SelectField = <Value extends string | number>({ title, placeholder,
       <FieldLabel required={required} htmlFor={id}>
         {title}
       </FieldLabel>
-      <Select required={required} disabled={disabled} value={JSON.stringify(state.value)} onValueChange={(value) => handleChange(JSON.parse(value) as Value)}>
+      <Select name={name} required={required} disabled={disabled} value={JSON.stringify(state.value)} onValueChange={(value) => handleChange(JSON.parse(value) as Value)}>
         <SelectTrigger id={id} className="w-full truncate" onBlur={handleBlur} aria-invalid={isInvalid}>
           <SelectValue placeholder={placeholder} />
         </SelectTrigger>
diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
index af80f9e..d85308e 100644
--- a/src/components/form/TextField.tsx
+++ b/src/components/form/TextField.tsx
@@ -12,7 +12,7 @@ type TextFieldProps = Omit<ComponentProps<typeof Input>, "id" | "value" | "onCha
 
 export const TextField = ({ title, required, className, classNames, fieldErrorVariant, ...props }: TextFieldProps) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const { state, handleChange, handleBlur } = useFieldContext<any>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<any>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -24,6 +24,7 @@ export const TextField = ({ title, required, className, classNames, fieldErrorVa
       <Input
         {...props}
         id={id}
+        name={name}
         value={state.value}
         onChange={(e) => handleChange(props.type === "number" ? e.target.valueAsNumber : e.target.value)}
         onBlur={handleBlur}
diff --git a/src/components/form/TextareaField.tsx b/src/components/form/TextareaField.tsx
index 5737d2e..25acf19 100644
--- a/src/components/form/TextareaField.tsx
+++ b/src/components/form/TextareaField.tsx
@@ -6,7 +6,7 @@ import { Textarea } from "../ui/textarea";
 type TextareaFieldProps = Omit<ComponentProps<typeof Textarea>, "id" | "value" | "onChange" | "onBlur">;
 
 export const TextareaField = ({ title, required, className, ...props }: TextareaFieldProps) => {
-  const { state, handleChange, handleBlur } = useFieldContext<string>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<string>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -15,7 +15,7 @@ export const TextareaField = ({ title, required, className, ...props }: Textarea
       <FieldLabel required={required} htmlFor={id}>
         {title}
       </FieldLabel>
-      <Textarea {...props} id={id} value={state.value} onChange={(e) => handleChange(e.target.value)} onBlur={handleBlur} aria-invalid={isInvalid} />
+      <Textarea {...props} id={id} name={name} value={state.value} onChange={(e) => handleChange(e.target.value)} onBlur={handleBlur} aria-invalid={isInvalid} />
       {isInvalid && <FieldError errors={state.meta.errors} />}
     </Field>
   );
diff --git a/src/components/form/ToggleField.tsx b/src/components/form/ToggleField.tsx
index 70a209e..0db388a 100644
--- a/src/components/form/ToggleField.tsx
+++ b/src/components/form/ToggleField.tsx
@@ -9,13 +9,13 @@ type ToggleFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "
 };
 
 export const ToggleField = ({ title, description, info, className, ...props }: ToggleFieldProps) => {
-  const { state, handleChange, handleBlur } = useFieldContext<boolean>();
+  const { name, state, handleChange, handleBlur } = useFieldContext<boolean>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
   return (
     <Field data-invalid={isInvalid} orientation="horizontal" className={className}>
-      <Switch {...props} id={id} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />
+      <Switch {...props} id={id} name={name} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />
       <FieldContent>
         <span className="flex items-center gap-2">
           <FieldLabel required={props.required} htmlFor={id}>
diff --git a/src/components/issue/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
index 6f9100d..db6499e 100644
--- a/src/components/issue/IssuesListSkeleton.tsx
+++ b/src/components/issue/IssuesListSkeleton.tsx
@@ -24,14 +24,14 @@ const IssuesListSkeleton = () => {
             </div>
           </div>
           {groups.map((key) => (
-            <div key={key} role="listitem" data-type="issue" className={clsx("bg-card relative flex w-full flex-col gap-1 rounded-lg p-1", "border-card border")}>
+            <div key={key} role="listitem" data-type="issue-skeleton" className={clsx("bg-card relative flex w-full flex-col gap-1 rounded-lg p-1", "border-card border")}>
               <Skeleton className="h-5 w-52" />
               <div className="flex justify-between gap-x-2">
                 <div className="mt-1">
                   <Skeleton className="h-5.5 w-[80px] rounded-sm" />
                 </div>
                 <div>
-                  <div role="listitem" data-type="timer" className="flex items-center gap-x-3">
+                  <div role="listitem" data-type="timer-skeleton" className="flex items-center gap-x-3">
                     <Skeleton className="my-1 h-5.5 w-16" />
                     <Skeleton className="size-6 rounded-lg" />
                     <Skeleton className="size-6 rounded-lg" />
diff --git a/src/components/time-entry/TimeEntryListSkeleton.tsx b/src/components/time-entry/TimeEntryListSkeleton.tsx
index 3c9f3b0..b981ee5 100644
--- a/src/components/time-entry/TimeEntryListSkeleton.tsx
+++ b/src/components/time-entry/TimeEntryListSkeleton.tsx
@@ -23,7 +23,7 @@ const TimeEntryListSkeleton = () => {
                         <Skeleton
                           key={i}
                           role="cell"
-                          data-type="time-entry"
+                          data-type="time-entry-skeleton"
                           className="h-4"
                           style={{
                             width: `${hours * 100}%`,
diff --git a/tests/IssuesPage.spec.tsx b/tests/IssuesPage.spec.tsx
index 70a602f..48c6b34 100644
--- a/tests/IssuesPage.spec.tsx
+++ b/tests/IssuesPage.spec.tsx
@@ -1,75 +1,54 @@
 import { test } from "../fixtures/chromeExtension";
 import { createScreenshot } from "../screenshots/screenshot";
 
-test("Start timer", async ({ issuesPage: page, locale, colorScheme }) => {
-  // Wait for the first issue to be rendered
-  await page.waitForSelector("[role=listitem][data-type='issue']");
+test("Start timer", async ({ issuesPage, locale, colorScheme }) => {
+  await issuesPage.waitForIssuesToLoad();
 
   // Start one of the first 3 timers
-  const issues = await page.$$("[role=listitem][data-type='issue']");
-  const issue = issues[Math.min(Math.floor(Math.random() * 3), issues.length - 1)];
-  await (await issue.$("[data-type='start-timer']"))?.click();
+  const idx = Math.min(Math.floor(Math.random() * 3), (await issuesPage.getIssuesCount()) - 1);
+  await issuesPage.startTimer(idx);
 
   // Wait random time
-  await page.waitForTimeout(Math.floor(Math.random() * 1000 * 5));
+  await issuesPage.page.waitForTimeout(Math.floor(Math.random() * 1000 * 5));
 
   // Take a screenshot
-  createScreenshot("issues", page, locale!, colorScheme!);
+  createScreenshot("issues", issuesPage.page, locale!, colorScheme!);
 });
 
-test("Search by text", async ({ issuesPage: page, locale, colorScheme }) => {
-  // Wait for the first issue to be rendered
-  await page.waitForSelector("[role=listitem][data-type='issue']");
-
-  // Activate search
-  await page.keyboard.down("Control");
-  await page.keyboard.press("KeyF");
-  await page.keyboard.up("Control");
+test("Search by text", async ({ issuesPage, locale, colorScheme }) => {
+  await issuesPage.waitForIssuesToLoad();
 
   // Search for "dynamic"
-  await page.fill("input[type=search]", "dynamic");
-
-  // Wait for the first issue to be rendered
-  await page.waitForSelector("[role=listitem][data-type='issue']");
+  await issuesPage.openSearch();
+  await issuesPage.searchByText("dynamic");
 
   // Take a screenshot
-  createScreenshot("issues-search", page, locale!, colorScheme!);
+  createScreenshot("issues-search", issuesPage.page, locale!, colorScheme!);
 });
 
-test("Add spent time", async ({ issuesPage: page, locale, colorScheme }) => {
-  // Click on the first issue done-timer button to add spent time
-  await page.click('[role="button"][data-type="done-timer"]');
-
-  // Wait for modal
-  await page.waitForSelector("role=dialog");
+test("Add spent time", async ({ issuesPage, locale, colorScheme }) => {
+  await issuesPage.waitForIssuesToLoad();
 
-  // Fill form
-  await page.fill('input[name="hours"]', (1 + Math.random() * 3).toFixed(2));
-  await page.fill('input[name="comments"]', "Added new feature");
-
-  // Focus on submit button
-  await page.focus('button[type="submit"]');
+  await issuesPage.openSpentTimeForm();
+  await issuesPage.fillSpentTimeForm();
 
   // Take a screenshot
-  createScreenshot("issues-add-spent-time", page, locale!, colorScheme!);
-
-  // Submit form
-  await page.click('button[type="submit"]');
+  createScreenshot("issues-add-spent-time", issuesPage.page, locale!, colorScheme!);
 
-  // Wait for modal to close
-  await page.waitForSelector("role=dialog", { state: "detached" });
+  await issuesPage.submitSpentTimeForm();
 });
 
-test("Open issue context menu", async ({ issuesPage: page, locale, colorScheme }) => {
+test("Open issue context menu", async ({ issuesPage, locale, colorScheme }) => {
   // Open context menu on the first issue
-  await page.click("[role=listitem][data-type='issue']", {
+  await issuesPage.page.click("[role=listitem][data-type='issue']", {
     button: "right",
-    position: { x: 80, y: 15 },
+    position: { x: 70, y: 15 },
   });
 
   // Wait for context menu
-  await page.waitForSelector("role=menu");
+  await issuesPage.page.waitForSelector("[data-slot=context-menu-content]");
+  await issuesPage.page.waitForTimeout(500);
 
   // Take a screenshot
-  createScreenshot("issues-context-menu", page, locale!, colorScheme!);
+  createScreenshot("issues-context-menu", issuesPage.page, locale!, colorScheme!);
 });
diff --git a/tests/SettingsPage.spec.tsx b/tests/SettingsPage.spec.tsx
index 0345707..33996a8 100644
--- a/tests/SettingsPage.spec.tsx
+++ b/tests/SettingsPage.spec.tsx
@@ -1,10 +1,10 @@
 import { test } from "../fixtures/chromeExtension";
 import { createScreenshot } from "../screenshots/screenshot";
 
-test("Render page", async ({ settingsPage: page, locale, colorScheme }) => {
+test("Render page", async ({ settingsPage, locale, colorScheme }) => {
   // Wait for the form to be rendered
-  await page.waitForSelector("form");
+  await settingsPage.page.waitForSelector("form");
 
   // Take a screenshot
-  createScreenshot("settings", page, locale!, colorScheme!);
+  createScreenshot("settings", settingsPage.page, locale!, colorScheme!);
 });
diff --git a/tests/TimePage.spec.tsx b/tests/TimePage.spec.tsx
index 8bd2600..dbac236 100644
--- a/tests/TimePage.spec.tsx
+++ b/tests/TimePage.spec.tsx
@@ -1,10 +1,9 @@
 import { test } from "../fixtures/chromeExtension";
 import { createScreenshot } from "../screenshots/screenshot";
 
-test("Render page", async ({ timePage: page, locale, colorScheme }) => {
-  // Wait for the first time entry to be rendered
-  await page.waitForSelector("[data-type='time-entry']");
+test("Render page", async ({ timePage, locale, colorScheme }) => {
+  await timePage.waitForTimeEntriesToLoad();
 
   // Take a screenshot
-  createScreenshot("time", page, locale!, colorScheme!);
+  createScreenshot("time", timePage.page, locale!, colorScheme!);
 });
diff --git a/tests/TimersPage.spec.tsx b/tests/TimersPage.spec.tsx
new file mode 100644
index 0000000..9ae7a8f
--- /dev/null
+++ b/tests/TimersPage.spec.tsx
@@ -0,0 +1,25 @@
+import { TimersPage } from "@@/fixtures/pages/timers";
+import { test } from "../fixtures/chromeExtension";
+import { createScreenshot } from "../screenshots/screenshot";
+
+test("Render page", async ({ issuesPage, locale, colorScheme }) => {
+  await issuesPage.waitForIssuesToLoad();
+
+  // Start some of the first 5 timers 3 times
+  const issuesCount = await issuesPage.getIssuesCount();
+  for (let i = 0; i < 3; i++) {
+    const idx = Math.min(Math.floor(Math.random() * 5), issuesCount - 1);
+    await issuesPage.startTimer(idx);
+
+    // Wait random time
+    await issuesPage.page.waitForTimeout(Math.floor(Math.random() * 1000 * 5));
+  }
+
+  // Go to timers page
+  const timersPages = await issuesPage.goToPage(TimersPage);
+  await timersPages.waitForTimersToLoad();
+  await timersPages.page.waitForTimeout(500);
+
+  // Take a screenshot
+  createScreenshot("timers", timersPages.page, locale!, colorScheme!);
+});

From 4c2d53472d1152baac70f02d8813ac31601d0c80 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 18 Dec 2025 21:46:44 +0100
Subject: [PATCH 18/55] fix: Display translated error message until redmine url
 is configured and remove errors toasts

---
 src/api/redmine/MissingRedmineConfigError.ts  |  6 ++++
 .../RedmineApiClient.ts}                      | 25 ++++++++++---
 .../redmine.ts => api/redmine/types.ts}       |  0
 src/components/error/ErrorComponent.tsx       | 35 +++++++++++--------
 src/components/issue/AddIssueNotesModal.tsx   |  2 +-
 src/components/issue/CreateIssueModal.tsx     |  2 +-
 src/components/issue/EditIssueModal.tsx       |  2 +-
 src/components/issue/Filter.tsx               |  2 +-
 src/components/issue/Issue.tsx                |  2 +-
 src/components/issue/IssueContextMenu.tsx     |  2 +-
 src/components/issue/IssueInfoTooltip.tsx     |  2 +-
 src/components/issue/IssueSearch.tsx          |  2 +-
 src/components/issue/IssueTitle.tsx           |  2 +-
 src/components/issue/IssuesList.tsx           |  2 +-
 src/components/issue/SpentVsEstimatedTime.tsx |  2 +-
 src/components/issue/VersionTooltip.tsx       |  2 +-
 src/components/issue/form/IssueForm.tsx       |  2 +-
 .../time-entry/CreateTimeEntryModal.tsx       |  2 +-
 .../time-entry/EditTimeEntryModal.tsx         |  2 +-
 src/components/time-entry/TimeEntry.tsx       |  2 +-
 .../time-entry/TimeEntryContextMenu.tsx       |  2 +-
 src/components/time-entry/TimeEntryList.tsx   |  2 +-
 .../time-entry/TimeEntryTooltip.tsx           |  2 +-
 src/components/timer/Timer.tsx                |  2 +-
 src/hooks/useIssuePriorities.ts               |  6 ++--
 src/hooks/useMyIssues.ts                      |  4 +--
 src/hooks/useMyProjectRoles.ts                |  2 +-
 src/hooks/useMyProjects.ts                    |  4 +--
 src/hooks/useMyTimeEntries.ts                 |  4 +--
 src/hooks/useProjectUsers.ts                  |  2 +-
 src/hooks/useProjectVersions.ts               |  6 ++--
 src/hooks/useRedminePaginatedInfiniteQuery.ts |  2 +-
 src/hooks/useRoles.ts                         |  2 +-
 src/hooks/useTimers.ts                        |  2 +-
 src/lang/de.json                              |  1 +
 src/lang/en.json                              |  1 +
 src/lang/fr.json                              |  1 +
 src/lang/ru.json                              |  1 +
 src/main.tsx                                  |  4 +--
 src/provider/QueryClientProvider.tsx          |  4 +++
 src/provider/RedmineApiProvider.tsx           | 24 ++-----------
 src/utils/error.ts                            |  2 +-
 src/utils/groupIssues.ts                      |  2 +-
 src/utils/groupUsers.ts                       |  2 +-
 44 files changed, 99 insertions(+), 83 deletions(-)
 create mode 100644 src/api/redmine/MissingRedmineConfigError.ts
 rename src/api/{redmine.ts => redmine/RedmineApiClient.ts} (93%)
 rename src/{types/redmine.ts => api/redmine/types.ts} (100%)

diff --git a/src/api/redmine/MissingRedmineConfigError.ts b/src/api/redmine/MissingRedmineConfigError.ts
new file mode 100644
index 0000000..af31ea9
--- /dev/null
+++ b/src/api/redmine/MissingRedmineConfigError.ts
@@ -0,0 +1,6 @@
+export class MissingRedmineConfigError extends Error {
+  constructor(message = "Redmine URL is not configured") {
+    super(message);
+    this.name = MissingRedmineConfigError.name;
+  }
+}
diff --git a/src/api/redmine.ts b/src/api/redmine/RedmineApiClient.ts
similarity index 93%
rename from src/api/redmine.ts
rename to src/api/redmine/RedmineApiClient.ts
index 6208d19..ff8a434 100644
--- a/src/api/redmine.ts
+++ b/src/api/redmine/RedmineApiClient.ts
@@ -1,6 +1,7 @@
-import { AxiosInstance } from "axios";
+import axios, { AxiosInstance } from "axios";
 import { formatISO } from "date-fns";
 import qs from "qs";
+import { MissingRedmineConfigError } from "./MissingRedmineConfigError";
 import {
   TCreateIssue,
   TCreateTimeEntry,
@@ -20,12 +21,26 @@ import {
   TUpdateTimeEntry,
   TUser,
   TVersion,
-} from "../types/redmine";
+} from "./types";
 
-export class RedmineApi {
+export class RedmineApiClient {
   private instance: AxiosInstance;
-  constructor(instance: AxiosInstance) {
-    this.instance = instance;
+
+  constructor(redmineURL: string, redmineApiKey: string) {
+    this.instance = axios.create({
+      baseURL: redmineURL,
+      headers: {
+        "X-Redmine-API-Key": redmineApiKey,
+        "Cache-Control": "no-cache, no-store, max-age=0",
+        Expires: "0",
+      },
+    });
+    this.instance.interceptors.request.use((config) => {
+      if (!config.baseURL) {
+        throw new MissingRedmineConfigError();
+      }
+      return config;
+    });
     this.instance.interceptors.response.use(
       (response) => {
         const contentType = response.headers["content-type"];
diff --git a/src/types/redmine.ts b/src/api/redmine/types.ts
similarity index 100%
rename from src/types/redmine.ts
rename to src/api/redmine/types.ts
diff --git a/src/components/error/ErrorComponent.tsx b/src/components/error/ErrorComponent.tsx
index 56e74c0..fe07b42 100644
--- a/src/components/error/ErrorComponent.tsx
+++ b/src/components/error/ErrorComponent.tsx
@@ -1,3 +1,4 @@
+import { MissingRedmineConfigError } from "@/api/redmine/MissingRedmineConfigError";
 import { getErrorMessage } from "@/utils/error";
 import { useQueryErrorResetBoundary } from "@tanstack/react-query";
 import { ErrorComponentProps } from "@tanstack/react-router";
@@ -16,6 +17,8 @@ export function ErrorComponent({ error, reset: resetPage }: ErrorComponentProps)
       <AlertTitle>
         {isAxiosError(error) ? (
           <FormattedMessage id="general.error.api-error" />
+        ) : error instanceof MissingRedmineConfigError ? (
+          <FormattedMessage id="general.error.missing-redmine-configuration" />
         ) : (
           <FormattedMessage
             id="general.error.unknown-error"
@@ -25,21 +28,23 @@ export function ErrorComponent({ error, reset: resetPage }: ErrorComponentProps)
           />
         )}
       </AlertTitle>
-      <AlertDescription>
-        {getErrorMessage(error)}
-        <div className="flex w-full justify-end">
-          <Button
-            size="sm"
-            variant="outline"
-            onClick={() => {
-              resetQueries();
-              resetPage();
-            }}
-          >
-            <FormattedMessage id="general.retry" />
-          </Button>
-        </div>
-      </AlertDescription>
+      {!(error instanceof MissingRedmineConfigError) && (
+        <AlertDescription>
+          {getErrorMessage(error)}
+          <div className="flex w-full justify-end">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={() => {
+                resetQueries();
+                resetPage();
+              }}
+            >
+              <FormattedMessage id="general.retry" />
+            </Button>
+          </div>
+        </AlertDescription>
+      )}
     </Alert>
   );
 }
diff --git a/src/components/issue/AddIssueNotesModal.tsx b/src/components/issue/AddIssueNotesModal.tsx
index eb9337f..4de1d8a 100644
--- a/src/components/issue/AddIssueNotesModal.tsx
+++ b/src/components/issue/AddIssueNotesModal.tsx
@@ -2,9 +2,9 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
+import { TIssue, TUpdateIssue } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TIssue, TUpdateIssue } from "../../types/redmine";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
 import { Form, FormGrid } from "../ui/form";
 import IssueTitle from "./IssueTitle";
diff --git a/src/components/issue/CreateIssueModal.tsx b/src/components/issue/CreateIssueModal.tsx
index 194175f..d128ffa 100644
--- a/src/components/issue/CreateIssueModal.tsx
+++ b/src/components/issue/CreateIssueModal.tsx
@@ -1,7 +1,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useIntl } from "react-intl";
+import { TCreateIssue } from "../../api/redmine/types";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TCreateIssue } from "../../types/redmine";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { IssueForm } from "./form/IssueForm";
 
diff --git a/src/components/issue/EditIssueModal.tsx b/src/components/issue/EditIssueModal.tsx
index 60b7b13..3a415c0 100644
--- a/src/components/issue/EditIssueModal.tsx
+++ b/src/components/issue/EditIssueModal.tsx
@@ -1,8 +1,8 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useIntl } from "react-intl";
+import { TIssue, TUpdateIssue } from "../../api/redmine/types";
 import useIssue from "../../hooks/useIssue";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
-import { TIssue, TUpdateIssue } from "../../types/redmine";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { IssueForm } from "./form/IssueForm";
 import IssueTitle from "./IssueTitle";
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 033d1d8..7c4384e 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react/no-children-prop */
+import { TIssue } from "@/api/redmine/types";
 import { useAppForm } from "@/hooks/useAppForm";
-import { TIssue } from "@/types/redmine";
 import { SlidersHorizontalIcon } from "lucide-react";
 import { createContext, PropsWithChildren, use, useState } from "react";
 import { useIntl } from "react-intl";
diff --git a/src/components/issue/Issue.tsx b/src/components/issue/Issue.tsx
index ab6e3e8..3797594 100644
--- a/src/components/issue/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -2,11 +2,11 @@ import clsx from "clsx";
 import { PinIcon, UserIcon } from "lucide-react";
 import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
+import { TIssue } from "../../api/redmine/types";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { LocalIssue } from "../../hooks/useLocalIssues";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
 import HelpTooltip from "../general/HelpTooltip";
 import Timer from "../timer/Timer";
diff --git a/src/components/issue/IssueContextMenu.tsx b/src/components/issue/IssueContextMenu.tsx
index 2aa2669..d90a32c 100644
--- a/src/components/issue/IssueContextMenu.tsx
+++ b/src/components/issue/IssueContextMenu.tsx
@@ -15,10 +15,10 @@ import {
 import { ReactNode, useState } from "react";
 import { useIntl } from "react-intl";
 import { toast } from "sonner";
+import { TIssue } from "../../api/redmine/types";
 import { LocalIssue } from "../../hooks/useLocalIssues";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue } from "../../types/redmine";
 import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
 import AddIssueNotesModal from "./AddIssueNotesModal";
 import EditIssueModal from "./EditIssueModal";
diff --git a/src/components/issue/IssueInfoTooltip.tsx b/src/components/issue/IssueInfoTooltip.tsx
index 7f5e754..319a2e3 100644
--- a/src/components/issue/IssueInfoTooltip.tsx
+++ b/src/components/issue/IssueInfoTooltip.tsx
@@ -1,8 +1,8 @@
 import { parseISO } from "date-fns";
 import { ReactNode } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
+import { TIssue } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
-import { TIssue } from "../../types/redmine";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
index 3099e69..05a2dd9 100644
--- a/src/components/issue/IssueSearch.tsx
+++ b/src/components/issue/IssueSearch.tsx
@@ -5,10 +5,10 @@ import { ChevronRightIcon, CloudIcon, ListTreeIcon, MoreHorizontalIcon, SearchIc
 import { createContext, PropsWithChildren, use, useRef, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { z } from "zod/v4";
+import { TIssue, TReference } from "../../api/redmine/types";
 import useDebounce from "../../hooks/useDebounce";
 import useHotKey from "../../hooks/useHotkey";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue, TReference } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu";
 import { FieldGroup, FieldLabel, FieldSet } from "../ui/field";
diff --git a/src/components/issue/IssueTitle.tsx b/src/components/issue/IssueTitle.tsx
index 4060bb8..7122a70 100644
--- a/src/components/issue/IssueTitle.tsx
+++ b/src/components/issue/IssueTitle.tsx
@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
+import { TIssue } from "../../api/redmine/types";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
 import IssueInfoTooltip from "./IssueInfoTooltip";
 
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 1ecd6c7..9a913a2 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -4,13 +4,13 @@ import clsx from "clsx";
 import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
 import { Fragment, ReactNode, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
+import { TReference, TVersion } from "../../api/redmine/types";
 import useLocalIssues from "../../hooks/useLocalIssues";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyProjects from "../../hooks/useMyProjects";
 import useMyUser from "../../hooks/useMyUser";
 import useTimers from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TReference, TVersion } from "../../types/redmine";
 import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
diff --git a/src/components/issue/SpentVsEstimatedTime.tsx b/src/components/issue/SpentVsEstimatedTime.tsx
index 696d89e..7e61c02 100644
--- a/src/components/issue/SpentVsEstimatedTime.tsx
+++ b/src/components/issue/SpentVsEstimatedTime.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
+import { TIssue } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
-import { TIssue } from "../../types/redmine";
 import { roundHours } from "../../utils/date";
 
 interface PropTypes extends React.ComponentProps<"span"> {
diff --git a/src/components/issue/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
index fccfff5..eaa8e71 100644
--- a/src/components/issue/VersionTooltip.tsx
+++ b/src/components/issue/VersionTooltip.tsx
@@ -1,7 +1,7 @@
 import { differenceInDays, parseISO, startOfDay } from "date-fns";
 import { ReactNode } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { TVersion } from "../../types/redmine";
+import { TVersion } from "../../api/redmine/types";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 3218007..35747c5 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -4,13 +4,13 @@ import { Form, FormGrid } from "@/components/ui/form";
 import { parseISO } from "date-fns";
 import { FormattedMessage, useIntl } from "react-intl";
 import { z } from "zod/v4";
+import { TIssue } from "../../../api/redmine/types";
 import { useAppForm } from "../../../hooks/useAppForm";
 import { useIssuePriorities } from "../../../hooks/useIssuePriorities";
 import useIssueStatuses from "../../../hooks/useIssueStatuses";
 import useIssueTrackers from "../../../hooks/useIssueTrackers";
 import useMyUser from "../../../hooks/useMyUser";
 import useProject from "../../../hooks/useProject";
-import { TIssue } from "../../../types/redmine";
 import DismissibleWarning from "../../general/DismissableWarning";
 import AssigneeField from "./fields/AssigneeField";
 import CategoryField from "./fields/CategoryField";
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index ee893ef..813b2ac 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -3,6 +3,7 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { startOfDay } from "date-fns";
 import { useIntl } from "react-intl";
 import z from "zod/v4";
+import { TCreateTimeEntry, TIssue, TUpdateIssue } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import useCachedComments from "../../hooks/useCachedComments";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
@@ -10,7 +11,6 @@ import useMyUser from "../../hooks/useMyUser";
 import useProject from "../../hooks/useProject";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TCreateTimeEntry, TIssue, TUpdateIssue } from "../../types/redmine";
 import ActivityField from "../issue/form/fields/ActivityField";
 import { DoneSliderField } from "../issue/form/fields/DoneSliderField";
 import IssueTitle from "../issue/IssueTitle";
diff --git a/src/components/time-entry/EditTimeEntryModal.tsx b/src/components/time-entry/EditTimeEntryModal.tsx
index 9ea61e0..9b23890 100644
--- a/src/components/time-entry/EditTimeEntryModal.tsx
+++ b/src/components/time-entry/EditTimeEntryModal.tsx
@@ -3,11 +3,11 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { parseISO } from "date-fns";
 import { useIntl } from "react-intl";
 import { z } from "zod/v4";
+import { TTimeEntry, TUpdateTimeEntry } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import useIssue from "../../hooks/useIssue";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TTimeEntry, TUpdateTimeEntry } from "../../types/redmine";
 import ActivityField from "../issue/form/fields/ActivityField";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog";
 import { Field, FieldLabel } from "../ui/field";
diff --git a/src/components/time-entry/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
index 321c988..c8fa4cb 100644
--- a/src/components/time-entry/TimeEntry.tsx
+++ b/src/components/time-entry/TimeEntry.tsx
@@ -1,7 +1,7 @@
 import { Fragment } from "react";
+import { TTimeEntry } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
-import { TTimeEntry } from "../../types/redmine";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 import TimeEntryContextMenu from "./TimeEntryContextMenu";
 import TimeEntryTooltip from "./TimeEntryTooltip";
diff --git a/src/components/time-entry/TimeEntryContextMenu.tsx b/src/components/time-entry/TimeEntryContextMenu.tsx
index c3e7d44..0c3e9d7 100644
--- a/src/components/time-entry/TimeEntryContextMenu.tsx
+++ b/src/components/time-entry/TimeEntryContextMenu.tsx
@@ -1,8 +1,8 @@
 import { PencilIcon, SquareArrowOutUpRightIcon } from "lucide-react";
 import { ComponentProps, useState } from "react";
 import { useIntl } from "react-intl";
+import { TTimeEntry } from "../../api/redmine/types";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TTimeEntry } from "../../types/redmine";
 import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../ui/context-menu";
 import EditTimeEntryModal from "./EditTimeEntryModal";
 
diff --git a/src/components/time-entry/TimeEntryList.tsx b/src/components/time-entry/TimeEntryList.tsx
index 701aa56..344030d 100644
--- a/src/components/time-entry/TimeEntryList.tsx
+++ b/src/components/time-entry/TimeEntryList.tsx
@@ -1,8 +1,8 @@
 import { addDays, format, isFuture, isMonday, isWeekend, parseISO, previousMonday, startOfDay, subWeeks } from "date-fns";
 import { ClockIcon } from "lucide-react";
 import { useIntl } from "react-intl";
+import { TTimeEntry } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
-import { TTimeEntry } from "../../types/redmine";
 import { roundHours } from "../../utils/date";
 import { Badge } from "../ui/badge";
 import TimeEntry from "./TimeEntry";
diff --git a/src/components/time-entry/TimeEntryTooltip.tsx b/src/components/time-entry/TimeEntryTooltip.tsx
index 3f7fadb..4ed8713 100644
--- a/src/components/time-entry/TimeEntryTooltip.tsx
+++ b/src/components/time-entry/TimeEntryTooltip.tsx
@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { FormattedMessage } from "react-intl";
+import { TTimeEntry } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
-import { TTimeEntry } from "../../types/redmine";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
index c1ec971..79c6ae7 100644
--- a/src/components/timer/Timer.tsx
+++ b/src/components/timer/Timer.tsx
@@ -2,10 +2,10 @@ import clsx from "clsx";
 import { BadgeCheckIcon, TimerIcon, TimerOffIcon, TimerResetIcon } from "lucide-react";
 import { ComponentProps, Ref, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { useIntl } from "react-intl";
+import { TIssue } from "../../api/redmine/types";
 import { PriorityType } from "../../hooks/useIssuePriorities";
 import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
-import { TIssue } from "../../types/redmine";
 import { clsxm } from "../../utils/clsxm";
 import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
 import HelpTooltip from "../general/HelpTooltip";
diff --git a/src/hooks/useIssuePriorities.ts b/src/hooks/useIssuePriorities.ts
index 55a69c2..cda9a18 100644
--- a/src/hooks/useIssuePriorities.ts
+++ b/src/hooks/useIssuePriorities.ts
@@ -1,7 +1,7 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { queryOptions, useQuery, useSuspenseQueries, UseSuspenseQueryResult } from "@tanstack/react-query";
+import { TIssue, TIssuePriority } from "../api/redmine/types";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { TIssue, TIssuePriority } from "../types/redmine";
 
 type Options = {
   enabled?: boolean;
@@ -10,7 +10,7 @@ type Options = {
 /**
  * Query options for issue priorities
  */
-export const issuePrioritiesQueryOptions = (redmineApi: RedmineApi) =>
+export const issuePrioritiesQueryOptions = (redmineApi: RedmineApiClient) =>
   queryOptions({
     queryKey: ["issuePriorities"],
     queryFn: () => redmineApi.getIssuePriorities(),
diff --git a/src/hooks/useMyIssues.ts b/src/hooks/useMyIssues.ts
index 993d8e1..0315e48 100644
--- a/src/hooks/useMyIssues.ts
+++ b/src/hooks/useMyIssues.ts
@@ -1,4 +1,4 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { useDeferredValue } from "react";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { redminePaginatedInfiniteQueryOptions, useSuspenseRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
@@ -6,7 +6,7 @@ import { redminePaginatedInfiniteQueryOptions, useSuspenseRedminePaginatedInfini
 const AUTO_REFRESH_DATA_INTERVAL = 1000 * 60 * 15;
 const STALE_DATA_TIME = 1000 * 60;
 
-export const myOpenIssuesQueryOptions = (redmineApi: RedmineApi) =>
+export const myOpenIssuesQueryOptions = (redmineApi: RedmineApiClient) =>
   redminePaginatedInfiniteQueryOptions({
     queryKey: ["issues", "open", "me"],
     queryFn: ({ pageParam }) =>
diff --git a/src/hooks/useMyProjectRoles.ts b/src/hooks/useMyProjectRoles.ts
index aac1eaf..b754d0e 100644
--- a/src/hooks/useMyProjectRoles.ts
+++ b/src/hooks/useMyProjectRoles.ts
@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { TProject, TReference, TRole } from "../types/redmine";
+import { TProject, TReference, TRole } from "../api/redmine/types";
 import useMyUser from "./useMyUser";
 import useRoles from "./useRoles";
 
diff --git a/src/hooks/useMyProjects.ts b/src/hooks/useMyProjects.ts
index 75a6a31..27c1815 100644
--- a/src/hooks/useMyProjects.ts
+++ b/src/hooks/useMyProjects.ts
@@ -1,4 +1,4 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { redminePaginatedInfiniteQueryOptions, useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
@@ -6,7 +6,7 @@ type Options = {
   enabled?: boolean;
 };
 
-const myProjectsQueryOptions = (redmineApi: RedmineApi) =>
+const myProjectsQueryOptions = (redmineApi: RedmineApiClient) =>
   redminePaginatedInfiniteQueryOptions({
     queryKey: ["projects"],
     queryFn: ({ pageParam }) => redmineApi.getAllMyProjects(pageParam),
diff --git a/src/hooks/useMyTimeEntries.ts b/src/hooks/useMyTimeEntries.ts
index b095a7e..67dfead 100644
--- a/src/hooks/useMyTimeEntries.ts
+++ b/src/hooks/useMyTimeEntries.ts
@@ -1,4 +1,4 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import { redminePaginatedInfiniteQueryOptions, useRedminePaginatedInfiniteQuery, useSuspenseRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
@@ -8,7 +8,7 @@ const STALE_DATA_TIME = 1000 * 60;
 /**
  * Query options for my time entries
  */
-const myTimeEntriesQueryOptions = (redmineApi: RedmineApi, from: Date, to: Date) =>
+const myTimeEntriesQueryOptions = (redmineApi: RedmineApiClient, from: Date, to: Date) =>
   redminePaginatedInfiniteQueryOptions({
     queryKey: ["timeEntries", from, to],
     queryFn: ({ pageParam }) => redmineApi.getAllMyTimeEntries(from, to, pageParam),
diff --git a/src/hooks/useProjectUsers.ts b/src/hooks/useProjectUsers.ts
index ea468df..19c4200 100644
--- a/src/hooks/useProjectUsers.ts
+++ b/src/hooks/useProjectUsers.ts
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
+import { TMembership, TReference } from "../api/redmine/types";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { TMembership, TReference } from "../types/redmine";
 import { useRedminePaginatedInfiniteQuery } from "./useRedminePaginatedInfiniteQuery";
 
 type Options = {
diff --git a/src/hooks/useProjectVersions.ts b/src/hooks/useProjectVersions.ts
index 37bb7d3..dd84e49 100644
--- a/src/hooks/useProjectVersions.ts
+++ b/src/hooks/useProjectVersions.ts
@@ -1,8 +1,8 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { queryOptions, useQuery, useSuspenseQueries, UseSuspenseQueryResult } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
+import { TVersion } from "../api/redmine/types";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { TVersion } from "../types/redmine";
 
 type Options = {
   enabled?: boolean;
@@ -11,7 +11,7 @@ type Options = {
 /**
  * Query options for project versions
  */
-const projectVersionsQueryOptions = (redmineApi: RedmineApi, projectId: number) =>
+const projectVersionsQueryOptions = (redmineApi: RedmineApiClient, projectId: number) =>
   queryOptions({
     queryKey: ["projectVersions", projectId],
     queryFn: () => redmineApi.getProjectVersions(projectId),
diff --git a/src/hooks/useRedminePaginatedInfiniteQuery.ts b/src/hooks/useRedminePaginatedInfiniteQuery.ts
index 0eeef47..19f8f68 100644
--- a/src/hooks/useRedminePaginatedInfiniteQuery.ts
+++ b/src/hooks/useRedminePaginatedInfiniteQuery.ts
@@ -11,7 +11,7 @@ import {
   UseSuspenseInfiniteQueryOptions,
 } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
-import { TPaginatedResponse } from "../types/redmine";
+import { TPaginatedResponse } from "../api/redmine/types";
 
 const defaultInitialPageParam = {
   offset: 0,
diff --git a/src/hooks/useRoles.ts b/src/hooks/useRoles.ts
index 6f1fcde..ece77a9 100644
--- a/src/hooks/useRoles.ts
+++ b/src/hooks/useRoles.ts
@@ -1,5 +1,5 @@
+import { TRole } from "@/api/redmine/types";
 import { useRedmineApi } from "@/provider/RedmineApiProvider";
-import { TRole } from "@/types/redmine";
 import { useQueries, UseQueryResult } from "@tanstack/react-query";
 
 const useRoles = (roleIds: number[]) => {
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index 3e2827e..878773d 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -1,5 +1,5 @@
+import { TIssue } from "@/api/redmine/types";
 import { TimerSearchContext } from "@/components/timer/TimerSearch";
-import { TIssue } from "@/types/redmine";
 import { useMemo } from "react";
 import { useSettings } from "../provider/SettingsProvider";
 import { useSuspenseStorage } from "./useStorage";
diff --git a/src/lang/de.json b/src/lang/de.json
index b799e93..41bdfca 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -174,6 +174,7 @@
   "general.no-options": "Keine Optionen",
   "general.retry": "Wiederholen",
   "general.error.api-error": "API-Fehler",
+  "general.error.missing-redmine-configuration": "Redmine URL ist nicht konfiguriert",
   "general.error.unknown-error": "Unbekannter Fehler: {name}",
   "general.error.page-not-found": "Seite nicht gefunden",
 
diff --git a/src/lang/en.json b/src/lang/en.json
index b83099c..73d7174 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -174,6 +174,7 @@
   "general.no-options": "No options",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
+  "general.error.missing-redmine-configuration": "Redmine URL is not configured",
   "general.error.unknown-error": "Unknown error: {name}",
   "general.error.page-not-found": "Page not found",
 
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 79a975d..642515a 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -174,6 +174,7 @@
   "general.no-options": "Aucune option",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
+  "general.error.missing-redmine-configuration": "Redmine URL is not configured",
   "general.error.unknown-error": "Unknown error: {name}",
   "general.error.page-not-found": "Page introuvable",
 
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 5c6d8df..a42eced 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -174,6 +174,7 @@
   "general.no-options": "No options",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
+  "general.error.missing-redmine-configuration": "Redmine URL is not configured",
   "general.error.unknown-error": "Unknown error: {name}",
   "general.error.page-not-found": "Страница не найдена",
 
diff --git a/src/main.tsx b/src/main.tsx
index ab7fe83..0a0c544 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,4 +1,4 @@
-import { RedmineApi } from "@/api/redmine";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
 import { ErrorComponent } from "@/components/error/ErrorComponent";
 import { Layout } from "@/components/general/Layout";
 import Providers from "@/provider/Providers.tsx";
@@ -19,7 +19,7 @@ export interface RouteContext {
   entrypoint: Entrypoint;
   settings: Settings;
   queryClient: QueryClient;
-  redmineApi: RedmineApi;
+  redmineApi: RedmineApiClient;
 }
 
 const hashHistory = createHashHistory();
diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index 61e6818..0f386e6 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -1,3 +1,4 @@
+import { MissingRedmineConfigError } from "@/api/redmine/MissingRedmineConfigError";
 import { getErrorMessage } from "@/utils/error";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
 import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
@@ -42,6 +43,9 @@ export const queryClient = new QueryClient({
     onError: (error, query) => {
       if (query.meta?.displayErrorToast === false) return;
 
+      // Skip if Redmine URL is not configured
+      if (error instanceof MissingRedmineConfigError) return;
+
       if (!isAxiosError(error)) {
         toast.error(
           <FormattedMessage
diff --git a/src/provider/RedmineApiProvider.tsx b/src/provider/RedmineApiProvider.tsx
index ecdc485..c111a47 100644
--- a/src/provider/RedmineApiProvider.tsx
+++ b/src/provider/RedmineApiProvider.tsx
@@ -1,31 +1,13 @@
-import axios from "axios";
 import { ReactNode, createContext, use } from "react";
-import { RedmineApi } from "../api/redmine";
+import { RedmineApiClient } from "../api/redmine/RedmineApiClient";
 import { useSettings } from "./SettingsProvider";
 
-const RedmineApiContext = createContext<RedmineApi | null>(null);
+const RedmineApiContext = createContext<RedmineApiClient | null>(null);
 
 const RedmineApiProvider = ({ children }: { children: ReactNode }) => {
   const { settings } = useSettings();
 
-  return (
-    <RedmineApiContext
-      value={
-        new RedmineApi(
-          axios.create({
-            baseURL: settings.redmineURL,
-            headers: {
-              "X-Redmine-API-Key": settings.redmineApiKey,
-              "Cache-Control": "no-cache, no-store, max-age=0",
-              Expires: "0",
-            },
-          })
-        )
-      }
-    >
-      {children}
-    </RedmineApiContext>
-  );
+  return <RedmineApiContext value={new RedmineApiClient(settings.redmineURL, settings.redmineApiKey)}>{children}</RedmineApiContext>;
 };
 
 export const useRedmineApi = () => use(RedmineApiContext)!;
diff --git a/src/utils/error.ts b/src/utils/error.ts
index 97f4089..afa1a80 100644
--- a/src/utils/error.ts
+++ b/src/utils/error.ts
@@ -1,4 +1,4 @@
-import { TRedmineError } from "@/types/redmine";
+import { TRedmineError } from "@/api/redmine/types";
 import { AxiosError, isAxiosError } from "axios";
 
 export const getErrorMessage = (error: unknown): string => {
diff --git a/src/utils/groupIssues.ts b/src/utils/groupIssues.ts
index 739804e..90e3ff1 100644
--- a/src/utils/groupIssues.ts
+++ b/src/utils/groupIssues.ts
@@ -1,7 +1,7 @@
+import { TIssue, TIssuePriority, TReference, TVersion } from "@/api/redmine/types";
 import { LocalIssueData } from "@/hooks/useLocalIssues";
 import { TimerController } from "@/hooks/useTimers";
 import { Settings } from "@/provider/SettingsProvider";
-import { TIssue, TIssuePriority, TReference, TVersion } from "@/types/redmine";
 
 export type ProjectGroup = {
   /**
diff --git a/src/utils/groupUsers.ts b/src/utils/groupUsers.ts
index 702f446..184e505 100644
--- a/src/utils/groupUsers.ts
+++ b/src/utils/groupUsers.ts
@@ -1,5 +1,5 @@
+import { TReference } from "../api/redmine/types";
 import { TUser } from "../hooks/useProjectUsers";
-import { TReference } from "../types/redmine";
 
 type GroupedUsers = {
   role: TReference;

From f2a1c809e57c9c73cf17b7a500219916f2054fe2 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 30 Dec 2025 14:25:56 +0100
Subject: [PATCH 19/55] feat: Add project info tooltip

---
 src/api/redmine/types.ts                |  3 +-
 src/components/issue/IssuesList.tsx     | 22 ++++++---
 src/components/issue/ProjectTooltip.tsx | 64 +++++++++++++++++++++++++
 src/lang/de.json                        |  6 +++
 src/lang/en.json                        |  6 +++
 src/lang/fr.json                        |  6 +++
 src/lang/ru.json                        |  6 +++
 7 files changed, 106 insertions(+), 7 deletions(-)
 create mode 100644 src/components/issue/ProjectTooltip.tsx

diff --git a/src/api/redmine/types.ts b/src/api/redmine/types.ts
index ea14152..f432a6d 100644
--- a/src/api/redmine/types.ts
+++ b/src/api/redmine/types.ts
@@ -91,8 +91,9 @@ export type TSearchResult = {
 export type TProject = {
   id: number;
   name: string;
-  description: string;
   identifier: string;
+  description: string;
+  homepage?: string;
   inherit_members: boolean; // available since Redmine 4.1.0
   is_public: boolean;
   status: number;
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 9a913a2..a12deef 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -4,7 +4,7 @@ import clsx from "clsx";
 import { PinIcon, PlusIcon, SearchIcon, SquareChartGanttIcon, SquareMousePointerIcon, TimerIcon } from "lucide-react";
 import { Fragment, ReactNode, useMemo, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { TReference, TVersion } from "../../api/redmine/types";
+import { TProject, TReference, TVersion } from "../../api/redmine/types";
 import useLocalIssues from "../../hooks/useLocalIssues";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyProjects from "../../hooks/useMyProjects";
@@ -15,6 +15,7 @@ import { Badge } from "../ui/badge";
 import CreateIssueModal from "./CreateIssueModal";
 import Issue from "./Issue";
 import { useIssueSearch } from "./IssueSearch";
+import ProjectTooltip from "./ProjectTooltip";
 import VersionTooltip from "./VersionTooltip";
 
 type PropTypes = {
@@ -42,7 +43,8 @@ const IssuesList = ({ groupedIssues, localIssues, timers }: PropTypes) => {
         <div key={projectGroup.key} className="flex flex-col gap-y-2">
           <IssueProject
             type={projectGroup.type}
-            project={projectGroup.project}
+            projectRef={projectGroup.project}
+            project={projects.data?.find((p) => p.id === projectGroup.project.id)}
             actions={
               <>
                 {projectRoles?.hasProjectPermission(projectGroup.project.id, "add_issues") && (
@@ -92,7 +94,7 @@ const IssuesList = ({ groupedIssues, localIssues, timers }: PropTypes) => {
   );
 };
 
-const IssueProject = ({ project, type, actions }: { project: TReference; type: ProjectGroup["type"]; actions: ReactNode }) => {
+const IssueProject = ({ projectRef, project, type, actions }: { projectRef: TReference; project?: TProject; type: ProjectGroup["type"]; actions: ReactNode }) => {
   const { settings } = useSettings();
 
   return (
@@ -105,9 +107,17 @@ const IssueProject = ({ project, type, actions }: { project: TReference; type: P
       {type === "tracked-issues" && <TimerIcon className="size-3.5 shrink-0" />}
       {type === "pinned-issues" && <PinIcon className="size-3.5 shrink-0 rotate-30" />}
       {type === "project" && <SquareChartGanttIcon className="size-3.5 shrink-0" />}
-      <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="truncate text-sm hover:underline" rel="noreferrer">
-        {project.name}
-      </a>
+      {project ? (
+        <ProjectTooltip project={project}>
+          <a href={`${settings.redmineURL}/projects/${projectRef.id}`} target="_blank" tabIndex={-1} className="truncate text-sm hover:underline" rel="noreferrer">
+            {projectRef.name}
+          </a>
+        </ProjectTooltip>
+      ) : (
+        <a href={`${settings.redmineURL}/projects/${projectRef.id}`} target="_blank" tabIndex={-1} className="truncate text-sm hover:underline" rel="noreferrer">
+          {projectRef.name}
+        </a>
+      )}
       <span className="grow" />
       <div className="flex gap-x-2">{actions}</div>
     </div>
diff --git a/src/components/issue/ProjectTooltip.tsx b/src/components/issue/ProjectTooltip.tsx
new file mode 100644
index 0000000..d52e1eb
--- /dev/null
+++ b/src/components/issue/ProjectTooltip.tsx
@@ -0,0 +1,64 @@
+import { ReactNode } from "react";
+import { FormattedMessage } from "react-intl";
+import { TProject } from "../../api/redmine/types";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+
+type PropTypes = {
+  project: TProject;
+  children?: ReactNode;
+};
+
+const ProjectTooltip = ({ project, children }: PropTypes) => {
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
+        <div>
+          <p className="truncate text-sm font-semibold">{project.name}</p>
+          {project.description && <p className="truncate text-xs font-normal">{project.description}</p>}
+        </div>
+        <table className="-mx-1 border-separate border-spacing-x-1 text-left text-sm">
+          <tbody>
+            <tr>
+              <th className="text-xs font-medium">
+                <FormattedMessage id="issues.project.field.identifier" />:
+              </th>
+              <td>{project.identifier}</td>
+            </tr>
+            {project.homepage && (
+              <tr>
+                <th className="text-xs font-medium">
+                  <FormattedMessage id="issues.project.field.homepage" />:
+                </th>
+                <td>{project.homepage}</td>
+              </tr>
+            )}
+            <tr>
+              <th className="text-xs font-medium">
+                <FormattedMessage id="issues.project.field.is-public" />:
+              </th>
+              <td>{project.is_public ? <FormattedMessage id="general.yes" /> : <FormattedMessage id="general.no" />}</td>
+            </tr>
+            {project.custom_fields?.map((field) => {
+              if (!field.value) return null;
+              if (Array.isArray(field.value) && field.value.length === 0) return null;
+
+              const value = Array.isArray(field.value) ? field.value.join(", ") : String(field.value);
+              return (
+                <tr key={field.id}>
+                  <th className="text-xs font-medium">{field.name}:</th>
+                  <td>{value}</td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+        <p className="italic">
+          <FormattedMessage id="issues.project-tooltip.open-in-redmine" />
+        </p>
+      </TooltipContent>
+    </Tooltip>
+  );
+};
+
+export default ProjectTooltip;
diff --git a/src/lang/de.json b/src/lang/de.json
index 41bdfca..d0cc4bc 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -52,6 +52,10 @@
   "issues.version.field.due-date": "Fälligkeitsdatum",
   "issues.version-tooltip.open-in-redmine": "Klicken um Zielversion zu öffnen",
   "issues.version.no-version": "(ohne Zielversion)",
+  "issues.project.field.identifier": "Kennung",
+  "issues.project.field.homepage": "Homepage",
+  "issues.project.field.is-public": "Öffentlich",
+  "issues.project-tooltip.open-in-redmine": "Klicken um Projekt zu öffnen",
   "issues.issue.field.tracker": "Tracker",
   "issues.issue.field.tracker.validation.required": "Tracker wird benötigt",
   "issues.issue.field.status": "Status",
@@ -172,6 +176,8 @@
 
   "general.search": "Suche...",
   "general.no-options": "Keine Optionen",
+  "general.yes": "Ja",
+  "general.no": "Nein",
   "general.retry": "Wiederholen",
   "general.error.api-error": "API-Fehler",
   "general.error.missing-redmine-configuration": "Redmine URL ist nicht konfiguriert",
diff --git a/src/lang/en.json b/src/lang/en.json
index 73d7174..86c7358 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -52,6 +52,10 @@
   "issues.version.field.due-date": "Due date",
   "issues.version-tooltip.open-in-redmine": "Click to open target version",
   "issues.version.no-version": "(without version)",
+  "issues.project.field.identifier": "Identifier",
+  "issues.project.field.homepage": "Homepage",
+  "issues.project.field.is-public": "Public",
+  "issues.project-tooltip.open-in-redmine": "Click to open project",
   "issues.issue.field.tracker": "Tracker",
   "issues.issue.field.tracker.validation.required": "Tracker is required",
   "issues.issue.field.status": "Status",
@@ -172,6 +176,8 @@
 
   "general.search": "Search...",
   "general.no-options": "No options",
+  "general.yes": "Yes",
+  "general.no": "No",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
   "general.error.missing-redmine-configuration": "Redmine URL is not configured",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 642515a..5d6c41e 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -52,6 +52,10 @@
   "issues.version.field.due-date": "Date d'échéance",
   "issues.version-tooltip.open-in-redmine": "Cliquez pour ouvrir la version cible",
   "issues.version.no-version": "(sans version)",
+  "issues.project.field.identifier": "Identifier",
+  "issues.project.field.homepage": "Homepage",
+  "issues.project.field.is-public": "Public",
+  "issues.project-tooltip.open-in-redmine": "Click to open project",
   "issues.issue.field.tracker": "Tracker",
   "issues.issue.field.tracker.validation.required": "Le tracker est requis",
   "issues.issue.field.status": "Statut",
@@ -172,6 +176,8 @@
 
   "general.search": "Rechercher...",
   "general.no-options": "Aucune option",
+  "general.yes": "Yes",
+  "general.no": "No",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
   "general.error.missing-redmine-configuration": "Redmine URL is not configured",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index a42eced..2af336c 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -52,6 +52,10 @@
   "issues.version.field.due-date": "Срок завершения",
   "issues.version-tooltip.open-in-redmine": "Нажмите для открытия target version",
   "issues.version.no-version": "(without version)",
+  "issues.project.field.identifier": "Identifier",
+  "issues.project.field.homepage": "Homepage",
+  "issues.project.field.is-public": "Public",
+  "issues.project-tooltip.open-in-redmine": "Click to open project",
   "issues.issue.field.tracker": "Tracker",
   "issues.issue.field.tracker.validation.required": "Tracker is required",
   "issues.issue.field.status": "Статус",
@@ -172,6 +176,8 @@
 
   "general.search": "Поиск...",
   "general.no-options": "No options",
+  "general.yes": "Yes",
+  "general.no": "No",
   "general.retry": "Retry",
   "general.error.api-error": "API-Error",
   "general.error.missing-redmine-configuration": "Redmine URL is not configured",

From bd1e7d01581bfaf1943f3a926434028aa0764e0f Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 30 Dec 2025 16:22:48 +0100
Subject: [PATCH 20/55] fix: Update min browser versions to match current
 requirements

---
 README.md     | 11 ++++++++---
 wxt.config.ts |  3 ++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 0954c72..a4b4dad 100644
--- a/README.md
+++ b/README.md
@@ -40,7 +40,14 @@
 
 # Requirements
 
-At least Redmine version `3.0` or higher required. Recommended version `5.0` or higher.
+Supported browsers:
+
+- **Chrome 122** or higher
+- **Firefox 127** or higher
+
+Supported Redmine versions:
+
+At least **Redmine version `3.0` or higher** required. Recommended version `5.0` or higher.
 
 ### Unsupported features by Redmine versions
 
@@ -54,8 +61,6 @@ At least Redmine version `3.0` or higher required. Recommended version `5.0` or
 | Display project-available time entry activities when _adding spent time entries_  | `< 3.4.0`                   |
 | Remote Redmine search                                                             | `< 3.3.0`                   |
 
-_Tested with Google Chrome Version 130 and Firefox 132_
-
 # Supported languages
 
 - English
diff --git a/wxt.config.ts b/wxt.config.ts
index 76c9c53..a6e266e 100644
--- a/wxt.config.ts
+++ b/wxt.config.ts
@@ -38,12 +38,13 @@ export default defineConfig({
         mode === "production"
           ? "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAk2PbuYr+evWm0U+t8XCn94jO0x0yydbdSqotCB9tC2NaYcnYhuOIrkDrAJg8DwUSvRbx2FXbacmf/CyI5fPivYmLDDL6D1VqabEhpVwNjTbj6V8lOy52C8Kl9ZA8WEvBZIsgU1bi54j2eg7B9lFZ3FIbavJB4Ezkny4eW+TdpUqcmoMxVybVeJ4q4jhzUFmEaHEmEyfzWLiUwYjEUzJkkzQYCTzZ0ZO1jWNnjfm5Y9IRSGPbzlChvigEhSuEs+DA2uZnr//mfr6xD97ryZY/i2HGeuxB3zZoIFR+FoFlp18ETJmEDO5ZEjEhl0Zb09yHlPah0IHDx6QjNcbxG3u31QIDAQAB"
           : "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlm4d4x15I7iewgVp3cR51dCrwYINnvmmG/NjzK9Fg/LyzFLvRBqNftIqP4+fJas56CN2fNiFQNfdk8ACQJMKk8yd6fDeDs1/l/AseSWXM7GdbGDacj9lkZnL6jFHUrIxuwiHesE0W/I5o3Ep5ZXHnifjd7D9KEXswnvSWzmZXAtVNQu8DQXdNZO94N8i5ESLNdi78fmoeNIYaqieu5y0tlyMcvnOKiR3BHRAAN9bA0E/XvoazaL4KELcQbkh0T3nFhjSFDNHJAWlMkCvDGLC01RVLrkQW2ar9R5sAeyPmSx7HfgpzeBStwhDuOJ8s7Ed6WGCBaTll0WLQBxPYfV7qwIDAQAB",
+      minimum_chrome_version: "122",
     }),
     ...(browser === "firefox" && {
       browser_specific_settings: {
         gecko: {
           id: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}",
-          strict_min_version: "112.0",
+          strict_min_version: "127.0",
           data_collection_permissions: {
             required: ["none"],
           },

From df1d96ce75f6f623cc20ef6bfcb3fef8e12646aa Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 31 Dec 2025 12:40:34 +0100
Subject: [PATCH 21/55] ci: Add build number for canary version

---
 .github/workflows/publish-canary.yml | 2 +-
 wxt.config.ts                        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/publish-canary.yml b/.github/workflows/publish-canary.yml
index 6d3cb17..08ff345 100644
--- a/.github/workflows/publish-canary.yml
+++ b/.github/workflows/publish-canary.yml
@@ -23,7 +23,7 @@ jobs:
 
       - run: pnpm run zip:chrome --mode canary
 
-      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip --chrome-skip-submit-review
+      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
         env:
           CHROME_EXTENSION_ID: adgcdimdkkaddeopcabokepmaihfhklb
           CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
diff --git a/wxt.config.ts b/wxt.config.ts
index a6e266e..2ea62b9 100644
--- a/wxt.config.ts
+++ b/wxt.config.ts
@@ -59,7 +59,11 @@ export default defineConfig({
         manifest.version_name = `${manifest.version}-dev`;
       } else if (wxt.config.mode === "canary") {
         manifest.name += " (CANARY)";
-        manifest.version_name = `${manifest.version}-canary.${process.env.GITHUB_SHA?.slice(0, 7) ?? new Date().getTime()}`;
+        const baseVersion = manifest.version;
+        const buildNr = Number(process.env.GITHUB_RUN_NUMBER ?? 0);
+        const commitHash = process.env.GITHUB_SHA?.slice(0, 7);
+        manifest.version = `${baseVersion}.${buildNr}`;
+        manifest.version_name = `${baseVersion}-canary${commitHash ? `.${commitHash}` : ""}${buildNr ? `+${buildNr}` : ""}`;
       }
     },
   },

From e7807e28a770bb2ee74719f49c75a982ed17859c Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Fri, 2 Jan 2026 18:31:02 +0100
Subject: [PATCH 22/55] feat(filter): Add issue status filter

---
 src/components/form/ComboboxField.tsx   |  7 ++++-
 src/components/issue/Filter.tsx         | 34 +++++++++++++++++++++++--
 src/components/issue/form/IssueForm.tsx |  2 +-
 src/hooks/useIssueStatuses.ts           | 34 +++++++++++++++++++++----
 src/lang/de.json                        |  1 +
 src/lang/en.json                        |  1 +
 src/lang/fr.json                        |  1 +
 src/lang/ru.json                        |  1 +
 8 files changed, 72 insertions(+), 9 deletions(-)

diff --git a/src/components/form/ComboboxField.tsx b/src/components/form/ComboboxField.tsx
index 68a6249..6be03d6 100644
--- a/src/components/form/ComboboxField.tsx
+++ b/src/components/form/ComboboxField.tsx
@@ -10,7 +10,7 @@ import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, Command
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-type Option<Value> = { value: Value; label: string; icon?: ReactNode };
+type Option<Value> = { value: Value; label: string; icon?: ReactNode; disabled?: boolean };
 type Group<Value> = { label: string; options: Option<Value>[] };
 
 type ComboboxFieldProps<Value> = {
@@ -103,6 +103,7 @@ export const ComboboxField = <Value extends string | number>({
                         option={subOption}
                         value={state.value}
                         required={required}
+                        disabled={subOption.disabled}
                         handleChange={(value) => {
                           handleChange(value);
                           if (mode === "single") setOpen(false);
@@ -117,6 +118,7 @@ export const ComboboxField = <Value extends string | number>({
                     option={option}
                     value={state.value}
                     required={required}
+                    disabled={option.disabled}
                     handleChange={(value) => {
                       handleChange(value);
                       if (mode === "single") setOpen(false);
@@ -201,12 +203,14 @@ const RenderOption = <Value extends string | number>({
   option,
   value,
   required,
+  disabled,
   handleChange,
 }: {
   mode: NonNullable<ComboboxFieldProps<Value>["mode"]>;
   option: Option<Value>;
   value: null | Value | Value[];
   required?: boolean;
+  disabled?: boolean;
   handleChange: (value: null | Value | Value[]) => void;
 }) => {
   const isSelected = Array.isArray(value) ? value.includes(option.value) : value === option.value;
@@ -226,6 +230,7 @@ const RenderOption = <Value extends string | number>({
           }
         }
       }}
+      disabled={disabled}
       className="flex items-center gap-2"
     >
       {mode === "multiple" && <Checkbox checked={isSelected} className="data-[state=checked]:[&_svg]:text-primary-foreground!" />}
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 7c4384e..8633ab1 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -1,6 +1,8 @@
 /* eslint-disable react/no-children-prop */
 import { TIssue } from "@/api/redmine/types";
 import { useAppForm } from "@/hooks/useAppForm";
+import { useStatuses } from "@/hooks/useIssueStatuses";
+import deepmerge from "deepmerge";
 import { SlidersHorizontalIcon } from "lucide-react";
 import { createContext, PropsWithChildren, use, useState } from "react";
 import { useIntl } from "react-intl";
@@ -13,12 +15,13 @@ import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
 const filterSettingsSchema = z.object({
   projects: z.array(z.number()),
+  statuses: z.array(z.number()),
   hideCompletedIssues: z.boolean(),
 });
 
 type FilterSettings = z.infer<typeof filterSettingsSchema>;
 
-const defaultSettings: FilterSettings = { projects: [], hideCompletedIssues: false };
+const defaultSettings: FilterSettings = { projects: [], statuses: [], hideCompletedIssues: false };
 
 type FilterContextType = {
   settings: FilterSettings;
@@ -33,7 +36,7 @@ const FilterProvider = ({ children }: PropsWithChildren) => {
   return (
     <FilterContext
       value={{
-        settings,
+        settings: deepmerge(defaultSettings, settings),
         setSettings,
       }}
     >
@@ -59,6 +62,9 @@ const FilterButton = () => {
   const { data: projects, isLoading: isLoadingProjects } = useMyProjects({
     enabled: showFilter,
   });
+  const { data: statuses, isLoading: isLoadingStatuses } = useStatuses({
+    enabled: showFilter,
+  });
 
   const form = useAppForm({
     defaultValues: filter.settings,
@@ -102,6 +108,25 @@ const FilterButton = () => {
               )}
             />
 
+            <form.AppField
+              name="statuses"
+              children={(field) => (
+                <field.ComboboxField
+                  title={formatMessage({ id: "issues.filter.statuses" })}
+                  placeholder={formatMessage({ id: "issues.filter.statuses" })}
+                  options={
+                    statuses?.map((status) => ({
+                      label: status.name,
+                      value: status.id,
+                      disabled: status.is_closed,
+                    })) ?? []
+                  }
+                  isLoading={isLoadingStatuses}
+                  mode="multiple"
+                />
+              )}
+            />
+
             <form.AppField
               name="hideCompletedIssues"
               children={(field) => (
@@ -125,6 +150,11 @@ export const filterIssues = (issues: TIssue[], settings: FilterSettings) => {
     issues = issues.filter((issue) => settings.projects.includes(issue.project.id));
   }
 
+  // statuses
+  if (settings.statuses && settings.statuses.length > 0) {
+    issues = issues.filter((issue) => settings.statuses.includes(issue.status.id));
+  }
+
   // hide completed issues (done_ratio = 100%)
   if (settings.hideCompletedIssues) {
     issues = issues.filter((issue) => issue.done_ratio !== 100);
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 35747c5..02d12e9 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -1,13 +1,13 @@
 /* eslint-disable react/no-children-prop */
 import { DialogFooter } from "@/components/ui/dialog";
 import { Form, FormGrid } from "@/components/ui/form";
+import { useIssueStatuses } from "@/hooks/useIssueStatuses";
 import { parseISO } from "date-fns";
 import { FormattedMessage, useIntl } from "react-intl";
 import { z } from "zod/v4";
 import { TIssue } from "../../../api/redmine/types";
 import { useAppForm } from "../../../hooks/useAppForm";
 import { useIssuePriorities } from "../../../hooks/useIssuePriorities";
-import useIssueStatuses from "../../../hooks/useIssueStatuses";
 import useIssueTrackers from "../../../hooks/useIssueTrackers";
 import useMyUser from "../../../hooks/useMyUser";
 import useProject from "../../../hooks/useProject";
diff --git a/src/hooks/useIssueStatuses.ts b/src/hooks/useIssueStatuses.ts
index a838db5..0c1edbc 100644
--- a/src/hooks/useIssueStatuses.ts
+++ b/src/hooks/useIssueStatuses.ts
@@ -1,13 +1,39 @@
-import { useQuery } from "@tanstack/react-query";
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
+import { queryOptions, useQuery } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
 import useIssue from "./useIssue";
 
+const statusesQueryOptions = (redmineApi: RedmineApiClient) =>
+  queryOptions({
+    queryKey: ["issueStatuses"],
+    queryFn: () => redmineApi.getIssueStatuses(),
+  });
+
+export const useStatuses = ({
+  enabled = true,
+}: {
+  enabled?: boolean;
+} = {}) => {
+  const redmineApi = useRedmineApi();
+
+  const issueStatusesQuery = useQuery({
+    ...statusesQueryOptions(redmineApi),
+    enabled,
+  });
+
+  return {
+    data: issueStatusesQuery.data,
+    isLoading: issueStatusesQuery.isLoading,
+    isError: issueStatusesQuery.isError,
+  };
+};
+
 type Options = {
   enabled?: boolean;
   issueStaleTime?: number;
 };
 
-const useIssueStatuses = (issueId: number, { enabled = true, issueStaleTime }: Options = {}) => {
+export const useIssueStatuses = (issueId: number, { enabled = true, issueStaleTime }: Options = {}) => {
   const redmineApi = useRedmineApi();
 
   const issueQuery = useIssue(issueId, { enabled, staleTime: issueStaleTime });
@@ -15,8 +41,7 @@ const useIssueStatuses = (issueId: number, { enabled = true, issueStaleTime }: O
   const hasIssueNoAllowedStatuses = !!issueQuery.data && issueQuery.data.allowed_statuses === undefined;
 
   const issueStatusesQuery = useQuery({
-    queryKey: ["issueStatuses"],
-    queryFn: () => redmineApi.getIssueStatuses(),
+    ...statusesQueryOptions(redmineApi),
     enabled: enabled && hasIssueNoAllowedStatuses,
   });
 
@@ -34,4 +59,3 @@ const useIssueStatuses = (issueId: number, { enabled = true, issueStaleTime }: O
     hasIssueNoAllowedStatuses,
   };
 };
-export default useIssueStatuses;
diff --git a/src/lang/de.json b/src/lang/de.json
index d0cc4bc..d90a851 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -25,6 +25,7 @@
   "issues.filter": "Filter",
   "issues.filter.projects": "Projekte",
   "issues.filter.projects.no-options": "Keine Projekte",
+  "issues.filter.statuses": "Status",
   "issues.filter.hide-completed-issues.title": "Verstecke fertige Tickets",
   "issues.filter.hide-completed-issues.description": "100% erledigt, aber weiterhin offen",
   "issues.list.no-options": "Keine Tickets",
diff --git a/src/lang/en.json b/src/lang/en.json
index 86c7358..3c86f69 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -25,6 +25,7 @@
   "issues.filter": "Filter",
   "issues.filter.projects": "Projects",
   "issues.filter.projects.no-options": "No projects",
+  "issues.filter.statuses": "Statuses",
   "issues.filter.hide-completed-issues.title": "Hide completed issues",
   "issues.filter.hide-completed-issues.description": "100% done, but still open",
   "issues.list.no-options": "No issues",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 5d6c41e..f973a6d 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -25,6 +25,7 @@
   "issues.filter": "Filtrer",
   "issues.filter.projects": "Projets",
   "issues.filter.projects.no-options": "Aucun projet",
+  "issues.filter.statuses": "Statuses",
   "issues.filter.hide-completed-issues.title": "Masquer les tickets terminés",
   "issues.filter.hide-completed-issues.description": "100 % terminé, mais toujours ouvert",
   "issues.list.no-options": "Aucun ticket",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 2af336c..76a207a 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -25,6 +25,7 @@
   "issues.filter": "Фильтр",
   "issues.filter.projects": "Проекты",
   "issues.filter.projects.no-options": "Нет проектов",
+  "issues.filter.statuses": "Statuses",
   "issues.filter.hide-completed-issues.title": "Скрыть выполненные задачи",
   "issues.filter.hide-completed-issues.description": "Готовность 100%, но еще открыты",
   "issues.list.no-options": "Нет задач",

From d66aa6ad7e41d1561941d505644db84d4396aa14 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 3 Jan 2026 22:15:35 +0100
Subject: [PATCH 23/55] feat(timers): Group timers by project and sort them by
 newest first

---
 src/lang/de.json         |  1 +
 src/lang/en.json         |  1 +
 src/lang/fr.json         |  1 +
 src/lang/ru.json         |  1 +
 src/routes/timers.tsx    | 44 +++++++++++++++++++++---
 src/utils/groupTimers.ts | 72 ++++++++++++++++++++++++++++++++++++++++
 6 files changed, 115 insertions(+), 5 deletions(-)
 create mode 100644 src/utils/groupTimers.ts

diff --git a/src/lang/de.json b/src/lang/de.json
index d90a851..72a800c 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -5,6 +5,7 @@
   "nav.tabs.settings": "Einstellungen",
 
   "timers.list.no-options": "Keine Timer",
+  "timers.list.unknown-project-group": "(unbekanntes Projekt)",
   "timer.context-menu.start": "Timer starten",
   "timer.context-menu.pause": "Timer pausieren",
   "timer.context-menu.edit": "Timer bearbeiten",
diff --git a/src/lang/en.json b/src/lang/en.json
index 3c86f69..2757ba0 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -5,6 +5,7 @@
   "nav.tabs.settings": "Settings",
 
   "timers.list.no-options": "No timers",
+  "timers.list.unknown-project-group": "(unknown project)",
   "timer.context-menu.start": "Start timer",
   "timer.context-menu.pause": "Pause timer",
   "timer.context-menu.edit": "Edit timer",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index f973a6d..4c2d6f9 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -5,6 +5,7 @@
   "nav.tabs.settings": "Paramètres",
 
   "timers.list.no-options": "No timers",
+  "timers.list.unknown-project-group": "(unknown project)",
   "timer.context-menu.start": "Démarrer le minuteur",
   "timer.context-menu.pause": "Mettre le minuteur en pause",
   "timer.context-menu.edit": "Modifier le minuteur",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 76a207a..bc5d6ff 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -5,6 +5,7 @@
   "nav.tabs.settings": "Настройки",
 
   "timers.list.no-options": "No timers",
+  "timers.list.unknown-project-group": "(unknown project)",
   "timer.context-menu.start": "Запустить таймер",
   "timer.context-menu.pause": "Остановить таймер",
   "timer.context-menu.edit": "Изменить таймер",
diff --git a/src/routes/timers.tsx b/src/routes/timers.tsx
index 1c6a1ab..67eec00 100644
--- a/src/routes/timers.tsx
+++ b/src/routes/timers.tsx
@@ -1,10 +1,15 @@
+import { TReference } from "@/api/redmine/types";
+import Timer from "@/components/timer/Timer";
 import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
 import { useIssuePriorities } from "@/hooks/useIssuePriorities";
 import { useSuspenseIssues } from "@/hooks/useIssues";
+import { groupTimers, TimersGroup } from "@/utils/groupTimers";
 import { createFileRoute } from "@tanstack/react-router";
+import clsx from "clsx";
+import { SquareChartGanttIcon } from "lucide-react";
+import { Fragment, useMemo } from "react";
 import { FormattedMessage } from "react-intl";
 import IssuesListSkeleton from "../components/issue/IssuesListSkeleton";
-import Timer from "../components/timer/Timer";
 import TimersBadge from "../components/timer/TimersBadge";
 import useTimers from "../hooks/useTimers";
 import { useSettings } from "../provider/SettingsProvider";
@@ -32,15 +37,22 @@ const TimersPage = () => {
   const search = useTimerSearch();
   const matchedTimers = timers.searchTimers(search, issues.data);
 
+  const groupedTimers = useMemo(() => groupTimers(matchedTimers, issues.data), [matchedTimers, issues.data]);
+
   return (
     <>
       <TimersBadge activeTimerCount={timers.getActiveTimerCount()} />
 
       <div className="flex flex-col gap-y-2">
-        {matchedTimers.map((timer) => {
-          const issue = issues.data.find((issue) => issue.id === timer.issueId);
-          return <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />;
-        })}
+        {groupedTimers.map(({ key, type, project, items }) => (
+          <Fragment key={key}>
+            <TimerProject type={type} project={project} />
+
+            {items.map(({ timer, issue }) => (
+              <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />
+            ))}
+          </Fragment>
+        ))}
 
         {matchedTimers.length === 0 && (
           <p className="text-center">
@@ -51,3 +63,25 @@ const TimersPage = () => {
     </>
   );
 };
+
+const TimerProject = ({ project, type }: { project?: TReference; type: TimersGroup["type"] }) => {
+  const { settings } = useSettings();
+
+  return (
+    <div
+      className={clsx("flex items-center gap-x-1", {
+        "bg-background shadow-background sticky top-0 z-5 -mx-2 -my-1 px-2 py-1 shadow": settings.style.stickyScroll,
+      })}
+    >
+      <SquareChartGanttIcon className="size-3.5 shrink-0" />
+
+      {project && (
+        <a href={`${settings.redmineURL}/projects/${project.id}`} target="_blank" tabIndex={-1} className="truncate text-sm hover:underline" rel="noreferrer">
+          {project.name}
+        </a>
+      )}
+
+      {type === "unknown-project" && <FormattedMessage id="timers.list.unknown-project-group" />}
+    </div>
+  );
+};
diff --git a/src/utils/groupTimers.ts b/src/utils/groupTimers.ts
new file mode 100644
index 0000000..c55dd1e
--- /dev/null
+++ b/src/utils/groupTimers.ts
@@ -0,0 +1,72 @@
+import { TIssue, TReference } from "@/api/redmine/types";
+import { TimerController } from "@/hooks/useTimers";
+
+type TimerItem = {
+  timer: TimerController;
+  issue: TIssue | undefined;
+};
+
+export type TimersGroup = {
+  /**
+   * A unique key for the group
+   */
+  key: string;
+  /**
+   * The type of the group
+   */
+  type: "project" | "unknown-project";
+  /**
+   * The project associated with the group of timers
+   */
+  project?: TReference;
+  /**
+   * The list of timers and issues
+   */
+  items: TimerItem[];
+};
+
+/**
+ * Group timers by their associated issue's project
+ *
+ * @param timers - The list of timers to be grouped
+ * @param issues - The list of issues associated with the timers
+ * @returns An array of grouped timers by project
+ */
+export const groupTimers = (timers: TimerController[], issues: TIssue[]): TimersGroup[] => {
+  const reversedTimers = timers.toReversed(); // Show the most recent timers first
+
+  // Combine timers with their associated issues
+  const items = reversedTimers.map<TimerItem>((timer) => ({
+    timer,
+    issue: issues.find((issue) => issue.id === timer.issueId),
+  }));
+
+  // Group timers by project
+  const groups = Object.values(
+    items.reduce<
+      Record<
+        string,
+        TimersGroup & {
+          sortIdx: number;
+        }
+      >
+    >((groups, item) => {
+      const key = item.issue?.project.id ? `project-${item.issue.project.id}` : "unknown-project";
+
+      if (!groups[key]) {
+        groups[key] = {
+          key,
+          type: item.issue?.project.id ? "project" : "unknown-project",
+          project: item.issue?.project,
+          items: [],
+          sortIdx: Object.keys(groups).length,
+        };
+      }
+      groups[key].items.push(item);
+
+      return groups;
+    }, {})
+  ).sort((a, b) => a.sortIdx - b.sortIdx);
+
+  return groups;
+};

From 0b32d3eb435be2aafe4d476070afad029a686fc1 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 7 Jan 2026 17:38:15 +0100
Subject: [PATCH 24/55] refactor(timer): Refactor timer components and
 permission improvements

- Create component composition for timer components
- Disable done button if no "log_time" permission granted
- Fix edit timer
---
 src/components/general/ToggleableCard.tsx     |  32 +++
 src/components/issue/Issue.tsx                |  44 ++--
 src/components/issue/IssuesList.tsx           |   2 +-
 .../time-entry/CreateTimeEntryModal.tsx       |   4 +-
 src/components/timer/CurrentIssueTimer.tsx    |  29 ++-
 src/components/timer/Timer.tsx                | 237 ------------------
 .../timer/{ => timer}/TimerContextMenu.tsx    |  19 +-
 .../{EditTimer.tsx => timer/TimerCounter.tsx} |  69 +++--
 .../timer/timer/TimerDoneButton.tsx           |  54 ++++
 src/components/timer/timer/TimerNameField.tsx |  21 ++
 .../timer/timer/TimerResetButton.tsx          |  37 +++
 src/components/timer/timer/TimerRoot.tsx      |  59 +++++
 .../timer/timer/TimerToggleButton.tsx         |  24 ++
 src/components/timer/timer/TimerWrapper.tsx   |  19 ++
 src/components/timer/timer/index.ts           |  22 ++
 src/entrypoints/content.tsx                   |   4 +-
 src/hooks/useMyProjectRoles.ts                |   9 +-
 src/routes/timers.tsx                         |  23 +-
 18 files changed, 398 insertions(+), 310 deletions(-)
 create mode 100644 src/components/general/ToggleableCard.tsx
 delete mode 100644 src/components/timer/Timer.tsx
 rename src/components/timer/{ => timer}/TimerContextMenu.tsx (76%)
 rename src/components/timer/{EditTimer.tsx => timer/TimerCounter.tsx} (67%)
 create mode 100644 src/components/timer/timer/TimerDoneButton.tsx
 create mode 100644 src/components/timer/timer/TimerNameField.tsx
 create mode 100644 src/components/timer/timer/TimerResetButton.tsx
 create mode 100644 src/components/timer/timer/TimerRoot.tsx
 create mode 100644 src/components/timer/timer/TimerToggleButton.tsx
 create mode 100644 src/components/timer/timer/TimerWrapper.tsx
 create mode 100644 src/components/timer/timer/index.ts

diff --git a/src/components/general/ToggleableCard.tsx b/src/components/general/ToggleableCard.tsx
new file mode 100644
index 0000000..b4afbf1
--- /dev/null
+++ b/src/components/general/ToggleableCard.tsx
@@ -0,0 +1,32 @@
+import { clsxm } from "@/utils/clsxm";
+import { ComponentProps, JSXElementConstructor } from "react";
+
+interface PropTypes extends ComponentProps<"div"> {
+  as?: "div" | JSXElementConstructor<ComponentProps<"div">>;
+  onToggle?: () => void;
+}
+
+export const ToggleableCard = ({ as = "div", className, onToggle, ...props }: PropTypes) => {
+  const Comp = as;
+  return (
+    <Comp
+      {...props}
+      className={clsxm(
+        "bg-card rounded-lg p-1",
+        "border border-gray-200 dark:border-gray-700",
+        "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]",
+        className
+      )}
+      {...(!!onToggle && {
+        tabIndex: 1,
+        onKeyDown: (e) => {
+          if ((e.key === "Enter" || e.code === "Space") && e.currentTarget === document.activeElement) {
+            onToggle();
+            e.preventDefault();
+            e.stopPropagation();
+          }
+        },
+      })}
+    />
+  );
+};
diff --git a/src/components/issue/Issue.tsx b/src/components/issue/Issue.tsx
index 3797594..29e334c 100644
--- a/src/components/issue/Issue.tsx
+++ b/src/components/issue/Issue.tsx
@@ -9,7 +9,8 @@ import { TimerController } from "../../hooks/useTimers";
 import { useSettings } from "../../provider/SettingsProvider";
 import { clsxm } from "../../utils/clsxm";
 import HelpTooltip from "../general/HelpTooltip";
-import Timer from "../timer/Timer";
+import { ToggleableCard } from "../general/ToggleableCard";
+import Timer from "../timer/timer";
 import IssueContextMenu from "./IssueContextMenu";
 import IssueTitle from "./IssueTitle";
 
@@ -46,30 +47,18 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
         canAddNotes={canAddNotes}
         onAddTimer={onAddTimer}
       >
-        <div
+        <ToggleableCard
           role="listitem"
           data-type="issue"
           className={clsxm(
-            "bg-card relative flex w-full flex-col gap-1 rounded-lg p-1",
-            "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]",
-            "border border-gray-200 dark:border-gray-700",
+            "relative flex flex-col gap-1",
             settings.style.showIssuesPriority && {
               "border-2 border-[#add7f3] dark:border-[#4973f3]/40": priorityType === "lowest",
               "border-2 border-[#fcc] dark:border-[#fc6f6f]/40": priorityType === "medium-high",
               "border-2 border-[#ffb4b4] dark:border-[#ff5050]/40": priorityType === "high" || priorityType === "highest",
             }
           )}
-          tabIndex={1}
-          // On "Enter" or "Space" => toggle timer
-          onKeyDown={(e) => {
-            if ((e.key === "Enter" || e.code === "Space") && e.currentTarget === document.activeElement) {
-              if (!canLogTime) return;
-
-              primaryTimer.toggleTimer();
-              e.preventDefault();
-              e.stopPropagation();
-            }
-          }}
+          {...(canLogTime && { onToggle: () => primaryTimer.toggleTimer() })}
         >
           <IssueTitle
             issue={issue}
@@ -89,7 +78,14 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
             </div>
             {canLogTime && !areTimersExpanded && (
               <div>
-                <Timer timer={primaryTimer} issue={issue} />
+                <Timer.Root timer={primaryTimer} issue={issue}>
+                  <Timer.Wrapper>
+                    <Timer.Counter />
+                    <Timer.ToggleButton />
+                    <Timer.ResetButton />
+                    <Timer.DoneButton canLogTime={canLogTime} />
+                  </Timer.Wrapper>
+                </Timer.Root>
                 {timers.length > 1 && (
                   <div className="pl-3 text-xs text-gray-500" onClick={() => setAreTimersExpanded(true)}>
                     <FormattedMessage id="issues.timers.more-timers" values={{ count: timers.length - 1 }} />
@@ -101,7 +97,17 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
           {canLogTime && areTimersExpanded && (
             <div className="mt-2 flex flex-col gap-y-1">
               {timers.map((timer) => (
-                <Timer key={timer.id} timer={timer} issue={issue} variant="expanded" />
+                <Timer.Root key={timer.id} timer={timer} issue={issue}>
+                  <Timer.ContextMenu>
+                    <Timer.WrapperCard>
+                      <Timer.NameField />
+                      <Timer.Counter />
+                      <Timer.ToggleButton />
+                      <Timer.ResetButton />
+                      <Timer.DoneButton canLogTime={canLogTime} />
+                    </Timer.WrapperCard>
+                  </Timer.ContextMenu>
+                </Timer.Root>
               ))}
             </div>
           )}
@@ -117,7 +123,7 @@ const Issue = ({ issue, localIssue, priorityType, assignedToMe, timers, onAddTim
               </HelpTooltip>
             )}
           </div>
-        </div>
+        </ToggleableCard>
       </IssueContextMenu>
     </>
   );
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index a12deef..709494f 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -33,7 +33,7 @@ const IssuesList = ({ groupedIssues, localIssues, timers }: PropTypes) => {
 
   const projects = useMyProjects();
   const projectIds = useMemo(() => [...new Set(groupedIssues.map((g) => g.project.id))], [groupedIssues]);
-  const projectRoles = useMyProjectRoles(projectIds, projects.data);
+  const projectRoles = useMyProjectRoles(projectIds);
 
   const [createIssue, setCreateIssue] = useState<number | undefined>(undefined);
 
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index 813b2ac..df43a81 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -8,7 +8,6 @@ import { useAppForm } from "../../hooks/useAppForm";
 import useCachedComments from "../../hooks/useCachedComments";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyUser from "../../hooks/useMyUser";
-import useProject from "../../hooks/useProject";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
 import { useSettings } from "../../provider/SettingsProvider";
 import ActivityField from "../issue/form/fields/ActivityField";
@@ -52,8 +51,7 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
   const queryClient = useQueryClient();
 
   const myUser = useMyUser();
-  const project = useProject(issue.project.id);
-  const projectRoles = useMyProjectRoles([issue.project.id], project.data ? [project.data] : undefined);
+  const projectRoles = useMyProjectRoles([issue.project.id]);
 
   const createTimeEntryMutation = useMutation({
     mutationFn: (entry: TCreateTimeEntry) => redmineApi.createTimeEntry(entry),
diff --git a/src/components/timer/CurrentIssueTimer.tsx b/src/components/timer/CurrentIssueTimer.tsx
index 6bfa863..7444df8 100644
--- a/src/components/timer/CurrentIssueTimer.tsx
+++ b/src/components/timer/CurrentIssueTimer.tsx
@@ -2,32 +2,45 @@ import useIssue from "../../hooks/useIssue";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useRedmineUrl from "../../hooks/useRedmineUrl";
 import useTimers from "../../hooks/useTimers";
-import Timer from "../timer/Timer";
+import Timer from "./timer";
 
 type PropTypes = {
   issueId: number;
 };
 
-const CurrentIssueTimer = ({ issueId }: PropTypes) => {
+const CurrentIssueTimerInner = ({ issueId }: PropTypes) => {
   const timers = useTimers();
   const { data: issue } = useIssue(issueId);
   const projectRoles = useMyProjectRoles(issue ? [issue.project.id] : []);
 
-  if (!issue || !projectRoles.hasProjectPermission(issue.project.id, "log_time")) return;
+  if (!issue) return;
+
+  const canLogTime = projectRoles.hasProjectPermission(issue.project.id, "log_time");
 
   const issueTimers = timers.getTimersByIssue(issue.id);
   const primaryTimer = issueTimers[0];
 
-  return <Timer timer={primaryTimer} issue={issue} variant="standalone" />;
+  if (!canLogTime && primaryTimer.getElapsedTime() === 0) return;
+
+  return (
+    <Timer.Root timer={primaryTimer} issue={issue}>
+      <Timer.ContextMenu>
+        <Timer.WrapperCard>
+          <Timer.Counter />
+          <Timer.ToggleButton />
+          <Timer.ResetButton />
+          <Timer.DoneButton canLogTime={canLogTime} />
+        </Timer.WrapperCard>
+      </Timer.ContextMenu>
+    </Timer.Root>
+  );
 };
 
-const CurrentIssueTimerWrapper = () => {
+export const CurrentIssueTimer = () => {
   const currentUrl = useRedmineUrl();
   const issueId = currentUrl?.data?.type === "issue" ? currentUrl?.data?.id : undefined;
 
   if (!issueId) return;
 
-  return <CurrentIssueTimer issueId={issueId} />;
+  return <CurrentIssueTimerInner issueId={issueId} />;
 };
-
-export default CurrentIssueTimerWrapper;
diff --git a/src/components/timer/Timer.tsx b/src/components/timer/Timer.tsx
deleted file mode 100644
index 79c6ae7..0000000
--- a/src/components/timer/Timer.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-import clsx from "clsx";
-import { BadgeCheckIcon, TimerIcon, TimerOffIcon, TimerResetIcon } from "lucide-react";
-import { ComponentProps, Ref, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { useIntl } from "react-intl";
-import { TIssue } from "../../api/redmine/types";
-import { PriorityType } from "../../hooks/useIssuePriorities";
-import { TimerController } from "../../hooks/useTimers";
-import { useSettings } from "../../provider/SettingsProvider";
-import { clsxm } from "../../utils/clsxm";
-import { formatTimer, roundTimeNearestInterval } from "../../utils/date";
-import HelpTooltip from "../general/HelpTooltip";
-import IssueTitle from "../issue/IssueTitle";
-import CreateTimeEntryModal from "../time-entry/CreateTimeEntryModal";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog";
-import EditTimer from "./EditTimer";
-import TimerContextMenu from "./TimerContextMenu";
-
-type TimerWrapperPropTypes = {
-  variant?: "inner" | "standalone" | "expanded" | "full";
-  timer: TimerController;
-  issue?: TIssue;
-  issuePriorityType?: PriorityType;
-};
-
-const TimerWrapper = ({ variant = "inner", timer, issue, issuePriorityType }: TimerWrapperPropTypes) => {
-  const timerRef = useRef<TimerRef>(null);
-
-  const [createTimeEntryHours, setCreateTimeEntryHours] = useState<number | undefined>(undefined);
-
-  const createTimeEntryComponent = createTimeEntryHours !== undefined && issue && (
-    <CreateTimeEntryModal
-      issue={issue}
-      initialValues={{
-        done_ratio: issue.done_ratio,
-        hours: createTimeEntryHours,
-        comments: timer.name,
-      }}
-      onClose={() => setCreateTimeEntryHours(undefined)}
-      onSuccess={() => {
-        setCreateTimeEntryHours(undefined);
-        timer.deleteTimer();
-      }}
-    />
-  );
-
-  switch (variant) {
-    case "inner":
-      return (
-        <>
-          <Timer timer={timer} ref={timerRef} onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
-          {createTimeEntryComponent}
-        </>
-      );
-    case "standalone":
-    case "expanded":
-      return (
-        <>
-          <TimerContextMenu timer={timer} onEdit={() => timerRef.current?.editTimer()}>
-            <Timer
-              timer={timer}
-              ref={timerRef}
-              displayNameField={variant === "expanded"}
-              className={clsx(
-                "bg-card rounded-lg border border-gray-200 p-1 px-1.5 dark:border-gray-700",
-                "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"
-              )}
-              tabIndex={1}
-              // On "Enter" or "Space" => toggle timer
-              onKeyDown={(e) => {
-                if ((e.key === "Enter" || e.code === "Space") && e.currentTarget === document.activeElement) {
-                  timer.toggleTimer();
-                  e.preventDefault();
-                  e.stopPropagation();
-                }
-              }}
-              onTimerDone={(hours) => setCreateTimeEntryHours(hours)}
-            />
-          </TimerContextMenu>
-          {createTimeEntryComponent}
-        </>
-      );
-    case "full":
-      return (
-        <>
-          <TimerContextMenu timer={timer} onEdit={() => timerRef.current?.editTimer()}>
-            <div
-              role="listitem"
-              data-type="timer"
-              className={clsxm(
-                "bg-card relative flex w-full flex-col gap-1 rounded-lg p-1",
-                "border border-gray-200 dark:border-gray-700",
-                "focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"
-              )}
-              tabIndex={1}
-              // On "Enter" or "Space" => toggle timer
-              onKeyDown={(e) => {
-                if (e.key === "Enter" || e.code === "Space") {
-                  timer.toggleTimer();
-                  e.preventDefault();
-                  e.stopPropagation();
-                }
-              }}
-            >
-              {issue ? <IssueTitle issue={issue} priorityType={issuePriorityType} /> : <h1 className="truncate text-gray-500 line-through">#{timer.issueId}</h1>}
-              <Timer timer={timer} ref={timerRef} displayNameField onTimerDone={(hours) => setCreateTimeEntryHours(hours)} />
-            </div>
-          </TimerContextMenu>
-          {createTimeEntryComponent}
-        </>
-      );
-  }
-};
-
-type TimerPropTypes = {
-  timer: TimerController;
-  onTimerDone: (hours: number) => void;
-  ref?: Ref<TimerRef>;
-  displayNameField?: boolean;
-} & Omit<ComponentProps<"div">, "ref">;
-
-type TimerRef = {
-  editTimer: () => void;
-};
-
-const Timer = ({ timer, onTimerDone, ref, displayNameField, ...props }: TimerPropTypes) => {
-  const { formatMessage } = useIntl();
-  const { settings } = useSettings();
-
-  const [editMode, setEditMode] = useState(false);
-
-  const [currenTime, setCurrentTime] = useState(timer.getElapsedTime());
-
-  useEffect(() => {
-    setCurrentTime(timer.getElapsedTime());
-    if (timer.isActive) {
-      const timerInterval = setInterval(() => {
-        setCurrentTime(timer.getElapsedTime());
-      }, 1000);
-      return () => clearInterval(timerInterval);
-    }
-  }, [timer]);
-
-  useImperativeHandle(
-    ref,
-    () =>
-      ({
-        editTimer: () => {
-          setEditMode(true);
-        },
-      }) satisfies TimerRef,
-    []
-  );
-
-  const [confirmResetModal, setConfirmResetModal] = useState(false);
-
-  return (
-    <>
-      <div {...props} role="listitem" data-type="timer" className={clsxm("flex items-center gap-x-3", props.className)}>
-        {displayNameField && (
-          <input
-            type="text"
-            className="placeholder:text-muted-foreground min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic focus:outline-hidden dark:text-gray-200"
-            value={timer.name}
-            placeholder={formatMessage({ id: "timer.unnamed-timer" })}
-            tabIndex={-1}
-            onKeyDown={(e) => {
-              e.stopPropagation();
-            }}
-            onChange={(e) => timer.setName(e.target.value)}
-          />
-        )}
-
-        {(editMode && (
-          <EditTimer
-            initTime={currenTime}
-            onOverrideTime={(time) => {
-              setEditMode(false);
-              timer.setElapsedTime(time);
-            }}
-            onCancel={() => setEditMode(false)}
-          />
-        )) || (
-          <HelpTooltip message={formatMessage({ id: "issues.timer.action.edit.tooltip" })}>
-            <span className={clsx("-my-1 text-lg", currenTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")} onDoubleClick={() => setEditMode(true)}>
-              {formatTimer(currenTime)}
-            </span>
-          </HelpTooltip>
-        )}
-
-        {!timer.isActive ? (
-          <HelpTooltip message={formatMessage({ id: "issues.timer.action.start.tooltip" })}>
-            <TimerIcon role="button" data-type="start-timer" className="size-6 cursor-pointer text-green-500 focus:outline-hidden" onClick={timer.startTimer} tabIndex={-1} />
-          </HelpTooltip>
-        ) : (
-          <HelpTooltip message={formatMessage({ id: "issues.timer.action.pause.tooltip" })}>
-            <TimerOffIcon role="button" data-type="pause-timer" className="size-6 cursor-pointer text-red-500 focus:outline-hidden" onClick={timer.pauseTimer} tabIndex={-1} />
-          </HelpTooltip>
-        )}
-
-        <HelpTooltip message={formatMessage({ id: "issues.timer.action.reset.tooltip" })}>
-          <TimerResetIcon role="button" data-type="reset-timer" className="size-6 cursor-pointer text-red-500 focus:outline-hidden" onClick={() => setConfirmResetModal(true)} tabIndex={-1} />
-        </HelpTooltip>
-
-        <HelpTooltip message={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })}>
-          <BadgeCheckIcon
-            role="button"
-            data-type="done-timer"
-            className="size-6 cursor-pointer text-green-600 focus:outline-hidden"
-            onClick={() => {
-              const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currenTime, settings.features.roundingInterval) : currenTime;
-              const hours = Number((time / 1000 / 60 / 60).toFixed(2));
-              onTimerDone(hours);
-            }}
-            tabIndex={-1}
-          />
-        </HelpTooltip>
-      </div>
-
-      {confirmResetModal && (
-        <AlertDialog open onOpenChange={() => setConfirmResetModal(false)}>
-          <AlertDialogContent>
-            <AlertDialogHeader>
-              <AlertDialogTitle>{formatMessage({ id: "issues.modal.reset-timer.title" })}</AlertDialogTitle>
-              <AlertDialogDescription>{formatMessage({ id: "issues.modal.reset-timer.message" })}</AlertDialogDescription>
-            </AlertDialogHeader>
-            <AlertDialogFooter>
-              <AlertDialogCancel>{formatMessage({ id: "issues.modal.reset-timer.cancel" })}</AlertDialogCancel>
-              <AlertDialogAction onClick={() => timer.resetTimer()}>{formatMessage({ id: "issues.modal.reset-timer.reset" })}</AlertDialogAction>
-            </AlertDialogFooter>
-          </AlertDialogContent>
-        </AlertDialog>
-      )}
-    </>
-  );
-};
-
-export default TimerWrapper;
diff --git a/src/components/timer/TimerContextMenu.tsx b/src/components/timer/timer/TimerContextMenu.tsx
similarity index 76%
rename from src/components/timer/TimerContextMenu.tsx
rename to src/components/timer/timer/TimerContextMenu.tsx
index c2204be..e6c278d 100644
--- a/src/components/timer/TimerContextMenu.tsx
+++ b/src/components/timer/timer/TimerContextMenu.tsx
@@ -1,17 +1,12 @@
 import { PencilIcon, TimerIcon, TimerOffIcon, TimerResetIcon, TrashIcon } from "lucide-react";
-import { ReactNode } from "react";
+import { PropsWithChildren } from "react";
 import { useIntl } from "react-intl";
-import { TimerController } from "../../hooks/useTimers";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../ui/context-menu";
+import { useTimerContext } from "./TimerRoot";
 
-type PropTypes = {
-  timer: TimerController;
-  children: ReactNode;
-  onEdit: () => void;
-};
-
-const TimerContextMenu = ({ timer, children, onEdit }: PropTypes) => {
+export const TimerContextMenu = ({ children }: PropsWithChildren) => {
   const { formatMessage } = useIntl();
+  const { timer, setIsEditing } = useTimerContext();
 
   return (
     <ContextMenu>
@@ -21,7 +16,7 @@ const TimerContextMenu = ({ timer, children, onEdit }: PropTypes) => {
           {timer.isActive ? <TimerOffIcon /> : <TimerIcon />}
           {formatMessage({ id: timer.isActive ? "timer.context-menu.pause" : "timer.context-menu.start" })}
         </ContextMenuItem>
-        <ContextMenuItem onClick={onEdit}>
+        <ContextMenuItem onClick={() => setIsEditing(true)}>
           <PencilIcon />
           {formatMessage({ id: "timer.context-menu.edit" })}
         </ContextMenuItem>
@@ -37,5 +32,3 @@ const TimerContextMenu = ({ timer, children, onEdit }: PropTypes) => {
     </ContextMenu>
   );
 };
-
-export default TimerContextMenu;
diff --git a/src/components/timer/EditTimer.tsx b/src/components/timer/timer/TimerCounter.tsx
similarity index 67%
rename from src/components/timer/EditTimer.tsx
rename to src/components/timer/timer/TimerCounter.tsx
index 04a480c..01d4b10 100644
--- a/src/components/timer/EditTimer.tsx
+++ b/src/components/timer/timer/TimerCounter.tsx
@@ -1,26 +1,52 @@
+import HelpTooltip from "@/components/general/HelpTooltip";
+import { formatTimer } from "@/utils/date";
 import clsx from "clsx";
 import { FocusEvent, useState } from "react";
 import { useIntl } from "react-intl";
-import useHotKey from "../../hooks/useHotkey";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../ui/alert-dialog";
-import { Input } from "../ui/input";
+import useHotKey from "../../../hooks/useHotkey";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog";
+import { Input } from "../../ui/input";
+import { useTimerContext } from "./TimerRoot";
 
-type PropTypes = {
-  initTime: number;
-  onOverrideTime: (time: number) => void;
-  onCancel: () => void;
+export const TimerCounter = () => {
+  const { formatMessage } = useIntl();
+
+  const { timer, currentTime, isEditing, setIsEditing } = useTimerContext();
+
+  if (isEditing) {
+    return <EditTimer />;
+  }
+
+  return (
+    <HelpTooltip message={formatMessage({ id: "issues.timer.action.edit.tooltip" })}>
+      <span
+        className={clsx("-my-1 max-w-30 shrink-0 truncate text-lg", currentTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", timer.isActive && "font-bold")}
+        onDoubleClick={() => setIsEditing(true)}
+      >
+        {formatTimer(currentTime)}
+      </span>
+    </HelpTooltip>
+  );
 };
 
-const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: PropTypes) => {
+export const EditTimer = () => {
   const { formatMessage } = useIntl();
 
-  const [h, setH] = useState(Math.floor(initTime / 1000 / 60 / 60).toString());
-  const [m, setM] = useState(to2Digit(Math.floor((initTime / 1000 / 60) % 60)));
-  const [s, setS] = useState(to2Digit(Math.floor((initTime / 1000) % 60)));
+  const { timer, currentTime, setIsEditing } = useTimerContext();
+
+  const [h, setH] = useState(Math.floor(currentTime / 1000 / 60 / 60).toString());
+  const [m, setM] = useState(to2Digit(Math.floor((currentTime / 1000 / 60) % 60)));
+  const [s, setS] = useState(to2Digit(Math.floor((currentTime / 1000) % 60)));
   const updatedTime = (Number(h) * 60 * 60 + Number(m) * 60 + Number(s)) * 1000;
 
+  const onOverrideTime = () => {
+    setIsEditing(false);
+    timer.setElapsedTime(updatedTime);
+  };
+
   const [confirmCancelModal, setConfirmCancelModal] = useState(false);
   const onCancel = () => setConfirmCancelModal(true);
+  const onConfirmCancel = () => setIsEditing(false);
 
   useHotKey({ key: "Escape" }, onConfirmCancel);
 
@@ -31,7 +57,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           type="number"
           value={h}
           min={0}
-          className={clsx("h-8 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", {
+          className={clsx("h-8 appearance-none p-0 text-center", currentTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500", {
             "w-4": h.length === 1,
             "w-6": h.length === 2,
             "w-8": h.length >= 3,
@@ -42,15 +68,15 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           autoFocus
           onFocus={(e) => e.target.select()}
           onChange={(e) => {
-            const { value, min, max } = e.target;
-            setH(Math.max(Number(min), Math.min(Number(max), Number(value))).toString());
+            const { value, min } = e.target;
+            setH(Math.max(Number(min), Number(value)).toString());
           }}
           /**
            * On "Enter" => override time
            */
           onKeyDown={(e) => {
             if (e.key === "Enter") {
-              onOverrideTime(updatedTime);
+              onOverrideTime();
               e.preventDefault();
               e.stopPropagation();
             }
@@ -68,7 +94,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           value={m}
           min={0}
           max={59}
-          className={clsx("h-8 w-6 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
+          className={clsx("h-8 w-6 appearance-none p-0 text-center", currentTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
           onChange={(e) => {
             const { value, min, max } = e.target;
             setM(to2Digit(Math.max(Number(min), Math.min(Number(max), Number(value)))));
@@ -78,7 +104,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
            */
           onKeyDown={(e) => {
             if (e.key === "Enter") {
-              onOverrideTime(updatedTime);
+              onOverrideTime();
               e.preventDefault();
               e.stopPropagation();
             }
@@ -96,7 +122,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           value={s}
           min={0}
           max={59}
-          className={clsx("h-8 w-6 appearance-none p-0 text-center", initTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
+          className={clsx("h-8 w-6 appearance-none p-0 text-center", currentTime > 0 ? "text-yellow-500" : "text-gray-700 dark:text-gray-500")}
           onChange={(e) => {
             const { value, min, max } = e.target;
             setS(to2Digit(Math.max(Number(min), Math.min(Number(max), Number(value)))));
@@ -106,7 +132,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
            */
           onKeyDown={(e) => {
             if (e.key === "Enter") {
-              onOverrideTime(updatedTime);
+              onOverrideTime();
               e.preventDefault();
               e.stopPropagation();
             }
@@ -119,6 +145,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
           }}
         />
       </div>
+
       {confirmCancelModal && (
         <AlertDialog open onOpenChange={onConfirmCancel}>
           <AlertDialogContent>
@@ -128,7 +155,7 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
             </AlertDialogHeader>
             <AlertDialogFooter>
               <AlertDialogCancel>{formatMessage({ id: "issues.modal.save-changes.cancel" })}</AlertDialogCancel>
-              <AlertDialogAction onClick={() => onOverrideTime(updatedTime)}>{formatMessage({ id: "issues.modal.save-changes.save" })}</AlertDialogAction>
+              <AlertDialogAction onClick={() => onOverrideTime()}>{formatMessage({ id: "issues.modal.save-changes.save" })}</AlertDialogAction>
             </AlertDialogFooter>
           </AlertDialogContent>
         </AlertDialog>
@@ -140,5 +167,3 @@ const EditTimer = ({ initTime, onOverrideTime, onCancel: onConfirmCancel }: Prop
 const to2Digit = (val: number) => {
   return `${val < 10 ? "0" : ""}${val}`;
 };
-
-export default EditTimer;
diff --git a/src/components/timer/timer/TimerDoneButton.tsx b/src/components/timer/timer/TimerDoneButton.tsx
new file mode 100644
index 0000000..fb98d44
--- /dev/null
+++ b/src/components/timer/timer/TimerDoneButton.tsx
@@ -0,0 +1,54 @@
+import HelpTooltip from "@/components/general/HelpTooltip";
+import CreateTimeEntryModal from "@/components/time-entry/CreateTimeEntryModal";
+import { useSettings } from "@/provider/SettingsProvider";
+import { roundTimeNearestInterval } from "@/utils/date";
+import { BadgeCheckIcon } from "lucide-react";
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { useTimerContext } from "./TimerRoot";
+
+export const TimerDoneButton = ({ canLogTime }: { canLogTime: boolean }) => {
+  const { formatMessage } = useIntl();
+  const { settings } = useSettings();
+
+  const { timer, issue, currentTime } = useTimerContext();
+
+  const isDisabled = !canLogTime || !issue;
+  const [createTimeEntryHours, setCreateTimeEntryHours] = useState<number | undefined>(undefined);
+
+  return (
+    <>
+      <HelpTooltip message={formatMessage({ id: "issues.timer.action.add-spent-time.tooltip" })}>
+        <BadgeCheckIcon
+          role="button"
+          data-type="done-timer"
+          className="size-6 shrink-0 cursor-pointer text-green-600 focus:outline-hidden data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50"
+          data-disabled={isDisabled}
+          onClick={() => {
+            if (isDisabled) return;
+            const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currentTime, settings.features.roundingInterval) : currentTime;
+            const hours = Number((time / 1000 / 60 / 60).toFixed(2));
+            setCreateTimeEntryHours(hours);
+          }}
+          tabIndex={-1}
+        />
+      </HelpTooltip>
+
+      {createTimeEntryHours !== undefined && issue && (
+        <CreateTimeEntryModal
+          issue={issue}
+          initialValues={{
+            done_ratio: issue.done_ratio,
+            hours: createTimeEntryHours,
+            comments: timer.name,
+          }}
+          onClose={() => setCreateTimeEntryHours(undefined)}
+          onSuccess={() => {
+            setCreateTimeEntryHours(undefined);
+            timer.deleteTimer();
+          }}
+        />
+      )}
+    </>
+  );
+};
diff --git a/src/components/timer/timer/TimerNameField.tsx b/src/components/timer/timer/TimerNameField.tsx
new file mode 100644
index 0000000..a39435f
--- /dev/null
+++ b/src/components/timer/timer/TimerNameField.tsx
@@ -0,0 +1,21 @@
+import { useIntl } from "react-intl";
+import { useTimerContext } from "./TimerRoot";
+
+export const TimerNameField = () => {
+  const { formatMessage } = useIntl();
+  const { timer } = useTimerContext();
+
+  return (
+    <input
+      type="text"
+      className="placeholder:text-muted-foreground min-w-0 grow truncate bg-transparent text-gray-600 placeholder:italic focus:outline-hidden dark:text-gray-200"
+      value={timer.name}
+      placeholder={formatMessage({ id: "timer.unnamed-timer" })}
+      tabIndex={-1}
+      onKeyDown={(e) => {
+        e.stopPropagation();
+      }}
+      onChange={(e) => timer.setName(e.target.value)}
+    />
+  );
+};
diff --git a/src/components/timer/timer/TimerResetButton.tsx b/src/components/timer/timer/TimerResetButton.tsx
new file mode 100644
index 0000000..2c6cabb
--- /dev/null
+++ b/src/components/timer/timer/TimerResetButton.tsx
@@ -0,0 +1,37 @@
+import HelpTooltip from "@/components/general/HelpTooltip";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
+import { TimerResetIcon } from "lucide-react";
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { useTimerContext } from "./TimerRoot";
+
+export const TimerResetButton = () => {
+  const { formatMessage } = useIntl();
+
+  const { timer } = useTimerContext();
+
+  const [confirmResetModal, setConfirmResetModal] = useState(false);
+
+  return (
+    <>
+      <HelpTooltip message={formatMessage({ id: "issues.timer.action.reset.tooltip" })}>
+        <TimerResetIcon role="button" data-type="reset-timer" className="size-6 shrink-0 cursor-pointer text-red-500 focus:outline-hidden" onClick={() => setConfirmResetModal(true)} tabIndex={-1} />
+      </HelpTooltip>
+
+      {confirmResetModal && (
+        <AlertDialog open onOpenChange={() => setConfirmResetModal(false)}>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>{formatMessage({ id: "issues.modal.reset-timer.title" })}</AlertDialogTitle>
+              <AlertDialogDescription>{formatMessage({ id: "issues.modal.reset-timer.message" })}</AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogFooter>
+              <AlertDialogCancel>{formatMessage({ id: "issues.modal.reset-timer.cancel" })}</AlertDialogCancel>
+              <AlertDialogAction onClick={() => timer.resetTimer()}>{formatMessage({ id: "issues.modal.reset-timer.reset" })}</AlertDialogAction>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialog>
+      )}
+    </>
+  );
+};
diff --git a/src/components/timer/timer/TimerRoot.tsx b/src/components/timer/timer/TimerRoot.tsx
new file mode 100644
index 0000000..8d20016
--- /dev/null
+++ b/src/components/timer/timer/TimerRoot.tsx
@@ -0,0 +1,59 @@
+import { TIssue } from "@/api/redmine/types";
+import { TimerController } from "@/hooks/useTimers";
+import { createContext, PropsWithChildren, use, useEffect, useState } from "react";
+
+type TimerContextType = {
+  timer: TimerController;
+  issue?: TIssue;
+  currentTime: number;
+  isEditing: boolean;
+  setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+const TimerContext = createContext<TimerContextType | undefined>(undefined);
+
+type TimerRootProps = PropsWithChildren & Pick<TimerContextType, "timer" | "issue">;
+
+export const TimerRoot = ({ timer, issue, children }: TimerRootProps) => {
+  const [currentTime, setCurrentTime] = useState(timer.getElapsedTime());
+  useEffect(() => {
+    const timeout = setTimeout(() => setCurrentTime(timer.getElapsedTime()), 0);
+    if (timer.isActive) {
+      const timerInterval = setInterval(() => {
+        setCurrentTime(timer.getElapsedTime());
+      }, 1000);
+      return () => {
+        clearTimeout(timeout);
+        clearInterval(timerInterval);
+      };
+    } else {
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [timer]);
+
+  const [isEditing, setIsEditing] = useState(false);
+
+  return (
+    <TimerContext
+      value={{
+        timer,
+        issue,
+        currentTime,
+        isEditing,
+        setIsEditing,
+      }}
+    >
+      {children}
+    </TimerContext>
+  );
+};
+
+export const useTimerContext = () => {
+  const context = use(TimerContext);
+  if (!context) {
+    throw new Error("useTimerContext must be used within a Timer.Root component");
+  }
+  return context;
+};
diff --git a/src/components/timer/timer/TimerToggleButton.tsx b/src/components/timer/timer/TimerToggleButton.tsx
new file mode 100644
index 0000000..8a2f1d2
--- /dev/null
+++ b/src/components/timer/timer/TimerToggleButton.tsx
@@ -0,0 +1,24 @@
+import HelpTooltip from "@/components/general/HelpTooltip";
+import { TimerIcon, TimerOffIcon } from "lucide-react";
+import { useIntl } from "react-intl";
+import { useTimerContext } from "./TimerRoot";
+
+export const TimerToggleButton = () => {
+  const { formatMessage } = useIntl();
+
+  const { timer } = useTimerContext();
+
+  if (!timer.isActive) {
+    return (
+      <HelpTooltip message={formatMessage({ id: "issues.timer.action.start.tooltip" })}>
+        <TimerIcon role="button" data-type="start-timer" className="size-6 shrink-0 cursor-pointer text-green-500 focus:outline-hidden" onClick={timer.startTimer} tabIndex={-1} />
+      </HelpTooltip>
+    );
+  } else {
+    return (
+      <HelpTooltip message={formatMessage({ id: "issues.timer.action.pause.tooltip" })}>
+        <TimerOffIcon role="button" data-type="pause-timer" className="size-6 shrink-0 cursor-pointer text-red-500 focus:outline-hidden" onClick={timer.pauseTimer} tabIndex={-1} />
+      </HelpTooltip>
+    );
+  }
+};
diff --git a/src/components/timer/timer/TimerWrapper.tsx b/src/components/timer/timer/TimerWrapper.tsx
new file mode 100644
index 0000000..58c771e
--- /dev/null
+++ b/src/components/timer/timer/TimerWrapper.tsx
@@ -0,0 +1,19 @@
+import { ToggleableCard } from "@/components/general/ToggleableCard";
+import { clsxm } from "@/utils/clsxm";
+import clsx from "clsx";
+import { ComponentProps } from "react";
+import { useTimerContext } from "./TimerRoot";
+
+export const TimerWrapper = ({ className, children, ...props }: ComponentProps<"div">) => {
+  return (
+    <div {...props} role="listitem" data-type="timer" className={clsxm("flex items-center gap-x-3", className)}>
+      {children}
+    </div>
+  );
+};
+
+export const TimerWrapperCard = ({ className, ...props }: ComponentProps<typeof TimerWrapper>) => {
+  const { timer } = useTimerContext();
+
+  return <ToggleableCard as={TimerWrapper} {...props} className={clsx("px-1.5", className)} onToggle={() => timer.toggleTimer()} />;
+};
diff --git a/src/components/timer/timer/index.ts b/src/components/timer/timer/index.ts
new file mode 100644
index 0000000..029f0d1
--- /dev/null
+++ b/src/components/timer/timer/index.ts
@@ -0,0 +1,22 @@
+import { TimerContextMenu } from "./TimerContextMenu";
+import { TimerCounter } from "./TimerCounter";
+import { TimerDoneButton } from "./TimerDoneButton";
+import { TimerNameField } from "./TimerNameField";
+import { TimerResetButton } from "./TimerResetButton";
+import { TimerRoot } from "./TimerRoot";
+import { TimerToggleButton } from "./TimerToggleButton";
+import { TimerWrapper, TimerWrapperCard } from "./TimerWrapper";
+
+const Timer = {
+  Root: TimerRoot,
+  ContextMenu: TimerContextMenu,
+  Wrapper: TimerWrapper,
+  WrapperCard: TimerWrapperCard,
+  NameField: TimerNameField,
+  Counter: TimerCounter,
+  ToggleButton: TimerToggleButton,
+  ResetButton: TimerResetButton,
+  DoneButton: TimerDoneButton,
+};
+
+export default Timer;
diff --git a/src/entrypoints/content.tsx b/src/entrypoints/content.tsx
index 4ab893f..e095083 100644
--- a/src/entrypoints/content.tsx
+++ b/src/entrypoints/content.tsx
@@ -1,5 +1,5 @@
 import { createShadowRootUi, defineContentScript } from "#imports";
-import CurrentIssueTimerWrapper from "@/components/timer/CurrentIssueTimer";
+import { CurrentIssueTimer } from "@/components/timer/CurrentIssueTimer";
 import Providers from "@/provider/Providers";
 import React from "react";
 import ReactDOM from "react-dom/client";
@@ -29,7 +29,7 @@ export default defineContentScript({
         root.render(
           <React.StrictMode>
             <Providers>
-              <CurrentIssueTimerWrapper />
+              <CurrentIssueTimer />
             </Providers>
           </React.StrictMode>
         );
diff --git a/src/hooks/useMyProjectRoles.ts b/src/hooks/useMyProjectRoles.ts
index b754d0e..a59ff37 100644
--- a/src/hooks/useMyProjectRoles.ts
+++ b/src/hooks/useMyProjectRoles.ts
@@ -1,10 +1,12 @@
 import { useMemo } from "react";
-import { TProject, TReference, TRole } from "../api/redmine/types";
+import { TReference, TRole } from "../api/redmine/types";
+import useMyProjects from "./useMyProjects";
 import useMyUser from "./useMyUser";
 import useRoles from "./useRoles";
 
-const useMyProjectRoles = (projectIds: number[], projects?: TProject[]) => {
+const useMyProjectRoles = (projectIds: number[]) => {
   const myUser = useMyUser();
+  const projects = useMyProjects();
 
   const projectMembershipRoles = useMemo(
     () =>
@@ -44,7 +46,8 @@ const useMyProjectRoles = (projectIds: number[], projects?: TProject[]) => {
     hasProjectPermission: (projectId: number, permission: TRole["permissions"][number]) =>
       // First check if user is admin, then check if user has the permission in the project roles or if the project is public and the non member role has the permission
       myUser.data?.admin ||
-      (myProjectRoles[projectId] ?? (projects?.find((p) => p.id === projectId)?.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)),
+      (myProjectRoles[projectId] ?? (projects.data?.find((p) => p.id === projectId)?.is_public && nonMemberRole ? [nonMemberRole] : undefined))?.some((r) => r.permissions.includes(permission)) ||
+      false,
   };
 };
 
diff --git a/src/routes/timers.tsx b/src/routes/timers.tsx
index 67eec00..804f230 100644
--- a/src/routes/timers.tsx
+++ b/src/routes/timers.tsx
@@ -1,8 +1,11 @@
 import { TReference } from "@/api/redmine/types";
-import Timer from "@/components/timer/Timer";
+import { ToggleableCard } from "@/components/general/ToggleableCard";
+import IssueTitle from "@/components/issue/IssueTitle";
+import Timer from "@/components/timer/timer";
 import TimerSearch, { useTimerSearch } from "@/components/timer/TimerSearch";
 import { useIssuePriorities } from "@/hooks/useIssuePriorities";
 import { useSuspenseIssues } from "@/hooks/useIssues";
+import useMyProjectRoles from "@/hooks/useMyProjectRoles";
 import { groupTimers, TimersGroup } from "@/utils/groupTimers";
 import { createFileRoute } from "@tanstack/react-router";
 import clsx from "clsx";
@@ -34,6 +37,9 @@ const TimersPage = () => {
   const issues = useSuspenseIssues(timers.getIssuesIds());
   const issuePriorities = useIssuePriorities({ enabled: settings.style.showIssuesPriority });
 
+  const projectIds = useMemo(() => [...new Set(issues.data.map((i) => i.project.id))], [issues.data]);
+  const projectRoles = useMyProjectRoles(projectIds);
+
   const search = useTimerSearch();
   const matchedTimers = timers.searchTimers(search, issues.data);
 
@@ -49,7 +55,20 @@ const TimersPage = () => {
             <TimerProject type={type} project={project} />
 
             {items.map(({ timer, issue }) => (
-              <Timer key={timer.id} timer={timer} issue={issue} issuePriorityType={issue ? issuePriorities.getPriorityType(issue) : undefined} variant="full" />
+              <Timer.Root key={timer.id} timer={timer} issue={issue}>
+                <Timer.ContextMenu>
+                  <ToggleableCard role="listitem" data-type="timer" className="flex flex-col gap-1" onToggle={() => timer.toggleTimer()}>
+                    {issue ? <IssueTitle issue={issue} priorityType={issuePriorities.getPriorityType(issue)} /> : <h1 className="truncate text-gray-500 line-through">#{timer.issueId}</h1>}
+                    <Timer.Wrapper>
+                      <Timer.NameField />
+                      <Timer.Counter />
+                      <Timer.ToggleButton />
+                      <Timer.ResetButton />
+                      <Timer.DoneButton canLogTime={issue ? projectRoles.hasProjectPermission(issue.project.id, "log_time") : false} />
+                    </Timer.Wrapper>
+                  </ToggleableCard>
+                </Timer.ContextMenu>
+              </Timer.Root>
             ))}
           </Fragment>
         ))}

From 946c4b634fdb7d842b1e5b33031f338caae34ec4 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 7 Jan 2026 18:04:44 +0100
Subject: [PATCH 25/55] fix: Fix default time entry activity selection

---
 src/components/issue/form/fields/ActivityField.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/issue/form/fields/ActivityField.tsx b/src/components/issue/form/fields/ActivityField.tsx
index b63c251..3a72651 100644
--- a/src/components/issue/form/fields/ActivityField.tsx
+++ b/src/components/issue/form/fields/ActivityField.tsx
@@ -1,5 +1,5 @@
 import { ComboboxField } from "@/components/form/ComboboxField";
-import { ComponentProps, useEffect } from "react";
+import { ComponentProps, useEffect, useEffectEvent } from "react";
 import { useIntl } from "react-intl";
 import useTimeEntryActivities from "../../../../hooks/useTimeEntryActivities";
 
@@ -13,11 +13,11 @@ const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Omit<Co
 
   const timeEntryActivities = useTimeEntryActivities(projectId);
 
+  const handleDefaultActivityChange = useEffectEvent((activityId: number) => onDefaultActivityChange?.(activityId));
   useEffect(() => {
-    if (!timeEntryActivities.defaultActivity) return;
-
-    onDefaultActivityChange?.(timeEntryActivities.defaultActivity.id);
-  }, [timeEntryActivities.defaultActivity, onDefaultActivityChange]);
+    if (!timeEntryActivities.defaultActivity?.id) return;
+    handleDefaultActivityChange(timeEntryActivities.defaultActivity.id);
+  }, [timeEntryActivities.defaultActivity]);
 
   return (
     <ComboboxField

From 37a0ebf72b6e1701d26db0129385232a771e9d26 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 7 Jan 2026 18:09:46 +0100
Subject: [PATCH 26/55] docs(license): Update license text for consistency

---
 LICENSE | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/LICENSE b/LICENSE
index 163da93..307bc66 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,7 +1,21 @@
-Copyright 2023 CrawlerCode
+MIT License
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+Copyright (c) 2023 CrawlerCode
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

From a24527525f93f831bf106743f6570dfe9ab58381 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Wed, 7 Jan 2026 18:27:44 +0100
Subject: [PATCH 27/55] fix: Fix eslint errors

---
 src/components/form/HoursField.tsx          |  7 +++----
 src/components/issue/IssuesListSkeleton.tsx |  2 ++
 src/hooks/useRedmineUrl.ts                  | 14 ++++++--------
 src/provider/SettingsProvider.tsx           | 13 +++++++++----
 4 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/components/form/HoursField.tsx b/src/components/form/HoursField.tsx
index a02f59e..1e4df13 100644
--- a/src/components/form/HoursField.tsx
+++ b/src/components/form/HoursField.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, useEffect, useId, useState } from "react";
+import { ComponentProps, useEffect, useEffectEvent, useId, useState } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
 import { useSettings } from "../../provider/SettingsProvider";
 import { Field, FieldError, FieldLabel } from "../ui/field";
@@ -49,9 +49,8 @@ export const HoursField = ({ title, required, className, ...props }: Omit<Compon
 const TimeInput = ({ value, onChange, onBlur, ...props }: ComponentProps<typeof Input>) => {
   const [raw, setRaw] = useState("");
 
-  useEffect(() => {
-    setRaw(typeof value === "string" ? value : "");
-  }, [value]);
+  const updateRaw = useEffectEvent(setRaw);
+  useEffect(() => updateRaw(typeof value === "string" ? value : ""), [value]);
 
   return (
     <Input
diff --git a/src/components/issue/IssuesListSkeleton.tsx b/src/components/issue/IssuesListSkeleton.tsx
index db6499e..83dd556 100644
--- a/src/components/issue/IssuesListSkeleton.tsx
+++ b/src/components/issue/IssuesListSkeleton.tsx
@@ -5,8 +5,10 @@ import { Skeleton } from "../ui/skeleton";
 const IssuesListSkeleton = () => {
   const groups = useMemo(
     () =>
+      // eslint-disable-next-line react-hooks/purity
       [...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => ({
         key: i,
+        // eslint-disable-next-line react-hooks/purity
         groups: [...Array(Math.floor(Math.random() * 5 + 1)).keys()],
       })),
     []
diff --git a/src/hooks/useRedmineUrl.ts b/src/hooks/useRedmineUrl.ts
index 8da5964..0fea4c5 100644
--- a/src/hooks/useRedmineUrl.ts
+++ b/src/hooks/useRedmineUrl.ts
@@ -1,9 +1,10 @@
-import { useEffect, useState } from "react";
+import { useMemo } from "react";
 import { useSettings } from "../provider/SettingsProvider";
 
 function useRedmineUrl() {
   const { settings } = useSettings();
-  const [currentUrl, setCurrentUrl] = useState<
+
+  const currentUrl = useMemo<
     | {
         url: string;
         data?: {
@@ -12,16 +13,13 @@ function useRedmineUrl() {
         };
       }
     | undefined
-  >();
-
-  useEffect(() => {
+  >(() => {
     const [_, issueId] = window.location.href.match(new RegExp(`^${settings.redmineURL}/issues/(\\d+)(\\?.*)?(#.*)?$`)) || [];
 
     if (issueId) {
-      setCurrentUrl({ url: window.location.href, data: { type: "issue", id: Number(issueId) } });
-    } else {
-      setCurrentUrl(undefined);
+      return { url: window.location.href, data: { type: "issue", id: Number(issueId) } };
     }
+    return undefined;
   }, [settings.redmineURL]);
 
   return currentUrl;
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index f83d469..46274d9 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -69,10 +69,15 @@ export const SettingsProvider = ({ children }: { children: ReactNode }) => {
 
   // Migrate old settings TODO: Remove in future
   if (data?.features?.roundTimeNearestQuarterHour === true) {
-    data.features.roundTimeNearestQuarterHour = undefined;
-    data.features.roundToNearestInterval = true;
-    data.features.roundingInterval = 15;
-    setData(data);
+    setData({
+      ...data,
+      features: {
+        ...data.features,
+        roundTimeNearestQuarterHour: undefined,
+        roundToNearestInterval: true,
+        roundingInterval: 15,
+      },
+    });
   }
 
   return (

From bff5fcfc26e6d09432346d582b6327bac8c6d2ef Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 10 Jan 2026 21:21:12 +0100
Subject: [PATCH 28/55] fix: Save persistent comments per timer instead of
 issue

---
 .../time-entry/CreateTimeEntryModal.tsx       | 24 ++++++------
 .../timer/timer/TimerDoneButton.tsx           |  1 +
 src/hooks/useCachedComments.ts                | 39 -------------------
 src/hooks/usePersistentComments.ts            | 38 ++++++++++++++++++
 src/lang/de.json                              |  4 +-
 src/lang/en.json                              |  4 +-
 src/lang/fr.json                              |  4 +-
 src/lang/ru.json                              |  4 +-
 src/provider/SettingsProvider.tsx             | 16 +++++++-
 src/routes/settings.tsx                       |  9 +++--
 10 files changed, 79 insertions(+), 64 deletions(-)
 delete mode 100644 src/hooks/useCachedComments.ts
 create mode 100644 src/hooks/usePersistentComments.ts

diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index df43a81..3ec3eea 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -1,11 +1,12 @@
 /* eslint-disable react/no-children-prop */
+import { usePersistentComments } from "@/hooks/usePersistentComments";
+import { TimerController } from "@/hooks/useTimers";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { startOfDay } from "date-fns";
 import { useIntl } from "react-intl";
 import z from "zod/v4";
 import { TCreateTimeEntry, TIssue, TUpdateIssue } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
-import useCachedComments from "../../hooks/useCachedComments";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
 import useMyUser from "../../hooks/useMyUser";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
@@ -20,8 +21,9 @@ import UserField from "./form/fields/UserField";
 import TimeEntryPreview from "./TimeEntryPreview";
 
 type PropTypes = {
+  timer: TimerController;
   issue: TIssue;
-  initialValues?: Partial<TCreateTimeEntryForm>;
+  initialValues: Partial<TCreateTimeEntryForm>;
   onClose: () => void;
   onSuccess: () => void;
 };
@@ -44,7 +46,7 @@ const createTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnTyp
 
 type TCreateTimeEntryForm = z.infer<ReturnType<typeof createTimeEntryFormSchema>>;
 
-const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: PropTypes) => {
+const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess }: PropTypes) => {
   const { formatMessage } = useIntl();
   const { settings } = useSettings();
   const redmineApi = useRedmineApi();
@@ -120,9 +122,8 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
       }
 
       if (!createTimeEntryMutation.isError) {
-        // if has cached comment => remove it
-        if (cachedComments.isEnabled && cachedComments.isCached) {
-          cachedComments.removeComment();
+        if (persistentComments.isEnabled && persistentComments.isPersisted) {
+          persistentComments.removeComment();
         }
 
         onSuccess();
@@ -130,9 +131,9 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
     },
   });
 
-  const cachedComments = useCachedComments({
-    identifier: issue.id,
-    enabled: settings.features.cacheComments,
+  const persistentComments = usePersistentComments({
+    identifier: timer.id,
+    enabled: settings.features.persistentComments,
     onLoad: (comment) => {
       form.setFieldValue("comments", comment);
     },
@@ -143,10 +144,9 @@ const CreateTimeEntryModal = ({ issue, initialValues, onClose, onSuccess }: Prop
       <Dialog
         open
         onOpenChange={() => {
-          // if comment exist => save/update comment
           const comment = form.state.values.comments;
-          if (cachedComments.isEnabled && (comment || cachedComments.isCached)) {
-            cachedComments.saveComment(comment);
+          if (persistentComments.isEnabled && ((comment && comment != initialValues.comments) || persistentComments.isPersisted)) {
+            persistentComments.saveComment(comment);
           }
 
           onClose();
diff --git a/src/components/timer/timer/TimerDoneButton.tsx b/src/components/timer/timer/TimerDoneButton.tsx
index fb98d44..9763aff 100644
--- a/src/components/timer/timer/TimerDoneButton.tsx
+++ b/src/components/timer/timer/TimerDoneButton.tsx
@@ -36,6 +36,7 @@ export const TimerDoneButton = ({ canLogTime }: { canLogTime: boolean }) => {
 
       {createTimeEntryHours !== undefined && issue && (
         <CreateTimeEntryModal
+          timer={timer}
           issue={issue}
           initialValues={{
             done_ratio: issue.done_ratio,
diff --git a/src/hooks/useCachedComments.ts b/src/hooks/useCachedComments.ts
deleted file mode 100644
index 74106cd..0000000
--- a/src/hooks/useCachedComments.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { useEffect } from "react";
-import { useStorage } from "./useStorage";
-
-const _defaultCachedComments = {};
-
-type Options = {
-  identifier: number;
-  enabled?: boolean;
-  onLoad: (comment: string) => void;
-};
-
-const useCachedComments = ({ identifier, enabled = true, onLoad }: Options) => {
-  const cachedComments = useStorage<Record<string, string | undefined>>("cachedComments", _defaultCachedComments);
-
-  useEffect(() => {
-    if (!enabled) return;
-    const comment = cachedComments.data[identifier];
-    if (comment) {
-      onLoad(comment);
-    }
-  }, [enabled, identifier, onLoad, cachedComments.data]);
-
-  return {
-    isEnabled: enabled,
-    isCached: !!cachedComments.data[identifier],
-    saveComment: (comment?: string) =>
-      cachedComments.setData({
-        ...cachedComments.data,
-        [identifier]: comment ? comment : undefined,
-      }),
-    removeComment: () =>
-      cachedComments.setData({
-        ...cachedComments.data,
-        [identifier]: undefined,
-      }),
-  };
-};
-
-export default useCachedComments;
diff --git a/src/hooks/usePersistentComments.ts b/src/hooks/usePersistentComments.ts
new file mode 100644
index 0000000..e3def92
--- /dev/null
+++ b/src/hooks/usePersistentComments.ts
@@ -0,0 +1,38 @@
+import { useEffect } from "react";
+import { useStorage } from "./useStorage";
+
+const _persistentComments = {};
+
+type Options = {
+  identifier: string;
+  enabled?: boolean;
+  onLoad: (comment: string) => void;
+};
+
+export const usePersistentComments = ({ identifier, enabled = true, onLoad }: Options) => {
+  const { data, setData } = useStorage<Record<string, string | undefined>>("persistentComments", _persistentComments);
+
+  const persistentComment = data[identifier];
+
+  useEffect(() => {
+    if (!enabled) return;
+    if (persistentComment) {
+      onLoad(persistentComment);
+    }
+  }, [enabled, onLoad, persistentComment]);
+
+  return {
+    isEnabled: enabled,
+    isPersisted: !!persistentComment,
+    saveComment: (comment?: string) =>
+      setData({
+        ...data,
+        [identifier]: comment ? comment : undefined,
+      }),
+    removeComment: () =>
+      setData({
+        ...data,
+        [identifier]: undefined,
+      }),
+  };
+};
diff --git a/src/lang/de.json b/src/lang/de.json
index 72a800c..3e3f4e4 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -155,8 +155,8 @@
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Muss kleiner oder gleich 60 sein",
   "settings.features.add-notes.title": "Notizen hinzufügen",
   "settings.features.add-notes.description": "Notizen zu Ticket hinzufügen",
-  "settings.features.cache-comments.title": "Kommentare zwischenspeichern",
-  "settings.features.cache-comments.description": "Kommentare zwischenspeichern, bis sie übermittelt wurden",
+  "settings.features.persistent-comments.title": "Kommentare zwischenspeichern",
+  "settings.features.persistent-comments.description": "Kommentare zwischenspeichern, bis sie übermittelt wurden",
   "settings.features.show-current-issue-timer.title": "Aktuellen Ticket-Timer anzeigen",
   "settings.features.show-current-issue-timer.description": "Aktuellen Ticket-Timer auf Redmine Seite anzeigen",
   "settings.style": "Styling",
diff --git a/src/lang/en.json b/src/lang/en.json
index 2757ba0..cfdb3da 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -155,8 +155,8 @@
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Must be less than or equals 60",
   "settings.features.add-notes.title": "Add notes",
   "settings.features.add-notes.description": "Adding notes to an issue",
-  "settings.features.cache-comments.title": "Cache comments",
-  "settings.features.cache-comments.description": "Cache comments until they are submitted",
+  "settings.features.persistent-comments.title": "Persistent comments",
+  "settings.features.persistent-comments.description": "Save comments until they are submitted",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
   "settings.features.show-current-issue-timer.description": "Show current issue timer on Redmine page",
   "settings.style": "Styling",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 4c2d6f9..71a1732 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -155,8 +155,8 @@
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Doit être inférieur ou égal à 60",
   "settings.features.add-notes.title": "Ajouter des notes",
   "settings.features.add-notes.description": "Ajouter des notes à un ticket",
-  "settings.features.cache-comments.title": "Mise en cache des commentaires",
-  "settings.features.cache-comments.description": "Mettre en cache les commentaires jusqu'à leur soumission",
+  "settings.features.persistent-comments.title": "Mise en cache des commentaires",
+  "settings.features.persistent-comments.description": "Mettre en cache les commentaires jusqu'à leur soumission",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
   "settings.features.show-current-issue-timer.description": "Show current issue timer on Redmine page",
   "settings.style": "Style",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index bc5d6ff..6fd7505 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -155,8 +155,8 @@
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Must be less than or equals 60",
   "settings.features.add-notes.title": "Добавление примечаний",
   "settings.features.add-notes.description": "Добавлять примечания в задачи",
-  "settings.features.cache-comments.title": "Кеширование комментариев",
-  "settings.features.cache-comments.description": "Кешировать комментарии пока они не отправлены",
+  "settings.features.persistent-comments.title": "Кеширование комментариев",
+  "settings.features.persistent-comments.description": "Кешировать комментарии пока они не отправлены",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
   "settings.features.show-current-issue-timer.description": "Show current issue timer on Redmine page",
   "settings.style": "Отображение",
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 46274d9..f718412 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -12,7 +12,8 @@ export type Settings = {
     roundTimeNearestQuarterHour?: boolean;
     roundToNearestInterval: boolean;
     roundingInterval: number;
-    cacheComments: boolean;
+    cacheComments?: boolean;
+    persistentComments: boolean;
     addNotes: boolean;
     showCurrentIssueTimer: boolean;
   };
@@ -37,7 +38,7 @@ const defaultSettings: Settings = {
     autoPauseOnSwitch: true,
     roundToNearestInterval: false,
     roundingInterval: 15,
-    cacheComments: true,
+    persistentComments: true,
     addNotes: false,
     showCurrentIssueTimer: true,
   },
@@ -80,6 +81,17 @@ export const SettingsProvider = ({ children }: { children: ReactNode }) => {
     });
   }
 
+  if (data.features?.cacheComments) {
+    setData({
+      ...data,
+      features: {
+        ...data.features,
+        cacheComments: undefined,
+        persistentComments: true,
+      },
+    });
+  }
+
   return (
     <SettingsContext
       value={{
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index f90e1b4..82eb8f7 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -51,7 +51,7 @@ function PageComponent() {
             .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
             .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
           addNotes: z.boolean(),
-          cacheComments: z.boolean(),
+          persistentComments: z.boolean(),
           showCurrentIssueTimer: z.boolean(),
         }),
         style: z.object({
@@ -260,9 +260,12 @@ function PageComponent() {
                 )}
               />
               <form.AppField
-                name="features.cacheComments"
+                name="features.persistentComments"
                 children={(field) => (
-                  <field.CheckboxField title={formatMessage({ id: "settings.features.cache-comments.title" })} description={formatMessage({ id: "settings.features.cache-comments.description" })} />
+                  <field.CheckboxField
+                    title={formatMessage({ id: "settings.features.persistent-comments.title" })}
+                    description={formatMessage({ id: "settings.features.persistent-comments.description" })}
+                  />
                 )}
               />
               <form.AppField

From 840f48d890553c677f4cbef8d5eaba0d3296f8b4 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 10 Jan 2026 22:04:50 +0100
Subject: [PATCH 29/55] refactor: Run settings migration on extension update

---
 src/entrypoints/background.ts     |  13 +++-
 src/hooks/useStorage.ts           |   2 +-
 src/provider/SettingsProvider.tsx | 123 ++++++++++++++++--------------
 src/routes/settings.tsx           |  34 +--------
 4 files changed, 78 insertions(+), 94 deletions(-)

diff --git a/src/entrypoints/background.ts b/src/entrypoints/background.ts
index f686f27..33d48d2 100644
--- a/src/entrypoints/background.ts
+++ b/src/entrypoints/background.ts
@@ -1,17 +1,22 @@
 import { browser, defineBackground } from "#imports";
-import { getSettings } from "@/provider/SettingsProvider";
+import { getSettings, runSettingsMigration } from "@/provider/SettingsProvider";
 
 export default defineBackground({
   type: "module",
   main: () => {
-    /**
-     * Open options page on install and set uninstall URL
-     */
     browser.runtime.onInstalled.addListener(({ reason }) => {
       if (reason === browser.runtime.OnInstalledReason.INSTALL) {
+        // Open options page on install
         browser.runtime.openOptionsPage();
+
+        // Open discussion page on uninstall to collect feedback
         browser.runtime.setUninstallURL("https://github.com/CrawlerCode/redmine-time-tracking/discussions/1");
       }
+
+      // Run settings migration on update
+      if (reason === browser.runtime.OnInstalledReason.UPDATE) {
+        runSettingsMigration();
+      }
     });
 
     /**
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index b0b4116..b22eced 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -17,7 +17,7 @@ export const getStorage = async <T>(name: string, defaultValue: T): Promise<T> =
   return Storage.deserialize(data);
 };
 
-const setStorage = <T>(name: string, data: T) => {
+export const setStorage = <T>(name: string, data: T) => {
   Storage.setItem(name, Storage.serialize(data));
 };
 
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index f718412..761f0b0 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -1,34 +1,46 @@
 import deepmerge from "deepmerge";
 import { ReactNode, createContext, use } from "react";
+import { useIntl } from "react-intl";
 import { browser } from "wxt/browser";
-import { getStorage, useSuspenseStorage } from "../hooks/useStorage";
+import z from "zod/v4";
+import { getStorage, setStorage, useSuspenseStorage } from "../hooks/useStorage";
+import { LANGUAGES } from "./IntlProvider";
 
-export type Settings = {
-  language: string;
-  redmineURL: string;
-  redmineApiKey: string;
-  features: {
-    autoPauseOnSwitch: boolean;
-    roundTimeNearestQuarterHour?: boolean;
-    roundToNearestInterval: boolean;
-    roundingInterval: number;
-    cacheComments?: boolean;
-    persistentComments: boolean;
-    addNotes: boolean;
-    showCurrentIssueTimer: boolean;
-  };
-  style: {
-    displaySearchAlways: boolean;
-    stickyScroll: boolean;
-    groupIssuesByVersion: boolean;
-    showIssuesPriority: boolean;
-    sortIssuesByPriority: boolean;
-    pinTrackedIssues: boolean;
-    pinActiveTabIssue: boolean;
-    showTooltips: boolean;
-    timeFormat: "decimal" | "minutes";
-  };
-};
+export const settingsSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+  z.object({
+    language: z.enum(["browser", ...LANGUAGES]),
+    redmineURL: z
+      .string(formatMessage({ id: "settings.redmine.url.validation.required" }))
+      .nonempty(formatMessage({ id: "settings.redmine.url.validation.required" }))
+      .regex(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage({ id: "settings.redmine.url.validation.valid-url" })),
+    redmineApiKey: z.string().nonempty(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
+    features: z.object({
+      autoPauseOnSwitch: z.boolean(),
+      roundTimeNearestQuarterHour: z.boolean().optional(), // ! Legacy
+      roundToNearestInterval: z.boolean(),
+      roundingInterval: z
+        .int(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
+        .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
+        .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
+      addNotes: z.boolean(),
+      cacheComments: z.boolean().optional(), // ! Legacy
+      persistentComments: z.boolean(),
+      showCurrentIssueTimer: z.boolean(),
+    }),
+    style: z.object({
+      displaySearchAlways: z.boolean(),
+      stickyScroll: z.boolean(),
+      groupIssuesByVersion: z.boolean(),
+      showIssuesPriority: z.boolean(),
+      sortIssuesByPriority: z.boolean(),
+      pinTrackedIssues: z.boolean(),
+      pinActiveTabIssue: z.boolean(),
+      showTooltips: z.boolean(),
+      timeFormat: z.enum(["decimal", "minutes"]),
+    }),
+  });
+
+export type Settings = z.infer<ReturnType<typeof settingsSchema>>;
 
 const defaultSettings: Settings = {
   language: "browser",
@@ -55,9 +67,29 @@ const defaultSettings: Settings = {
   },
 };
 
+export const runSettingsMigration = async () => {
+  const rawSettings = await getStorage<Partial<Settings>>("settings", defaultSettings);
+  const settings = deepmerge<Settings>(defaultSettings, rawSettings);
+
+  if (settings.features.roundTimeNearestQuarterHour === true) {
+    settings.features.roundTimeNearestQuarterHour = undefined;
+    settings.features.roundToNearestInterval = true;
+    settings.features.roundingInterval = 15;
+  }
+
+  if (settings.features.cacheComments) {
+    settings.features.cacheComments = undefined;
+    settings.features.persistentComments = true;
+  }
+
+  if (JSON.stringify(settings) !== JSON.stringify(rawSettings)) {
+    setStorage("settings", settings);
+  }
+};
+
 export const getSettings = async () => {
-  const data = await getStorage<Partial<Settings>>("settings", defaultSettings);
-  return deepmerge<Settings>(defaultSettings, data);
+  const rawSettings = await getStorage<Partial<Settings>>("settings", defaultSettings);
+  return deepmerge<Settings>(defaultSettings, rawSettings);
 };
 
 const SettingsContext = createContext({
@@ -66,42 +98,19 @@ const SettingsContext = createContext({
 });
 
 export const SettingsProvider = ({ children }: { children: ReactNode }) => {
-  const { data, setData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
-
-  // Migrate old settings TODO: Remove in future
-  if (data?.features?.roundTimeNearestQuarterHour === true) {
-    setData({
-      ...data,
-      features: {
-        ...data.features,
-        roundTimeNearestQuarterHour: undefined,
-        roundToNearestInterval: true,
-        roundingInterval: 15,
-      },
-    });
-  }
-
-  if (data.features?.cacheComments) {
-    setData({
-      ...data,
-      features: {
-        ...data.features,
-        cacheComments: undefined,
-        persistentComments: true,
-      },
-    });
-  }
+  const { data: rawSettings, setData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
+  const settings = deepmerge<Settings>(defaultSettings, rawSettings);
 
   return (
     <SettingsContext
       value={{
-        settings: deepmerge<Settings>(defaultSettings, data),
+        settings: settings,
         setSettings: (newData: Settings) => {
           setData(newData);
-          if (newData.redmineURL !== data.redmineURL) {
+          if (newData.redmineURL !== settings.redmineURL) {
             browser.runtime.sendMessage("settings-changed:redmineURL");
           }
-          if (newData.features.showCurrentIssueTimer !== data.features?.showCurrentIssueTimer) {
+          if (newData.features.showCurrentIssueTimer !== settings.features?.showCurrentIssueTimer) {
             browser.runtime.sendMessage("settings-changed:showCurrentIssueTimer");
           }
         },
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index 82eb8f7..8f99212 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -8,13 +8,12 @@ import { useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { toast } from "sonner";
 import { browser } from "wxt/browser";
-import { z } from "zod/v4";
 import Indicator from "../components/general/Indicator";
 import { Form, FormFieldset, FormGrid } from "../components/ui/form";
 import { useAppForm } from "../hooks/useAppForm";
 import useMyUser from "../hooks/useMyUser";
 import { LANGUAGES } from "../provider/IntlProvider";
-import { useSettings } from "../provider/SettingsProvider";
+import { settingsSchema, useSettings } from "../provider/SettingsProvider";
 import { formatHoursUsually } from "../utils/date";
 
 export const Route = createFileRoute("/settings")({
@@ -36,36 +35,7 @@ function PageComponent() {
   const form = useAppForm({
     defaultValues: settings,
     validators: {
-      onChange: z.object({
-        language: z.enum(["browser", ...LANGUAGES]),
-        redmineURL: z
-          .string(formatMessage({ id: "settings.redmine.url.validation.required" }))
-          .nonempty(formatMessage({ id: "settings.redmine.url.validation.required" }))
-          .regex(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage({ id: "settings.redmine.url.validation.valid-url" })),
-        redmineApiKey: z.string().nonempty(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
-        features: z.object({
-          autoPauseOnSwitch: z.boolean(),
-          roundToNearestInterval: z.boolean(),
-          roundingInterval: z
-            .int(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
-            .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
-            .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
-          addNotes: z.boolean(),
-          persistentComments: z.boolean(),
-          showCurrentIssueTimer: z.boolean(),
-        }),
-        style: z.object({
-          displaySearchAlways: z.boolean(),
-          stickyScroll: z.boolean(),
-          groupIssuesByVersion: z.boolean(),
-          showIssuesPriority: z.boolean(),
-          sortIssuesByPriority: z.boolean(),
-          pinTrackedIssues: z.boolean(),
-          pinActiveTabIssue: z.boolean(),
-          showTooltips: z.boolean(),
-          timeFormat: z.enum(["decimal", "minutes"]),
-        }),
-      }),
+      onChange: settingsSchema({ formatMessage }),
     },
     onSubmit: ({ value }) => {
       value.redmineURL = value.redmineURL.replace(/\/$/, "");

From 70994f015994a2f6bdef77ca10547fce65cb0e93 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 17 Jan 2026 18:38:10 +0100
Subject: [PATCH 30/55] refactor(ui): Move to shadcn base-ui components (#57)

---
 components.json                               |    2 +-
 fixtures/pages/issues.ts                      |    6 +-
 package.json                                  |   11 +-
 patches/@base-ui__react@1.1.0.patch           |   78 +
 pnpm-lock.yaml                                | 3641 ++++++++---------
 src/components/form/CheckboxField.tsx         |    3 +-
 src/components/form/ComboboxField.tsx         |  315 +-
 src/components/form/DateField.tsx             |   45 +-
 src/components/form/HoursField.tsx            |    9 +-
 src/components/form/SelectField.tsx           |   72 +-
 .../form/{ToggleField.tsx => SwitchField.tsx} |    9 +-
 src/components/form/TextField.tsx             |    3 +-
 src/components/form/ToggleGroupField.tsx      |   32 +-
 src/components/general/DismissableWarning.tsx |    2 +-
 src/components/general/HelpTooltip.tsx        |    8 +-
 src/components/general/Navbar.tsx             |   12 +-
 src/components/issue/AddIssueNotesModal.tsx   |    2 +-
 src/components/issue/Filter.tsx               |  100 +-
 src/components/issue/IssueInfoTooltip.tsx     |    6 +-
 src/components/issue/IssueSearch.tsx          |   30 +-
 src/components/issue/IssuesList.tsx           |    4 +-
 src/components/issue/ProjectTooltip.tsx       |    6 +-
 src/components/issue/VersionTooltip.tsx       |    6 +-
 src/components/issue/form/IssueForm.tsx       |    4 +-
 .../issue/form/fields/ActivityField.tsx       |    4 +-
 .../issue/form/fields/AssigneeField.tsx       |    8 +-
 .../issue/form/fields/CategoryField.tsx       |    4 +-
 .../issue/form/fields/DoneRatioField.tsx      |    4 +-
 .../issue/form/fields/PriorityField.tsx       |    4 +-
 .../issue/form/fields/VersionField.tsx        |    4 +-
 .../time-entry/CreateTimeEntryModal.tsx       |    4 +-
 src/components/time-entry/TimeEntry.tsx       |   22 +-
 .../time-entry/TimeEntryTooltip.tsx           |    6 +-
 .../time-entry/form/fields/UserField.tsx      |    8 +-
 src/components/ui/alert-dialog.tsx            |   94 +-
 src/components/ui/alert.tsx                   |   20 +-
 src/components/ui/badge.tsx                   |   35 +-
 src/components/ui/button.tsx                  |   45 +-
 src/components/ui/calendar.tsx                |   25 +-
 src/components/ui/checkbox.tsx                |   13 +-
 src/components/ui/combobox.tsx                |  214 +
 src/components/ui/command.tsx                 |   95 -
 src/components/ui/context-menu.tsx            |  164 +-
 src/components/ui/dialog.tsx                  |   80 +-
 src/components/ui/dropdown-menu.tsx           |  196 +-
 src/components/ui/field.tsx                   |   58 +-
 src/components/ui/input-group.tsx             |   63 +-
 src/components/ui/input.tsx                   |   10 +-
 src/components/ui/label.tsx                   |    5 +-
 src/components/ui/navigation-menu.tsx         |   72 +-
 src/components/ui/popover.tsx                 |   53 +-
 src/components/ui/select.tsx                  |  112 +-
 src/components/ui/separator.tsx               |   11 +-
 src/components/ui/sonner.tsx                  |   16 +-
 src/components/ui/switch.tsx                  |   18 +-
 src/components/ui/textarea.tsx                |    2 +-
 src/components/ui/toggle-group.tsx            |   52 +-
 src/components/ui/toggle.tsx                  |   17 +-
 src/components/ui/tooltip.tsx                 |   50 +-
 src/hooks/useAppForm.ts                       |   20 +-
 src/index.css                                 |    1 +
 src/routes/settings.tsx                       |   11 +-
 tests/TimersPage.spec.tsx                     |    2 +-
 tsconfig.json                                 |    5 +
 64 files changed, 3108 insertions(+), 2925 deletions(-)
 create mode 100644 patches/@base-ui__react@1.1.0.patch
 rename src/components/form/{ToggleField.tsx => SwitchField.tsx} (61%)
 create mode 100644 src/components/ui/combobox.tsx
 delete mode 100644 src/components/ui/command.tsx

diff --git a/components.json b/components.json
index ba0c18c..e3125bb 100644
--- a/components.json
+++ b/components.json
@@ -1,6 +1,6 @@
 {
   "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
+  "style": "base-nova",
   "rsc": false,
   "tsx": true,
   "tailwind": {
diff --git a/fixtures/pages/issues.ts b/fixtures/pages/issues.ts
index 350c060..376e9cd 100644
--- a/fixtures/pages/issues.ts
+++ b/fixtures/pages/issues.ts
@@ -49,9 +49,9 @@ export class IssuesPage extends BasePage {
     // Fill form
     await this.page.fill('input[name="hours"]', hours);
     await this.page.fill('input[name="comments"]', comments);
-    await this.page.click('button[role="combobox"][name="activity_id"]');
-    await this.page.click('[cmdk-item][role="option"]:first-child');
-    await this.page.waitForSelector('[data-slot="command"]', { state: "detached" });
+    await this.page.click('[data-slot="input-group"]:has(+ input[name="activity_id"])>input[role="combobox"]');
+    await this.page.click('[data-slot="combobox-item"][role="option"]');
+    await this.page.waitForSelector('[data-slot="combobox-list"]', { state: "detached" });
 
     await this.page.focus('button[type="submit"]');
   }
diff --git a/package.json b/package.json
index bf31d5d..393889e 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
   },
   "dependencies": {
+    "@base-ui/react": "^1.1.0",
     "@tanstack/query-async-storage-persister": "^5.66.0",
     "@tanstack/react-form": "^1.12.0",
     "@tanstack/react-query": "^5.66.0",
@@ -36,18 +37,17 @@
     "axios": "^1.7.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
     "country-flag-icons": "^1.5.14",
     "date-fns": "^3.6.0",
     "deepmerge": "^4.3.1",
     "lucide-react": "^0.546.0",
     "next-themes": "^0.4.6",
     "qs": "^6.14.0",
-    "radix-ui": "^1.4.3",
     "react": "^19.2.3",
-    "react-day-picker": "^9.11.1",
+    "react-day-picker": "^9.13.0",
     "react-dom": "^19.2.3",
     "react-intl": "^7.1.11",
+    "shadcn": "^3.6.3",
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1",
     "zod": "^3.25.46"
@@ -93,6 +93,9 @@
       "@tailwindcss/oxide",
       "esbuild",
       "sharp"
-    ]
+    ],
+    "patchedDependencies": {
+      "@base-ui/react@1.1.0": "patches/@base-ui__react@1.1.0.patch"
+    }
   }
 }
diff --git a/patches/@base-ui__react@1.1.0.patch b/patches/@base-ui__react@1.1.0.patch
new file mode 100644
index 0000000..9d4be27
--- /dev/null
+++ b/patches/@base-ui__react@1.1.0.patch
@@ -0,0 +1,78 @@
+diff --git a/esm/navigation-menu/icon/NavigationMenuIcon.d.ts b/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
+index 460b8451b5ffcea4f8ed77ffff6454d3545cc1a6..8db92ab49b9bb24a9251c02d9c45e90cae4afb90 100644
+--- a/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
++++ b/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
+@@ -5,7 +5,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+ export interface NavigationMenuIconState {
+   /**
+    * Whether the navigation menu is open and the item is active.
+diff --git a/esm/navigation-menu/item/NavigationMenuItem.d.ts b/esm/navigation-menu/item/NavigationMenuItem.d.ts
+index 78f6173af2f991fc6d5564a440316a14f2c571cb..355d2988411858c6c5a0d9e2af6570112f01b18f 100644
+--- a/esm/navigation-menu/item/NavigationMenuItem.d.ts
++++ b/esm/navigation-menu/item/NavigationMenuItem.d.ts
+@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+ export interface NavigationMenuItemState {}
+ export interface NavigationMenuItemProps extends BaseUIComponentProps<'li', NavigationMenuItem.State> {
+   /**
+diff --git a/esm/navigation-menu/list/NavigationMenuList.d.ts b/esm/navigation-menu/list/NavigationMenuList.d.ts
+index 0536826b5149ad53941967af933478ea995708d7..8ee7dc027c52004739005022bf130f6ac9bbaa31 100644
+--- a/esm/navigation-menu/list/NavigationMenuList.d.ts
++++ b/esm/navigation-menu/list/NavigationMenuList.d.ts
+@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+ export interface NavigationMenuListState {
+   /**
+    * If `true`, the popup is open.
+diff --git a/navigation-menu/icon/NavigationMenuIcon.d.ts b/navigation-menu/icon/NavigationMenuIcon.d.ts
+index 460b8451b5ffcea4f8ed77ffff6454d3545cc1a6..8db92ab49b9bb24a9251c02d9c45e90cae4afb90 100644
+--- a/navigation-menu/icon/NavigationMenuIcon.d.ts
++++ b/navigation-menu/icon/NavigationMenuIcon.d.ts
+@@ -5,7 +5,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+ export interface NavigationMenuIconState {
+   /**
+    * Whether the navigation menu is open and the item is active.
+diff --git a/navigation-menu/item/NavigationMenuItem.d.ts b/navigation-menu/item/NavigationMenuItem.d.ts
+index 78f6173af2f991fc6d5564a440316a14f2c571cb..355d2988411858c6c5a0d9e2af6570112f01b18f 100644
+--- a/navigation-menu/item/NavigationMenuItem.d.ts
++++ b/navigation-menu/item/NavigationMenuItem.d.ts
+@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+ export interface NavigationMenuItemState {}
+ export interface NavigationMenuItemProps extends BaseUIComponentProps<'li', NavigationMenuItem.State> {
+   /**
+diff --git a/navigation-menu/list/NavigationMenuList.d.ts b/navigation-menu/list/NavigationMenuList.d.ts
+index 0536826b5149ad53941967af933478ea995708d7..8ee7dc027c52004739005022bf130f6ac9bbaa31 100644
+--- a/navigation-menu/list/NavigationMenuList.d.ts
++++ b/navigation-menu/list/NavigationMenuList.d.ts
+@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
+  *
+  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
+  */
+-export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
++export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+ export interface NavigationMenuListState {
+   /**
+    * If `true`, the popup is open.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c993e83..827c585 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,10 +4,18 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
+patchedDependencies:
+  '@base-ui/react@1.1.0':
+    hash: b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498
+    path: patches/@base-ui__react@1.1.0.patch
+
 importers:
 
   .:
     dependencies:
+      '@base-ui/react':
+        specifier: ^1.1.0
+        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@tanstack/query-async-storage-persister':
         specifier: ^5.66.0
         version: 5.66.0
@@ -35,9 +43,6 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
-      cmdk:
-        specifier: ^1.1.1
-        version: 1.1.1(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       country-flag-icons:
         specifier: ^1.5.14
         version: 1.5.14
@@ -56,21 +61,21 @@ importers:
       qs:
         specifier: ^6.14.0
         version: 6.14.0
-      radix-ui:
-        specifier: ^1.4.3
-        version: 1.4.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       react:
         specifier: ^19.2.3
         version: 19.2.3
       react-day-picker:
-        specifier: ^9.11.1
-        version: 9.11.1(react@19.2.3)
+        specifier: ^9.13.0
+        version: 9.13.0(react@19.2.3)
       react-dom:
         specifier: ^19.2.3
         version: 19.2.3(react@19.2.3)
       react-intl:
         specifier: ^7.1.11
         version: 7.1.11(react@19.2.3)(typescript@5.7.3)
+      shadcn:
+        specifier: ^3.6.3
+        version: 3.6.3(@types/node@22.13.1)(hono@4.11.4)(typescript@5.7.3)
       sonner:
         specifier: ^2.0.5
         version: 2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -200,6 +205,10 @@ packages:
       rollup:
         optional: true
 
+  '@antfu/ni@25.0.0':
+    resolution: {integrity: sha512-9q/yCljni37pkMr4sPrI3G4jqdIk074+iukc5aFJl7kmDCCsiJrbZ6zKxnES1Gwg+i9RcDZwvktl23puGslmvA==}
+    hasBin: true
+
   '@babel/code-frame@7.27.1':
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
@@ -341,6 +350,10 @@ packages:
     resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/template@7.27.2':
     resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
@@ -357,6 +370,27 @@ packages:
     resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
     engines: {node: '>=6.9.0'}
 
+  '@base-ui/react@1.1.0':
+    resolution: {integrity: sha512-ikcJRNj1mOiF2HZ5jQHrXoVoHcNHdBU5ejJljcBl+VTLoYXR6FidjTN86GjO6hyshi6TZFuNvv0dEOgaOFv6Lw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@base-ui/utils@0.2.4':
+    resolution: {integrity: sha512-smZwpMhjO29v+jrZusBSc5T+IJ3vBb9cjIiBjtKcvWmRj9Z4DWGVR3efr1eHR56/bqY5a4qyY9ElkOY5ljo3ng==}
+    peerDependencies:
+      '@types/react': ^17 || ^18 || ^19
+      react: ^17 || ^18 || ^19
+      react-dom: ^17 || ^18 || ^19
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
@@ -373,6 +407,16 @@ packages:
     engines: {node: '>= 0.10.4'}
     hasBin: true
 
+  '@dotenvx/dotenvx@1.51.4':
+    resolution: {integrity: sha512-AoziS8lRQ3ew/lY5J4JSlzYSN9Fo0oiyMBY37L3Bwq4mOQJT5GSrdZYLFPt6pH1LApDI3ZJceNyx+rHRACZSeQ==}
+    hasBin: true
+
+  '@ecies/ciphers@0.2.5':
+    resolution: {integrity: sha512-GalEZH4JgOMHYYcYmVqnFirFsjZHeoGMDt9IxEnM9F7GRUUyUksJ7Ou53L83WHJq3RWKD3AcBpo0iQh0oMpf8A==}
+    engines: {bun: '>=1', deno: '>=2', node: '>=16'}
+    peerDependencies:
+      '@noble/ciphers': ^1.0.0
+
   '@emnapi/runtime@1.2.0':
     resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==}
 
@@ -720,20 +764,20 @@ packages:
     resolution: {integrity: sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@floating-ui/core@1.2.6':
-    resolution: {integrity: sha512-EvYTiXet5XqweYGClEmpu3BoxmsQ4hkj3QaYA6qEnigCWffTP3vNRwBReTdrwDwo7OoJ3wM8Uoe9Uk4n+d4hfg==}
+  '@floating-ui/core@1.7.3':
+    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
-  '@floating-ui/dom@1.6.3':
-    resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==}
+  '@floating-ui/dom@1.7.4':
+    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
 
-  '@floating-ui/react-dom@2.1.3':
-    resolution: {integrity: sha512-huMBfiU9UnQ2oBwIhgzyIiSpVgvlDstU8CX0AF+wS+KzmYMs0J2a3GwuFHV1Lz+jlrQGeC1fF+Nv0QoumyV0bA==}
+  '@floating-ui/react-dom@2.1.6':
+    resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@floating-ui/utils@0.2.1':
-    resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==}
+  '@floating-ui/utils@0.2.10':
+    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
   '@formatjs/cli@6.7.1':
     resolution: {integrity: sha512-ULiXbLkbuTyd8f0qaByu1Nuc+jbAOLH1qRAtHZ7waIABQGPBB93OQ2FFtQPgoYoupKOKyNr+PZXR6pOT45E4EQ==}
@@ -789,6 +833,12 @@ packages:
       typescript:
         optional: true
 
+  '@hono/node-server@1.19.9':
+    resolution: {integrity: sha512-vHL6w3ecZsky+8P5MD+eFfaGTyCeOHUIFYMGpQGbrBTSmNNoxv0if69rEZ5giu36weC5saFuznL411gRX7bJDw==}
+    engines: {node: '>=18.14.1'}
+    peerDependencies:
+      hono: ^4
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -914,6 +964,41 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@inquirer/ansi@1.0.2':
+    resolution: {integrity: sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==}
+    engines: {node: '>=18'}
+
+  '@inquirer/confirm@5.1.21':
+    resolution: {integrity: sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/core@10.3.2':
+    resolution: {integrity: sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/figures@1.0.15':
+    resolution: {integrity: sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==}
+    engines: {node: '>=18'}
+
+  '@inquirer/type@3.0.10':
+    resolution: {integrity: sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
   '@isaacs/balanced-match@4.0.1':
     resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
     engines: {node: 20 || >=22}
@@ -952,6 +1037,32 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@modelcontextprotocol/sdk@1.25.2':
+    resolution: {integrity: sha512-LZFeo4F9M5qOhC/Uc1aQSrBHxMrvxett+9KLHt7OhcExtoiRN9DKgbZffMP/nxjutWDQpfMDfP3nkHI4X9ijww==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@cfworker/json-schema': ^4.1.1
+      zod: ^3.25 || ^4.0
+    peerDependenciesMeta:
+      '@cfworker/json-schema':
+        optional: true
+
+  '@mswjs/interceptors@0.40.0':
+    resolution: {integrity: sha512-EFd6cVbHsgLa6wa4RljGj6Wk75qoHxUSyc5asLyyPSyuhIcdS2Q3Phw6ImS1q+CkALthJRShiYfKANcQMuMqsQ==}
+    engines: {node: '>=18'}
+
+  '@noble/ciphers@1.3.0':
+    resolution: {integrity: sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==}
+    engines: {node: ^14.21.3 || >=16}
+
+  '@noble/curves@1.9.7':
+    resolution: {integrity: sha512-gbKGcRUYIjA3/zCCNaWDciTMFI0dCkvou3TL8Zmy5Nc7sJ47a0jtOeZoTaMxkuqRo9cRhjOdZJXegxYE5FN/xw==}
+    engines: {node: ^14.21.3 || >=16}
+
+  '@noble/hashes@1.8.0':
+    resolution: {integrity: sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==}
+    engines: {node: ^14.21.3 || >=16}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -964,6 +1075,15 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@open-draft/deferred-promise@2.2.0':
+    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
+
+  '@open-draft/logger@0.3.0':
+    resolution: {integrity: sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==}
+
+  '@open-draft/until@2.1.0':
+    resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
+
   '@playwright/test@1.57.0':
     resolution: {integrity: sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==}
     engines: {node: '>=18'}
@@ -981,809 +1101,126 @@ packages:
     resolution: {integrity: sha512-c83qWb22rNRuB0UaVCI0uRPNRr8Z0FWnEIvT47jiHAmOIUHbBOg5XvV7pM5x+rKn9HRpjxquDbXYSXr3fAKFcw==}
     engines: {node: '>=12'}
 
-  '@radix-ui/number@1.1.1':
-    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
+  '@rolldown/pluginutils@1.0.0-beta.53':
+    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
 
-  '@radix-ui/primitive@1.1.3':
-    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+  '@rollup/rollup-android-arm-eabi@4.53.4':
+    resolution: {integrity: sha512-PWU3Y92H4DD0bOqorEPp1Y0tbzwAurFmIYpjcObv5axGVOtcTlB0b2UKMd2echo08MgN7jO8WQZSSysvfisFSQ==}
+    cpu: [arm]
+    os: [android]
 
-  '@radix-ui/react-accessible-icon@1.1.7':
-    resolution: {integrity: sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-android-arm64@4.53.4':
+    resolution: {integrity: sha512-Gw0/DuVm3rGsqhMGYkSOXXIx20cC3kTlivZeuaGt4gEgILivykNyBWxeUV5Cf2tDA2nPLah26vq3emlRrWVbng==}
+    cpu: [arm64]
+    os: [android]
 
-  '@radix-ui/react-accordion@1.2.12':
-    resolution: {integrity: sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-darwin-arm64@4.53.4':
+    resolution: {integrity: sha512-+w06QvXsgzKwdVg5qRLZpTHh1bigHZIqoIUPtiqh05ZiJVUQ6ymOxaPkXTvRPRLH88575ZCRSRM3PwIoNma01Q==}
+    cpu: [arm64]
+    os: [darwin]
 
-  '@radix-ui/react-alert-dialog@1.1.15':
-    resolution: {integrity: sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-darwin-x64@4.53.4':
+    resolution: {integrity: sha512-EB4Na9G2GsrRNRNFPuxfwvDRDUwQEzJPpiK1vo2zMVhEeufZ1k7J1bKnT0JYDfnPC7RNZ2H5YNQhW6/p2QKATw==}
+    cpu: [x64]
+    os: [darwin]
 
-  '@radix-ui/react-arrow@1.1.7':
-    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-freebsd-arm64@4.53.4':
+    resolution: {integrity: sha512-bldA8XEqPcs6OYdknoTMaGhjytnwQ0NClSPpWpmufOuGPN5dDmvIa32FygC2gneKK4A1oSx86V1l55hyUWUYFQ==}
+    cpu: [arm64]
+    os: [freebsd]
 
-  '@radix-ui/react-aspect-ratio@1.1.7':
-    resolution: {integrity: sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-freebsd-x64@4.53.4':
+    resolution: {integrity: sha512-3T8GPjH6mixCd0YPn0bXtcuSXi1Lj+15Ujw2CEb7dd24j9thcKscCf88IV7n76WaAdorOzAgSSbuVRg4C8V8Qw==}
+    cpu: [x64]
+    os: [freebsd]
 
-  '@radix-ui/react-avatar@1.1.10':
-    resolution: {integrity: sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-arm-gnueabihf@4.53.4':
+    resolution: {integrity: sha512-UPMMNeC4LXW7ZSHxeP3Edv09aLsFUMaD1TSVW6n1CWMECnUIJMFFB7+XC2lZTdPtvB36tYC0cJWc86mzSsaviw==}
+    cpu: [arm]
+    os: [linux]
 
-  '@radix-ui/react-checkbox@1.3.3':
-    resolution: {integrity: sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-arm-musleabihf@4.53.4':
+    resolution: {integrity: sha512-H8uwlV0otHs5Q7WAMSoyvjV9DJPiy5nJ/xnHolY0QptLPjaSsuX7tw+SPIfiYH6cnVx3fe4EWFafo6gH6ekZKA==}
+    cpu: [arm]
+    os: [linux]
 
-  '@radix-ui/react-collapsible@1.1.12':
-    resolution: {integrity: sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-arm64-gnu@4.53.4':
+    resolution: {integrity: sha512-BLRwSRwICXz0TXkbIbqJ1ibK+/dSBpTJqDClF61GWIrxTXZWQE78ROeIhgl5MjVs4B4gSLPCFeD4xML9vbzvCQ==}
+    cpu: [arm64]
+    os: [linux]
 
-  '@radix-ui/react-collection@1.1.7':
-    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-arm64-musl@4.53.4':
+    resolution: {integrity: sha512-6bySEjOTbmVcPJAywjpGLckK793A0TJWSbIa0sVwtVGfe/Nz6gOWHOwkshUIAp9j7wg2WKcA4Snu7Y1nUZyQew==}
+    cpu: [arm64]
+    os: [linux]
 
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+  '@rollup/rollup-linux-loong64-gnu@4.53.4':
+    resolution: {integrity: sha512-U0ow3bXYJZ5MIbchVusxEycBw7bO6C2u5UvD31i5IMTrnt2p4Fh4ZbHSdc/31TScIJQYHwxbj05BpevB3201ug==}
+    cpu: [loong64]
+    os: [linux]
 
-  '@radix-ui/react-context-menu@2.2.16':
-    resolution: {integrity: sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-ppc64-gnu@4.53.4':
+    resolution: {integrity: sha512-iujDk07ZNwGLVn0YIWM80SFN039bHZHCdCCuX9nyx3Jsa2d9V/0Y32F+YadzwbvDxhSeVo9zefkoPnXEImnM5w==}
+    cpu: [ppc64]
+    os: [linux]
 
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+  '@rollup/rollup-linux-riscv64-gnu@4.53.4':
+    resolution: {integrity: sha512-MUtAktiOUSu+AXBpx1fkuG/Bi5rhlorGs3lw5QeJ2X3ziEGAq7vFNdWVde6XGaVqi0LGSvugwjoxSNJfHFTC0g==}
+    cpu: [riscv64]
+    os: [linux]
 
-  '@radix-ui/react-dialog@1.1.15':
-    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-riscv64-musl@4.53.4':
+    resolution: {integrity: sha512-btm35eAbDfPtcFEgaXCI5l3c2WXyzwiE8pArhd66SDtoLWmgK5/M7CUxmUglkwtniPzwvWioBKKl6IXLbPf2sQ==}
+    cpu: [riscv64]
+    os: [linux]
 
-  '@radix-ui/react-direction@1.1.1':
-    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+  '@rollup/rollup-linux-s390x-gnu@4.53.4':
+    resolution: {integrity: sha512-uJlhKE9ccUTCUlK+HUz/80cVtx2RayadC5ldDrrDUFaJK0SNb8/cCmC9RhBhIWuZ71Nqj4Uoa9+xljKWRogdhA==}
+    cpu: [s390x]
+    os: [linux]
 
-  '@radix-ui/react-dismissable-layer@1.1.11':
-    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-x64-gnu@4.53.4':
+    resolution: {integrity: sha512-jjEMkzvASQBbzzlzf4os7nzSBd/cvPrpqXCUOqoeCh1dQ4BP3RZCJk8XBeik4MUln3m+8LeTJcY54C/u8wb3DQ==}
+    cpu: [x64]
+    os: [linux]
 
-  '@radix-ui/react-dropdown-menu@2.1.16':
-    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-linux-x64-musl@4.53.4':
+    resolution: {integrity: sha512-lu90KG06NNH19shC5rBPkrh6mrTpq5kviFylPBXQVpdEu0yzb0mDgyxLr6XdcGdBIQTH/UAhDJnL+APZTBu1aQ==}
+    cpu: [x64]
+    os: [linux]
 
-  '@radix-ui/react-focus-guards@1.1.3':
-    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
+  '@rollup/rollup-openharmony-arm64@4.53.4':
+    resolution: {integrity: sha512-dFDcmLwsUzhAm/dn0+dMOQZoONVYBtgik0VuY/d5IJUUb787L3Ko/ibvTvddqhb3RaB7vFEozYevHN4ox22R/w==}
+    cpu: [arm64]
+    os: [openharmony]
 
-  '@radix-ui/react-focus-scope@1.1.7':
-    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-win32-arm64-msvc@4.53.4':
+    resolution: {integrity: sha512-WvUpUAWmUxZKtRnQWpRKnLW2DEO8HB/l8z6oFFMNuHndMzFTJEXzaYJ5ZAmzNw0L21QQJZsUQFt2oPf3ykAD/w==}
+    cpu: [arm64]
+    os: [win32]
 
-  '@radix-ui/react-form@0.1.8':
-    resolution: {integrity: sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  '@rollup/rollup-win32-ia32-msvc@4.53.4':
+    resolution: {integrity: sha512-JGbeF2/FDU0x2OLySw/jgvkwWUo05BSiJK0dtuI4LyuXbz3wKiC1xHhLB1Tqm5VU6ZZDmAorj45r/IgWNWku5g==}
+    cpu: [ia32]
+    os: [win32]
 
-  '@radix-ui/react-hover-card@1.1.15':
-    resolution: {integrity: sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-id@1.1.1':
-    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-label@2.1.7':
-    resolution: {integrity: sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-menu@2.1.16':
-    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-menubar@1.1.16':
-    resolution: {integrity: sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-navigation-menu@1.2.14':
-    resolution: {integrity: sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-one-time-password-field@0.1.8':
-    resolution: {integrity: sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-password-toggle-field@0.1.3':
-    resolution: {integrity: sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-popover@1.1.15':
-    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-popper@1.2.8':
-    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-portal@1.1.9':
-    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-presence@1.1.5':
-    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-progress@1.1.7':
-    resolution: {integrity: sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-radio-group@1.3.8':
-    resolution: {integrity: sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-roving-focus@1.1.11':
-    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-scroll-area@1.2.10':
-    resolution: {integrity: sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-select@2.2.6':
-    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-separator@1.1.7':
-    resolution: {integrity: sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-slider@1.3.6':
-    resolution: {integrity: sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-switch@1.2.6':
-    resolution: {integrity: sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-tabs@1.1.13':
-    resolution: {integrity: sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toast@1.2.15':
-    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toggle-group@1.1.11':
-    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toggle@1.1.10':
-    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-toolbar@1.1.11':
-    resolution: {integrity: sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-tooltip@1.2.8':
-    resolution: {integrity: sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/react-use-callback-ref@1.1.1':
-    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-escape-keydown@1.1.1':
-    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-is-hydrated@0.1.0':
-    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-rect@1.1.1':
-    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-visually-hidden@1.2.3':
-    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@radix-ui/rect@1.1.1':
-    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
-
-  '@rolldown/pluginutils@1.0.0-beta.53':
-    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
-
-  '@rollup/rollup-android-arm-eabi@4.53.4':
-    resolution: {integrity: sha512-PWU3Y92H4DD0bOqorEPp1Y0tbzwAurFmIYpjcObv5axGVOtcTlB0b2UKMd2echo08MgN7jO8WQZSSysvfisFSQ==}
-    cpu: [arm]
-    os: [android]
-
-  '@rollup/rollup-android-arm64@4.53.4':
-    resolution: {integrity: sha512-Gw0/DuVm3rGsqhMGYkSOXXIx20cC3kTlivZeuaGt4gEgILivykNyBWxeUV5Cf2tDA2nPLah26vq3emlRrWVbng==}
-    cpu: [arm64]
-    os: [android]
-
-  '@rollup/rollup-darwin-arm64@4.53.4':
-    resolution: {integrity: sha512-+w06QvXsgzKwdVg5qRLZpTHh1bigHZIqoIUPtiqh05ZiJVUQ6ymOxaPkXTvRPRLH88575ZCRSRM3PwIoNma01Q==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@rollup/rollup-darwin-x64@4.53.4':
-    resolution: {integrity: sha512-EB4Na9G2GsrRNRNFPuxfwvDRDUwQEzJPpiK1vo2zMVhEeufZ1k7J1bKnT0JYDfnPC7RNZ2H5YNQhW6/p2QKATw==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@rollup/rollup-freebsd-arm64@4.53.4':
-    resolution: {integrity: sha512-bldA8XEqPcs6OYdknoTMaGhjytnwQ0NClSPpWpmufOuGPN5dDmvIa32FygC2gneKK4A1oSx86V1l55hyUWUYFQ==}
-    cpu: [arm64]
-    os: [freebsd]
-
-  '@rollup/rollup-freebsd-x64@4.53.4':
-    resolution: {integrity: sha512-3T8GPjH6mixCd0YPn0bXtcuSXi1Lj+15Ujw2CEb7dd24j9thcKscCf88IV7n76WaAdorOzAgSSbuVRg4C8V8Qw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@rollup/rollup-linux-arm-gnueabihf@4.53.4':
-    resolution: {integrity: sha512-UPMMNeC4LXW7ZSHxeP3Edv09aLsFUMaD1TSVW6n1CWMECnUIJMFFB7+XC2lZTdPtvB36tYC0cJWc86mzSsaviw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm-musleabihf@4.53.4':
-    resolution: {integrity: sha512-H8uwlV0otHs5Q7WAMSoyvjV9DJPiy5nJ/xnHolY0QptLPjaSsuX7tw+SPIfiYH6cnVx3fe4EWFafo6gH6ekZKA==}
-    cpu: [arm]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-gnu@4.53.4':
-    resolution: {integrity: sha512-BLRwSRwICXz0TXkbIbqJ1ibK+/dSBpTJqDClF61GWIrxTXZWQE78ROeIhgl5MjVs4B4gSLPCFeD4xML9vbzvCQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-arm64-musl@4.53.4':
-    resolution: {integrity: sha512-6bySEjOTbmVcPJAywjpGLckK793A0TJWSbIa0sVwtVGfe/Nz6gOWHOwkshUIAp9j7wg2WKcA4Snu7Y1nUZyQew==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@rollup/rollup-linux-loong64-gnu@4.53.4':
-    resolution: {integrity: sha512-U0ow3bXYJZ5MIbchVusxEycBw7bO6C2u5UvD31i5IMTrnt2p4Fh4ZbHSdc/31TScIJQYHwxbj05BpevB3201ug==}
-    cpu: [loong64]
-    os: [linux]
-
-  '@rollup/rollup-linux-ppc64-gnu@4.53.4':
-    resolution: {integrity: sha512-iujDk07ZNwGLVn0YIWM80SFN039bHZHCdCCuX9nyx3Jsa2d9V/0Y32F+YadzwbvDxhSeVo9zefkoPnXEImnM5w==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@rollup/rollup-linux-riscv64-gnu@4.53.4':
-    resolution: {integrity: sha512-MUtAktiOUSu+AXBpx1fkuG/Bi5rhlorGs3lw5QeJ2X3ziEGAq7vFNdWVde6XGaVqi0LGSvugwjoxSNJfHFTC0g==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@rollup/rollup-linux-riscv64-musl@4.53.4':
-    resolution: {integrity: sha512-btm35eAbDfPtcFEgaXCI5l3c2WXyzwiE8pArhd66SDtoLWmgK5/M7CUxmUglkwtniPzwvWioBKKl6IXLbPf2sQ==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@rollup/rollup-linux-s390x-gnu@4.53.4':
-    resolution: {integrity: sha512-uJlhKE9ccUTCUlK+HUz/80cVtx2RayadC5ldDrrDUFaJK0SNb8/cCmC9RhBhIWuZ71Nqj4Uoa9+xljKWRogdhA==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-gnu@4.53.4':
-    resolution: {integrity: sha512-jjEMkzvASQBbzzlzf4os7nzSBd/cvPrpqXCUOqoeCh1dQ4BP3RZCJk8XBeik4MUln3m+8LeTJcY54C/u8wb3DQ==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-linux-x64-musl@4.53.4':
-    resolution: {integrity: sha512-lu90KG06NNH19shC5rBPkrh6mrTpq5kviFylPBXQVpdEu0yzb0mDgyxLr6XdcGdBIQTH/UAhDJnL+APZTBu1aQ==}
-    cpu: [x64]
-    os: [linux]
-
-  '@rollup/rollup-openharmony-arm64@4.53.4':
-    resolution: {integrity: sha512-dFDcmLwsUzhAm/dn0+dMOQZoONVYBtgik0VuY/d5IJUUb787L3Ko/ibvTvddqhb3RaB7vFEozYevHN4ox22R/w==}
-    cpu: [arm64]
-    os: [openharmony]
-
-  '@rollup/rollup-win32-arm64-msvc@4.53.4':
-    resolution: {integrity: sha512-WvUpUAWmUxZKtRnQWpRKnLW2DEO8HB/l8z6oFFMNuHndMzFTJEXzaYJ5ZAmzNw0L21QQJZsUQFt2oPf3ykAD/w==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@rollup/rollup-win32-ia32-msvc@4.53.4':
-    resolution: {integrity: sha512-JGbeF2/FDU0x2OLySw/jgvkwWUo05BSiJK0dtuI4LyuXbz3wKiC1xHhLB1Tqm5VU6ZZDmAorj45r/IgWNWku5g==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@rollup/rollup-win32-x64-gnu@4.53.4':
-    resolution: {integrity: sha512-zuuC7AyxLWLubP+mlUwEyR8M1ixW1ERNPHJfXm8x7eQNP4Pzkd7hS3qBuKBR70VRiQ04Kw8FNfRMF5TNxuZq2g==}
-    cpu: [x64]
-    os: [win32]
+  '@rollup/rollup-win32-x64-gnu@4.53.4':
+    resolution: {integrity: sha512-zuuC7AyxLWLubP+mlUwEyR8M1ixW1ERNPHJfXm8x7eQNP4Pzkd7hS3qBuKBR70VRiQ04Kw8FNfRMF5TNxuZq2g==}
+    cpu: [x64]
+    os: [win32]
 
   '@rollup/rollup-win32-x64-msvc@4.53.4':
     resolution: {integrity: sha512-Sbx45u/Lbb5RyptSbX7/3deP+/lzEmZ0BTSHxwxN/IMOZDZf8S0AGo0hJD5n/LQssxb5Z3B4og4P2X6Dd8acCA==}
     cpu: [x64]
     os: [win32]
 
+  '@sec-ant/readable-stream@0.4.1':
+    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
   '@tailwindcss/node@4.1.18':
     resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
 
@@ -1994,6 +1431,9 @@ packages:
     resolution: {integrity: sha512-CJrWtr6L9TVzEImm9S7dQINx+xJcYP/aDkIi6gnaWtIgbZs1pnzsE0yJc2noqXZ+yAOqLx3TBGpBEs9tS0P9/A==}
     engines: {node: '>=12'}
 
+  '@ts-morph/common@0.27.0':
+    resolution: {integrity: sha512-Wf29UqxWDpc+i61k3oIOzcUfQt79PIT9y/MWfAGlrkjg6lBC1hwDECLXPVJAhWjiGbfBCxZd65F/LIZF3+jeJQ==}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -2047,6 +1487,12 @@ packages:
   '@types/react@19.2.7':
     resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
 
+  '@types/statuses@2.0.6':
+    resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
+
+  '@types/validate-npm-package-name@4.0.2':
+    resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
+
   '@typescript-eslint/eslint-plugin@8.33.1':
     resolution: {integrity: sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -2164,6 +1610,10 @@ packages:
   '@wxt-dev/storage@1.2.6':
     resolution: {integrity: sha512-f6AknnpJvhNHW4s0WqwSGCuZAj0fjP3EVNPBO5kB30pY+3Zt/nqZGqJN6FgBLCSkYjPJ8VL1hNX5LMVmvxQoDw==}
 
+  accepts@2.0.0:
+    resolution: {integrity: sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==}
+    engines: {node: '>= 0.6'}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -2183,9 +1633,24 @@ packages:
     resolution: {integrity: sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==}
     engines: {node: '>=12.0'}
 
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+
   ansi-align@3.0.1:
     resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
 
@@ -2220,10 +1685,6 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-hidden@1.2.6:
-    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
-    engines: {node: '>=10'}
-
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -2296,6 +1757,10 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  baseline-browser-mapping@2.9.14:
+    resolution: {integrity: sha512-B0xUquLkiGLgHhpPBqvl7GWegWBUNuujQ6kXd/r1U38ElPT6Ok8KZ8e+FpUGEc2ZoRQUzq/aUnaKFc/svWUGSg==}
+    hasBin: true
+
   binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
@@ -2303,6 +1768,10 @@ packages:
   bluebird@3.7.2:
     resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
 
+  body-parser@2.2.2:
+    resolution: {integrity: sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==}
+    engines: {node: '>=18'}
+
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -2325,6 +1794,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   buffer-from@1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
 
@@ -2332,6 +1806,10 @@ packages:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
 
+  bytes@3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+
   c12@3.3.2:
     resolution: {integrity: sha512-QkikB2X5voO1okL3QsES0N690Sn/K9WokXqUsDQsWy5SnYb+psYQFGA10iy1bZHj3fjISKsI67Q90gruvWWM3A==}
     peerDependencies:
@@ -2375,6 +1853,9 @@ packages:
   caniuse-lite@1.0.30001706:
     resolution: {integrity: sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==}
 
+  caniuse-lite@1.0.30001764:
+    resolution: {integrity: sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g==}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -2422,6 +1903,10 @@ packages:
     resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
     engines: {node: '>=18'}
 
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -2430,11 +1915,8 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  cmdk@1.1.1:
-    resolution: {integrity: sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg==}
-    peerDependencies:
-      react: ^18 || ^19 || ^19.0.0-rc
-      react-dom: ^18 || ^19 || ^19.0.0-rc
+  code-block-writer@13.0.3:
+    resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
 
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
@@ -2457,6 +1939,14 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@14.0.2:
+    resolution: {integrity: sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==}
+    engines: {node: '>=20'}
+
   commander@2.9.0:
     resolution: {integrity: sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==}
     engines: {node: '>= 0.6.x'}
@@ -2489,15 +1979,48 @@ packages:
     resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
+  content-disposition@1.0.1:
+    resolution: {integrity: sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==}
+    engines: {node: '>=18'}
+
+  content-type@1.0.5:
+    resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
+    engines: {node: '>= 0.6'}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
   cookie-es@2.0.0:
     resolution: {integrity: sha512-RAj4E421UYRgqokKUmotqAwuplYw15qtdXfY+hGzgCJ/MBjCVZcSoHK/kH9kocfjRjcDME7IiDWR/1WX1TM2Pg==}
 
+  cookie-signature@1.2.2:
+    resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
+    engines: {node: '>=6.6.0'}
+
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
+  cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+
+  cosmiconfig@9.0.0:
+    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   country-flag-icons@1.5.14:
     resolution: {integrity: sha512-GAFsVzHDu3bdAhbQ1LwBRqk/Ad8+ZzS5zU49P+lRla0KGy/V1V8ywNa1SxBOAmI/lyEOT9dfH3Q++q1lqJlvBA==}
 
@@ -2517,12 +2040,21 @@ packages:
     resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
     engines: {node: '>= 6'}
 
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   cssom@0.5.0:
     resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
 
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  data-uri-to-buffer@4.0.1:
+    resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
+    engines: {node: '>= 12'}
+
   data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -2571,6 +2103,14 @@ packages:
   decode-formdata@0.9.0:
     resolution: {integrity: sha512-q5uwOjR3Um5YD+ZWPOF/1sGHVW9A5rCrRwITQChRXlmPkxDFBqCm4jNTIVdGHNH9OnR+V9MoZVgRhsFb+ARbUw==}
 
+  dedent@1.7.1:
+    resolution: {integrity: sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
   deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}
@@ -2613,6 +2153,10 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
   dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
@@ -2628,9 +2172,6 @@ packages:
     resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
     engines: {node: '>=8'}
 
-  detect-node-es@1.1.0:
-    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
-
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
@@ -2675,6 +2216,16 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
+  eciesjs@0.4.16:
+    resolution: {integrity: sha512-dS5cbA9rA2VR4Ybuvhg6jvdmp46ubLn3E+px8cG/35aEDNclrqoCjg6mt0HYZ/M+OoESS3jSkCrqk1kWAEhWAw==}
+    engines: {bun: '>=1', deno: '>=2', node: '>=16'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  electron-to-chromium@1.5.267:
+    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+
   electron-to-chromium@1.5.49:
     resolution: {integrity: sha512-ZXfs1Of8fDb6z7WEYZjXpgIRF6MEu8JdeGA0A40aZq6OQbS+eJpnnV49epZRna2DU/YsEjSQuGtQPPtvt6J65A==}
 
@@ -2684,6 +2235,10 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
   enhanced-resolve@5.18.3:
     resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
     engines: {node: '>=10.13.0'}
@@ -2696,6 +2251,10 @@ packages:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
 
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
   environment@1.1.0:
     resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
     engines: {node: '>=18'}
@@ -2762,6 +2321,9 @@ packages:
     resolution: {integrity: sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==}
     engines: {node: '>=12'}
 
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -2848,9 +2410,39 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
+  eventsource-parser@3.0.6:
+    resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
+    engines: {node: '>=18.0.0'}
+
+  eventsource@3.0.7:
+    resolution: {integrity: sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==}
+    engines: {node: '>=18.0.0'}
+
+  execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+
+  execa@9.6.1:
+    resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
+    engines: {node: ^18.19.0 || >=20.5.0}
+
+  express-rate-limit@7.5.1:
+    resolution: {integrity: sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      express: '>= 4.11'
+
+  express@5.2.1:
+    resolution: {integrity: sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==}
+    engines: {node: '>= 18'}
+
   exsolve@1.0.8:
     resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
 
@@ -2875,6 +2467,9 @@ packages:
     resolution: {integrity: sha512-dwsoQlS7h9hMeYUq1W++23NDcBLV4KqONnITDV9DjfS3q1SgDGVrBdvvTLUotWtPSD7asWDV9/CmsZPy8Hf70A==}
     engines: {node: '>=6'}
 
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
@@ -2887,6 +2482,14 @@ packages:
       picomatch:
         optional: true
 
+  fetch-blob@3.2.0:
+    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
+    engines: {node: ^12.20 || >= 14.13}
+
+  figures@6.1.0:
+    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
+    engines: {node: '>=18'}
+
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -2899,6 +2502,10 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  finalhandler@2.1.1:
+    resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
+    engines: {node: '>= 18.0.0'}
+
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -2939,6 +2546,18 @@ packages:
     resolution: {integrity: sha512-8e1++BCiTzUno9v5IZ2J6bv4RU+3UKDmqWUQD0MIMVCd9AdhWkO1gw57oo1mNEX1dMq2EGI+FbWz4B92pscSQg==}
     engines: {node: '>= 18'}
 
+  formdata-polyfill@4.0.10:
+    resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
+    engines: {node: '>=12.20.0'}
+
+  forwarded@0.2.0:
+    resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
+    engines: {node: '>= 0.6'}
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
   fs-extra@11.3.2:
     resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
     engines: {node: '>=14.14'}
@@ -2963,10 +2582,16 @@ packages:
   functions-have-names@1.2.3:
     resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
 
+  fuzzysort@3.1.0:
+    resolution: {integrity: sha512-sR9BNCjBg6LNgwvxlBd0sBABvQitkLzoVY9MYYROQVX/FvfJ4Mai9LsGhDgd8qYdds0bY77VzYd5iuB+v5rwQQ==}
+
   fx-runner@1.4.0:
     resolution: {integrity: sha512-rci1g6U0rdTg6bAaBboP7XdRu01dzTAaKXxFf+PUqGuCv6Xu7o8NZdY1D5MvKGIjb6EdS1g3VlXOgksir1uGkg==}
     hasBin: true
 
+  fzf@0.5.2:
+    resolution: {integrity: sha512-Tt4kuxLXFKHy8KT40zwsUPUkg1CrsgY25FxA2U/j/0WgEDCk3ddc/zLTCCcbSHX9FcKtLuVaDGtGE/STWC+j3Q==}
+
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -2987,9 +2612,9 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
-  get-nonce@1.0.1:
-    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
-    engines: {node: '>=6'}
+  get-own-enumerable-keys@1.0.0:
+    resolution: {integrity: sha512-PKsK2FSrQCyxcGHsGrLDcK0lx+0Ke+6e8KFFozA9/fIQLhQzPaRvJFdcz7+Axg3jUH/Mq+NI4xa5u/UT2tQskA==}
+    engines: {node: '>=14.16'}
 
   get-port-please@3.2.0:
     resolution: {integrity: sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==}
@@ -2998,6 +2623,14 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+
+  get-stream@9.0.1:
+    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
+    engines: {node: '>=18'}
+
   get-symbol-description@1.1.0:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
     engines: {node: '>= 0.4'}
@@ -3052,6 +2685,10 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  graphql@16.12.0:
+    resolution: {integrity: sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==}
+    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
+
   growly@1.3.0:
     resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
 
@@ -3081,6 +2718,9 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  headers-polyfill@4.0.3:
+    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
+
   hermes-estree@0.25.1:
     resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
 
@@ -3090,6 +2730,10 @@ packages:
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
+  hono@4.11.4:
+    resolution: {integrity: sha512-U7tt8JsyrxSRKspfhtLET79pU8K+tInj5QZXs1jSugO1Vq5dFj3kmZsRldo29mTBfcjDRVRXrEZ6LS63Cog9ZA==}
+    engines: {node: '>=16.9.0'}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -3099,6 +2743,26 @@ packages:
   htmlparser2@10.0.0:
     resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
 
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+
+  human-signals@8.0.1:
+    resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
+    engines: {node: '>=18.18.0'}
+
+  iconv-lite@0.7.2:
+    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
+    engines: {node: '>=0.10.0'}
+
   ignore@5.3.1:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
@@ -3142,6 +2806,10 @@ packages:
   intl-messageformat@10.7.16:
     resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
 
+  ipaddr.js@1.9.1:
+    resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
+    engines: {node: '>= 0.10'}
+
   is-absolute@0.1.7:
     resolution: {integrity: sha512-Xi9/ZSn4NFapG8RP98iNPMOeaV3mXPisxKxzKtHVqr3g56j/fBn+yZmnxSVAA8lmZbl2J9b/a4kJvfU3hqQYgA==}
     engines: {node: '>=0.10.0'}
@@ -3230,6 +2898,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  is-in-ssh@1.0.0:
+    resolution: {integrity: sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==}
+    engines: {node: '>=20'}
+
   is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -3247,6 +2919,9 @@ packages:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
+  is-node-process@1.2.0:
+    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
+
   is-npm@6.1.0:
     resolution: {integrity: sha512-O2z4/kNgyjhQwVR1Wpkbfc19JIhggF97NZNCpWTnjH7kVcZMUrnut9XSN7txI7VdyIYk5ZatOq3zvSuWpU8hoA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -3259,10 +2934,18 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
+  is-obj@3.0.0:
+    resolution: {integrity: sha512-IlsXEHOjtKhpN8r/tRFj2nDyTmHvcfNeu/nrRIcXE17ROeatXchkojffa1SpdqW4cr/Fj6QkEf/Gn4zf6KKvEQ==}
+    engines: {node: '>=12'}
+
   is-path-inside@4.0.0:
     resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
     engines: {node: '>=12'}
 
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
   is-plain-object@2.0.4:
     resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
     engines: {node: '>=0.10.0'}
@@ -3274,10 +2957,17 @@ packages:
     resolution: {integrity: sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==}
     engines: {node: '>=0.10.0'}
 
+  is-promise@4.0.0:
+    resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
+  is-regexp@3.1.0:
+    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
+    engines: {node: '>=12'}
+
   is-relative@0.1.3:
     resolution: {integrity: sha512-wBOr+rNM4gkAZqoLRJI4myw5WzzIdQosFAAbnvfXP5z1LyzgAI3ivOKehC5KfqlQJZoihVhirgtCBj378Eg8GA==}
     engines: {node: '>=0.10.0'}
@@ -3290,6 +2980,14 @@ packages:
     resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
     engines: {node: '>= 0.4'}
 
+  is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+
+  is-stream@4.0.1:
+    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
+    engines: {node: '>=18'}
+
   is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
     engines: {node: '>= 0.4'}
@@ -3346,6 +3044,10 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
+  isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+
   isobject@3.0.1:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
@@ -3358,6 +3060,9 @@ packages:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
 
+  jose@6.1.3:
+    resolution: {integrity: sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -3376,6 +3081,9 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
   json-parse-even-better-errors@3.0.2:
     resolution: {integrity: sha512-fi0NG4bPjCHunUJffmLd0gxssIgkNmArMvis4iNah6Owg1MCJjWhEcDLmsK6iGkJq3tHwbDkTlce70/tmXN4cQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -3383,6 +3091,12 @@ packages:
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json-schema-typed@8.0.2:
+    resolution: {integrity: sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -3408,6 +3122,10 @@ packages:
     resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
     engines: {node: '>=6'}
 
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
   ky@1.14.1:
     resolution: {integrity: sha512-hYje4L9JCmpEQBtudo+v52X5X8tgWXUYyPcxKSuxQNboqufecl9VMWjGiucAFH060AwPXHZuH+WB2rrqfkmafw==}
     engines: {node: '>=18'}
@@ -3496,6 +3214,9 @@ packages:
     resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
     engines: {node: '>= 12.0.0'}
 
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
   lines-and-columns@2.0.4:
     resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -3563,6 +3284,17 @@ packages:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  media-typer@1.1.0:
+    resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
+    engines: {node: '>= 0.8'}
+
+  merge-descriptors@2.0.0:
+    resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
+    engines: {node: '>=18'}
+
+  merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+
   merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -3575,10 +3307,22 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
   mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+
   mimic-function@5.0.1:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
@@ -3606,10 +3350,24 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  msw@2.12.7:
+    resolution: {integrity: sha512-retd5i3xCZDVWMYjHEVuKTmhqY8lSsxujjVrZiGbbdoxxIBg5S7rCuYy/YQpfrTYIxpd/o0Kyb/3H+1udBMoYg==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>= 4.8.x'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   multimatch@6.0.0:
     resolution: {integrity: sha512-I7tSVxHGPlmPN/enE3mS1aOSo6bWBfls+3HmuEeCUBCE7gWnm3cBXCBkpurzFjVRwC6Kld8lLaZ1Iv5vOcjvcQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  mute-stream@2.0.0:
+    resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
   nano-spawn@1.0.3:
     resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
     engines: {node: '>=20.17'}
@@ -3627,15 +3385,28 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  negotiator@1.0.0:
+    resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
+    engines: {node: '>= 0.6'}
+
   next-themes@0.4.6:
     resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
     peerDependencies:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
+  node-domexception@1.0.0:
+    resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
+    engines: {node: '>=10.5.0'}
+    deprecated: Use your platform's native DOMException instead
+
   node-fetch-native@1.6.7:
     resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
 
+  node-fetch@3.3.2:
+    resolution: {integrity: sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   node-forge@1.3.3:
     resolution: {integrity: sha512-rLvcdSyRCyouf6jcOIPe/BgwG/d7hKjzMKOas33/pHEr6gbq18IK9zV7DiPvzsz0oBJPme6qr6H6kGZuI9/DZg==}
     engines: {node: '>= 6.13.0'}
@@ -3646,10 +3417,21 @@ packages:
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+
+  npm-run-path@6.0.0:
+    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
+    engines: {node: '>=18'}
+
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
@@ -3670,6 +3452,10 @@ packages:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
 
+  object-treeify@1.1.33:
+    resolution: {integrity: sha512-EFVjAYfzWqWsBMRHPMAXLCDIJnpMhdWAqR7xG6M6a2cs6PMFpl/+Z20w9zDW4vkxOFfddegBKq9Rehd0bxWE7A==}
+    engines: {node: '>= 10'}
+
   object.assign@4.1.7:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
@@ -3696,6 +3482,17 @@ packages:
     resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
     engines: {node: '>=14.0.0'}
 
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+
   onetime@7.0.0:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
@@ -3704,6 +3501,10 @@ packages:
     resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
     engines: {node: '>=18'}
 
+  open@11.0.0:
+    resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
+    engines: {node: '>=20'}
+
   open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -3720,6 +3521,9 @@ packages:
     resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
     engines: {node: '>= 0.4.0'}
 
+  outvariant@1.4.3:
+    resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
+
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
@@ -3736,6 +3540,9 @@ packages:
     resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
     engines: {node: '>=18'}
 
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
   pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
@@ -3743,10 +3550,25 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
   parse-json@7.1.1:
     resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
     engines: {node: '>=16'}
 
+  parse-ms@4.0.0:
+    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
+    engines: {node: '>=18'}
+
+  parseurl@1.3.3:
+    resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
+    engines: {node: '>= 0.8'}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -3755,9 +3577,19 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
+
+  path-to-regexp@8.3.0:
+    resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
+
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
@@ -3785,6 +3617,10 @@ packages:
     resolution: {integrity: sha512-vnMCM6xZTb1WDmLvtG2lE/2p+t9hDEIvTWJsu6FejkE62vB7gDhvzrpFR4Cw2to+9JNQxVnkAKVPA1KPB98vWg==}
     hasBin: true
 
+  pkce-challenge@5.0.1:
+    resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
+    engines: {node: '>=16.20.0'}
+
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
@@ -3805,6 +3641,10 @@ packages:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
 
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
   postcss@8.5.1:
     resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3813,6 +3653,10 @@ packages:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
 
+  powershell-utils@0.1.0:
+    resolution: {integrity: sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==}
+    engines: {node: '>=20'}
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -3882,6 +3726,10 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  pretty-ms@9.3.0:
+    resolution: {integrity: sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==}
+    engines: {node: '>=18'}
+
   process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
 
@@ -3902,6 +3750,10 @@ packages:
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
+  proxy-addr@2.0.7:
+    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
+    engines: {node: '>= 0.10'}
+
   proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
 
@@ -3921,6 +3773,10 @@ packages:
     resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
     engines: {node: '>=0.6'}
 
+  qs@6.14.1:
+    resolution: {integrity: sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==}
+    engines: {node: '>=0.6'}
+
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
@@ -3930,18 +3786,13 @@ packages:
   quick-format-unescaped@4.0.4:
     resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
 
-  radix-ui@1.4.3:
-    resolution: {integrity: sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==}
-    peerDependencies:
-      '@types/react': '*'
-      '@types/react-dom': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  raw-body@3.0.2:
+    resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
+    engines: {node: '>= 0.10'}
 
   rc9@2.1.2:
     resolution: {integrity: sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==}
@@ -3950,8 +3801,8 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-day-picker@9.11.1:
-    resolution: {integrity: sha512-l3ub6o8NlchqIjPKrRFUCkTUEq6KwemQlfv3XZzzwpUeGwmDJ+0u0Upmt38hJyd7D/vn2dQoOoLV/qAp0o3uUw==}
+  react-day-picker@9.13.0:
+    resolution: {integrity: sha512-euzj5Hlq+lOHqI53NiuNhCP8HWgsPf/bBAVijR50hNaY1XwjKjShAnIe8jm8RD2W9IJUvihDIZ+KrmqfFzNhFQ==}
     engines: {node: '>=18'}
     peerDependencies:
       react: '>=16.8.0'
@@ -3977,36 +3828,6 @@ packages:
     resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
 
-  react-remove-scroll-bar@2.3.8:
-    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  react-remove-scroll@2.7.1:
-    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  react-style-singleton@2.2.3:
-    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   react@19.2.3:
     resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
     engines: {node: '>=0.10.0'}
@@ -4050,6 +3871,13 @@ packages:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
 
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -4065,6 +3893,9 @@ packages:
     resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
     engines: {node: '>=18'}
 
+  rettime@0.7.0:
+    resolution: {integrity: sha512-LPRKoHnLKd/r3dVxcwO7vhCW+orkOGj9ViueosEBK6ie89CijnfRlhaDhHq/3Hxu4CkWQtxwlBG0mzTQY6uQjw==}
+
   reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -4077,6 +3908,10 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  router@2.2.0:
+    resolution: {integrity: sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==}
+    engines: {node: '>= 18'}
+
   run-applescript@7.1.0:
     resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
     engines: {node: '>=18'}
@@ -4103,6 +3938,9 @@ packages:
     resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
     engines: {node: '>=10'}
 
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
   sax@1.4.3:
     resolution: {integrity: sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==}
 
@@ -4121,6 +3959,10 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
   seroval-plugins@1.4.0:
     resolution: {integrity: sha512-zir1aWzoiax6pbBVjoYVd0O1QQXgIL3eVGBMsBsNmM8Ukq90yGaWlfx0AB9dTS8GPqrOrbXn79vmItCUP9U3BQ==}
     engines: {node: '>=10'}
@@ -4131,6 +3973,10 @@ packages:
     resolution: {integrity: sha512-BdrNXdzlofomLTiRnwJTSEAaGKyHHZkbMXIywOh7zlzp4uZnXErEwl9XZ+N1hJSNpeTtNxWvVwN0wUzAIQ4Hpg==}
     engines: {node: '>=10'}
 
+  serve-static@2.2.1:
+    resolution: {integrity: sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==}
+    engines: {node: '>= 18'}
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -4150,6 +3996,13 @@ packages:
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shadcn@3.6.3:
+    resolution: {integrity: sha512-j2xlma8PtYLbhvA612/MPOrDYsEp0DIiU1gC0BEbSBqWR6mBgwiKpA21Juq9tSswgUeIfxoUzZX8c7YwcL3ncA==}
+    hasBin: true
+
   sharp@0.33.5:
     resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -4184,6 +4037,9 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
+  signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -4236,10 +4092,17 @@ packages:
   split@1.0.1:
     resolution: {integrity: sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==}
 
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
   stdin-discarder@0.2.2:
     resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
     engines: {node: '>=18'}
 
+  strict-event-emitter@0.5.1:
+    resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -4270,6 +4133,10 @@ packages:
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
+  stringify-object@5.0.0:
+    resolution: {integrity: sha512-zaJYxz2FtcMb4f+g60KsRNFOpVMUyuJgA51Zi5Z1DOTC3S59+OQiVOzE9GZt0x72uBGWKsQIuBKeF9iusmKFsg==}
+    engines: {node: '>=14.16'}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -4278,10 +4145,22 @@ packages:
     resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
     engines: {node: '>=12'}
 
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
   strip-bom@5.0.0:
     resolution: {integrity: sha512-p+byADHF7SzEcVnLvc/r3uognM1hUhObuHXxJcgLCfD194XAkaLbjq3Wzb0N5G2tgIjH0dgT708Z51QxMeu60A==}
     engines: {node: '>=12'}
 
+  strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+
+  strip-final-newline@4.0.0:
+    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
+    engines: {node: '>=18'}
+
   strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -4311,6 +4190,13 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  tabbable@6.4.0:
+    resolution: {integrity: sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==}
+
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
   tailwind-merge@3.3.1:
     resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
 
@@ -4344,6 +4230,13 @@ packages:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tldts-core@7.0.19:
+    resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
+
+  tldts@7.0.19:
+    resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
+    hasBin: true
+
   tmp@0.2.5:
     resolution: {integrity: sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==}
     engines: {node: '>=14.14'}
@@ -4352,12 +4245,27 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  tough-cookie@6.0.0:
+    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
+    engines: {node: '>=16'}
+
   ts-api-utils@2.1.0:
     resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
 
+  ts-morph@26.0.0:
+    resolution: {integrity: sha512-ztMO++owQnz8c/gIENcM9XfCEzgoGphTv+nKpYNM1bgsdOVC/jRZuEBf6N+mLLDNg68Kl+GgUZfOySaRiG1/Ug==}
+
+  tsconfig-paths@4.2.0:
+    resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
+    engines: {node: '>=6'}
+
   tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
 
@@ -4384,6 +4292,14 @@ packages:
     resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
     engines: {node: '>=16'}
 
+  type-fest@5.4.1:
+    resolution: {integrity: sha512-xygQcmneDyzsEuKZrFbRMne5HDqMs++aFzefrJTgEIKjQ3rekM+RPfFCVq2Gp1VIDqddoYeppCj4Pcb+RZW0GQ==}
+    engines: {node: '>=20'}
+
+  type-is@2.0.1:
+    resolution: {integrity: sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==}
+    engines: {node: '>= 0.6'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -4428,6 +4344,10 @@ packages:
   undici-types@6.20.0:
     resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
 
+  unicorn-magic@0.3.0:
+    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
+    engines: {node: '>=18'}
+
   unimport@5.6.0:
     resolution: {integrity: sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==}
     engines: {node: '>=18.12.0'}
@@ -4436,6 +4356,10 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unpipe@1.0.0:
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
+    engines: {node: '>= 0.8'}
+
   unplugin-utils@0.3.1:
     resolution: {integrity: sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==}
     engines: {node: '>=20.19.0'}
@@ -4444,12 +4368,21 @@ packages:
     resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
     engines: {node: '>=18.12.0'}
 
+  until-async@3.0.2:
+    resolution: {integrity: sha512-IiSk4HlzAMqTUseHHe3VhIGyuFmN90zMTpD3Z3y8jeQbzLIq500MVM7Jq2vUAnTKAFPJrqwkzr6PoTcPhGcOiw==}
+
   update-browserslist-db@1.1.1:
     resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   update-notifier@7.3.1:
     resolution: {integrity: sha512-+dwUY4L35XFYEzE+OAL3sarJdUioVovq+8f7lcIJ7wnmnYQV5UD1Y/lcwaMSyaQ6Bj3JMj1XSTjZbNLHn/19yA==}
     engines: {node: '>=18'}
@@ -4457,26 +4390,6 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  use-callback-ref@1.3.3:
-    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  use-sidecar@1.1.3:
-    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   use-sync-external-store@1.5.0:
     resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
     peerDependencies:
@@ -4494,6 +4407,14 @@ packages:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
 
+  validate-npm-package-name@7.0.2:
+    resolution: {integrity: sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
+  vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+
   vite-node@3.2.4:
     resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
@@ -4547,6 +4468,10 @@ packages:
     resolution: {integrity: sha512-rQicL7OwuqWdQWI33JkSXKcp7cuv1mJG8u3jRQwx/8aDsmhbTHs9ZRmNYOL+LX0wX8edIEQX8jj4bB60GoXtKA==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
 
+  web-streams-polyfill@3.3.3:
+    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
+    engines: {node: '>= 8'}
+
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
@@ -4581,6 +4506,11 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  which@4.0.0:
+    resolution: {integrity: sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==}
+    engines: {node: ^16.13.0 || >=18.0.0}
+    hasBin: true
+
   widest-line@5.0.0:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
@@ -4588,6 +4518,10 @@ packages:
   winreg@0.0.12:
     resolution: {integrity: sha512-typ/+JRmi7RqP1NanzFULK36vczznSNN8kWVA9vIqXyv8GhghUlwhGp1Xj3Nms1FsPcNnsQrJOR10N58/nQ9hQ==}
 
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
   wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -4596,10 +4530,17 @@ packages:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
 
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
   wsl-utils@0.1.0:
     resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
     engines: {node: '>=18'}
 
+  wsl-utils@0.3.1:
+    resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
+    engines: {node: '>=20'}
+
   wxt@0.20.12:
     resolution: {integrity: sha512-Ra4pu72WXFv9nTLDGVizJuThHKVvKB7iNAkWuORyMaIs9s/WCqXK8Ael83XKnSOyTKjDQ9wGIZ28QUOzizGZ6w==}
     hasBin: true
@@ -4640,9 +4581,22 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  yoctocolors-cjs@2.1.3:
+    resolution: {integrity: sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==}
+    engines: {node: '>=18'}
+
+  yoctocolors@2.1.2:
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
+
   zip-dir@2.0.0:
     resolution: {integrity: sha512-uhlsJZWz26FLYXOD6WVuq+fIcZ3aBPGo/cFdiLlv3KNwpa52IF3ISV8fLhQLiqVu5No3VhlqlgthN6gehil1Dg==}
 
+  zod-to-json-schema@3.25.1:
+    resolution: {integrity: sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==}
+    peerDependencies:
+      zod: ^3.25 || ^4
+
   zod-validation-error@4.0.2:
     resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
     engines: {node: '>=18.0.0'}
@@ -4673,6 +4627,13 @@ snapshots:
     optionalDependencies:
       rollup: 4.53.4
 
+  '@antfu/ni@25.0.0':
+    dependencies:
+      ansis: 4.2.0
+      fzf: 0.5.2
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.2
+
   '@babel/code-frame@7.27.1':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
@@ -4852,6 +4813,8 @@ snapshots:
 
   '@babel/runtime@7.28.2': {}
 
+  '@babel/runtime@7.28.4': {}
+
   '@babel/template@7.27.2':
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -4880,6 +4843,31 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
+  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@base-ui/utils': 0.2.4(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@floating-ui/utils': 0.2.10
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      reselect: 5.1.1
+      tabbable: 6.4.0
+      use-sync-external-store: 1.6.0(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.7
+
+  '@base-ui/utils@0.2.4(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      '@babel/runtime': 7.28.4
+      '@floating-ui/utils': 0.2.10
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      reselect: 5.1.1
+      use-sync-external-store: 1.6.0(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.7
+
   '@date-fns/tz@1.4.1': {}
 
   '@devicefarmer/adbkit-logcat@2.1.3': {}
@@ -4898,6 +4886,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@dotenvx/dotenvx@1.51.4':
+    dependencies:
+      commander: 11.1.0
+      dotenv: 17.2.3
+      eciesjs: 0.4.16
+      execa: 5.1.1
+      fdir: 6.5.0(picomatch@4.0.3)
+      ignore: 5.3.1
+      object-treeify: 1.1.33
+      picomatch: 4.0.3
+      which: 4.0.0
+
+  '@ecies/ciphers@0.2.5(@noble/ciphers@1.3.0)':
+    dependencies:
+      '@noble/ciphers': 1.3.0
+
   '@emnapi/runtime@1.2.0':
     dependencies:
       tslib: 2.5.3
@@ -5041,1020 +5045,355 @@ snapshots:
   '@esbuild/win32-arm64@0.25.1':
     optional: true
 
-  '@esbuild/win32-arm64@0.27.1':
-    optional: true
-
-  '@esbuild/win32-ia32@0.25.1':
-    optional: true
-
-  '@esbuild/win32-ia32@0.27.1':
-    optional: true
-
-  '@esbuild/win32-x64@0.25.1':
-    optional: true
-
-  '@esbuild/win32-x64@0.27.1':
-    optional: true
-
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.6.1))':
-    dependencies:
-      eslint: 9.28.0(jiti@2.6.1)
-      eslint-visitor-keys: 3.4.3
-
-  '@eslint-community/regexpp@4.12.1': {}
-
-  '@eslint/config-array@0.20.0':
-    dependencies:
-      '@eslint/object-schema': 2.1.6
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/config-helpers@0.2.2': {}
-
-  '@eslint/core@0.14.0':
-    dependencies:
-      '@types/json-schema': 7.0.15
-
-  '@eslint/eslintrc@3.3.1':
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 10.3.0
-      globals: 14.0.0
-      ignore: 5.3.1
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/js@9.28.0': {}
-
-  '@eslint/object-schema@2.1.6': {}
-
-  '@eslint/plugin-kit@0.3.1':
-    dependencies:
-      '@eslint/core': 0.14.0
-      levn: 0.4.1
-
-  '@floating-ui/core@1.2.6': {}
-
-  '@floating-ui/dom@1.6.3':
-    dependencies:
-      '@floating-ui/core': 1.2.6
-      '@floating-ui/utils': 0.2.1
-
-  '@floating-ui/react-dom@2.1.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@floating-ui/dom': 1.6.3
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-
-  '@floating-ui/utils@0.2.1': {}
-
-  '@formatjs/cli@6.7.1': {}
-
-  '@formatjs/ecma402-abstract@2.3.4':
-    dependencies:
-      '@formatjs/fast-memoize': 2.2.7
-      '@formatjs/intl-localematcher': 0.6.1
-      decimal.js: 10.4.3
-      tslib: 2.8.1
-
-  '@formatjs/fast-memoize@2.2.7':
-    dependencies:
-      tslib: 2.8.1
-
-  '@formatjs/icu-messageformat-parser@2.11.2':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/icu-skeleton-parser': 1.8.14
-      tslib: 2.8.1
-
-  '@formatjs/icu-skeleton-parser@1.8.14':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      tslib: 2.8.1
-
-  '@formatjs/intl-localematcher@0.6.1':
-    dependencies:
-      tslib: 2.8.1
-
-  '@formatjs/intl@3.1.6(typescript@5.7.3)':
-    dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/fast-memoize': 2.2.7
-      '@formatjs/icu-messageformat-parser': 2.11.2
-      intl-messageformat: 10.7.16
-      tslib: 2.8.1
-    optionalDependencies:
-      typescript: 5.7.3
-
-  '@humanfs/core@0.19.1': {}
-
-  '@humanfs/node@0.16.6':
-    dependencies:
-      '@humanfs/core': 0.19.1
-      '@humanwhocodes/retry': 0.3.1
-
-  '@humanwhocodes/module-importer@1.0.1': {}
-
-  '@humanwhocodes/retry@0.3.1': {}
-
-  '@humanwhocodes/retry@0.4.3': {}
-
-  '@img/sharp-darwin-arm64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.0.4
-    optional: true
-
-  '@img/sharp-darwin-x64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.0.4
-    optional: true
-
-  '@img/sharp-libvips-darwin-arm64@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-darwin-x64@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm64@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm@1.0.5':
-    optional: true
-
-  '@img/sharp-libvips-linux-s390x@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-x64@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
-    optional: true
-
-  '@img/sharp-linux-arm64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.0.4
-    optional: true
-
-  '@img/sharp-linux-arm@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.0.5
-    optional: true
-
-  '@img/sharp-linux-s390x@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.0.4
-    optional: true
-
-  '@img/sharp-linux-x64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.0.4
-    optional: true
-
-  '@img/sharp-linuxmusl-arm64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
-    optional: true
-
-  '@img/sharp-linuxmusl-x64@0.33.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
-    optional: true
-
-  '@img/sharp-wasm32@0.33.5':
-    dependencies:
-      '@emnapi/runtime': 1.2.0
+  '@esbuild/win32-arm64@0.27.1':
     optional: true
 
-  '@img/sharp-win32-ia32@0.33.5':
+  '@esbuild/win32-ia32@0.25.1':
     optional: true
 
-  '@img/sharp-win32-x64@0.33.5':
+  '@esbuild/win32-ia32@0.27.1':
     optional: true
 
-  '@isaacs/balanced-match@4.0.1': {}
+  '@esbuild/win32-x64@0.25.1':
+    optional: true
 
-  '@isaacs/brace-expansion@5.0.0':
-    dependencies:
-      '@isaacs/balanced-match': 4.0.1
+  '@esbuild/win32-x64@0.27.1':
+    optional: true
 
-  '@jridgewell/gen-mapping@0.3.13':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.6.1))':
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.31
+      eslint: 9.28.0(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
 
-  '@jridgewell/gen-mapping@0.3.5':
-    dependencies:
-      '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
+  '@eslint-community/regexpp@4.12.1': {}
 
-  '@jridgewell/remapping@2.3.5':
+  '@eslint/config-array@0.20.0':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-
-  '@jridgewell/resolve-uri@3.1.0': {}
-
-  '@jridgewell/set-array@1.2.1': {}
-
-  '@jridgewell/sourcemap-codec@1.5.0': {}
+      '@eslint/object-schema': 2.1.6
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  '@eslint/config-helpers@0.2.2': {}
 
-  '@jridgewell/trace-mapping@0.3.25':
+  '@eslint/core@0.14.0':
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.5.0
+      '@types/json-schema': 7.0.15
 
-  '@jridgewell/trace-mapping@0.3.31':
+  '@eslint/eslintrc@3.3.1':
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.5.5
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 10.3.0
+      globals: 14.0.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
 
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
+  '@eslint/js@9.28.0': {}
 
-  '@nodelib/fs.stat@2.0.5': {}
+  '@eslint/object-schema@2.1.6': {}
 
-  '@nodelib/fs.walk@1.2.8':
+  '@eslint/plugin-kit@0.3.1':
     dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
+      '@eslint/core': 0.14.0
+      levn: 0.4.1
 
-  '@playwright/test@1.57.0':
+  '@floating-ui/core@1.7.3':
     dependencies:
-      playwright: 1.57.0
-
-  '@pnpm/config.env-replace@1.1.0': {}
+      '@floating-ui/utils': 0.2.10
 
-  '@pnpm/network.ca-file@1.0.2':
+  '@floating-ui/dom@1.7.4':
     dependencies:
-      graceful-fs: 4.2.10
+      '@floating-ui/core': 1.7.3
+      '@floating-ui/utils': 0.2.10
 
-  '@pnpm/npm-conf@2.3.1':
+  '@floating-ui/react-dom@2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@pnpm/config.env-replace': 1.1.0
-      '@pnpm/network.ca-file': 1.0.2
-      config-chain: 1.1.13
+      '@floating-ui/dom': 1.7.4
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
 
-  '@radix-ui/number@1.1.1': {}
+  '@floating-ui/utils@0.2.10': {}
 
-  '@radix-ui/primitive@1.1.3': {}
+  '@formatjs/cli@6.7.1': {}
 
-  '@radix-ui/react-accessible-icon@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/ecma402-abstract@2.3.4':
     dependencies:
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/intl-localematcher': 0.6.1
+      decimal.js: 10.4.3
+      tslib: 2.8.1
 
-  '@radix-ui/react-alert-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/fast-memoize@2.2.7':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      tslib: 2.8.1
 
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/icu-messageformat-parser@2.11.2':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/icu-skeleton-parser': 1.8.14
+      tslib: 2.8.1
 
-  '@radix-ui/react-aspect-ratio@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/icu-skeleton-parser@1.8.14':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@formatjs/ecma402-abstract': 2.3.4
+      tslib: 2.8.1
 
-  '@radix-ui/react-avatar@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/intl-localematcher@0.6.1':
     dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-checkbox@1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      tslib: 2.8.1
 
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@formatjs/intl@3.1.6(typescript@5.7.3)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.2
+      intl-messageformat: 10.7.16
+      tslib: 2.8.1
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      typescript: 5.7.3
 
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.7)(react@19.2.3)':
+  '@hono/node-server@1.19.9(hono@4.11.4)':
     dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      hono: 4.11.4
 
-  '@radix-ui/react-context-menu@2.2.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@humanfs/core@0.19.1': {}
 
-  '@radix-ui/react-context@1.1.2(@types/react@19.2.7)(react@19.2.3)':
+  '@humanfs/node@0.16.6':
     dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.3.1
 
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@radix-ui/react-direction@1.1.1(@types/react@19.2.7)(react@19.2.3)':
-    dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+  '@humanwhocodes/retry@0.3.1': {}
 
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@humanwhocodes/retry@0.4.3': {}
 
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+  '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
 
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.7)(react@19.2.3)':
-    dependencies:
-      react: 19.2.3
+  '@img/sharp-darwin-x64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
 
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
 
-  '@radix-ui/react-form@0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-hover-card@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
 
-  '@radix-ui/react-id@1.1.1(@types/react@19.2.7)(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
 
-  '@radix-ui/react-label@2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-menubar@1.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-one-time-password-field@0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-password-toggle-field@0.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@floating-ui/react-dom': 2.1.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/rect': 1.1.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
 
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
 
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+  '@img/sharp-linux-arm64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
 
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+  '@img/sharp-linux-arm@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
 
-  '@radix-ui/react-progress@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-radio-group@1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+  '@img/sharp-linux-s390x@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      aria-hidden: 1.2.6
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      react-remove-scroll: 2.7.1(@types/react@19.2.7)(react@19.2.3)
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
 
-  '@radix-ui/react-separator@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@img/sharp-wasm32@0.33.5':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-slider@1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@emnapi/runtime': 1.2.0
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
 
-  '@radix-ui/react-slot@1.2.3(@types/react@19.2.7)(react@19.2.3)':
+  '@inquirer/ansi@1.0.2': {}
+
+  '@inquirer/confirm@5.1.21(@types/node@22.13.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
+      '@inquirer/core': 10.3.2(@types/node@22.13.1)
+      '@inquirer/type': 3.0.10(@types/node@22.13.1)
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/node': 22.13.1
 
-  '@radix-ui/react-switch@1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@inquirer/core@10.3.2(@types/node@22.13.1)':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@inquirer/ansi': 1.0.2
+      '@inquirer/figures': 1.0.15
+      '@inquirer/type': 3.0.10(@types/node@22.13.1)
+      cli-width: 4.1.0
+      mute-stream: 2.0.0
+      signal-exit: 4.1.0
+      wrap-ansi: 6.2.0
+      yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-toast@1.2.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      '@types/node': 22.13.1
+
+  '@inquirer/figures@1.0.15': {}
+
+  '@inquirer/type@3.0.10(@types/node@22.13.1)':
     optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@types/node': 22.13.1
+
+  '@isaacs/balanced-match@4.0.1': {}
 
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@isaacs/brace-expansion@5.0.0':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@isaacs/balanced-match': 4.0.1
 
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@jridgewell/gen-mapping@0.3.13':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
 
-  '@radix-ui/react-toolbar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@jridgewell/gen-mapping@0.3.5':
     dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
-
-  '@radix-ui/react-tooltip@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
 
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@jridgewell/remapping@2.3.5':
     dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.0': {}
+
+  '@jridgewell/set-array@1.2.1': {}
 
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.7)(react@19.2.3)':
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
     dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.7)(react@19.2.3)':
+  '@jridgewell/trace-mapping@0.3.31':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@modelcontextprotocol/sdk@1.25.2(hono@4.11.4)(zod@3.25.76)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@hono/node-server': 1.19.9(hono@4.11.4)
+      ajv: 8.17.1
+      ajv-formats: 3.0.1(ajv@8.17.1)
+      content-type: 1.0.5
+      cors: 2.8.5
+      cross-spawn: 7.0.6
+      eventsource: 3.0.7
+      eventsource-parser: 3.0.6
+      express: 5.2.1
+      express-rate-limit: 7.5.1(express@5.2.1)
+      jose: 6.1.3
+      json-schema-typed: 8.0.2
+      pkce-challenge: 5.0.1
+      raw-body: 3.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.1(zod@3.25.76)
+    transitivePeerDependencies:
+      - hono
+      - supports-color
 
-  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.7)(react@19.2.3)':
+  '@mswjs/interceptors@0.40.0':
     dependencies:
-      react: 19.2.3
-      use-sync-external-store: 1.5.0(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@open-draft/deferred-promise': 2.2.0
+      '@open-draft/logger': 0.3.0
+      '@open-draft/until': 2.1.0
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      strict-event-emitter: 0.5.1
+
+  '@noble/ciphers@1.3.0': {}
 
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@noble/curves@1.9.7':
     dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@noble/hashes': 1.8.0
+
+  '@noble/hashes@1.8.0': {}
 
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@nodelib/fs.scandir@2.1.5':
     dependencies:
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
 
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@nodelib/fs.walk@1.2.8':
     dependencies:
-      '@radix-ui/rect': 1.1.1
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
 
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.7)(react@19.2.3)':
+  '@open-draft/deferred-promise@2.2.0': {}
+
+  '@open-draft/logger@0.3.0':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      react: 19.2.3
-    optionalDependencies:
-      '@types/react': 19.2.7
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
 
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@open-draft/until@2.1.0': {}
+
+  '@playwright/test@1.57.0':
     dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+      playwright: 1.57.0
+
+  '@pnpm/config.env-replace@1.1.0': {}
+
+  '@pnpm/network.ca-file@1.0.2':
+    dependencies:
+      graceful-fs: 4.2.10
 
-  '@radix-ui/rect@1.1.1': {}
+  '@pnpm/npm-conf@2.3.1':
+    dependencies:
+      '@pnpm/config.env-replace': 1.1.0
+      '@pnpm/network.ca-file': 1.0.2
+      config-chain: 1.1.13
 
   '@rolldown/pluginutils@1.0.0-beta.53': {}
 
@@ -6124,6 +5463,10 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.53.4':
     optional: true
 
+  '@sec-ant/readable-stream@0.4.1': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
   '@tailwindcss/node@4.1.18':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -6342,6 +5685,12 @@ snapshots:
 
   '@tanstack/virtual-file-routes@1.141.0': {}
 
+  '@ts-morph/common@0.27.0':
+    dependencies:
+      fast-glob: 3.3.3
+      minimatch: 10.1.1
+      path-browserify: 1.0.1
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.28.5
@@ -6403,6 +5752,10 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
+  '@types/statuses@2.0.6': {}
+
+  '@types/validate-npm-package-name@4.0.2': {}
+
   '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
@@ -6579,6 +5932,11 @@ snapshots:
       async-mutex: 0.5.0
       dequal: 2.0.3
 
+  accepts@2.0.0:
+    dependencies:
+      mime-types: 3.0.2
+      negotiator: 1.0.0
+
   acorn-jsx@5.3.2(acorn@8.14.0):
     dependencies:
       acorn: 8.14.0
@@ -6589,6 +5947,12 @@ snapshots:
 
   adm-zip@0.5.16: {}
 
+  agent-base@7.1.4: {}
+
+  ajv-formats@3.0.1(ajv@8.17.1):
+    optionalDependencies:
+      ajv: 8.17.1
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -6596,6 +5960,13 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ajv@8.17.1:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
   ansi-align@3.0.1:
     dependencies:
       string-width: 4.2.3
@@ -6623,10 +5994,6 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-hidden@1.2.6:
-    dependencies:
-      tslib: 2.8.1
-
   array-buffer-byte-length@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -6732,10 +6099,26 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  baseline-browser-mapping@2.9.14: {}
+
   binary-extensions@2.2.0: {}
 
   bluebird@3.7.2: {}
 
+  body-parser@2.2.2:
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.5
+      debug: 4.4.3
+      http-errors: 2.0.1
+      iconv-lite: 0.7.2
+      on-finished: 2.4.1
+      qs: 6.14.1
+      raw-body: 3.0.2
+      type-is: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   boolbase@1.0.0: {}
 
   boxen@8.0.1:
@@ -6769,12 +6152,22 @@ snapshots:
       node-releases: 2.0.18
       update-browserslist-db: 1.1.1(browserslist@4.24.2)
 
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.9.14
+      caniuse-lite: 1.0.30001764
+      electron-to-chromium: 1.5.267
+      node-releases: 2.0.27
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
   buffer-from@1.1.2: {}
 
   bundle-name@4.1.0:
     dependencies:
       run-applescript: 7.1.0
 
+  bytes@3.1.2: {}
+
   c12@3.3.2(magicast@0.3.5):
     dependencies:
       chokidar: 4.0.3
@@ -6827,6 +6220,8 @@ snapshots:
 
   caniuse-lite@1.0.30001706: {}
 
+  caniuse-lite@1.0.30001764: {}
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -6882,6 +6277,8 @@ snapshots:
       slice-ansi: 5.0.0
       string-width: 7.2.0
 
+  cli-width@4.1.0: {}
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
@@ -6890,17 +6287,7 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.1.1(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    transitivePeerDependencies:
-      - '@types/react'
-      - '@types/react-dom'
+  code-block-writer@13.0.3: {}
 
   color-convert@2.0.1:
     dependencies:
@@ -6924,6 +6311,10 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
+  commander@11.1.0: {}
+
+  commander@14.0.2: {}
+
   commander@2.9.0:
     dependencies:
       graceful-readlink: 1.0.1
@@ -6957,12 +6348,36 @@ snapshots:
 
   consola@3.4.2: {}
 
+  content-disposition@1.0.1: {}
+
+  content-type@1.0.5: {}
+
   convert-source-map@2.0.0: {}
 
   cookie-es@2.0.0: {}
 
+  cookie-signature@1.2.2: {}
+
+  cookie@0.7.2: {}
+
+  cookie@1.1.1: {}
+
   core-util-is@1.0.3: {}
 
+  cors@2.8.5:
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+
+  cosmiconfig@9.0.0(typescript@5.7.3):
+    dependencies:
+      env-paths: 2.2.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+    optionalDependencies:
+      typescript: 5.7.3
+
   country-flag-icons@1.5.14: {}
 
   cross-env@7.0.3:
@@ -6985,10 +6400,14 @@ snapshots:
 
   css-what@6.2.2: {}
 
+  cssesc@3.0.0: {}
+
   cssom@0.5.0: {}
 
   csstype@3.2.3: {}
 
+  data-uri-to-buffer@4.0.1: {}
+
   data-view-buffer@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -7027,6 +6446,8 @@ snapshots:
 
   decode-formdata@0.9.0: {}
 
+  dedent@1.7.1: {}
+
   deep-extend@0.6.0: {}
 
   deep-is@0.1.4: {}
@@ -7060,6 +6481,8 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
+  depd@2.0.0: {}
+
   dequal@2.0.3: {}
 
   destr@2.0.5: {}
@@ -7068,8 +6491,6 @@ snapshots:
 
   detect-libc@2.0.4: {}
 
-  detect-node-es@1.1.0: {}
-
   devalue@5.1.1: {}
 
   diff@8.0.2: {}
@@ -7114,12 +6535,25 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
+  eciesjs@0.4.16:
+    dependencies:
+      '@ecies/ciphers': 0.2.5(@noble/ciphers@1.3.0)
+      '@noble/ciphers': 1.3.0
+      '@noble/curves': 1.9.7
+      '@noble/hashes': 1.8.0
+
+  ee-first@1.1.1: {}
+
+  electron-to-chromium@1.5.267: {}
+
   electron-to-chromium@1.5.49: {}
 
   emoji-regex@10.6.0: {}
 
   emoji-regex@8.0.0: {}
 
+  encodeurl@2.0.0: {}
+
   enhanced-resolve@5.18.3:
     dependencies:
       graceful-fs: 4.2.11
@@ -7129,6 +6563,8 @@ snapshots:
 
   entities@6.0.1: {}
 
+  env-paths@2.2.1: {}
+
   environment@1.1.0: {}
 
   error-ex@1.3.4:
@@ -7302,6 +6738,8 @@ snapshots:
 
   escape-goat@4.0.0: {}
 
+  escape-html@1.0.3: {}
+
   escape-string-regexp@4.0.0: {}
 
   escape-string-regexp@5.0.0: {}
@@ -7426,8 +6864,80 @@ snapshots:
 
   esutils@2.0.3: {}
 
+  etag@1.8.1: {}
+
   eventemitter3@5.0.1: {}
 
+  eventsource-parser@3.0.6: {}
+
+  eventsource@3.0.7:
+    dependencies:
+      eventsource-parser: 3.0.6
+
+  execa@5.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+
+  execa@9.6.1:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      cross-spawn: 7.0.6
+      figures: 6.1.0
+      get-stream: 9.0.1
+      human-signals: 8.0.1
+      is-plain-obj: 4.1.0
+      is-stream: 4.0.1
+      npm-run-path: 6.0.0
+      pretty-ms: 9.3.0
+      signal-exit: 4.1.0
+      strip-final-newline: 4.0.0
+      yoctocolors: 2.1.2
+
+  express-rate-limit@7.5.1(express@5.2.1):
+    dependencies:
+      express: 5.2.1
+
+  express@5.2.1:
+    dependencies:
+      accepts: 2.0.0
+      body-parser: 2.2.2
+      content-disposition: 1.0.1
+      content-type: 1.0.5
+      cookie: 0.7.2
+      cookie-signature: 1.2.2
+      debug: 4.4.3
+      depd: 2.0.0
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      finalhandler: 2.1.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      merge-descriptors: 2.0.0
+      mime-types: 3.0.2
+      on-finished: 2.4.1
+      once: 1.4.0
+      parseurl: 1.3.3
+      proxy-addr: 2.0.7
+      qs: 6.14.0
+      range-parser: 1.2.1
+      router: 2.2.0
+      send: 1.2.1
+      serve-static: 2.2.1
+      statuses: 2.0.2
+      type-is: 2.0.1
+      vary: 1.1.2
+    transitivePeerDependencies:
+      - supports-color
+
   exsolve@1.0.8: {}
 
   fast-deep-equal@3.1.3: {}
@@ -7454,6 +6964,8 @@ snapshots:
 
   fast-redact@3.5.0: {}
 
+  fast-uri@3.1.0: {}
+
   fastq@1.15.0:
     dependencies:
       reusify: 1.0.4
@@ -7462,6 +6974,15 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.3
 
+  fetch-blob@3.2.0:
+    dependencies:
+      node-domexception: 1.0.0
+      web-streams-polyfill: 3.3.3
+
+  figures@6.1.0:
+    dependencies:
+      is-unicode-supported: 2.1.0
+
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -7472,6 +6993,17 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  finalhandler@2.1.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      on-finished: 2.4.1
+      parseurl: 1.3.3
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
@@ -7508,6 +7040,14 @@ snapshots:
 
   formdata-node@6.0.3: {}
 
+  formdata-polyfill@4.0.10:
+    dependencies:
+      fetch-blob: 3.2.0
+
+  forwarded@0.2.0: {}
+
+  fresh@2.0.0: {}
+
   fs-extra@11.3.2:
     dependencies:
       graceful-fs: 4.2.11
@@ -7533,6 +7073,8 @@ snapshots:
 
   functions-have-names@1.2.3: {}
 
+  fuzzysort@3.1.0: {}
+
   fx-runner@1.4.0:
     dependencies:
       commander: 2.9.0
@@ -7542,6 +7084,8 @@ snapshots:
       which: 1.2.4
       winreg: 0.0.12
 
+  fzf@0.5.2: {}
+
   gensync@1.0.0-beta.2: {}
 
   get-caller-file@2.0.5: {}
@@ -7574,7 +7118,7 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
-  get-nonce@1.0.1: {}
+  get-own-enumerable-keys@1.0.0: {}
 
   get-port-please@3.2.0: {}
 
@@ -7583,6 +7127,13 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.0.0
 
+  get-stream@6.0.1: {}
+
+  get-stream@9.0.1:
+    dependencies:
+      '@sec-ant/readable-stream': 0.4.1
+      is-stream: 4.0.1
+
   get-symbol-description@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -7635,6 +7186,8 @@ snapshots:
 
   graphemer@1.4.0: {}
 
+  graphql@16.12.0: {}
+
   growly@1.3.0: {}
 
   has-bigints@1.0.2: {}
@@ -7659,6 +7212,8 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  headers-polyfill@4.0.3: {}
+
   hermes-estree@0.25.1: {}
 
   hermes-parser@0.25.1:
@@ -7669,6 +7224,8 @@ snapshots:
     dependencies:
       react-is: 16.13.1
 
+  hono@4.11.4: {}
+
   hookable@5.5.3: {}
 
   html-escaper@3.0.3: {}
@@ -7680,6 +7237,29 @@ snapshots:
       domutils: 3.2.2
       entities: 6.0.1
 
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  human-signals@2.1.0: {}
+
+  human-signals@8.0.1: {}
+
+  iconv-lite@0.7.2:
+    dependencies:
+      safer-buffer: 2.1.2
+
   ignore@5.3.1: {}
 
   ignore@7.0.5: {}
@@ -7716,6 +7296,8 @@ snapshots:
       '@formatjs/icu-messageformat-parser': 2.11.2
       tslib: 2.8.1
 
+  ipaddr.js@1.9.1: {}
+
   is-absolute@0.1.7:
     dependencies:
       is-relative: 0.1.3
@@ -7792,6 +7374,8 @@ snapshots:
 
   is-in-ci@1.0.0: {}
 
+  is-in-ssh@1.0.0: {}
+
   is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
@@ -7805,6 +7389,8 @@ snapshots:
 
   is-map@2.0.3: {}
 
+  is-node-process@1.2.0: {}
+
   is-npm@6.1.0: {}
 
   is-number-object@1.1.1:
@@ -7814,8 +7400,12 @@ snapshots:
 
   is-number@7.0.0: {}
 
+  is-obj@3.0.0: {}
+
   is-path-inside@4.0.0: {}
 
+  is-plain-obj@4.1.0: {}
+
   is-plain-object@2.0.4:
     dependencies:
       isobject: 3.0.1
@@ -7824,6 +7414,8 @@ snapshots:
 
   is-primitive@3.0.1: {}
 
+  is-promise@4.0.0: {}
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.4
@@ -7831,6 +7423,8 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  is-regexp@3.1.0: {}
+
   is-relative@0.1.3: {}
 
   is-set@2.0.3: {}
@@ -7839,6 +7433,10 @@ snapshots:
     dependencies:
       call-bound: 1.0.4
 
+  is-stream@2.0.1: {}
+
+  is-stream@4.0.1: {}
+
   is-string@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -7887,6 +7485,8 @@ snapshots:
 
   isexe@2.0.0: {}
 
+  isexe@3.1.1: {}
+
   isobject@3.0.1: {}
 
   iterator.prototype@1.1.5:
@@ -7900,6 +7500,8 @@ snapshots:
 
   jiti@2.6.1: {}
 
+  jose@6.1.3: {}
+
   js-tokens@4.0.0: {}
 
   js-tokens@9.0.1: {}
@@ -7912,10 +7514,16 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-parse-even-better-errors@2.3.1: {}
+
   json-parse-even-better-errors@3.0.2: {}
 
   json-schema-traverse@0.4.1: {}
 
+  json-schema-traverse@1.0.0: {}
+
+  json-schema-typed@8.0.2: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json5@2.2.3: {}
@@ -7946,6 +7554,8 @@ snapshots:
 
   kleur@3.0.3: {}
 
+  kleur@4.1.5: {}
+
   ky@1.14.1: {}
 
   latest-version@9.0.0:
@@ -8017,6 +7627,8 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.30.2
       lightningcss-win32-x64-msvc: 1.30.2
 
+  lines-and-columns@1.2.4: {}
+
   lines-and-columns@2.0.4: {}
 
   linkedom@0.18.12:
@@ -8091,6 +7703,12 @@ snapshots:
 
   math-intrinsics@1.1.0: {}
 
+  media-typer@1.1.0: {}
+
+  merge-descriptors@2.0.0: {}
+
+  merge-stream@2.0.0: {}
+
   merge2@1.4.1: {}
 
   micromatch@4.0.8:
@@ -8100,10 +7718,18 @@ snapshots:
 
   mime-db@1.52.0: {}
 
+  mime-db@1.54.0: {}
+
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
 
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  mimic-fn@2.1.0: {}
+
   mimic-function@5.0.1: {}
 
   minimatch@10.1.1:
@@ -8131,6 +7757,31 @@ snapshots:
 
   ms@2.1.3: {}
 
+  msw@2.12.7(@types/node@22.13.1)(typescript@5.7.3):
+    dependencies:
+      '@inquirer/confirm': 5.1.21(@types/node@22.13.1)
+      '@mswjs/interceptors': 0.40.0
+      '@open-draft/deferred-promise': 2.2.0
+      '@types/statuses': 2.0.6
+      cookie: 1.1.1
+      graphql: 16.12.0
+      headers-polyfill: 4.0.3
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      path-to-regexp: 6.3.0
+      picocolors: 1.1.1
+      rettime: 0.7.0
+      statuses: 2.0.2
+      strict-event-emitter: 0.5.1
+      tough-cookie: 6.0.0
+      type-fest: 5.4.1
+      until-async: 3.0.2
+      yargs: 17.7.2
+    optionalDependencies:
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - '@types/node'
+
   multimatch@6.0.0:
     dependencies:
       '@types/minimatch': 3.0.5
@@ -8138,6 +7789,8 @@ snapshots:
       array-union: 3.0.1
       minimatch: 3.1.2
 
+  mute-stream@2.0.0: {}
+
   nano-spawn@1.0.3: {}
 
   nanoid@3.3.11: {}
@@ -8146,13 +7799,23 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  negotiator@1.0.0: {}
+
   next-themes@0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
 
+  node-domexception@1.0.0: {}
+
   node-fetch-native@1.6.7: {}
 
+  node-fetch@3.3.2:
+    dependencies:
+      data-uri-to-buffer: 4.0.1
+      fetch-blob: 3.2.0
+      formdata-polyfill: 4.0.10
+
   node-forge@1.3.3: {}
 
   node-notifier@10.0.1:
@@ -8166,8 +7829,19 @@ snapshots:
 
   node-releases@2.0.18: {}
 
+  node-releases@2.0.27: {}
+
   normalize-path@3.0.0: {}
 
+  npm-run-path@4.0.1:
+    dependencies:
+      path-key: 3.1.1
+
+  npm-run-path@6.0.0:
+    dependencies:
+      path-key: 4.0.0
+      unicorn-magic: 0.3.0
+
   nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
@@ -8186,6 +7860,8 @@ snapshots:
 
   object-keys@1.1.1: {}
 
+  object-treeify@1.1.33: {}
+
   object.assign@4.1.7:
     dependencies:
       call-bind: 1.0.8
@@ -8226,6 +7902,18 @@ snapshots:
 
   on-exit-leak-free@2.1.2: {}
 
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  onetime@5.1.2:
+    dependencies:
+      mimic-fn: 2.1.0
+
   onetime@7.0.0:
     dependencies:
       mimic-function: 5.0.1
@@ -8237,6 +7925,15 @@ snapshots:
       is-inside-container: 1.0.0
       wsl-utils: 0.1.0
 
+  open@11.0.0:
+    dependencies:
+      default-browser: 5.4.0
+      define-lazy-prop: 3.0.0
+      is-in-ssh: 1.0.0
+      is-inside-container: 1.0.0
+      powershell-utils: 0.1.0
+      wsl-utils: 0.3.1
+
   open@8.4.2:
     dependencies:
       define-lazy-prop: 2.0.0
@@ -8266,6 +7963,8 @@ snapshots:
 
   os-shim@0.1.3: {}
 
+  outvariant@1.4.3: {}
+
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
@@ -8287,12 +7986,21 @@ snapshots:
       registry-url: 6.0.1
       semver: 7.6.3
 
+  package-manager-detector@1.6.0: {}
+
   pako@1.0.11: {}
 
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
 
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      error-ex: 1.3.4
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
   parse-json@7.1.1:
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -8301,12 +8009,24 @@ snapshots:
       lines-and-columns: 2.0.4
       type-fest: 3.13.1
 
+  parse-ms@4.0.0: {}
+
+  parseurl@1.3.3: {}
+
+  path-browserify@1.0.1: {}
+
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
 
+  path-key@4.0.0: {}
+
   path-parse@1.0.7: {}
 
+  path-to-regexp@6.3.0: {}
+
+  path-to-regexp@8.3.0: {}
+
   pathe@2.0.3: {}
 
   perfect-debounce@2.0.0: {}
@@ -8337,6 +8057,8 @@ snapshots:
       sonic-boom: 4.2.0
       thread-stream: 3.1.0
 
+  pkce-challenge@5.0.1: {}
+
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
@@ -8359,6 +8081,11 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss@8.5.1:
     dependencies:
       nanoid: 3.3.8
@@ -8371,6 +8098,8 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  powershell-utils@0.1.0: {}
+
   prelude-ls@1.2.1: {}
 
   prettier-plugin-tailwindcss@0.6.12(prettier@3.4.2):
@@ -8381,6 +8110,10 @@ snapshots:
 
   prettier@3.7.4: {}
 
+  pretty-ms@9.3.0:
+    dependencies:
+      parse-ms: 4.0.0
+
   process-nextick-args@2.0.1: {}
 
   process-warning@5.0.0: {}
@@ -8402,6 +8135,11 @@ snapshots:
 
   proto-list@1.2.4: {}
 
+  proxy-addr@2.0.7:
+    dependencies:
+      forwarded: 0.2.0
+      ipaddr.js: 1.9.1
+
   proxy-from-env@1.1.0: {}
 
   publish-browser-extension@3.0.3:
@@ -8425,74 +8163,24 @@ snapshots:
     dependencies:
       side-channel: 1.1.0
 
+  qs@6.14.1:
+    dependencies:
+      side-channel: 1.1.0
+
   quansync@0.2.11: {}
 
   queue-microtask@1.2.3: {}
 
   quick-format-unescaped@4.0.4: {}
 
-  radix-ui@1.4.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-accessible-icon': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-alert-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-aspect-ratio': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-avatar': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-checkbox': 1.3.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-context-menu': 2.2.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-dropdown-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-form': 0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-hover-card': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-label': 2.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-menubar': 1.1.16(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-one-time-password-field': 0.1.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-password-toggle-field': 0.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-progress': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-radio-group': 1.3.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-select': 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-separator': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slider': 1.3.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-switch': 1.2.6(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toast': 1.2.15(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toggle-group': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-toolbar': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-tooltip': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.7)(react@19.2.3)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.7))(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-      '@types/react-dom': 19.2.3(@types/react@19.2.7)
+  range-parser@1.2.1: {}
+
+  raw-body@3.0.2:
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.1
+      iconv-lite: 0.7.2
+      unpipe: 1.0.0
 
   rc9@2.1.2:
     dependencies:
@@ -8506,7 +8194,7 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-day-picker@9.11.1(react@19.2.3):
+  react-day-picker@9.13.0(react@19.2.3):
     dependencies:
       '@date-fns/tz': 1.4.1
       date-fns: 4.1.0
@@ -8536,33 +8224,6 @@ snapshots:
 
   react-refresh@0.18.0: {}
 
-  react-remove-scroll-bar@2.3.8(@types/react@19.2.7)(react@19.2.3):
-    dependencies:
-      react: 19.2.3
-      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  react-remove-scroll@2.7.1(@types/react@19.2.7)(react@19.2.3):
-    dependencies:
-      react: 19.2.3
-      react-remove-scroll-bar: 2.3.8(@types/react@19.2.7)(react@19.2.3)
-      react-style-singleton: 2.2.3(@types/react@19.2.7)(react@19.2.3)
-      tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@19.2.7)(react@19.2.3)
-      use-sidecar: 1.1.3(@types/react@19.2.7)(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  react-style-singleton@2.2.3(@types/react@19.2.7)(react@19.2.3):
-    dependencies:
-      get-nonce: 1.0.1
-      react: 19.2.3
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   react@19.2.3: {}
 
   readable-stream@2.3.8:
@@ -8621,6 +8282,10 @@ snapshots:
 
   require-directory@2.1.1: {}
 
+  require-from-string@2.0.2: {}
+
+  reselect@5.1.1: {}
+
   resolve-from@4.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -8636,6 +8301,8 @@ snapshots:
       onetime: 7.0.0
       signal-exit: 4.1.0
 
+  rettime@0.7.0: {}
+
   reusify@1.0.4: {}
 
   rfdc@1.4.1: {}
@@ -8668,6 +8335,16 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.53.4
       fsevents: 2.3.3
 
+  router@2.2.0:
+    dependencies:
+      debug: 4.4.3
+      depd: 2.0.0
+      is-promise: 4.0.0
+      parseurl: 1.3.3
+      path-to-regexp: 8.3.0
+    transitivePeerDependencies:
+      - supports-color
+
   run-applescript@7.1.0: {}
 
   run-parallel@1.2.0:
@@ -8697,6 +8374,8 @@ snapshots:
 
   safe-stable-stringify@2.5.0: {}
 
+  safer-buffer@2.1.2: {}
+
   sax@1.4.3: {}
 
   scheduler@0.27.0: {}
@@ -8707,12 +8386,37 @@ snapshots:
 
   semver@7.6.3: {}
 
+  send@1.2.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
   seroval-plugins@1.4.0(seroval@1.4.0):
     dependencies:
       seroval: 1.4.0
 
   seroval@1.4.0: {}
 
+  serve-static@2.2.1:
+    dependencies:
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      parseurl: 1.3.3
+      send: 1.2.1
+    transitivePeerDependencies:
+      - supports-color
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
@@ -8742,6 +8446,52 @@ snapshots:
 
   setimmediate@1.0.5: {}
 
+  setprototypeof@1.2.0: {}
+
+  shadcn@3.6.3(@types/node@22.13.1)(hono@4.11.4)(typescript@5.7.3):
+    dependencies:
+      '@antfu/ni': 25.0.0
+      '@babel/core': 7.28.5
+      '@babel/parser': 7.28.5
+      '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
+      '@babel/preset-typescript': 7.28.5(@babel/core@7.28.5)
+      '@dotenvx/dotenvx': 1.51.4
+      '@modelcontextprotocol/sdk': 1.25.2(hono@4.11.4)(zod@3.25.76)
+      '@types/validate-npm-package-name': 4.0.2
+      browserslist: 4.28.1
+      commander: 14.0.2
+      cosmiconfig: 9.0.0(typescript@5.7.3)
+      dedent: 1.7.1
+      deepmerge: 4.3.1
+      diff: 8.0.2
+      execa: 9.6.1
+      fast-glob: 3.3.3
+      fs-extra: 11.3.2
+      fuzzysort: 3.1.0
+      https-proxy-agent: 7.0.6
+      kleur: 4.1.5
+      msw: 2.12.7(@types/node@22.13.1)(typescript@5.7.3)
+      node-fetch: 3.3.2
+      open: 11.0.0
+      ora: 8.2.0
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+      prompts: 2.4.2
+      recast: 0.23.11
+      stringify-object: 5.0.0
+      ts-morph: 26.0.0
+      tsconfig-paths: 4.2.0
+      validate-npm-package-name: 7.0.2
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.1(zod@3.25.76)
+    transitivePeerDependencies:
+      - '@cfworker/json-schema'
+      - '@types/node'
+      - babel-plugin-macros
+      - hono
+      - supports-color
+      - typescript
+
   sharp@0.33.5:
     dependencies:
       color: 4.2.3
@@ -8806,6 +8556,8 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
+  signal-exit@3.0.7: {}
+
   signal-exit@4.1.0: {}
 
   simple-swizzle@0.2.2:
@@ -8855,8 +8607,12 @@ snapshots:
     dependencies:
       through: 2.3.8
 
+  statuses@2.0.2: {}
+
   stdin-discarder@0.2.2: {}
 
+  strict-event-emitter@0.5.1: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -8917,6 +8673,12 @@ snapshots:
     dependencies:
       safe-buffer: 5.1.2
 
+  stringify-object@5.0.0:
+    dependencies:
+      get-own-enumerable-keys: 1.0.0
+      is-obj: 3.0.0
+      is-regexp: 3.1.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -8925,8 +8687,14 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.2
 
+  strip-bom@3.0.0: {}
+
   strip-bom@5.0.0: {}
 
+  strip-final-newline@2.0.0: {}
+
+  strip-final-newline@4.0.0: {}
+
   strip-json-comments@2.0.1: {}
 
   strip-json-comments@3.1.1: {}
@@ -8949,6 +8717,10 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  tabbable@6.4.0: {}
+
+  tagged-tag@1.0.0: {}
+
   tailwind-merge@3.3.1: {}
 
   tailwindcss@4.1.18: {}
@@ -8974,16 +8746,39 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tldts-core@7.0.19: {}
+
+  tldts@7.0.19:
+    dependencies:
+      tldts-core: 7.0.19
+
   tmp@0.2.5: {}
 
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
+  toidentifier@1.0.1: {}
+
+  tough-cookie@6.0.0:
+    dependencies:
+      tldts: 7.0.19
+
   ts-api-utils@2.1.0(typescript@5.7.3):
     dependencies:
       typescript: 5.7.3
 
+  ts-morph@26.0.0:
+    dependencies:
+      '@ts-morph/common': 0.27.0
+      code-block-writer: 13.0.3
+
+  tsconfig-paths@4.2.0:
+    dependencies:
+      json5: 2.2.3
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
   tslib@2.5.3:
     optional: true
 
@@ -9006,6 +8801,16 @@ snapshots:
 
   type-fest@4.41.0: {}
 
+  type-fest@5.4.1:
+    dependencies:
+      tagged-tag: 1.0.0
+
+  type-is@2.0.1:
+    dependencies:
+      content-type: 1.0.5
+      media-typer: 1.1.0
+      mime-types: 3.0.2
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -9066,6 +8871,8 @@ snapshots:
 
   undici-types@6.20.0: {}
 
+  unicorn-magic@0.3.0: {}
+
   unimport@5.6.0:
     dependencies:
       acorn: 8.15.0
@@ -9085,6 +8892,8 @@ snapshots:
 
   universalify@2.0.1: {}
 
+  unpipe@1.0.0: {}
+
   unplugin-utils@0.3.1:
     dependencies:
       pathe: 2.0.3
@@ -9097,12 +8906,20 @@ snapshots:
       picomatch: 4.0.3
       webpack-virtual-modules: 0.6.2
 
+  until-async@3.0.2: {}
+
   update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
       browserslist: 4.24.2
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
+    dependencies:
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   update-notifier@7.3.1:
     dependencies:
       boxen: 8.0.1
@@ -9120,21 +8937,6 @@ snapshots:
     dependencies:
       punycode: 2.3.0
 
-  use-callback-ref@1.3.3(@types/react@19.2.7)(react@19.2.3):
-    dependencies:
-      react: 19.2.3
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.7
-
-  use-sidecar@1.1.3(@types/react@19.2.7)(react@19.2.3):
-    dependencies:
-      detect-node-es: 1.1.0
-      react: 19.2.3
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.7
-
   use-sync-external-store@1.5.0(react@19.2.3):
     dependencies:
       react: 19.2.3
@@ -9147,6 +8949,10 @@ snapshots:
 
   uuid@8.3.2: {}
 
+  validate-npm-package-name@7.0.2: {}
+
+  vary@1.1.2: {}
+
   vite-node@3.2.4(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       cac: 6.7.14
@@ -9214,6 +9020,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  web-streams-polyfill@3.3.3: {}
+
   webpack-virtual-modules@0.6.2: {}
 
   when-exit@2.1.5: {}
@@ -9269,12 +9077,22 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  which@4.0.0:
+    dependencies:
+      isexe: 3.1.1
+
   widest-line@5.0.0:
     dependencies:
       string-width: 7.2.0
 
   winreg@0.0.12: {}
 
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
   wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -9287,10 +9105,17 @@ snapshots:
       string-width: 7.2.0
       strip-ansi: 7.1.2
 
+  wrappy@1.0.2: {}
+
   wsl-utils@0.1.0:
     dependencies:
       is-wsl: 3.1.0
 
+  wsl-utils@0.3.1:
+    dependencies:
+      is-wsl: 3.1.0
+      powershell-utils: 0.1.0
+
   wxt@0.20.12(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       '@1natsu/wait-element': 4.1.2
@@ -9384,11 +9209,19 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  yoctocolors-cjs@2.1.3: {}
+
+  yoctocolors@2.1.2: {}
+
   zip-dir@2.0.0:
     dependencies:
       async: 3.2.6
       jszip: 3.10.1
 
+  zod-to-json-schema@3.25.1(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
   zod-validation-error@4.0.2(zod@3.25.46):
     dependencies:
       zod: 3.25.46
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
index 3270f55..3b5464e 100644
--- a/src/components/form/CheckboxField.tsx
+++ b/src/components/form/CheckboxField.tsx
@@ -3,8 +3,9 @@ import { useFieldContext } from "../../hooks/useAppForm";
 import { Checkbox } from "../ui/checkbox";
 import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field";
 
-type CheckboxFieldProps = Omit<ComponentProps<typeof Checkbox>, "checked" | "onCheckedChange" | "onBlur"> & {
+type CheckboxFieldProps = Omit<ComponentProps<typeof Checkbox>, "checked" | "onCheckedChange" | "onBlur" | "className"> & {
   description?: string;
+  className?: string;
 };
 
 export const CheckboxField = ({ title, description, className, ...props }: CheckboxFieldProps) => {
diff --git a/src/components/form/ComboboxField.tsx b/src/components/form/ComboboxField.tsx
index 6be03d6..890b1b8 100644
--- a/src/components/form/ComboboxField.tsx
+++ b/src/components/form/ComboboxField.tsx
@@ -1,242 +1,159 @@
-import clsx from "clsx";
-import { CheckIcon, ChevronsUpDown, Loader2Icon, XIcon } from "lucide-react";
-import { ReactNode, useId, useState } from "react";
+import { Loader2Icon } from "lucide-react";
+import { ComponentProps, ReactNode, useId } from "react";
 import { useIntl } from "react-intl";
 import { useFieldContext } from "../../hooks/useAppForm";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Checkbox } from "../ui/checkbox";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../ui/command";
+import {
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxClear,
+  ComboboxCollection,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxValue,
+  useComboboxAnchor,
+} from "../ui/combobox";
 import { Field, FieldError, FieldLabel } from "../ui/field";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
-type Option<Value> = { value: Value; label: string; icon?: ReactNode; disabled?: boolean };
-type Group<Value> = { label: string; options: Option<Value>[] };
+type Item<Value> = { value: Value; label: string; icon?: ReactNode; disabled?: boolean };
+type Group<Value> = { label: string; items: Item<Value>[] };
 
-type ComboboxFieldProps<Value> = {
-  mode?: "single" | "multiple";
+type ComboboxFieldProps<Value extends string | number = string | number, Mode extends "single" | "multiple" = "single"> = Omit<
+  ComponentProps<typeof Combobox<Item<Value>, Mode extends "multiple" ? true : false>>,
+  "multiple" | "value" | "defaultValue" | "onValueChange" | "items"
+> & {
+  mode?: Mode;
   title?: string;
   placeholder?: string;
-  required?: boolean;
-  disabled?: boolean;
-  options: Option<Value>[] | Group<Value>[];
-  onOpen?: () => void;
-  searchMessage?: string;
+  items: Item<Value>[] | Group<Value>[];
   noOptionsMessage?: string;
   isLoading?: boolean;
   className?: string;
 };
 
-export const ComboboxField = <Value extends string | number>({
+export const ComboboxField = <Value extends string | number, Mode extends "single" | "multiple" = "single">({
+  mode = "single" as Mode,
+  items,
   title,
   placeholder,
   required,
   disabled,
-  mode = "single",
-  options,
-  onOpen,
-  searchMessage,
   noOptionsMessage,
   isLoading,
   className,
-}: ComboboxFieldProps<Value>) => {
+  ...props
+}: ComboboxFieldProps<Value, Mode>) => {
   const { name, state, handleChange, handleBlur } = useFieldContext<null | Value | Value[]>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
   const { formatMessage } = useIntl();
-  const [open, setOpen] = useState(false);
+
+  const anchor = useComboboxAnchor();
 
   return (
     <Field data-invalid={isInvalid} className={className}>
       <FieldLabel required={required} htmlFor={id}>
         {title}
       </FieldLabel>
-      <Popover
-        modal
-        open={open}
-        onOpenChange={(open) => {
-          setOpen(open);
-          if (open) onOpen?.();
-        }}
+      <Combobox
+        autoHighlight
+        {...props}
+        id={id}
+        name={name}
+        required={required}
+        disabled={disabled}
+        items={items}
+        multiple={mode === "multiple"}
+        value={mode === "single" ? findSelectedItem(state.value, items) : findSelectedItems(state.value, items)}
+        onValueChange={(value) => handleChange(Array.isArray(value) ? (value.map((v) => v.value) as Value[]) : value ? (value.value as Value) : null)}
       >
-        <PopoverTrigger asChild>
-          <Button
-            id={id}
-            name={name}
-            variant="outline"
-            role="combobox"
-            aria-expanded={open}
-            disabled={disabled}
-            onBlur={handleBlur}
-            aria-invalid={isInvalid}
-            className={clsx("hover:text-foreground relative w-full justify-between truncate text-base font-normal", {
-              "h-auto min-h-9 py-1.5": mode === "multiple",
-              "ps-2!": mode === "multiple" && Array.isArray(state.value) && state.value.length > 0,
-            })}
-          >
-            <SelectedValue mode={mode} value={state.value} options={options} placeholder={placeholder} className="truncate" handleChange={handleChange} />
-            {isLoading ? (
-              <Loader2Icon className="animate-spin" />
-            ) : !required && (mode === "single" ? state.value : Array.isArray(state.value) && state.value.length > 0) ? (
-              <>
-                <ClearButton mode={mode} handleChange={handleChange} />
-                <ChevronsUpDown className="opacity-0" />
-              </>
-            ) : (
-              <ChevronsUpDown className="opacity-50" />
-            )}
-          </Button>
-        </PopoverTrigger>
-        <PopoverContent className="p-0">
-          <Command>
-            <CommandInput placeholder={searchMessage ?? formatMessage({ id: "general.search" })} />
-            <CommandList>
-              <CommandEmpty>{noOptionsMessage ?? formatMessage({ id: "general.no-options" })}</CommandEmpty>
-              {options?.map((option) =>
-                typeof option === "object" && "options" in option ? (
-                  <CommandGroup key={option.label} heading={option.label}>
-                    {option.options.map((subOption) => (
-                      <RenderOption
-                        key={subOption.value}
-                        mode={mode}
-                        option={subOption}
-                        value={state.value}
-                        required={required}
-                        disabled={subOption.disabled}
-                        handleChange={(value) => {
-                          handleChange(value);
-                          if (mode === "single") setOpen(false);
-                        }}
-                      />
-                    ))}
-                  </CommandGroup>
-                ) : (
-                  <RenderOption
-                    key={option.value}
-                    mode={mode}
-                    option={option}
-                    value={state.value}
-                    required={required}
-                    disabled={option.disabled}
-                    handleChange={(value) => {
-                      handleChange(value);
-                      if (mode === "single") setOpen(false);
-                    }}
-                  />
-                )
+        {mode === "single" && (
+          <ComboboxInput disabled={disabled} aria-invalid={isInvalid} placeholder={placeholder} showClear={!required} onBlur={handleBlur}>
+            {isLoading && <Loader2Icon className="size-4 animate-spin" />}
+          </ComboboxInput>
+        )}
+        {mode === "multiple" && (
+          <ComboboxChips ref={anchor}>
+            <ComboboxValue>
+              {(selected: Item<Value>[]) => (
+                <>
+                  {selected.map((item) => (
+                    <ComboboxChip key={item.value} className="justify-start truncate">
+                      {item.label}
+                    </ComboboxChip>
+                  ))}
+                  <ComboboxChipsInput disabled={disabled} placeholder={selected.length === 0 ? placeholder : undefined} onBlur={handleBlur} />
+                </>
               )}
-            </CommandList>
-          </Command>
-        </PopoverContent>
-      </Popover>
+            </ComboboxValue>
+            {isLoading && <Loader2Icon className="size-4 animate-spin" />}
+            {!required && <ComboboxClear />}
+          </ComboboxChips>
+        )}
+        <ComboboxContent anchor={mode === "multiple" ? anchor : undefined}>
+          <ComboboxEmpty>{noOptionsMessage ?? formatMessage({ id: "general.no-options" })}</ComboboxEmpty>
+          <ComboboxList>
+            {(item: Item<Value> | Group<Value>) =>
+              typeof item === "object" && "items" in item ? (
+                <ComboboxGroup key={item.label} items={item.items}>
+                  <ComboboxLabel>{item.label}</ComboboxLabel>
+                  <ComboboxCollection>
+                    {(childItem: Item<Value>) => (
+                      <ComboboxItem key={childItem.value} value={childItem} disabled={childItem.disabled}>
+                        {childItem.icon}
+                        {childItem.label}
+                      </ComboboxItem>
+                    )}
+                  </ComboboxCollection>
+                </ComboboxGroup>
+              ) : (
+                <ComboboxItem key={item.value} value={item}>
+                  {item.icon}
+                  {item.label}
+                </ComboboxItem>
+              )
+            }
+          </ComboboxList>
+        </ComboboxContent>
+      </Combobox>
       {isInvalid && <FieldError errors={state.meta.errors} />}
     </Field>
   );
 };
 
-const SelectedValue = <Value extends string | number>({
-  mode = "single",
-  value,
-  options,
-  placeholder = "Select option",
-  handleChange,
-  className,
-}: Pick<ComboboxFieldProps<Value>, "mode" | "options" | "placeholder"> & { value: null | Value | Value[]; className?: string; handleChange: (value: null | Value | Value[]) => void }) => {
-  const flattenedOptions = options.flatMap((option) => (typeof option === "object" && "options" in option ? option.options : option));
-
-  if (mode === "single") {
-    const selectedOption = flattenedOptions.find((option) => option.value === value);
-    if (selectedOption) {
-      return (
-        <span className={clsx("flex items-center gap-2", className)}>
-          {selectedOption.icon}
-          {selectedOption.label}
-        </span>
-      );
-    }
-  } else if (mode === "multiple" && Array.isArray(value)) {
-    const selectedOptions = flattenedOptions.filter((option) => value.includes(option.value));
-    if (selectedOptions.length > 0) {
-      return (
-        <div className={clsx("flex flex-wrap gap-1", className)}>
-          {selectedOptions.map((option) => (
-            <Badge
-              key={option.value}
-              variant="outline"
-              className="group flex items-center gap-1"
-              onClick={(e) => {
-                e.stopPropagation();
-                handleChange(value.filter((v) => v !== option.value));
-              }}
-            >
-              {option.label}
-              <XIcon className="text-muted-foreground group-hover:text-destructive size-2" />
-            </Badge>
-          ))}
-        </div>
-      );
+const findSelectedItem = <Value extends string | number>(value: null | Value | Value[], items: ComboboxFieldProps<Value>["items"]): null | Item<Value> => {
+  for (const item of items) {
+    if (typeof item === "object" && "items" in item) {
+      const found = findSelectedItem(value, item.items);
+      if (found) {
+        return found;
+      }
+    } else if (item.value === value) {
+      return item;
     }
   }
-
-  return <span className={clsx("text-muted-foreground", className)}>{placeholder}</span>;
-};
-
-const ClearButton = <Value extends string | number>({ mode, handleChange }: { mode: NonNullable<ComboboxFieldProps<Value>["mode"]>; handleChange: (value: null | Value | Value[]) => void }) => {
-  return (
-    <button
-      type="button"
-      tabIndex={-1}
-      className="text-muted-foreground hover:text-destructive absolute -end-0 top-1/2 mx-2 -translate-y-1/2 p-1 outline-none"
-      onClick={(e) => {
-        e.preventDefault();
-        handleChange(mode === "single" ? null : []);
-      }}
-    >
-      <XIcon />
-    </button>
-  );
+  return null;
 };
 
-const RenderOption = <Value extends string | number>({
-  mode,
-  option,
-  value,
-  required,
-  disabled,
-  handleChange,
-}: {
-  mode: NonNullable<ComboboxFieldProps<Value>["mode"]>;
-  option: Option<Value>;
-  value: null | Value | Value[];
-  required?: boolean;
-  disabled?: boolean;
-  handleChange: (value: null | Value | Value[]) => void;
-}) => {
-  const isSelected = Array.isArray(value) ? value.includes(option.value) : value === option.value;
+const findSelectedItems = <Value extends string | number>(value: null | Value | Value[], items: ComboboxFieldProps<Value>["items"]): Item<Value>[] => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
 
-  return (
-    <CommandItem
-      value={option.label}
-      onSelect={() => {
-        if (mode === "single") {
-          handleChange(isSelected && !required ? null : option.value);
-        } else {
-          const currentValue = Array.isArray(value) ? value : [];
-          if (isSelected) {
-            handleChange(currentValue.filter((v) => v !== option.value));
-          } else {
-            handleChange([...currentValue, option.value]);
-          }
-        }
-      }}
-      disabled={disabled}
-      className="flex items-center gap-2"
-    >
-      {mode === "multiple" && <Checkbox checked={isSelected} className="data-[state=checked]:[&_svg]:text-primary-foreground!" />}
-      {option.icon}
-      {option.label}
-      {mode === "single" && <CheckIcon className={clsx("ml-auto", isSelected ? "opacity-100" : "opacity-0")} />}
-    </CommandItem>
-  );
+  const selected = [];
+  for (const item of items) {
+    if (typeof item === "object" && "items" in item) {
+      selected.push(...findSelectedItems(value, item.items));
+    } else if (value.includes(item.value)) {
+      selected.push(item);
+    }
+  }
+  return selected;
 };
diff --git a/src/components/form/DateField.tsx b/src/components/form/DateField.tsx
index ff77a59..aa88c1a 100644
--- a/src/components/form/DateField.tsx
+++ b/src/components/form/DateField.tsx
@@ -7,6 +7,7 @@ import { useFieldContext } from "../../hooks/useAppForm";
 import { Button } from "../ui/button";
 import { Calendar } from "../ui/calendar";
 import { Field, FieldError, FieldLabel } from "../ui/field";
+import { InputGroupButton } from "../ui/input-group";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
 type DateFieldProps = Omit<ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect" | "onBlur" | "disabled"> & {
@@ -38,21 +39,23 @@ export const DateField = ({ title, disabled, placeholder, mode = "single", class
         {title}
       </FieldLabel>
       <Popover modal open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <Button
-            id={id}
-            name={name}
-            variant="outline"
-            disabled={disabled}
-            onBlur={handleBlur}
-            aria-invalid={isInvalid}
-            className={cn("hover:text-foreground relative w-full justify-start truncate text-left text-base font-normal", {
-              "text-muted-foreground": !state.value,
-            })}
-          >
-            <DateValue mode={mode} value={state.value} placeholder={placeholder} />
-            {!props.required && <ClearButton mode={mode} value={state.value} handleChange={handleChange} />}
-          </Button>
+        <PopoverTrigger
+          render={
+            <Button
+              id={id}
+              name={name}
+              variant="outline"
+              disabled={disabled}
+              onBlur={handleBlur}
+              aria-invalid={isInvalid}
+              className={cn("hover:text-foreground relative w-full justify-start truncate text-left text-base font-normal", {
+                "text-muted-foreground": !state.value,
+              })}
+            />
+          }
+        >
+          <DateValue mode={mode} value={state.value} placeholder={placeholder} />
+          {!props.required && <ClearButton mode={mode} value={state.value} handleChange={handleChange} />}
         </PopoverTrigger>
         <PopoverContent className="w-auto p-0">
           <Calendar
@@ -110,16 +113,18 @@ const ClearButton = ({
   }
 
   return (
-    <button
-      type="button"
+    <InputGroupButton
+      variant="ghost"
+      size="icon-xs"
       tabIndex={-1}
-      className="text-muted-foreground hover:text-destructive absolute -end-0 top-1/2 mx-2 -translate-y-1/2 p-1 outline-none"
+      className="absolute end-0"
       onClick={(e) => {
         e.preventDefault();
+        e.stopPropagation();
         handleChange(mode === "multiple" ? [] : null);
       }}
     >
-      <XIcon />
-    </button>
+      <XIcon className="pointer-events-none" />
+    </InputGroupButton>
   );
 };
diff --git a/src/components/form/HoursField.tsx b/src/components/form/HoursField.tsx
index 1e4df13..4e59b8d 100644
--- a/src/components/form/HoursField.tsx
+++ b/src/components/form/HoursField.tsx
@@ -4,7 +4,14 @@ import { useSettings } from "../../provider/SettingsProvider";
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { Input } from "../ui/input";
 
-export const HoursField = ({ title, required, className, ...props }: Omit<ComponentProps<typeof Input>, "value" | "onChange" | "onBlur">) => {
+export const HoursField = ({
+  title,
+  required,
+  className,
+  ...props
+}: Omit<ComponentProps<typeof Input>, "value" | "onChange" | "onBlur" | "className"> & {
+  className?: string;
+}) => {
   const { name, state, handleChange, handleBlur } = useFieldContext<number | null>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
index 6299f1a..5154857 100644
--- a/src/components/form/SelectField.tsx
+++ b/src/components/form/SelectField.tsx
@@ -1,22 +1,20 @@
-import { ReactNode, useId } from "react";
+import { ComponentProps, ReactNode, useId } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "../ui/select";
 
-type Option<Value> = { value: Value; label: string; icon?: ReactNode };
-type Group<Value> = { label: string; options: Option<Value>[] };
+type Item<Value> = { value: Value; label: string; icon?: ReactNode };
+type Group<Value> = { label: string; items: Item<Value>[] };
 
-type SelectFieldProps<Value> = {
+type SelectFieldProps<Value extends string | number = string | number> = Omit<ComponentProps<typeof Select<Item<Value>>>, "multiple" | "value" | "defaultValue" | "onValueChange" | "items"> & {
+  items: Item<Value>[] | Group<Value>[];
   title?: string;
   placeholder?: string;
-  required?: boolean;
-  disabled?: boolean;
-  options: Option<Value>[] | Group<Value>[];
   className?: string;
 };
 
-export const SelectField = <Value extends string | number>({ title, placeholder, required, disabled, options, className }: SelectFieldProps<Value>) => {
-  const { name, state, handleChange, handleBlur } = useFieldContext<Value>();
+export const SelectField = <Value extends string | number>({ items, title, placeholder, required, disabled, className, ...props }: SelectFieldProps<Value>) => {
+  const { name, state, handleChange, handleBlur } = useFieldContext<null | Value>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
@@ -25,21 +23,38 @@ export const SelectField = <Value extends string | number>({ title, placeholder,
       <FieldLabel required={required} htmlFor={id}>
         {title}
       </FieldLabel>
-      <Select name={name} required={required} disabled={disabled} value={JSON.stringify(state.value)} onValueChange={(value) => handleChange(JSON.parse(value) as Value)}>
-        <SelectTrigger id={id} className="w-full truncate" onBlur={handleBlur} aria-invalid={isInvalid}>
-          <SelectValue placeholder={placeholder} />
+      <Select {...props} name={name} required={required} disabled={disabled} value={findSelectedItem(state.value, items)} onValueChange={(item) => handleChange(item?.value || null)}>
+        <SelectTrigger id={id} className="w-full truncate" aria-invalid={isInvalid} onBlur={handleBlur}>
+          <SelectValue>
+            {(selected: Item<Value>) =>
+              selected ? (
+                <>
+                  {selected.icon}
+                  {selected.label}
+                </>
+              ) : (
+                placeholder
+              )
+            }
+          </SelectValue>
         </SelectTrigger>
         <SelectContent>
-          {options?.map((option) =>
-            typeof option === "object" && "options" in option ? (
-              <SelectGroup key={option.label}>
-                <SelectLabel>{option.label}</SelectLabel>
-                {option.options.map((subOption) => (
-                  <SelectOption key={subOption.value} option={subOption} />
+          {items?.map((item) =>
+            typeof item === "object" && "items" in item ? (
+              <SelectGroup key={item.label}>
+                <SelectLabel>{item.label}</SelectLabel>
+                {item.items.map((childItem) => (
+                  <SelectItem key={childItem.value} value={childItem}>
+                    {childItem.icon}
+                    {childItem.label}
+                  </SelectItem>
                 ))}
               </SelectGroup>
             ) : (
-              <SelectOption key={option.value} option={option} />
+              <SelectItem key={item.value} value={item}>
+                {item.icon}
+                {item.label}
+              </SelectItem>
             )
           )}
         </SelectContent>
@@ -49,9 +64,16 @@ export const SelectField = <Value extends string | number>({ title, placeholder,
   );
 };
 
-const SelectOption = <Value extends string | number>({ option }: { option: Option<Value> }) => (
-  <SelectItem value={JSON.stringify(option.value)} className="flex items-center gap-1">
-    {option.icon}
-    {option.label}
-  </SelectItem>
-);
+const findSelectedItem = <Value extends string | number>(value: null | Value, items: SelectFieldProps<Value>["items"]): null | Item<Value> => {
+  for (const item of items) {
+    if (typeof item === "object" && "items" in item) {
+      const found = findSelectedItem(value, item.items);
+      if (found) {
+        return found;
+      }
+    } else if (item.value === value) {
+      return item;
+    }
+  }
+  return null;
+};
diff --git a/src/components/form/ToggleField.tsx b/src/components/form/SwitchField.tsx
similarity index 61%
rename from src/components/form/ToggleField.tsx
rename to src/components/form/SwitchField.tsx
index 0db388a..d69d656 100644
--- a/src/components/form/ToggleField.tsx
+++ b/src/components/form/SwitchField.tsx
@@ -3,19 +3,21 @@ import { useFieldContext } from "../../hooks/useAppForm";
 import { Field, FieldContent, FieldDescription, FieldError, FieldInfo, FieldLabel } from "../ui/field";
 import { Switch } from "../ui/switch";
 
-type ToggleFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "onCheckedChange" | "onBlur"> & {
+type SwitchFieldProps = Omit<ComponentProps<typeof Switch>, "id" | "checked" | "onCheckedChange" | "onBlur" | "className"> & {
+  position?: "start" | "end";
   description?: string;
   info?: string;
+  className?: string;
 };
 
-export const ToggleField = ({ title, description, info, className, ...props }: ToggleFieldProps) => {
+export const SwitchField = ({ title, description, info, position = "start", className, ...props }: SwitchFieldProps) => {
   const { name, state, handleChange, handleBlur } = useFieldContext<boolean>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
 
   return (
     <Field data-invalid={isInvalid} orientation="horizontal" className={className}>
-      <Switch {...props} id={id} name={name} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />
+      {position === "start" && <Switch {...props} id={id} name={name} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />}
       <FieldContent>
         <span className="flex items-center gap-2">
           <FieldLabel required={props.required} htmlFor={id}>
@@ -26,6 +28,7 @@ export const ToggleField = ({ title, description, info, className, ...props }: T
         </span>
         {description && <FieldDescription>{description}</FieldDescription>}
       </FieldContent>
+      {position === "end" && <Switch {...props} id={id} name={name} checked={state.value} onCheckedChange={(checked) => handleChange(checked)} onBlur={handleBlur} />}
     </Field>
   );
 };
diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
index d85308e..05d648b 100644
--- a/src/components/form/TextField.tsx
+++ b/src/components/form/TextField.tsx
@@ -3,7 +3,8 @@ import { useFieldContext } from "../../hooks/useAppForm";
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { Input } from "../ui/input";
 
-type TextFieldProps = Omit<ComponentProps<typeof Input>, "id" | "value" | "onChange" | "onBlur"> & {
+type TextFieldProps = Omit<ComponentProps<typeof Input>, "id" | "value" | "onChange" | "onBlur" | "className"> & {
+  className?: string;
   classNames?: {
     input?: string;
   };
diff --git a/src/components/form/ToggleGroupField.tsx b/src/components/form/ToggleGroupField.tsx
index 17d2479..d6adde4 100644
--- a/src/components/form/ToggleGroupField.tsx
+++ b/src/components/form/ToggleGroupField.tsx
@@ -4,14 +4,15 @@ import { useFieldContext } from "../../hooks/useAppForm";
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";
 
-type ToggleGroupFieldProps = Omit<ComponentProps<typeof ToggleGroup>, "type" | "value" | "defaultValue" | "onValueChange"> & {
-  type?: ComponentProps<typeof ToggleGroup>["type"];
+type ToggleGroupFieldProps = Omit<ComponentProps<typeof ToggleGroup>, "multiple" | "value" | "defaultValue" | "onValueChange" | "className"> & {
+  mode?: "single" | "multiple";
   title?: string;
   required?: boolean;
-  options: { value: string; name: string }[];
+  items: { value: string; name: string }[];
+  className?: string;
 };
 
-export const ToggleGroupField = ({ title, className, required, options, type = "single", variant = "outline", ...props }: ToggleGroupFieldProps) => {
+export const ToggleGroupField = ({ title, className, required, items, mode = "single", variant = "outline", ...props }: ToggleGroupFieldProps) => {
   const { state, handleChange } = useFieldContext<string | string[]>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
 
@@ -21,11 +22,24 @@ export const ToggleGroupField = ({ title, className, required, options, type = "
         <FieldLabel required={required}>{title}</FieldLabel>
         {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
       </span>
-      {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
-      <ToggleGroup size="sm" type={type} variant={variant} {...props} value={state.value as any} onValueChange={(value: any) => handleChange(value)}>
-        {options.map((option) => (
-          <ToggleGroupItem key={option.value} value={option.value} className="flex items-center justify-center" aria-label={option.name}>
-            {option.name}
+      <ToggleGroup
+        size="sm"
+        {...props}
+        multiple={mode === "multiple"}
+        variant={variant}
+        value={Array.isArray(state.value) ? state.value : [state.value]}
+        onValueChange={(value) => {
+          if (mode === "single") {
+            if (value.length === 0 && required) return;
+            handleChange(value[0] ?? null);
+          } else {
+            handleChange(value);
+          }
+        }}
+      >
+        {items.map((item) => (
+          <ToggleGroupItem key={item.value} value={item.value} aria-label={item.name}>
+            {item.name}
           </ToggleGroupItem>
         ))}
       </ToggleGroup>
diff --git a/src/components/general/DismissableWarning.tsx b/src/components/general/DismissableWarning.tsx
index 5f242db..cb52c6f 100644
--- a/src/components/general/DismissableWarning.tsx
+++ b/src/components/general/DismissableWarning.tsx
@@ -21,7 +21,7 @@ function DismissibleWarning({ name, children }: PropTypes) {
         <FormattedMessage id="dismissible-warning.title" />
       </AlertTitle>
       <AlertDescription>{children}</AlertDescription>
-      <Button type="button" variant="ghost" size="sm" onClick={() => setData(true)} className="absolute top-1 right-1">
+      <Button type="button" variant="outline" size="sm" onClick={() => setData(true)} className="absolute top-1 right-1">
         <FormattedMessage id="dismissible-warning.dont-show-again" />
       </Button>
     </Alert>
diff --git a/src/components/general/HelpTooltip.tsx b/src/components/general/HelpTooltip.tsx
index fae0d13..f5d3dfa 100644
--- a/src/components/general/HelpTooltip.tsx
+++ b/src/components/general/HelpTooltip.tsx
@@ -1,10 +1,10 @@
 import { useSettings } from "@/provider/SettingsProvider";
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   message: ReactNode;
-  children: ReactNode;
+  children: ReactElement;
 };
 
 const HelpTooltip = ({ message, children }: PropTypes) => {
@@ -13,8 +13,8 @@ const HelpTooltip = ({ message, children }: PropTypes) => {
   if (!settings.style.showTooltips) return children;
 
   return (
-    <Tooltip delayDuration={700}>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
+    <Tooltip delay={700}>
+      <TooltipTrigger render={children} />
       <TooltipContent className="italic">{message}</TooltipContent>
     </Tooltip>
   );
diff --git a/src/components/general/Navbar.tsx b/src/components/general/Navbar.tsx
index 291349d..9fdc129 100644
--- a/src/components/general/Navbar.tsx
+++ b/src/components/general/Navbar.tsx
@@ -16,15 +16,13 @@ const Navbar = ({ navigation }: PropTypes) => {
   const location = useLocation();
 
   return (
-    <NavigationMenu className="border-primary max-w-screen border-b" viewport={false}>
-      <NavigationMenuList>
+    <NavigationMenu className="border-primary max-w-screen border-b p-1.5">
+      <NavigationMenuList className="justify-start">
         {navigation.map((item) => (
           <NavigationMenuItem key={item.href}>
-            <NavigationMenuLink asChild data-active={location.pathname === item.href} className="inline-flex flex-row items-center">
-              <Link to={item.href}>
-                {item.icon}
-                <span className="truncate max-[21rem]:max-w-[3rem]">{item.name}</span>
-              </Link>
+            <NavigationMenuLink render={<Link to={item.href} />} data-active={location.pathname === item.href}>
+              {item.icon}
+              <span className="truncate max-[21rem]:max-w-[3rem]">{item.name}</span>
             </NavigationMenuLink>
           </NavigationMenuItem>
         ))}
diff --git a/src/components/issue/AddIssueNotesModal.tsx b/src/components/issue/AddIssueNotesModal.tsx
index 4de1d8a..3f47977 100644
--- a/src/components/issue/AddIssueNotesModal.tsx
+++ b/src/components/issue/AddIssueNotesModal.tsx
@@ -68,7 +68,7 @@ const AddIssueNotesModal = ({ issue, onClose, onSuccess }: PropTypes) => {
                 )}
               />
 
-              <form.AppField name="private_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.issue.field.private-notes" })} />} />
+              <form.AppField name="private_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.issue.field.private-notes" })} />} />
             </FormGrid>
             <DialogFooter>
               <form.AppForm>
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index 8633ab1..ed70dd5 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -10,7 +10,8 @@ import { z } from "zod/v4";
 import useMyProjects from "../../hooks/useMyProjects";
 import { useSuspenseStorage } from "../../hooks/useStorage";
 import { Button } from "../ui/button";
-import { Form, FormGrid } from "../ui/form";
+import { FieldGroup, FieldSet } from "../ui/field";
+import { Form } from "../ui/form";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 
 const filterSettingsSchema = z.object({
@@ -85,59 +86,56 @@ const FilterButton = () => {
 
   return (
     <Popover open={showFilter} onOpenChange={setShowFilter}>
-      <PopoverTrigger asChild>
-        <Button variant="ghost" size="sm" tabIndex={-1}>
-          <SlidersHorizontalIcon />
-          {formatMessage({ id: "issues.filter" })}
-        </Button>
+      <PopoverTrigger render={<Button variant="secondary" size="sm" tabIndex={-1} />}>
+        <SlidersHorizontalIcon />
+        {formatMessage({ id: "issues.filter" })}
       </PopoverTrigger>
       <PopoverContent collisionPadding={10} className="bg-background w-[18.5rem]">
         <Form onSubmit={form.handleSubmit}>
-          <FormGrid className="gap-3">
-            <form.AppField
-              name="projects"
-              children={(field) => (
-                <field.ComboboxField
-                  title={formatMessage({ id: "issues.filter.projects" })}
-                  placeholder={formatMessage({ id: "issues.filter.projects" })}
-                  noOptionsMessage={formatMessage({ id: "issues.filter.projects.no-options" })}
-                  options={projects.map((project) => ({ value: project.id, label: project.name }))}
-                  isLoading={isLoadingProjects}
-                  mode="multiple"
-                />
-              )}
-            />
-
-            <form.AppField
-              name="statuses"
-              children={(field) => (
-                <field.ComboboxField
-                  title={formatMessage({ id: "issues.filter.statuses" })}
-                  placeholder={formatMessage({ id: "issues.filter.statuses" })}
-                  options={
-                    statuses?.map((status) => ({
-                      label: status.name,
-                      value: status.id,
-                      disabled: status.is_closed,
-                    })) ?? []
-                  }
-                  isLoading={isLoadingStatuses}
-                  mode="multiple"
-                />
-              )}
-            />
-
-            <form.AppField
-              name="hideCompletedIssues"
-              children={(field) => (
-                <field.CheckboxField
-                  title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
-                  description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
-                  className="border-input dark:bg-input/30 rounded-lg border bg-transparent p-1.5"
-                />
-              )}
-            />
-          </FormGrid>
+          <FieldSet className="gap-3">
+            <FieldGroup>
+              <form.AppField
+                name="projects"
+                children={(field) => (
+                  <field.ComboboxField
+                    title={formatMessage({ id: "issues.filter.projects" })}
+                    placeholder={formatMessage({ id: "issues.filter.projects" })}
+                    noOptionsMessage={formatMessage({ id: "issues.filter.projects.no-options" })}
+                    items={projects.map((project) => ({ value: project.id, label: project.name }))}
+                    isLoading={isLoadingProjects}
+                    mode="multiple"
+                  />
+                )}
+              />
+              <form.AppField
+                name="statuses"
+                children={(field) => (
+                  <field.ComboboxField
+                    title={formatMessage({ id: "issues.filter.statuses" })}
+                    placeholder={formatMessage({ id: "issues.filter.statuses" })}
+                    items={
+                      statuses?.map((status) => ({
+                        label: status.name,
+                        value: status.id,
+                        disabled: status.is_closed,
+                      })) ?? []
+                    }
+                    isLoading={isLoadingStatuses}
+                    mode="multiple"
+                  />
+                )}
+              />
+              <form.AppField
+                name="hideCompletedIssues"
+                children={(field) => (
+                  <field.CheckboxField
+                    title={formatMessage({ id: "issues.filter.hide-completed-issues.title" })}
+                    description={formatMessage({ id: "issues.filter.hide-completed-issues.description" })}
+                  />
+                )}
+              />
+            </FieldGroup>
+          </FieldSet>
         </Form>
       </PopoverContent>
     </Popover>
diff --git a/src/components/issue/IssueInfoTooltip.tsx b/src/components/issue/IssueInfoTooltip.tsx
index 319a2e3..7a5b697 100644
--- a/src/components/issue/IssueInfoTooltip.tsx
+++ b/src/components/issue/IssueInfoTooltip.tsx
@@ -1,5 +1,5 @@
 import { parseISO } from "date-fns";
-import { ReactNode } from "react";
+import { ReactElement } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { TIssue } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
@@ -7,7 +7,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   issue: TIssue;
-  children?: ReactNode;
+  children: ReactElement;
 };
 
 const IssueInfoTooltip = ({ issue, children }: PropTypes) => {
@@ -16,7 +16,7 @@ const IssueInfoTooltip = ({ issue, children }: PropTypes) => {
 
   return (
     <Tooltip>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipTrigger render={children} />
       <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
         <div>
           <p className="text-sm font-semibold">
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
index 05a2dd9..d29edee 100644
--- a/src/components/issue/IssueSearch.tsx
+++ b/src/components/issue/IssueSearch.tsx
@@ -122,16 +122,14 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
                   name="mode"
                   children={(field) => (
                     <DropdownMenu>
-                      <DropdownMenuTrigger asChild>
-                        <InputGroupButton variant="ghost">
-                          {field.state.value === "local"
-                            ? formatMessage({ id: "issues.search.mode.local" })
-                            : field.state.value === "remote"
-                              ? formatMessage({ id: "issues.search.mode.remote" })
-                              : "unknown"}
-                        </InputGroupButton>
+                      <DropdownMenuTrigger render={<InputGroupButton variant="secondary" />}>
+                        {field.state.value === "local"
+                          ? formatMessage({ id: "issues.search.mode.local" })
+                          : field.state.value === "remote"
+                            ? formatMessage({ id: "issues.search.mode.remote" })
+                            : "unknown"}
                       </DropdownMenuTrigger>
-                      <DropdownMenuContent sideOffset={10} align="center" className="min-w-[2rem]">
+                      <DropdownMenuContent sideOffset={10} align="center" className="w-auto">
                         <DropdownMenuItem onClick={() => field.handleChange("local")}>
                           <ListTreeIcon />
                           {formatMessage({ id: "issues.search.mode.local" })}
@@ -144,17 +142,15 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
                     </DropdownMenu>
                   )}
                 />
-                <Separator orientation="vertical" className="!h-4" />
+                <Separator orientation="vertical" className="my-auto h-4" />
                 <settingsForm.Subscribe
                   selector={(state) => ({
                     mode: state.values.mode,
                   })}
                   children={({ mode }) => (
                     <Popover>
-                      <PopoverTrigger asChild>
-                        <InputGroupButton variant="ghost" size="icon-xs" disabled={mode !== "remote"}>
-                          <MoreHorizontalIcon />
-                        </InputGroupButton>
+                      <PopoverTrigger render={<InputGroupButton variant="ghost" size="icon-xs" />} disabled={mode !== "remote"}>
+                        <MoreHorizontalIcon />
                       </PopoverTrigger>
                       <PopoverContent sideOffset={10} collisionPadding={10} className="bg-background w-[14rem]">
                         <FormGrid className="gap-3">
@@ -164,7 +160,7 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
                               <settingsForm.AppField
                                 name="remoteSearchOptions.titlesOnly"
                                 children={(field) => (
-                                  <field.ToggleField
+                                  <field.SwitchField
                                     title={formatMessage({ id: "issues.search.remote-search-options.titles-only.title" })}
                                     info={formatMessage({ id: "issues.search.remote-search-options.titles-only.description" })}
                                   />
@@ -172,11 +168,11 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
                               />
                               <settingsForm.AppField
                                 name="remoteSearchOptions.openIssuesOnly"
-                                children={(field) => <field.ToggleField title={formatMessage({ id: "issues.search.remote-search-options.open-issues-only.title" })} />}
+                                children={(field) => <field.SwitchField title={formatMessage({ id: "issues.search.remote-search-options.open-issues-only.title" })} />}
                               />
                               <settingsForm.AppField
                                 name="remoteSearchOptions.assignedToMe"
-                                children={(field) => <field.ToggleField title={formatMessage({ id: "issues.search.remote-search-options.assigned-to-me.title" })} />}
+                                children={(field) => <field.SwitchField title={formatMessage({ id: "issues.search.remote-search-options.assigned-to-me.title" })} />}
                               />
                             </FieldGroup>
                           </FieldSet>
diff --git a/src/components/issue/IssuesList.tsx b/src/components/issue/IssuesList.tsx
index 709494f..c7ddd76 100644
--- a/src/components/issue/IssuesList.tsx
+++ b/src/components/issue/IssuesList.tsx
@@ -135,14 +135,14 @@ const ProjectVersion = ({ version }: { version?: TVersion }) => {
     >
       {version ? (
         <VersionTooltip version={version}>
-          <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
+          <Badge variant="secondary" className="max-w-3/4 justify-start">
             <a href={`${settings.redmineURL}/versions/${version.id}`} target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
               {version.name}
             </a>
           </Badge>
         </VersionTooltip>
       ) : (
-        <Badge variant="secondary" className="max-w-3/4 justify-start px-1 py-0">
+        <Badge variant="secondary" className="max-w-3/4 justify-start">
           <FormattedMessage id="issues.version.no-version" />
         </Badge>
       )}
diff --git a/src/components/issue/ProjectTooltip.tsx b/src/components/issue/ProjectTooltip.tsx
index d52e1eb..66aeaae 100644
--- a/src/components/issue/ProjectTooltip.tsx
+++ b/src/components/issue/ProjectTooltip.tsx
@@ -1,17 +1,17 @@
-import { ReactNode } from "react";
 import { FormattedMessage } from "react-intl";
 import { TProject } from "../../api/redmine/types";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
+import { ReactElement } from "react";
 
 type PropTypes = {
   project: TProject;
-  children?: ReactNode;
+  children: ReactElement;
 };
 
 const ProjectTooltip = ({ project, children }: PropTypes) => {
   return (
     <Tooltip>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipTrigger render={children} />
       <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
         <div>
           <p className="truncate text-sm font-semibold">{project.name}</p>
diff --git a/src/components/issue/VersionTooltip.tsx b/src/components/issue/VersionTooltip.tsx
index eaa8e71..e7b0c9c 100644
--- a/src/components/issue/VersionTooltip.tsx
+++ b/src/components/issue/VersionTooltip.tsx
@@ -1,12 +1,12 @@
 import { differenceInDays, parseISO, startOfDay } from "date-fns";
-import { ReactNode } from "react";
+import { ReactElement } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { TVersion } from "../../api/redmine/types";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   version: TVersion;
-  children?: ReactNode;
+  children: ReactElement;
 };
 
 const VersionTooltip = ({ version, children }: PropTypes) => {
@@ -14,7 +14,7 @@ const VersionTooltip = ({ version, children }: PropTypes) => {
 
   return (
     <Tooltip>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipTrigger render={children} />
       <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
         <div>
           <p className="truncate text-sm font-semibold">
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 02d12e9..02cd1f9 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -136,7 +136,7 @@ export const IssueForm = (props: PropTypes) => {
                     title={formatMessage({ id: "issues.issue.field.tracker" })}
                     placeholder={formatMessage({ id: "issues.issue.field.tracker" })}
                     required
-                    options={
+                    items={
                       issueTrackers.data?.map((tracker) => ({
                         label: tracker.name,
                         value: tracker.id,
@@ -164,7 +164,7 @@ export const IssueForm = (props: PropTypes) => {
                     placeholder={formatMessage({ id: "issues.issue.field.status" })}
                     required
                     disabled={props.action === "edit" ? props.issue.allowed_statuses?.length === 0 : true}
-                    options={
+                    items={
                       props.action === "create"
                         ? selectedTracker?.default_status
                           ? [
diff --git a/src/components/issue/form/fields/ActivityField.tsx b/src/components/issue/form/fields/ActivityField.tsx
index 3a72651..a8d5d19 100644
--- a/src/components/issue/form/fields/ActivityField.tsx
+++ b/src/components/issue/form/fields/ActivityField.tsx
@@ -8,7 +8,7 @@ type Props = {
   onDefaultActivityChange?: (activityId: number) => void;
 };
 
-const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
+const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading"> & Props) => {
   const { formatMessage } = useIntl();
 
   const timeEntryActivities = useTimeEntryActivities(projectId);
@@ -24,7 +24,7 @@ const ActivityField = ({ projectId, onDefaultActivityChange, ...props }: Omit<Co
       {...props}
       title={formatMessage({ id: "time.time-entry.field.activity" })}
       placeholder={formatMessage({ id: "time.time-entry.field.activity" })}
-      options={
+      items={
         timeEntryActivities.data?.map((activity) => ({
           label: activity.name,
           value: activity.id,
diff --git a/src/components/issue/form/fields/AssigneeField.tsx b/src/components/issue/form/fields/AssigneeField.tsx
index d9c977c..12115ca 100644
--- a/src/components/issue/form/fields/AssigneeField.tsx
+++ b/src/components/issue/form/fields/AssigneeField.tsx
@@ -9,7 +9,7 @@ type Props = {
   projectId: number;
 };
 
-const AssigneeField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
+const AssigneeField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading"> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -25,12 +25,12 @@ const AssigneeField = ({ projectId, ...props }: Omit<ComponentProps<typeof Combo
       {...props}
       title={formatMessage({ id: "issues.issue.field.assignee" })}
       placeholder={formatMessage({ id: "issues.issue.field.assignee" })}
-      onOpen={() => setLoadUsers(true)}
-      options={
+      onOpenChange={(open) => open && setLoadUsers(true)}
+      items={
         loadUsers
           ? groupedUsers.map(({ role, users }) => ({
               label: role.name,
-              options: users.map((user) => ({
+              items: users.map((user) => ({
                 value: user.id,
                 label: user.id === myUser.data?.id ? `${user.name} <<${formatMessage({ id: "issues.issue.field.assignee.me" })}>>` : user.name,
               })),
diff --git a/src/components/issue/form/fields/CategoryField.tsx b/src/components/issue/form/fields/CategoryField.tsx
index 6a9d218..3ac517d 100644
--- a/src/components/issue/form/fields/CategoryField.tsx
+++ b/src/components/issue/form/fields/CategoryField.tsx
@@ -7,7 +7,7 @@ type Props = {
   projectId: number;
 };
 
-const CategoryField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
+const CategoryField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading"> & Props) => {
   const { formatMessage } = useIntl();
 
   const project = useProject(projectId);
@@ -19,7 +19,7 @@ const CategoryField = ({ projectId, ...props }: Omit<ComponentProps<typeof Combo
       {...props}
       title={formatMessage({ id: "issues.issue.field.category" })}
       placeholder={formatMessage({ id: "issues.issue.field.category" })}
-      options={
+      items={
         project.data?.issue_categories?.map((category) => ({
           label: category.name,
           value: category.id,
diff --git a/src/components/issue/form/fields/DoneRatioField.tsx b/src/components/issue/form/fields/DoneRatioField.tsx
index a9ca9b6..7c92f7e 100644
--- a/src/components/issue/form/fields/DoneRatioField.tsx
+++ b/src/components/issue/form/fields/DoneRatioField.tsx
@@ -2,7 +2,7 @@ import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
 import { SelectField } from "../../../form/SelectField";
 
-const DoneRatioField = ({ ...props }: Omit<ComponentProps<typeof SelectField>, "options">) => {
+const DoneRatioField = ({ ...props }: Omit<ComponentProps<typeof SelectField>, "items">) => {
   const { formatMessage } = useIntl();
 
   return (
@@ -10,7 +10,7 @@ const DoneRatioField = ({ ...props }: Omit<ComponentProps<typeof SelectField>, "
       {...props}
       title={formatMessage({ id: "issues.issue.field.done-ratio" })}
       placeholder={formatMessage({ id: "issues.issue.field.done-ratio" })}
-      options={[0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((value) => ({
+      items={[0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100].map((value) => ({
         label: `${value} %`,
         value,
       }))}
diff --git a/src/components/issue/form/fields/PriorityField.tsx b/src/components/issue/form/fields/PriorityField.tsx
index f0c89aa..0006cd7 100644
--- a/src/components/issue/form/fields/PriorityField.tsx
+++ b/src/components/issue/form/fields/PriorityField.tsx
@@ -3,7 +3,7 @@ import { useIssuePriorities } from "@/hooks/useIssuePriorities";
 import { ComponentProps } from "react";
 import { useIntl } from "react-intl";
 
-const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "options">) => {
+const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading">) => {
   const { formatMessage } = useIntl();
 
   const issuePriorities = useIssuePriorities();
@@ -13,7 +13,7 @@ const PriorityField = (props: Omit<ComponentProps<typeof ComboboxField>, "option
       {...props}
       title={formatMessage({ id: "issues.issue.field.priority" })}
       placeholder={formatMessage({ id: "issues.issue.field.priority" })}
-      options={issuePriorities.priorities.map((priority) => ({
+      items={issuePriorities.priorities.map((priority) => ({
         label: priority.name,
         value: priority.id,
       }))}
diff --git a/src/components/issue/form/fields/VersionField.tsx b/src/components/issue/form/fields/VersionField.tsx
index 323f175..2bc272f 100644
--- a/src/components/issue/form/fields/VersionField.tsx
+++ b/src/components/issue/form/fields/VersionField.tsx
@@ -7,7 +7,7 @@ type Props = {
   projectId: number;
 };
 
-const VersionField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
+const VersionField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading"> & Props) => {
   const { formatMessage } = useIntl();
 
   const projectVersions = useProjectVersions(projectId);
@@ -19,7 +19,7 @@ const VersionField = ({ projectId, ...props }: Omit<ComponentProps<typeof Combob
       {...props}
       title={formatMessage({ id: "issues.issue.field.version" })}
       placeholder={formatMessage({ id: "issues.issue.field.version" })}
-      options={projectVersions.projectVersions
+      items={projectVersions.projectVersions
         .filter((version) => version.status === "open")
         .map((version) => ({
           label: version.name,
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index 3ec3eea..bb6608c 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -231,11 +231,11 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
                   selector={(state) => state.values.add_notes}
                   children={(add_notes) =>
                     !add_notes ? (
-                      <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                      <form.AppField name="add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
                     ) : (
                       <FormFieldset legend={formatMessage({ id: "issues.issue.field.notes" })}>
                         <FormGrid>
-                          <form.AppField name="add_notes" children={(field) => <field.ToggleField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                          <form.AppField name="add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
                           <form.AppField name="notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} />} />
                         </FormGrid>
                       </FormFieldset>
diff --git a/src/components/time-entry/TimeEntry.tsx b/src/components/time-entry/TimeEntry.tsx
index c8fa4cb..6a154b7 100644
--- a/src/components/time-entry/TimeEntry.tsx
+++ b/src/components/time-entry/TimeEntry.tsx
@@ -51,16 +51,18 @@ const TimeEntry = ({ entries, previewHours, maxHours = 24, withContextMenu = fal
       ))}
       {(previewHours && (
         <Tooltip>
-          <TooltipTrigger asChild>
-            <div
-              className="bg-primary h-4 rounded-sm opacity-50"
-              style={{
-                width: `${(previewHours / maxHours) * 100}%`,
-                backgroundSize: "1rem 1rem",
-                backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)",
-              }}
-            />
-          </TooltipTrigger>
+          <TooltipTrigger
+            render={
+              <div
+                className="bg-primary h-4 rounded-sm opacity-50"
+                style={{
+                  width: `${(previewHours / maxHours) * 100}%`,
+                  backgroundSize: "1rem 1rem",
+                  backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent)",
+                }}
+              />
+            }
+          />
           <TooltipContent>
             <p className="text-sm font-semibold">{formatHours(previewHours)}</p>
           </TooltipContent>
diff --git a/src/components/time-entry/TimeEntryTooltip.tsx b/src/components/time-entry/TimeEntryTooltip.tsx
index 4ed8713..e47441d 100644
--- a/src/components/time-entry/TimeEntryTooltip.tsx
+++ b/src/components/time-entry/TimeEntryTooltip.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactElement } from "react";
 import { FormattedMessage } from "react-intl";
 import { TTimeEntry } from "../../api/redmine/types";
 import useFormatHours from "../../hooks/useFormatHours";
@@ -6,7 +6,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 type PropTypes = {
   entry: TTimeEntry;
-  children?: ReactNode;
+  children: ReactElement;
 };
 
 const TimeEntryTooltip = ({ entry, children }: PropTypes) => {
@@ -14,7 +14,7 @@ const TimeEntryTooltip = ({ entry, children }: PropTypes) => {
 
   return (
     <Tooltip>
-      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipTrigger render={children} />
       <TooltipContent className="flex max-w-[17rem] flex-col gap-y-3 truncate">
         <p className="text-sm font-semibold">{formatHours(entry.hours)}</p>
         {entry.comments && <p className="truncate text-xs font-normal">{entry.comments}</p>}
diff --git a/src/components/time-entry/form/fields/UserField.tsx b/src/components/time-entry/form/fields/UserField.tsx
index af0e496..e042761 100644
--- a/src/components/time-entry/form/fields/UserField.tsx
+++ b/src/components/time-entry/form/fields/UserField.tsx
@@ -9,7 +9,7 @@ type Props = {
   projectId: number;
 };
 
-const UserField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "options"> & Props) => {
+const UserField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxField>, "items" | "isLoading"> & Props) => {
   const { formatMessage } = useIntl();
 
   const [loadUsers, setLoadUsers] = useState(false);
@@ -26,12 +26,12 @@ const UserField = ({ projectId, ...props }: Omit<ComponentProps<typeof ComboboxF
       title={formatMessage({ id: "time.time-entry.field.user" })}
       placeholder={formatMessage({ id: "time.time-entry.field.user" })}
       noOptionsMessage={formatMessage({ id: "time.time-entry.field.user.no-options" })}
-      onOpen={() => setLoadUsers(true)}
-      options={
+      onOpenChange={(open) => open && setLoadUsers(true)}
+      items={
         loadUsers
           ? groupedUsers.map(({ role, users }) => ({
               label: role.name,
-              options: users.map((user) => ({
+              items: users.map((user) => ({
                 value: user.id,
                 label: user.id === myUser.data?.id ? `${user.name} <<${formatMessage({ id: "issues.issue.field.assignee.me" })}>>` : user.name,
               })),
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
index 998cfb5..cad0cd9 100644
--- a/src/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -1,27 +1,27 @@
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
 import * as React from "react";
 
-import { buttonVariants } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
-function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {
   return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
 }
 
-function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {
   return <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />;
 }
 
-function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
-  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />;
+function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {
+  return <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot} {...props} />;
 }
 
-function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props) {
   return (
-    <AlertDialogPrimitive.Overlay
+    <AlertDialogPrimitive.Backdrop
       data-slot="alert-dialog-overlay"
       className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 [backdrop-filter:blur(4px)]",
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
         className
       )}
       {...props}
@@ -29,14 +29,22 @@ function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof
   );
 }
 
-function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}: AlertDialogPrimitive.Popup.Props & {
+  size?: "default" | "sm";
+}) {
   return (
-    <AlertDialogPortal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
+    <AlertDialogPortal>
       <AlertDialogOverlay />
-      <AlertDialogPrimitive.Content
+      <AlertDialogPrimitive.Popup
         data-slot="alert-dialog-content"
+        data-size={size}
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] min-w-[300px] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-4 shadow-lg duration-200 sm:max-w-lg",
+          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm",
+          "min-w-[18.5rem] data-[size=default]:max-w-[calc(100%-2rem)]",
           className
         )}
         {...props}
@@ -46,27 +54,70 @@ function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof
 }
 
 function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="alert-dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props} />;
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      )}
+      {...props}
+    />
+  );
 }
 
 function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="alert-dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props} />;
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn(
+        "bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-media"
+      className={cn(
+        "bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
+        className
+      )}
+      {...props}
+    />
+  );
 }
 
 function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
-  return <AlertDialogPrimitive.Title data-slot="alert-dialog-title" className={cn("text-lg font-semibold", className)} {...props} />;
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn("text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className)}
+      {...props}
+    />
+  );
 }
 
 function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
-  return <AlertDialogPrimitive.Description data-slot="alert-dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props} />;
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className)}
+      {...props}
+    />
+  );
 }
 
-function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
-  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />;
+function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>) {
+  return <Button data-slot="alert-dialog-action" className={cn(className)} {...props} />;
 }
 
-function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
-  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: "outline" }), className)} {...props} />;
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">) {
+  return <AlertDialogPrimitive.Close data-slot="alert-dialog-cancel" className={cn(className)} render={<Button variant={variant} size={size} />} {...props} />;
 }
 
 export {
@@ -77,6 +128,7 @@ export {
   AlertDialogDescription,
   AlertDialogFooter,
   AlertDialogHeader,
+  AlertDialogMedia,
   AlertDialogOverlay,
   AlertDialogPortal,
   AlertDialogTitle,
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index 3ee4429..f2a2dc1 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -4,12 +4,12 @@ import * as React from "react";
 import { cn } from "@/lib/utils";
 
 const alertVariants = cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  "grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",
   {
     variants: {
       variant: {
         default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current",
       },
     },
     defaultVariants: {
@@ -23,11 +23,21 @@ function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & V
 }
 
 function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="alert-title" className={cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className)} {...props} />;
+  return <div data-slot="alert-title" className={cn("[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3", className)} {...props} />;
 }
 
 function AlertDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="alert-description" className={cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className)} {...props} />;
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn("text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className)}
+      {...props}
+    />
+  );
 }
 
-export { Alert, AlertDescription, AlertTitle };
+function AlertAction({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="alert-action" className={cn("absolute top-2 right-2", className)} {...props} />;
+}
+
+export { Alert, AlertAction, AlertDescription, AlertTitle };
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index f61b9f0..b7943c9 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -1,18 +1,20 @@
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { cva, type VariantProps } from "class-variance-authority";
-import { Slot as SlotPrimitive } from "radix-ui";
-import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
 const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline",
       },
     },
     defaultVariants: {
@@ -21,10 +23,21 @@ const badgeVariants = cva(
   }
 );
 
-function Badge({ className, variant, asChild = false, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "span";
-
-  return <Comp data-slot="badge" className={cn(badgeVariants({ variant }), className)} {...props} />;
+function Badge({ className, variant = "default", render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps<"span">(
+      {
+        className: cn(badgeVariants({ className, variant })),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant,
+    },
+  });
 }
 
 export { Badge, badgeVariants };
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 3a35198..35711b7 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,28 +1,30 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva, type VariantProps } from "class-variance-authority";
-import { Slot as SlotPrimitive } from "radix-ui";
-import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        destructive:
+          "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9",
       },
     },
     defaultVariants: {
@@ -32,19 +34,8 @@ const buttonVariants = cva(
   }
 );
 
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-  }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "button";
-
-  return <Comp data-slot="button" className={cn(buttonVariants({ variant, size, className }))} {...props} />;
+function Button({ className, variant = "default", size = "default", ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
+  return <ButtonPrimitive data-slot="button" className={cn(buttonVariants({ variant, size, className }))} {...props} />;
 }
 
 export { Button, buttonVariants };
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index ef835d7..2f29b43 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -1,9 +1,9 @@
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
-import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
+import { DayPicker, getDefaultClassNames, type DayButton } from "react-day-picker";
 
 import { Button, buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 
 function Calendar({
   className,
@@ -23,7 +23,7 @@ function Calendar({
     <DayPicker
       showOutsideDays={showOutsideDays}
       className={cn(
-        "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "bg-background group/calendar p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
         className
@@ -42,27 +42,28 @@ function Calendar({
         button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
         month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
         dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
-        dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
-        dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
+        dropdown_root: cn("relative cn-calendar-dropdown-root rounded-(--cell-radius)", defaultClassNames.dropdown_root),
+        dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
         caption_label: cn(
           "select-none font-medium",
-          captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
+          captionLayout === "label" ? "text-sm" : "cn-calendar-caption-label rounded-(--cell-radius) flex items-center gap-1 text-sm  [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
         table: "w-full border-collapse",
         weekdays: cn("flex", defaultClassNames.weekdays),
-        weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+        weekday: cn("text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
         week: cn("flex w-full mt-2", defaultClassNames.week),
         week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
         week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
         day: cn(
-          "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
+          "relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
           defaultClassNames.day
         ),
-        range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+        range_start: cn("rounded-l-(--cell-radius) bg-muted relative g-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate", defaultClassNames.range_start),
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+        range_end: cn("rounded-r-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate", defaultClassNames.range_end),
+        today: cn("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", defaultClassNames.today),
         outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
         disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
         hidden: cn("invisible", defaultClassNames.hidden),
@@ -119,7 +120,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }: React.Compon
       data-range-end={modifiers.range_end}
       data-range-middle={modifiers.range_middle}
       className={cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
       )}
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
index a52b5a5..31098b2 100644
--- a/src/components/ui/checkbox.tsx
+++ b/src/components/ui/checkbox.tsx
@@ -1,21 +1,20 @@
-import { CheckIcon } from "lucide-react";
-import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import * as React from "react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 
 import { cn } from "@/lib/utils";
+import { CheckIcon } from "lucide-react";
 
-function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
   return (
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]",
         className
       )}
       {...props}
     >
-      <CheckboxPrimitive.Indicator data-slot="checkbox-indicator" className="flex items-center justify-center text-current transition-none">
-        <CheckIcon className="size-3.5" />
+      <CheckboxPrimitive.Indicator data-slot="checkbox-indicator" className="grid place-content-center text-current transition-none [&>svg]:size-3.5">
+        <CheckIcon />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
   );
diff --git a/src/components/ui/combobox.tsx b/src/components/ui/combobox.tsx
new file mode 100644
index 0000000..e1bc886
--- /dev/null
+++ b/src/components/ui/combobox.tsx
@@ -0,0 +1,214 @@
+import { Combobox as ComboboxPrimitive } from "@base-ui/react";
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "@/components/ui/input-group";
+import { cn } from "@/lib/utils";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
+
+const Combobox = ComboboxPrimitive.Root;
+
+function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {
+  return <ComboboxPrimitive.Value data-slot="combobox-value" {...props} />;
+}
+
+function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props) {
+  return (
+    <ComboboxPrimitive.Trigger data-slot="combobox-trigger" className={cn("[&_svg:not([class*='size-'])]:size-4", className)} {...props}>
+      {children}
+      <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4" />
+    </ComboboxPrimitive.Trigger>
+  );
+}
+
+function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
+  return (
+    <ComboboxPrimitive.Clear data-slot="combobox-clear" render={<InputGroupButton variant="ghost" size="icon-xs" />} className={cn(className)} {...props}>
+      <XIcon className="pointer-events-none" />
+    </ComboboxPrimitive.Clear>
+  );
+}
+
+function ComboboxInput({
+  className,
+  children,
+  disabled = false,
+  showTrigger = true,
+  showClear = false,
+  ...props
+}: ComboboxPrimitive.Input.Props & {
+  showTrigger?: boolean;
+  showClear?: boolean;
+}) {
+  return (
+    <InputGroup className={cn("w-auto", className)}>
+      <ComboboxPrimitive.Input render={<InputGroupInput disabled={disabled} />} {...props} />
+      <InputGroupAddon align="inline-end">
+        {showTrigger && (
+          <InputGroupButton
+            size="icon-xs"
+            variant="ghost"
+            render={<ComboboxTrigger />}
+            data-slot="input-group-button"
+            className="group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent"
+            disabled={disabled}
+            tabIndex={-1}
+          />
+        )}
+        {showClear && <ComboboxClear disabled={disabled} />}
+      </InputGroupAddon>
+      {children}
+    </InputGroup>
+  );
+}
+
+function ComboboxContent({
+  className,
+  side = "bottom",
+  sideOffset = 6,
+  align = "start",
+  alignOffset = 0,
+  anchor,
+  ...props
+}: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">) {
+  return (
+    <ComboboxPrimitive.Portal>
+      <ComboboxPrimitive.Positioner side={side} sideOffset={sideOffset} align={align} alignOffset={alignOffset} anchor={anchor} className="isolate z-50">
+        <ComboboxPrimitive.Popup
+          data-slot="combobox-content"
+          data-chips={!!anchor}
+          className={cn(
+            "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 group/combobox-content relative max-h-(--available-height) max-h-72 w-(--anchor-width) max-w-(--available-width) min-w-36 min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-md ring-1 duration-100 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none",
+            className
+          )}
+          {...props}
+        />
+      </ComboboxPrimitive.Positioner>
+    </ComboboxPrimitive.Portal>
+  );
+}
+
+function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {
+  return (
+    <ComboboxPrimitive.List
+      data-slot="combobox-list"
+      className={cn(
+        "no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props) {
+  return (
+    <ComboboxPrimitive.Item
+      data-slot="combobox-item"
+      className={cn(
+        "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ComboboxPrimitive.ItemIndicator render={<span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center" />}>
+        <CheckIcon className="pointer-events-none" />
+      </ComboboxPrimitive.ItemIndicator>
+    </ComboboxPrimitive.Item>
+  );
+}
+
+function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {
+  return <ComboboxPrimitive.Group data-slot="combobox-group" className={cn(className)} {...props} />;
+}
+
+function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props) {
+  return <ComboboxPrimitive.GroupLabel data-slot="combobox-label" className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)} {...props} />;
+}
+
+function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {
+  return <ComboboxPrimitive.Collection data-slot="combobox-collection" {...props} />;
+}
+
+function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {
+  return (
+    <ComboboxPrimitive.Empty
+      data-slot="combobox-empty"
+      className={cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className)}
+      {...props}
+    />
+  );
+}
+
+function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props) {
+  return <ComboboxPrimitive.Separator data-slot="combobox-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
+}
+
+function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props) {
+  return (
+    <ComboboxPrimitive.Chips
+      data-slot="combobox-chips"
+      className={cn(
+        "dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function ComboboxChip({
+  className,
+  children,
+  showRemove = true,
+  ...props
+}: ComboboxPrimitive.Chip.Props & {
+  showRemove?: boolean;
+}) {
+  return (
+    <ComboboxPrimitive.Chip
+      data-slot="combobox-chip"
+      className={cn(
+        "bg-muted-foreground/10 text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      {showRemove && (
+        <ComboboxPrimitive.ChipRemove render={<Button variant="ghost" size="icon-xs" />} className="-ml-1 opacity-50 hover:opacity-100" data-slot="combobox-chip-remove">
+          <XIcon className="pointer-events-none" />
+        </ComboboxPrimitive.ChipRemove>
+      )}
+    </ComboboxPrimitive.Chip>
+  );
+}
+
+function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props) {
+  return <ComboboxPrimitive.Input data-slot="combobox-chip-input" className={cn("min-w-16 flex-1 outline-none", className)} {...props} />;
+}
+
+function useComboboxAnchor() {
+  return React.useRef<HTMLDivElement | null>(null);
+}
+
+export {
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxChipsInput,
+  ComboboxClear,
+  ComboboxCollection,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxSeparator,
+  ComboboxTrigger,
+  ComboboxValue,
+  useComboboxAnchor,
+};
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
deleted file mode 100644
index 370bafe..0000000
--- a/src/components/ui/command.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import * as React from "react";
-
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
-import { cn } from "@/lib/utils";
-
-function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
-  return <CommandPrimitive data-slot="command" className={cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className)} {...props} />;
-}
-
-function CommandDialog({
-  title = "Command Palette",
-  description = "Search for a command to run...",
-  children,
-  className,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}) {
-  return (
-    <Dialog {...props}>
-      <DialogHeader className="sr-only">
-        <DialogTitle>{title}</DialogTitle>
-        <DialogDescription>{description}</DialogDescription>
-      </DialogHeader>
-      <DialogContent className={cn("overflow-hidden p-0", className)} showCloseButton={showCloseButton}>
-        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {
-  return (
-    <div data-slot="command-input-wrapper" className="flex h-9 items-center gap-2 border-b px-3">
-      <SearchIcon className="size-4 shrink-0 opacity-50" />
-      <CommandPrimitive.Input
-        data-slot="command-input"
-        className={cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className)}
-        {...props}
-      />
-    </div>
-  );
-}
-
-function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
-  return <CommandPrimitive.List data-slot="command-list" className={cn("max-h-[200px] scroll-py-1 overflow-x-hidden overflow-y-auto", className)} {...props} />;
-}
-
-function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {
-  return <CommandPrimitive.Empty data-slot="command-empty" className="py-6 text-center text-sm" {...props} />;
-}
-
-function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {
-  return (
-    <CommandPrimitive.Group
-      data-slot="command-group"
-      className={cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {
-  return <CommandPrimitive.Separator data-slot="command-separator" className={cn("bg-border -mx-1 h-px", className)} {...props} />;
-}
-
-function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {
-  return (
-    <CommandPrimitive.Item
-      data-slot="command-item"
-      className={cn(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CommandShortcut({ className, ...props }: React.ComponentProps<"span">) {
-  return <span data-slot="command-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
-}
-
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
diff --git a/src/components/ui/context-menu.tsx b/src/components/ui/context-menu.tsx
index 02d79bb..3a23d57 100644
--- a/src/components/ui/context-menu.tsx
+++ b/src/components/ui/context-menu.tsx
@@ -1,63 +1,82 @@
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 
-function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
+function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
   return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />;
 }
 
-function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
-  return <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />;
+function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {
+  return <ContextMenuPrimitive.Portal data-slot="context-menu-portal" container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot} {...props} />;
 }
 
-function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
-  return <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />;
-}
-
-function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
-  return <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />;
+function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props) {
+  return <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" className={cn("select-none", className)} {...props} />;
 }
 
-function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
-  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />;
+function ContextMenuContent({
+  className,
+  align = "start",
+  alignOffset = 4,
+  side = "right",
+  sideOffset = 0,
+  ...props
+}: ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) {
+  return (
+    <ContextMenuPortal>
+      <ContextMenuPrimitive.Positioner className="isolate z-50 outline-none" align={align} alignOffset={alignOffset} side={side} sideOffset={sideOffset}>
+        <ContextMenuPrimitive.Popup
+          data-slot="context-menu-content"
+          className={cn(
+            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none",
+            className
+          )}
+          {...props}
+        />
+      </ContextMenuPrimitive.Positioner>
+    </ContextMenuPortal>
+  );
 }
 
-function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
-  return <ContextMenuPrimitive.RadioGroup data-slot="context-menu-radio-group" {...props} />;
+function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {
+  return <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />;
 }
 
-function ContextMenuSubTrigger({
+function ContextMenuLabel({
   className,
   inset,
-  children,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+}: ContextMenuPrimitive.GroupLabel.Props & {
   inset?: boolean;
 }) {
   return (
-    <ContextMenuPrimitive.SubTrigger
-      data-slot="context-menu-sub-trigger"
+    <ContextMenuPrimitive.GroupLabel
+      data-slot="context-menu-label"
       data-inset={inset}
-      className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
+      className={cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8", className)}
       {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto" />
-    </ContextMenuPrimitive.SubTrigger>
+    />
   );
 }
 
-function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
+function ContextMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: ContextMenuPrimitive.Item.Props & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}) {
   return (
-    <ContextMenuPrimitive.SubContent
-      data-slot="context-menu-sub-content"
+    <ContextMenuPrimitive.Item
+      data-slot="context-menu-item"
+      data-inset={inset}
+      data-variant={variant}
       className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
@@ -65,102 +84,89 @@ function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typ
   );
 }
 
-function ContextMenuContent({ className, collisionPadding = 5, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
-  return (
-    <ContextMenuPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
-      <ContextMenuPrimitive.Content
-        data-slot="context-menu-content"
-        collisionPadding={collisionPadding}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </ContextMenuPrimitive.Portal>
-  );
+function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {
+  return <ContextMenuPrimitive.SubmenuRoot data-slot="context-menu-sub" {...props} />;
 }
 
-function ContextMenuItem({
+function ContextMenuSubTrigger({
   className,
   inset,
-  variant = "default",
+  children,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+}: ContextMenuPrimitive.SubmenuTrigger.Props & {
   inset?: boolean;
-  variant?: "default" | "destructive";
 }) {
   return (
-    <ContextMenuPrimitive.Item
-      data-slot="context-menu-item"
+    <ContextMenuPrimitive.SubmenuTrigger
+      data-slot="context-menu-sub-trigger"
       data-inset={inset}
-      data-variant={variant}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
-    />
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto" />
+    </ContextMenuPrimitive.SubmenuTrigger>
   );
 }
 
-function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {
+function ContextMenuSubContent({ ...props }: React.ComponentProps<typeof ContextMenuContent>) {
+  return <ContextMenuContent data-slot="context-menu-sub-content" className="shadow-lg" side="right" {...props} />;
+}
+
+function ContextMenuCheckboxItem({ className, children, checked, ...props }: ContextMenuPrimitive.CheckboxItem.Props) {
   return (
     <ContextMenuPrimitive.CheckboxItem
       data-slot="context-menu-checkbox-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       checked={checked}
       {...props}
     >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <ContextMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </ContextMenuPrimitive.ItemIndicator>
+      <span className="pointer-events-none absolute right-2">
+        <ContextMenuPrimitive.CheckboxItemIndicator>
+          <CheckIcon />
+        </ContextMenuPrimitive.CheckboxItemIndicator>
       </span>
       {children}
     </ContextMenuPrimitive.CheckboxItem>
   );
 }
 
-function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {
+function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props) {
+  return <ContextMenuPrimitive.RadioGroup data-slot="context-menu-radio-group" {...props} />;
+}
+
+function ContextMenuRadioItem({ className, children, ...props }: ContextMenuPrimitive.RadioItem.Props) {
   return (
     <ContextMenuPrimitive.RadioItem
       data-slot="context-menu-radio-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
     >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <ContextMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </ContextMenuPrimitive.ItemIndicator>
+      <span className="pointer-events-none absolute right-2">
+        <ContextMenuPrimitive.RadioItemIndicator>
+          <CheckIcon />
+        </ContextMenuPrimitive.RadioItemIndicator>
       </span>
       {children}
     </ContextMenuPrimitive.RadioItem>
   );
 }
 
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-  inset?: boolean;
-}) {
-  return <ContextMenuPrimitive.Label data-slot="context-menu-label" data-inset={inset} className={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)} {...props} />;
-}
-
-function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
+function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props) {
   return <ContextMenuPrimitive.Separator data-slot="context-menu-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
 }
 
 function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
-  return <span data-slot="context-menu-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
+  return <span data-slot="context-menu-shortcut" className={cn("text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
 }
 
 export {
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index d92d020..7b36f3c 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -1,31 +1,32 @@
-import { XIcon } from "lucide-react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import * as React from "react";
 
+import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
+import { XIcon } from "lucide-react";
 
-function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
+function Dialog({ ...props }: DialogPrimitive.Root.Props) {
   return <DialogPrimitive.Root data-slot="dialog" {...props} />;
 }
 
-function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props) {
   return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
 }
 
-function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
+function DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot} {...props} />;
 }
 
-function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
+function DialogClose({ ...props }: DialogPrimitive.Close.Props) {
   return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
 }
 
-function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props) {
   return (
-    <DialogPrimitive.Overlay
+    <DialogPrimitive.Backdrop
       data-slot="dialog-overlay"
       className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 [backdrop-filter:blur(4px)]",
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
         className
       )}
       {...props}
@@ -38,49 +39,74 @@ function DialogContent({
   children,
   showCloseButton = true,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+}: DialogPrimitive.Popup.Props & {
   showCloseButton?: boolean;
 }) {
   return (
-    <DialogPortal data-slot="dialog-portal" container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
-      <DialogOverlay />
-      <DialogPrimitive.Content
+    <DialogPortal>
+      <DialogOverlay
+        onContextMenu={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}
+      />
+      <DialogPrimitive.Popup
         data-slot="dialog-content"
         className={cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex max-h-[calc(100%-1rem)] w-full max-w-[calc(100%-2rem)] min-w-[18.5rem] translate-x-[-50%] translate-y-[-50%] flex-col gap-4 overflow-y-auto rounded-lg border p-4 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 text-sm ring-1 duration-100 outline-none sm:max-w-sm",
+          "max-h-[calc(100%-1rem)] min-w-[18.5rem] overflow-y-auto",
           className
         )}
+        onContextMenu={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}
         {...props}
       >
         {children}
         {showCloseButton && (
-          <DialogPrimitive.Close
-            data-slot="dialog-close"
-            className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-          >
+          <DialogPrimitive.Close data-slot="dialog-close" render={<Button variant="ghost" className="absolute top-2 right-2" size="icon-sm" />}>
             <XIcon />
             <span className="sr-only">Close</span>
           </DialogPrimitive.Close>
         )}
-      </DialogPrimitive.Content>
+      </DialogPrimitive.Popup>
     </DialogPortal>
   );
 }
 
 function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="dialog-header" className={cn("flex flex-col gap-2 text-center sm:text-left", className)} {...props} />;
+  return <div data-slot="dialog-header" className={cn("flex flex-col gap-2", className)} {...props} />;
 }
 
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="dialog-footer" className={cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)} {...props} />;
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}) {
+  return (
+    <div data-slot="dialog-footer" className={cn("bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t p-4 sm:flex-row sm:justify-end", className)} {...props}>
+      {children}
+      {showCloseButton && <DialogPrimitive.Close render={<Button variant="outline" />}>Close</DialogPrimitive.Close>}
+    </div>
+  );
 }
 
-function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return <DialogPrimitive.Title data-slot="dialog-title" className={cn("text-lg leading-none font-semibold", className)} {...props} />;
+function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props) {
+  return <DialogPrimitive.Title data-slot="dialog-title" className={cn("mb-1 text-lg leading-none font-medium", className)} {...props} />;
 }
 
-function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return <DialogPrimitive.Description data-slot="dialog-description" className={cn("text-muted-foreground text-sm", className)} {...props} />;
+function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
+      {...props}
+    />
+  );
 }
 
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 5364105..6e889b9 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -1,39 +1,59 @@
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 
-function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
+function DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {
+  return <MenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
 }
 
-function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />;
+function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {
+  return <MenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />;
 }
 
-function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />;
+function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {
+  return <MenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />;
 }
 
-function DropdownMenuContent({ className, sideOffset = 4, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+function DropdownMenuContent({
+  align = "start",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  className,
+  ...props
+}: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) {
   return (
-    <DropdownMenuPrimitive.Portal>
-      <DropdownMenuPrimitive.Content
-        data-slot="dropdown-menu-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
-        )}
-        {...props}
-      />
-    </DropdownMenuPrimitive.Portal>
+    <MenuPrimitive.Portal>
+      <MenuPrimitive.Positioner className="isolate z-50 outline-none" align={align} alignOffset={alignOffset} side={side} sideOffset={sideOffset}>
+        <MenuPrimitive.Popup
+          data-slot="dropdown-menu-content"
+          className={cn(
+            "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1 duration-100 outline-none data-closed:overflow-hidden",
+            className
+          )}
+          {...props}
+        />
+      </MenuPrimitive.Positioner>
+    </MenuPrimitive.Portal>
   );
 }
 
-function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />;
+function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {
+  return <MenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />;
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: MenuPrimitive.GroupLabel.Props & {
+  inset?: boolean;
+}) {
+  return (
+    <MenuPrimitive.GroupLabel data-slot="dropdown-menu-label" data-inset={inset} className={cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8", className)} {...props} />
+  );
 }
 
 function DropdownMenuItem({
@@ -41,17 +61,17 @@ function DropdownMenuItem({
   inset,
   variant = "default",
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+}: MenuPrimitive.Item.Props & {
   inset?: boolean;
   variant?: "default" | "destructive";
 }) {
   return (
-    <DropdownMenuPrimitive.Item
+    <MenuPrimitive.Item
       data-slot="dropdown-menu-item"
       data-inset={inset}
       data-variant={variant}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
@@ -59,107 +79,103 @@ function DropdownMenuItem({
   );
 }
 
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {
+  return <MenuPrimitive.SubmenuRoot data-slot="dropdown-menu-sub" {...props} />;
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: MenuPrimitive.SubmenuTrigger.Props & {
+  inset?: boolean;
+}) {
   return (
-    <DropdownMenuPrimitive.CheckboxItem
-      data-slot="dropdown-menu-checkbox-item"
+    <MenuPrimitive.SubmenuTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
-      checked={checked}
       {...props}
     >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </span>
       {children}
-    </DropdownMenuPrimitive.CheckboxItem>
+      <ChevronRightIcon className="ml-auto" />
+    </MenuPrimitive.SubmenuTrigger>
   );
 }
 
-function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />;
+function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>) {
+  return (
+    <DropdownMenuContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-auto min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100",
+        className
+      )}
+      align={align}
+      alignOffset={alignOffset}
+      side={side}
+      sideOffset={sideOffset}
+      {...props}
+    />
+  );
 }
 
-function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props) {
   return (
-    <DropdownMenuPrimitive.RadioItem
-      data-slot="dropdown-menu-radio-item"
+    <MenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
+      checked={checked}
       {...props}
     >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </DropdownMenuPrimitive.ItemIndicator>
+      <span className="pointer-events-none absolute right-2 flex items-center justify-center" data-slot="dropdown-menu-checkbox-item-indicator">
+        <MenuPrimitive.CheckboxItemIndicator>
+          <CheckIcon />
+        </MenuPrimitive.CheckboxItemIndicator>
       </span>
       {children}
-    </DropdownMenuPrimitive.RadioItem>
+    </MenuPrimitive.CheckboxItem>
   );
 }
 
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-  inset?: boolean;
-}) {
-  return <DropdownMenuPrimitive.Label data-slot="dropdown-menu-label" data-inset={inset} className={cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)} {...props} />;
-}
-
-function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
-  return <DropdownMenuPrimitive.Separator data-slot="dropdown-menu-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
+function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {
+  return <MenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />;
 }
 
-function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
-  return <span data-slot="dropdown-menu-shortcut" className={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...props} />;
-}
-
-function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
-  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
-}
-
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-  inset?: boolean;
-}) {
+function DropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props) {
   return (
-    <DropdownMenuPrimitive.SubTrigger
-      data-slot="dropdown-menu-sub-trigger"
-      data-inset={inset}
+    <MenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
     >
+      <span className="pointer-events-none absolute right-2 flex items-center justify-center" data-slot="dropdown-menu-radio-item-indicator">
+        <MenuPrimitive.RadioItemIndicator>
+          <CheckIcon />
+        </MenuPrimitive.RadioItemIndicator>
+      </span>
       {children}
-      <ChevronRightIcon className="ml-auto size-4" />
-    </DropdownMenuPrimitive.SubTrigger>
+    </MenuPrimitive.RadioItem>
   );
 }
 
-function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props) {
+  return <MenuPrimitive.Separator data-slot="dropdown-menu-separator" className={cn("bg-border -mx-1 my-1 h-px", className)} {...props} />;
+}
+
+function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">) {
   return (
-    <DropdownMenuPrimitive.SubContent
-      data-slot="dropdown-menu-sub-content"
-      className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      )}
-      {...props}
-    />
+    <span data-slot="dropdown-menu-shortcut" className={cn("text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest", className)} {...props} />
   );
 }
 
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
index b812b2d..0562da5 100644
--- a/src/components/ui/field.tsx
+++ b/src/components/ui/field.tsx
@@ -8,37 +8,30 @@ import { AsteriskIcon, InfoIcon } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
 
 function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
-  return <fieldset data-slot="field-set" className={cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className)} {...props} />;
+  return <fieldset data-slot="field-set" className={cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className)} {...props} />;
 }
 
 function FieldLegend({ className, variant = "legend", ...props }: React.ComponentProps<"legend"> & { variant?: "legend" | "label" }) {
-  return <legend data-slot="field-legend" data-variant={variant} className={cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className)} {...props} />;
+  return <legend data-slot="field-legend" data-variant={variant} className={cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className)} {...props} />;
 }
 
 function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="field-group"
-      className={cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className)}
+      className={cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className)}
       {...props}
     />
   );
 }
 
-const fieldVariants = cva("group/field flex w-full gap-2", {
+const fieldVariants = cva("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
   variants: {
     orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-0.5",
-      ],
-      responsive: [
-        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-      ],
+      vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+      horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      responsive:
+        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
     },
   },
   defaultVariants: {
@@ -51,7 +44,7 @@ function Field({ className, orientation = "vertical", ...props }: React.Componen
 }
 
 function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
-  return <div data-slot="field-content" className={cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className)} {...props} />;
+  return <div data-slot="field-content" className={cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className)} {...props} />;
 }
 
 function FieldLabel({ className, required, children, ...props }: React.ComponentProps<typeof Label> & { required?: boolean }) {
@@ -59,9 +52,8 @@ function FieldLabel({ className, required, children, ...props }: React.Component
     <Label
       data-slot="field-label"
       className={cn(
-        "group/field-label peer/field-label group-data-[invalid=true]/field:text-destructive flex w-fit gap-2 truncate leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        "has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
         className
       )}
       {...props}
@@ -87,8 +79,8 @@ function FieldDescription({ className, ...props }: React.ComponentProps<"p">) {
     <p
       data-slot="field-description"
       className={cn(
-        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "text-muted-foreground text-left text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
+        "last:mt-0 nth-last-2:-mt-1",
         "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
         className
       )}
@@ -108,7 +100,7 @@ function FieldSeparator({
     <div data-slot="field-separator" data-content={!!children} className={cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className)} {...props}>
       <Separator className="absolute inset-0 top-1/2" />
       {children && (
-        <span className="bg-background text-muted-foreground relative mx-auto block w-fit px-2" data-slot="field-separator-content">
+        <span className="text-muted-foreground bg-background relative mx-auto block w-fit px-2" data-slot="field-separator-content">
           {children}
         </span>
       )}
@@ -131,15 +123,17 @@ function FieldError({
       return children;
     }
 
-    if (!errors || errors.length === 0) {
+    if (!errors?.length) {
       return null;
     }
 
-    if (errors.length === 1 && errors[0]?.message) {
-      return errors[0].message;
+    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+
+    if (uniqueErrors?.length === 1) {
+      return uniqueErrors[0]?.message;
     }
 
-    return <ul className="flex flex-col gap-1 text-sm">{errors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}</ul>;
+    return <ul className="ml-2 flex flex-col gap-1">{uniqueErrors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}</ul>;
   }, [children, errors]);
 
   if (!content) {
@@ -148,10 +142,8 @@ function FieldError({
 
   if (variant === "tooltip") {
     return (
-      <Tooltip delayDuration={0}>
-        <TooltipTrigger asChild>
-          <InfoIcon className="text-destructive size-3.5" />
-        </TooltipTrigger>
+      <Tooltip delay={0}>
+        <TooltipTrigger render={<InfoIcon className="text-destructive size-3.5" />} />
         <TooltipContent className="max-w-64 text-wrap">
           <div role="alert" data-slot="field-error" className={cn("text-sm", className)} {...props}>
             {content}
@@ -170,10 +162,8 @@ function FieldError({
 
 function FieldInfo({ className, children, ...props }: React.ComponentProps<typeof InfoIcon>) {
   return (
-    <Tooltip delayDuration={0}>
-      <TooltipTrigger asChild>
-        <InfoIcon className={cn("text-muted-foreground size-3.5", className)} {...props} />
-      </TooltipTrigger>
+    <Tooltip delay={0}>
+      <TooltipTrigger render={<InfoIcon className={cn("text-muted-foreground size-3.5", className)} {...props} />} />
       <TooltipContent className="max-w-64 text-wrap">{children}</TooltipContent>
     </Tooltip>
   );
diff --git a/src/components/ui/input-group.tsx b/src/components/ui/input-group.tsx
index 61c316d..a2c343d 100644
--- a/src/components/ui/input-group.tsx
+++ b/src/components/ui/input-group.tsx
@@ -12,21 +12,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="input-group"
       role="group"
       className={cn(
-        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
-        "h-9 min-w-0 has-[>textarea]:h-auto",
-
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-
-        // Focus state.
-        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
-
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
-
+        "border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[[data-slot=input-group-control]:disabled]:bg-input/50 dark:has-[[data-slot=input-group-control]:disabled]:bg-input/80 group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none has-[[data-slot=input-group-control]:disabled]:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0",
         className
       )}
       {...props}
@@ -35,14 +21,14 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
 }
 
 const inputGroupAddonVariants = cva(
-  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
   {
     variants: {
       align: {
-        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
-        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5",
+        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
+        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start",
       },
     },
     defaultVariants: {
@@ -69,12 +55,12 @@ function InputGroupAddon({ className, align = "inline-start", ...props }: React.
   );
 }
 
-const inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-center", {
+const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none flex items-center", {
   variants: {
     size: {
-      xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
-      sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
-      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+      sm: "",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
       "icon-sm": "size-8 p-0 has-[>svg]:p-0",
     },
   },
@@ -83,7 +69,16 @@ const inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-cente
   },
 });
 
-function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>) {
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, "size" | "type"> &
+  VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+  }) {
   return <Button type={type} data-size={size} variant={variant} className={cn(inputGroupButtonVariants({ size }), className)} {...props} />;
 }
 
@@ -91,15 +86,27 @@ function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
   return <span className={cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className)} {...props} />;
 }
 
-function InputGroupInput({ className, ...props }: React.ComponentProps<"input">) {
-  return <Input data-slot="input-group-control" className={cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className)} {...props} />;
+function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="input-group-control"
+      className={cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+        className
+      )}
+      {...props}
+    />
+  );
 }
 
 function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (
     <Textarea
       data-slot="input-group-control"
-      className={cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className)}
+      className={cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+        className
+      )}
       {...props}
     />
   );
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 868dec6..9317176 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,16 +1,14 @@
-import * as React from "react";
+import { Input as InputPrimitive } from "@base-ui/react/input";
 
 import { cn } from "@/lib/utils";
 
-function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+function Input({ className, type, ...props }: InputPrimitive.Props) {
   return (
-    <input
+    <InputPrimitive
       type={type}
       data-slot="input"
       className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] md:text-sm",
         className
       )}
       {...props}
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index 447cb79..60014f2 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -1,11 +1,10 @@
-import { Label as LabelPrimitive } from "radix-ui";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
+function Label({ className, ...props }: React.ComponentProps<"label">) {
   return (
-    <LabelPrimitive.Root
+    <label
       data-slot="label"
       className={cn(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index 47b1a51..5139f8f 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -1,53 +1,48 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 import { cva } from "class-variance-authority";
-import { ChevronDownIcon } from "lucide-react";
-import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import * as React from "react";
 
 import { cn } from "@/lib/utils";
+import { ChevronDownIcon } from "lucide-react";
 
-function NavigationMenu({
-  className,
-  children,
-  viewport = true,
-  ...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-  viewport?: boolean;
-}) {
+function NavigationMenu({ className, children, ...props }: NavigationMenuPrimitive.Root.Props) {
   return (
-    <NavigationMenuPrimitive.Root data-slot="navigation-menu" data-viewport={viewport} className={cn("group/navigation-menu relative flex max-w-max flex-1 items-center p-1.5", className)} {...props}>
+    <NavigationMenuPrimitive.Root data-slot="navigation-menu" className={cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className)} {...props}>
       {children}
-      {viewport && <NavigationMenuViewport />}
+      <NavigationMenuPositioner />
     </NavigationMenuPrimitive.Root>
   );
 }
 
-function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
-  return <NavigationMenuPrimitive.List data-slot="navigation-menu-list" className={cn("group flex flex-1 list-none items-center justify-center gap-1", className)} {...props} />;
+function NavigationMenuList({ className, ...props }: NavigationMenuPrimitive.List.Props) {
+  return <NavigationMenuPrimitive.List data-slot="navigation-menu-list" className={cn("group flex flex-1 list-none items-center justify-center gap-0", className)} {...props} />;
 }
 
-function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
+function NavigationMenuItem({ className, ...props }: NavigationMenuPrimitive.Item.Props) {
   return <NavigationMenuPrimitive.Item data-slot="navigation-menu-item" className={cn("relative", className)} {...props} />;
 }
 
 const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+  "bg-background hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-[3px] focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center disabled:pointer-events-none outline-none"
 );
 
-function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
+function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props) {
   return (
     <NavigationMenuPrimitive.Trigger data-slot="navigation-menu-trigger" className={cn(navigationMenuTriggerStyle(), "group", className)} {...props}>
-      {children} <ChevronDownIcon className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true" />
+      {children}{" "}
+      <ChevronDownIcon
+        className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180"
+        aria-hidden="true"
+      />
     </NavigationMenuPrimitive.Trigger>
   );
 }
 
-function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
+function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props) {
   return (
     <NavigationMenuPrimitive.Content
       data-slot="navigation-menu-content"
       className={cn(
-        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
-        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/10 h-full w-auto p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
         className
       )}
       {...props}
@@ -55,27 +50,34 @@ function NavigationMenuContent({ className, ...props }: React.ComponentProps<typ
   );
 }
 
-function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
+function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }: NavigationMenuPrimitive.Positioner.Props) {
   return (
-    <div className={cn("absolute top-full left-0 isolate z-50 flex justify-center")}>
-      <NavigationMenuPrimitive.Viewport
-        data-slot="navigation-menu-viewport"
+    <NavigationMenuPrimitive.Portal>
+      <NavigationMenuPrimitive.Positioner
+        side={side}
+        sideOffset={sideOffset}
+        align={align}
+        alignOffset={alignOffset}
         className={cn(
-          "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+          "isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)] transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[instant]:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0",
           className
         )}
         {...props}
-      />
-    </div>
+      >
+        <NavigationMenuPrimitive.Popup className="bg-popover text-popover-foreground ring-foreground/10 xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:scale-90 data-[starting-style]:opacity-0">
+          <NavigationMenuPrimitive.Viewport className="relative size-full overflow-hidden" />
+        </NavigationMenuPrimitive.Popup>
+      </NavigationMenuPrimitive.Positioner>
+    </NavigationMenuPrimitive.Portal>
   );
 }
 
-function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
+function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props) {
   return (
     <NavigationMenuPrimitive.Link
       data-slot="navigation-menu-link"
       className={cn(
-        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        "data-active:focus:bg-muted data-active:hover:bg-muted data-active:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 [[data-slot=navigation-menu-content]_&]:rounded-md",
         className
       )}
       {...props}
@@ -83,9 +85,9 @@ function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof
   );
 }
 
-function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
+function NavigationMenuIndicator({ className, ...props }: NavigationMenuPrimitive.Icon.Props) {
   return (
-    <NavigationMenuPrimitive.Indicator
+    <NavigationMenuPrimitive.Icon
       data-slot="navigation-menu-indicator"
       className={cn(
         "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
@@ -94,7 +96,7 @@ function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<t
       {...props}
     >
       <div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
-    </NavigationMenuPrimitive.Indicator>
+    </NavigationMenuPrimitive.Icon>
   );
 }
 
@@ -105,7 +107,7 @@ export {
   NavigationMenuItem,
   NavigationMenuLink,
   NavigationMenuList,
+  NavigationMenuPositioner,
   NavigationMenuTrigger,
   navigationMenuTriggerStyle,
-  NavigationMenuViewport,
 };
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index b4079da..9d27a79 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -1,36 +1,51 @@
-import { Popover as PopoverPrimitive } from "radix-ui";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+function Popover({ ...props }: PopoverPrimitive.Root.Props) {
   return <PopoverPrimitive.Root data-slot="popover" {...props} />;
 }
 
-function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {
   return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
 }
 
-function PopoverContent({ className, align = "center", sideOffset = 4, collisionPadding = 5, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  collisionPadding,
+  ...props
+}: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "collisionPadding">) {
   return (
-    <PopoverPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
-      <PopoverPrimitive.Content
-        data-slot="popover-content"
-        align={align}
-        sideOffset={sideOffset}
-        collisionPadding={collisionPadding}
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-          className
-        )}
-        {...props}
-      />
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Positioner align={align} alignOffset={alignOffset} side={side} sideOffset={sideOffset} collisionPadding={collisionPadding} className="isolate z-50">
+        <PopoverPrimitive.Popup
+          data-slot="popover-content"
+          className={cn(
+            "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+            className
+          )}
+          {...props}
+        />
+      </PopoverPrimitive.Positioner>
     </PopoverPrimitive.Portal>
   );
 }
 
-function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
-  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
+function PopoverHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="popover-header" className={cn("flex flex-col gap-0.5 text-sm", className)} {...props} />;
 }
 
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {
+  return <PopoverPrimitive.Title data-slot="popover-title" className={cn("font-medium", className)} {...props} />;
+}
+
+function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props) {
+  return <PopoverPrimitive.Description data-slot="popover-description" className={cn("text-muted-foreground", className)} {...props} />;
+}
+
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index f6f6b8e..ba8b45d 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -1,19 +1,17 @@
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { Select as SelectPrimitive } from "radix-ui";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
 import * as React from "react";
 
 import { cn } from "@/lib/utils";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 
-function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {
-  return <SelectPrimitive.Root data-slot="select" {...props} />;
-}
+const Select = SelectPrimitive.Root;
 
-function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {
-  return <SelectPrimitive.Group data-slot="select-group" {...props} />;
+function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {
+  return <SelectPrimitive.Group data-slot="select-group" className={cn("scroll-my-1 p-1", className)} {...props} />;
 }
 
-function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {
-  return <SelectPrimitive.Value data-slot="select-value" {...props} />;
+function SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {
+  return <SelectPrimitive.Value data-slot="select-value" className={cn("flex flex-1 text-left", className)} {...props} />;
 }
 
 function SelectTrigger({
@@ -21,7 +19,7 @@ function SelectTrigger({
   size = "default",
   children,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+}: SelectPrimitive.Trigger.Props & {
   size?: "sm" | "default";
 }) {
   return (
@@ -29,86 +27,94 @@ function SelectTrigger({
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       )}
       {...props}
     >
       {children}
-      <SelectPrimitive.Icon asChild>
-        <ChevronDownIcon className="size-4 opacity-50" />
-      </SelectPrimitive.Icon>
+      <SelectPrimitive.Icon render={<ChevronDownIcon className="text-muted-foreground pointer-events-none size-4" />} />
     </SelectPrimitive.Trigger>
   );
 }
 
-function SelectContent({ className, children, position = "popper", align = "center", ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  alignItemWithTrigger = true,
+  ...props
+}: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">) {
   return (
-    <SelectPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
-      <SelectPrimitive.Content
-        data-slot="select-content"
-        className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-          position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
-        )}
-        position={position}
-        align={align}
-        {...props}
-      >
-        <SelectScrollUpButton />
-        <SelectPrimitive.Viewport
-          className={cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full max-w-[calc(100vw-4rem)] min-w-[var(--radix-select-trigger-width)] scroll-my-1")}
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Positioner side={side} sideOffset={sideOffset} align={align} alignOffset={alignOffset} alignItemWithTrigger={alignItemWithTrigger} className="isolate z-50">
+        <SelectPrimitive.Popup
+          data-slot="select-content"
+          className={cn(
+            "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg shadow-md ring-1 duration-100",
+            className
+          )}
+          {...props}
         >
-          {children}
-        </SelectPrimitive.Viewport>
-        <SelectScrollDownButton />
-      </SelectPrimitive.Content>
+          <SelectScrollUpButton />
+          <SelectPrimitive.List>{children}</SelectPrimitive.List>
+          <SelectScrollDownButton />
+        </SelectPrimitive.Popup>
+      </SelectPrimitive.Positioner>
     </SelectPrimitive.Portal>
   );
 }
 
-function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {
-  return <SelectPrimitive.Label data-slot="select-label" className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)} {...props} />;
+function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {
+  return <SelectPrimitive.GroupLabel data-slot="select-label" className={cn("text-muted-foreground px-1.5 py-1 text-xs", className)} {...props} />;
 }
 
-function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {
+function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props) {
   return (
     <SelectPrimitive.Item
       data-slot="select-item"
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )}
       {...props}
     >
-      <span className="absolute right-2 flex size-3.5 items-center justify-center">
-        <SelectPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </SelectPrimitive.ItemIndicator>
-      </span>
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+      <SelectPrimitive.ItemText className="flex flex-1 shrink-0 items-center gap-2 whitespace-nowrap">{children}</SelectPrimitive.ItemText>
+      <SelectPrimitive.ItemIndicator render={<span className="pointer-events-none absolute right-2 flex size-4 items-center justify-center" />}>
+        <CheckIcon className="pointer-events-none" />
+      </SelectPrimitive.ItemIndicator>
     </SelectPrimitive.Item>
   );
 }
 
-function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {
   return <SelectPrimitive.Separator data-slot="select-separator" className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)} {...props} />;
 }
 
-function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {
   return (
-    <SelectPrimitive.ScrollUpButton data-slot="select-scroll-up-button" className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
-      <ChevronUpIcon className="size-4" />
-    </SelectPrimitive.ScrollUpButton>
+    <SelectPrimitive.ScrollUpArrow
+      data-slot="select-scroll-up-button"
+      className={cn("bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className)}
+      {...props}
+    >
+      <ChevronUpIcon />
+    </SelectPrimitive.ScrollUpArrow>
   );
 }
 
-function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {
   return (
-    <SelectPrimitive.ScrollDownButton data-slot="select-scroll-down-button" className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
-      <ChevronDownIcon className="size-4" />
-    </SelectPrimitive.ScrollDownButton>
+    <SelectPrimitive.ScrollDownArrow
+      data-slot="select-scroll-down-button"
+      className={cn("bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className)}
+      {...props}
+    >
+      <ChevronDownIcon />
+    </SelectPrimitive.ScrollDownArrow>
   );
 }
 
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index 892b272..cf4f597 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -1,16 +1,13 @@
-import { Separator as SeparatorPrimitive } from "radix-ui";
-
-import * as React from "react";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 
 import { cn } from "@/lib/utils";
 
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+function Separator({ className, orientation = "horizontal", ...props }: SeparatorPrimitive.Props) {
   return (
-    <SeparatorPrimitive.Root
+    <SeparatorPrimitive
       data-slot="separator"
-      decorative={decorative}
       orientation={orientation}
-      className={cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className)}
+      className={cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className)}
       {...props}
     />
   );
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
index 59f9447..27d82df 100644
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -1,5 +1,6 @@
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
 import { useTheme } from "next-themes";
-import { Toaster as Sonner, ToasterProps } from "sonner";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme();
@@ -8,13 +9,26 @@ const Toaster = ({ ...props }: ToasterProps) => {
     <Sonner
       theme={theme as ToasterProps["theme"]}
       className="toaster group"
+      icons={{
+        success: <CircleCheckIcon className="size-4" />,
+        info: <InfoIcon className="size-4" />,
+        warning: <TriangleAlertIcon className="size-4" />,
+        error: <OctagonXIcon className="size-4" />,
+        loading: <Loader2Icon className="size-4 animate-spin" />,
+      }}
       style={
         {
           "--normal-bg": "var(--popover)",
           "--normal-text": "var(--popover-foreground)",
           "--normal-border": "var(--border)",
+          "--border-radius": "var(--radius)",
         } as React.CSSProperties
       }
+      toastOptions={{
+        classNames: {
+          toast: "cn-toast",
+        },
+      }}
       {...props}
     />
   );
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
index 0abd769..becb8fd 100644
--- a/src/components/ui/switch.tsx
+++ b/src/components/ui/switch.tsx
@@ -1,23 +1,27 @@
-import { Switch as SwitchPrimitive } from "radix-ui";
-import * as React from "react";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
 
 import { cn } from "@/lib/utils";
 
-function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+function Switch({
+  className,
+  size = "default",
+  ...props
+}: SwitchPrimitive.Root.Props & {
+  size?: "sm" | "default";
+}) {
   return (
     <SwitchPrimitive.Root
       data-slot="switch"
+      data-size={size}
       className={cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[3px] aria-invalid:ring-[3px] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]",
         className
       )}
       {...props}
     >
       <SwitchPrimitive.Thumb
         data-slot="switch-thumb"
-        className={cn(
-          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 translate-y-0 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-        )}
+        className="bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"
       />
     </SwitchPrimitive.Root>
   );
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index da343f2..c571e70 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -7,7 +7,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     <textarea
       data-slot="textarea"
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px] md:text-sm",
         className
       )}
       {...props}
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
index 1886936..231fd24 100644
--- a/src/components/ui/toggle-group.tsx
+++ b/src/components/ui/toggle-group.tsx
@@ -1,50 +1,76 @@
-import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import * as React from "react";
-
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { toggleVariants } from "@/components/ui/toggle";
 import { cn } from "@/lib/utils";
 
-const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+  }
+>({
   size: "default",
   variant: "default",
+  spacing: 0,
+  orientation: "horizontal",
 });
 
-function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}: ToggleGroupPrimitive.Props &
+  VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+  }) {
   return (
-    <ToggleGroupPrimitive.Root
+    <ToggleGroupPrimitive
       data-slot="toggle-group"
       data-variant={variant}
       data-size={size}
-      className={cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className)}
+      data-spacing={spacing}
+      data-orientation={orientation}
+      style={{ "--gap": spacing } as React.CSSProperties}
+      className={cn(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]",
+        className
+      )}
       {...props}
     >
-      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>
-    </ToggleGroupPrimitive.Root>
+      <ToggleGroupContext.Provider value={{ variant, size, spacing, orientation }}>{children}</ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive>
   );
 }
 
-function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {
   const context = React.useContext(ToggleGroupContext);
 
   return (
-    <ToggleGroupPrimitive.Item
+    <TogglePrimitive
       data-slot="toggle-group-item"
       data-variant={context.variant || variant}
       data-size={context.size || size}
+      data-spacing={context.spacing}
       className={cn(
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size,
         }),
-        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
         className
       )}
       {...props}
     >
       {children}
-    </ToggleGroupPrimitive.Item>
+    </TogglePrimitive>
   );
 }
 
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
index 9b76188..cb91245 100644
--- a/src/components/ui/toggle.tsx
+++ b/src/components/ui/toggle.tsx
@@ -1,21 +1,20 @@
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { cva, type VariantProps } from "class-variance-authority";
-import { Toggle as TogglePrimitive } from "radix-ui";
-import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
 const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+        outline: "border-input hover:bg-muted border bg-transparent",
       },
       size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10",
+        default: "h-8 min-w-8 px-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",
+        lg: "h-9 min-w-9 px-2.5",
       },
     },
     defaultVariants: {
@@ -25,8 +24,8 @@ const toggleVariants = cva(
   }
 );
 
-function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {
-  return <TogglePrimitive.Root data-slot="toggle" className={cn(toggleVariants({ variant, size, className }))} {...props} />;
+function Toggle({ className, variant = "default", size = "default", ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {
+  return <TogglePrimitive data-slot="toggle" className={cn(toggleVariants({ variant, size, className }))} {...props} />;
 }
 
 export { Toggle, toggleVariants };
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index 6bb7bc5..0656781 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -1,40 +1,48 @@
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
 
 import { cn } from "@/lib/utils";
 
-function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+function TooltipProvider({ delay = 0, ...props }: TooltipPrimitive.Provider.Props) {
+  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delay={delay} {...props} />;
 }
 
-function Tooltip({ delayDuration = 200, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+function Tooltip({ delay = 200, ...props }: TooltipPrimitive.Root.Props & Pick<TooltipPrimitive.Provider.Props, "delay">) {
   return (
-    <TooltipProvider delayDuration={delayDuration}>
+    <TooltipProvider delay={delay}>
       <TooltipPrimitive.Root data-slot="tooltip" {...props} />
     </TooltipProvider>
   );
 }
 
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
   return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
 }
 
-function TooltipContent({ className, sideOffset = 0, collisionPadding = 5, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  collisionPadding = 5,
+  children,
+  ...props
+}: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "collisionPadding">) {
   return (
     <TooltipPrimitive.Portal container={document.getElementById("redmine-time-tracking-shadow-host")?.shadowRoot}>
-      <TooltipPrimitive.Content
-        data-slot="tooltip-content"
-        sideOffset={sideOffset}
-        collisionPadding={collisionPadding}
-        className={cn(
-          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-      </TooltipPrimitive.Content>
+      <TooltipPrimitive.Positioner align={align} alignOffset={alignOffset} side={side} sideOffset={sideOffset} collisionPadding={collisionPadding} className="isolate z-50">
+        <TooltipPrimitive.Popup
+          data-slot="tooltip-content"
+          className={cn(
+            "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md px-3 py-1.5 text-xs",
+            className
+          )}
+          {...props}
+        >
+          {children}
+          <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" />
+        </TooltipPrimitive.Popup>
+      </TooltipPrimitive.Positioner>
     </TooltipPrimitive.Portal>
   );
 }
diff --git a/src/hooks/useAppForm.ts b/src/hooks/useAppForm.ts
index 2c3ce25..f29c9ae 100644
--- a/src/hooks/useAppForm.ts
+++ b/src/hooks/useAppForm.ts
@@ -1,14 +1,14 @@
+import { CheckboxField } from "@/components/form/CheckboxField";
 import { ComboboxField } from "@/components/form/ComboboxField";
+import { DateField } from "@/components/form/DateField";
+import { HoursField } from "@/components/form/HoursField";
+import { SelectField } from "@/components/form/SelectField";
+import { SubmitButton } from "@/components/form/SubmitButton";
+import { SwitchField } from "@/components/form/SwitchField";
+import { TextField } from "@/components/form/TextField";
+import { TextareaField } from "@/components/form/TextareaField";
+import { ToggleGroupField } from "@/components/form/ToggleGroupField";
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
-import { CheckboxField } from "../components/form/CheckboxField";
-import { DateField } from "../components/form/DateField";
-import { HoursField } from "../components/form/HoursField";
-import { SelectField } from "../components/form/SelectField";
-import { SubmitButton } from "../components/form/SubmitButton";
-import { TextField } from "../components/form/TextField";
-import { TextareaField } from "../components/form/TextareaField";
-import { ToggleField } from "../components/form/ToggleField";
-import { ToggleGroupField } from "../components/form/ToggleGroupField";
 
 const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
 
@@ -20,7 +20,7 @@ export const { useAppForm, withForm } = createFormHook({
     TextareaField,
     SelectField,
     CheckboxField,
-    ToggleField,
+    SwitchField,
     DateField,
     ComboboxField,
     ToggleGroupField,
diff --git a/src/index.css b/src/index.css
index 2a1f732..9ad05d2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "shadcn/tailwind.css";
 
 :root {
   --background: oklch(1 0 0);
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index 8f99212..fb4a8eb 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -59,11 +59,11 @@ function PageComponent() {
               <form.AppField
                 name="language"
                 children={(field) => (
-                  <field.ComboboxField
+                  <field.SelectField
                     title={formatMessage({ id: "settings.general.language" })}
                     placeholder={formatMessage({ id: "settings.general.language" })}
                     required
-                    options={[
+                    items={[
                       {
                         label: "Auto (Browser)",
                         icon: <GlobeIcon />,
@@ -73,7 +73,7 @@ function PageComponent() {
                         const FlagComponent = LANGUAGE_FLAGS[lang];
                         return {
                           label: formatMessage({ id: `settings.general.language.${lang}` }),
-                          icon: <FlagComponent className="box-content inline-block h-3 align-[-0.125em]" />,
+                          icon: <FlagComponent className="h-3" />,
                           value: lang,
                         };
                       }),
@@ -265,7 +265,8 @@ function PageComponent() {
                 children={(field) => (
                   <field.ToggleGroupField
                     title={formatMessage({ id: "settings.style.time-format.title" })}
-                    options={[
+                    required
+                    items={[
                       {
                         value: "decimal",
                         name: formatMessage(
@@ -292,7 +293,7 @@ function PageComponent() {
           </FormFieldset>
 
           <form.AppForm>
-            <form.SubmitButton children={formatMessage({ id: "settings.save-settings" })} />
+            <form.SubmitButton size="lg" children={formatMessage({ id: "settings.save-settings" })} />
           </form.AppForm>
         </div>
       </Form>
diff --git a/tests/TimersPage.spec.tsx b/tests/TimersPage.spec.tsx
index 9ae7a8f..5746fc2 100644
--- a/tests/TimersPage.spec.tsx
+++ b/tests/TimersPage.spec.tsx
@@ -1,5 +1,5 @@
-import { TimersPage } from "@@/fixtures/pages/timers";
 import { test } from "../fixtures/chromeExtension";
+import { TimersPage } from "../fixtures/pages/timers";
 import { createScreenshot } from "../screenshots/screenshot";
 
 test("Render page", async ({ issuesPage, locale, colorScheme }) => {
diff --git a/tsconfig.json b/tsconfig.json
index 0041854..0766891 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,11 @@
 {
   "extends": "./.wxt/tsconfig.json",
   "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
     "target": "ESNext",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "module": "ESNext",

From 3a6561014ddd14a04fdcef07776a18637dbc7607 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 22 Jan 2026 18:31:23 +0100
Subject: [PATCH 31/55] refactor(settings): Redesign settings page and add
 testing redmine connection button

---
 src/api/redmine/RedmineApiClient.ts      |   1 +
 src/api/redmine/types.ts                 |   1 +
 src/components/form/SelectField.tsx      |   3 +-
 src/components/form/TextField.tsx        |  11 +-
 src/components/form/ToggleGroupField.tsx |  10 +-
 src/components/general/Indicator.tsx     |  28 --
 src/components/general/Portal.tsx        |  21 +
 src/components/ui/card.tsx               |  52 +++
 src/components/ui/item.tsx               | 110 +++++
 src/hooks/useMyUser.ts                   |  16 +-
 src/hooks/useTestRedmineConnection.ts    |  26 ++
 src/index.css                            |   8 +-
 src/lang/de.json                         |   1 +
 src/lang/en.json                         |   1 +
 src/lang/fr.json                         |   1 +
 src/lang/ru.json                         |   1 +
 src/provider/SettingsProvider.tsx        |  16 +-
 src/routes/__root.tsx                    |   1 +
 src/routes/settings.tsx                  | 490 ++++++++++++++---------
 19 files changed, 537 insertions(+), 261 deletions(-)
 delete mode 100644 src/components/general/Indicator.tsx
 create mode 100644 src/components/general/Portal.tsx
 create mode 100644 src/components/ui/card.tsx
 create mode 100644 src/components/ui/item.tsx
 create mode 100644 src/hooks/useTestRedmineConnection.ts

diff --git a/src/api/redmine/RedmineApiClient.ts b/src/api/redmine/RedmineApiClient.ts
index ff8a434..31443c0 100644
--- a/src/api/redmine/RedmineApiClient.ts
+++ b/src/api/redmine/RedmineApiClient.ts
@@ -25,6 +25,7 @@ import {
 
 export class RedmineApiClient {
   private instance: AxiosInstance;
+  public id = crypto.randomUUID();
 
   constructor(redmineURL: string, redmineApiKey: string) {
     this.instance = axios.create({
diff --git a/src/api/redmine/types.ts b/src/api/redmine/types.ts
index f432a6d..f07be20 100644
--- a/src/api/redmine/types.ts
+++ b/src/api/redmine/types.ts
@@ -275,6 +275,7 @@ export type TUser = {
   updated_on: string;
   last_login_on: string;
   passwd_changed_on: string;
+  avatar_url?: string; // available since Redmine 5.0.0
   memberships?: TMembership[];
 };
 
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
index 5154857..bee0e0a 100644
--- a/src/components/form/SelectField.tsx
+++ b/src/components/form/SelectField.tsx
@@ -13,7 +13,7 @@ type SelectFieldProps<Value extends string | number = string | number> = Omit<Co
   className?: string;
 };
 
-export const SelectField = <Value extends string | number>({ items, title, placeholder, required, disabled, className, ...props }: SelectFieldProps<Value>) => {
+export const SelectField = <Value extends string | number>({ items, title, placeholder, required, disabled, className, children, ...props }: SelectFieldProps<Value>) => {
   const { name, state, handleChange, handleBlur } = useFieldContext<null | Value>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
   const id = useId();
@@ -60,6 +60,7 @@ export const SelectField = <Value extends string | number>({ items, title, place
         </SelectContent>
       </Select>
       {isInvalid && <FieldError errors={state.meta.errors} />}
+      {children}
     </Field>
   );
 };
diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
index 05d648b..3833392 100644
--- a/src/components/form/TextField.tsx
+++ b/src/components/form/TextField.tsx
@@ -11,7 +11,7 @@ type TextFieldProps = Omit<ComponentProps<typeof Input>, "id" | "value" | "onCha
   fieldErrorVariant?: ComponentProps<typeof FieldError>["variant"];
 };
 
-export const TextField = ({ title, required, className, classNames, fieldErrorVariant, ...props }: TextFieldProps) => {
+export const TextField = ({ title, required, className, classNames, fieldErrorVariant, children, ...props }: TextFieldProps) => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const { name, state, handleChange, handleBlur } = useFieldContext<any>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
@@ -19,9 +19,11 @@ export const TextField = ({ title, required, className, classNames, fieldErrorVa
 
   return (
     <Field data-invalid={isInvalid} className={className}>
-      <FieldLabel required={required} htmlFor={id}>
-        {title}
-      </FieldLabel>
+      {title && (
+        <FieldLabel required={required} htmlFor={id}>
+          {title}
+        </FieldLabel>
+      )}
       <Input
         {...props}
         id={id}
@@ -33,6 +35,7 @@ export const TextField = ({ title, required, className, classNames, fieldErrorVa
         className={classNames?.input}
       />
       {isInvalid && <FieldError variant={fieldErrorVariant} errors={state.meta.errors} />}
+      {children}
     </Field>
   );
 };
diff --git a/src/components/form/ToggleGroupField.tsx b/src/components/form/ToggleGroupField.tsx
index d6adde4..876314e 100644
--- a/src/components/form/ToggleGroupField.tsx
+++ b/src/components/form/ToggleGroupField.tsx
@@ -18,10 +18,12 @@ export const ToggleGroupField = ({ title, className, required, items, mode = "si
 
   return (
     <Field data-invalid={isInvalid} orientation="horizontal" className={clsxm("justify-between", className)}>
-      <span className="flex items-center gap-2 truncate">
-        <FieldLabel required={required}>{title}</FieldLabel>
-        {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
-      </span>
+      {title && (
+        <span className="flex items-center gap-2 truncate">
+          <FieldLabel required={required}>{title}</FieldLabel>
+          {isInvalid && <FieldError variant="tooltip" errors={state.meta.errors} />}
+        </span>
+      )}
       <ToggleGroup
         size="sm"
         {...props}
diff --git a/src/components/general/Indicator.tsx b/src/components/general/Indicator.tsx
deleted file mode 100644
index e4259c0..0000000
--- a/src/components/general/Indicator.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import clsx from "clsx";
-
-type PropTypes = {
-  variant: "loading" | "success" | "danger";
-};
-
-const Indicator = ({ variant }: PropTypes) => {
-  return (
-    <span className="relative flex size-3">
-      <span
-        className={clsx("absolute inline-flex size-full animate-ping rounded-full", {
-          "bg-blue-500/75 dark:bg-blue-700/75": variant === "loading",
-          "bg-green-500/75 dark:bg-green-700/75": variant === "success",
-          "bg-red-500/75 dark:bg-red-700/75": variant === "danger",
-        })}
-      ></span>
-      <span
-        className={clsx("relative inline-flex size-3 rounded-full", {
-          "bg-blue-600 dark:bg-blue-800": variant === "loading",
-          "bg-green-600 dark:bg-green-800": variant === "success",
-          "bg-red-600 dark:bg-red-800": variant === "danger",
-        })}
-      ></span>
-    </span>
-  );
-};
-
-export default Indicator;
diff --git a/src/components/general/Portal.tsx b/src/components/general/Portal.tsx
new file mode 100644
index 0000000..fe5bc10
--- /dev/null
+++ b/src/components/general/Portal.tsx
@@ -0,0 +1,21 @@
+import { useEffect, useState, type ReactNode } from "react";
+import { createPortal } from "react-dom";
+
+export type PortalProps = {
+  containerId: string;
+  children: ReactNode;
+};
+
+export function Portal({ containerId, children }: PortalProps) {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setIsMounted(true);
+  }, []);
+  if (!isMounted) return null;
+
+  const container = document.getElementById(containerId);
+  if (!container) return null;
+
+  return createPortal(children, container);
+}
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
new file mode 100644
index 0000000..3e6a661
--- /dev/null
+++ b/src/components/ui/card.tsx
@@ -0,0 +1,52 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Card({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" }) {
+  return (
+    <div
+      data-slot="card"
+      data-size={size}
+      className={cn(
+        "ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="card-title" className={cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className)} {...props} />;
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="card-description" className={cn("text-muted-foreground text-sm", className)} {...props} />;
+}
+
+function CardAction({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="card-action" className={cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)} {...props} />;
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="card-content" className={cn("px-4 group-data-[size=sm]/card:px-3", className)} {...props} />;
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="card-footer" className={cn("bg-muted/50 flex items-center rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3", className)} {...props} />;
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
diff --git a/src/components/ui/item.tsx b/src/components/ui/item.tsx
new file mode 100644
index 0000000..1d24d3c
--- /dev/null
+++ b/src/components/ui/item.tsx
@@ -0,0 +1,110 @@
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+
+import { Separator } from "@/components/ui/separator";
+import { cn } from "@/lib/utils";
+
+function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return <div role="list" data-slot="item-group" className={cn("group/item-group flex w-full flex-col gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2", className)} {...props} />;
+}
+
+function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {
+  return <Separator data-slot="item-separator" orientation="horizontal" className={cn("my-2", className)} {...props} />;
+}
+
+const itemVariants = cva(
+  "[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50 border-transparent",
+      },
+      size: {
+        default: "gap-2.5 px-3 py-2.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+function Item({ className, variant = "default", size = "default", render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>) {
+  return useRender({
+    defaultTagName: "div",
+    props: mergeProps<"div">(
+      {
+        className: cn(itemVariants({ variant, size, className })),
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "item",
+      variant,
+      size,
+    },
+  });
+}
+
+const itemMediaVariants = cva(
+  "gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+function ItemMedia({ className, variant = "default", ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>) {
+  return <div data-slot="item-media" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;
+}
+
+function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="item-content" className={cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className)} {...props} />;
+}
+
+function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="item-title" className={cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className)} {...props} />;
+}
+
+function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
+  return (
+    <p
+      data-slot="item-description"
+      className={cn(
+        "text-muted-foreground [&>a:hover]:text-primary line-clamp-2 text-left text-sm leading-normal font-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="item-actions" className={cn("flex items-center gap-2", className)} {...props} />;
+}
+
+function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="item-header" className={cn("flex basis-full items-center justify-between gap-2", className)} {...props} />;
+}
+
+function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return <div data-slot="item-footer" className={cn("flex basis-full items-center justify-between gap-2", className)} {...props} />;
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
diff --git a/src/hooks/useMyUser.ts b/src/hooks/useMyUser.ts
index 558af99..0a39135 100644
--- a/src/hooks/useMyUser.ts
+++ b/src/hooks/useMyUser.ts
@@ -1,24 +1,12 @@
 import { useQuery } from "@tanstack/react-query";
 import { useRedmineApi } from "../provider/RedmineApiProvider";
-import { useSettings } from "../provider/SettingsProvider";
 
-type Options = {
-  staleTime?: number;
-  displayErrorToast?: boolean;
-};
-
-const useMyUser = ({ staleTime, displayErrorToast }: Options = {}) => {
-  const { settings } = useSettings();
+const useMyUser = () => {
   const redmineApi = useRedmineApi();
 
   const myUserQuery = useQuery({
-    queryKey: ["myUser", settings.redmineURL, settings.redmineApiKey],
+    queryKey: ["myUser"],
     queryFn: () => redmineApi.getMyUser(),
-    retry: 1,
-    ...(staleTime && { staleTime }),
-    meta: {
-      displayErrorToast,
-    },
   });
 
   return {
diff --git a/src/hooks/useTestRedmineConnection.ts b/src/hooks/useTestRedmineConnection.ts
new file mode 100644
index 0000000..58857e5
--- /dev/null
+++ b/src/hooks/useTestRedmineConnection.ts
@@ -0,0 +1,26 @@
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
+import { useQuery } from "@tanstack/react-query";
+import { useRedmineApi } from "../provider/RedmineApiProvider";
+
+export const useTestRedmineConnection = (customRedmineApiClient?: RedmineApiClient) => {
+  const defaultRedmineApi = useRedmineApi();
+  const redmineApiClient = customRedmineApiClient ?? defaultRedmineApi;
+
+  const myUserQuery = useQuery({
+    queryKey: ["testRedmineConnection", redmineApiClient.id],
+    queryFn: () => redmineApiClient.getMyUser(),
+    retry: 1,
+    staleTime: 0,
+    gcTime: 0,
+    meta: {
+      displayErrorToast: false,
+    },
+  });
+
+  return {
+    data: myUserQuery.data,
+    isLoading: myUserQuery.isLoading,
+    isError: myUserQuery.isError,
+    error: myUserQuery.error,
+  };
+};
diff --git a/src/index.css b/src/index.css
index 9ad05d2..f3cf18e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,7 +5,7 @@
 :root {
   --background: oklch(1 0 0);
   --foreground: oklch(0.3211 0 0);
-  --card: oklch(0.99 0 0);
+  --card: oklch(0.98 0 0);
   --card-foreground: oklch(0.3211 0 0);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.3211 0 0);
@@ -13,7 +13,7 @@
   --primary-foreground: oklch(1 0 0);
   --secondary: oklch(0.967 0.0029 264.5419);
   --secondary-foreground: oklch(0.4461 0.0263 256.8018);
-  --muted: oklch(0.9846 0.0017 247.8389);
+  --muted: oklch(0.9346 0.0017 247.8389);
   --muted-foreground: oklch(0.551 0.0234 264.3637);
   --accent: oklch(0.9514 0.025 236.8242);
   --accent-foreground: oklch(0.3791 0.1378 265.5222);
@@ -46,7 +46,7 @@
   :root {
     --background: oklch(0.2046 0 0);
     --foreground: oklch(0.9219 0 0);
-    --card: oklch(0.2686 0 0);
+    --card: oklch(0.245 0 0);
     --card-foreground: oklch(0.9219 0 0);
     --popover: oklch(0.2686 0 0);
     --popover-foreground: oklch(0.9219 0 0);
@@ -54,7 +54,7 @@
     --primary-foreground: oklch(1 0 0);
     --secondary: oklch(0.2686 0 0);
     --secondary-foreground: oklch(0.9219 0 0);
-    --muted: oklch(0.2686 0 0);
+    --muted: oklch(0.3 0 0);
     --muted-foreground: oklch(0.7155 0 0);
     --accent: oklch(0.3791 0.1378 265.5222);
     --accent-foreground: oklch(0.8823 0.0571 254.1284);
diff --git a/src/lang/de.json b/src/lang/de.json
index 3e3f4e4..fcc174d 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -144,6 +144,7 @@
   "settings.redmine.connection-successful": "Verbindung erfolgreich!",
   "settings.redmine.hello-user": "Hallo <strong>{firstName} {lastName}</strong> ({accountName})",
   "settings.redmine.edit": "Bearbeiten",
+  "settings.redmine.test-connection": "Verbindung testen",
   "settings.features": "Funktionen",
   "settings.features.auto-pause-on-switch.title": "Auto Pause",
   "settings.features.auto-pause-on-switch.description": "Timer automatisch pausieren, wenn Ticket gewechselt wird",
diff --git a/src/lang/en.json b/src/lang/en.json
index cfdb3da..e144c0d 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -144,6 +144,7 @@
   "settings.redmine.connection-successful": "Connection successful!",
   "settings.redmine.hello-user": "Hello <strong>{firstName} {lastName}</strong> ({accountName})",
   "settings.redmine.edit": "Edit",
+  "settings.redmine.test-connection": "Test connection",
   "settings.features": "Features",
   "settings.features.auto-pause-on-switch.title": "Auto pause",
   "settings.features.auto-pause-on-switch.description": "Automatic pause timers when changing issue",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 71a1732..10e07e1 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -144,6 +144,7 @@
   "settings.redmine.connection-successful": "Connexion réussie !",
   "settings.redmine.hello-user": "Bonjour <strong>{firstName} {lastName}</strong> ({accountName})",
   "settings.redmine.edit": "Modifier",
+  "settings.redmine.test-connection": "Test connection",
   "settings.features": "Fonctionnalités",
   "settings.features.auto-pause-on-switch.title": "Pause automatique",
   "settings.features.auto-pause-on-switch.description": "Pause automatique des minuteurs lors du changement de ticket",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 6fd7505..03418d5 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -144,6 +144,7 @@
   "settings.redmine.connection-successful": "Подключение успешно!",
   "settings.redmine.hello-user": "Здравствуйте <strong>{firstName} {lastName}</strong> ({accountName})",
   "settings.redmine.edit": "Изменить",
+  "settings.redmine.test-connection": "Test connection",
   "settings.features": "Дополнительно",
   "settings.features.auto-pause-on-switch.title": "Авто остановка",
   "settings.features.auto-pause-on-switch.description": "Автоматически останавливать таймеры при изменении задачи",
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 761f0b0..f1b6662 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -6,22 +6,22 @@ import z from "zod/v4";
 import { getStorage, setStorage, useSuspenseStorage } from "../hooks/useStorage";
 import { LANGUAGES } from "./IntlProvider";
 
-export const settingsSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+export const settingsSchema = ({ formatMessage }: { formatMessage?: ReturnType<typeof useIntl>["formatMessage"] } = {}) =>
   z.object({
     language: z.enum(["browser", ...LANGUAGES]),
     redmineURL: z
-      .string(formatMessage({ id: "settings.redmine.url.validation.required" }))
-      .nonempty(formatMessage({ id: "settings.redmine.url.validation.required" }))
-      .regex(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage({ id: "settings.redmine.url.validation.valid-url" })),
-    redmineApiKey: z.string().nonempty(formatMessage({ id: "settings.redmine.api-key.validation.required" })),
+      .string(formatMessage?.({ id: "settings.redmine.url.validation.required" }))
+      .nonempty(formatMessage?.({ id: "settings.redmine.url.validation.required" }))
+      .regex(/^(http|https):\/\/[\w\-.]+(\.\w+)*(:[0-9]+)?[\w\-/]*\/?$/, formatMessage?.({ id: "settings.redmine.url.validation.valid-url" })),
+    redmineApiKey: z.string().nonempty(formatMessage?.({ id: "settings.redmine.api-key.validation.required" })),
     features: z.object({
       autoPauseOnSwitch: z.boolean(),
       roundTimeNearestQuarterHour: z.boolean().optional(), // ! Legacy
       roundToNearestInterval: z.boolean(),
       roundingInterval: z
-        .int(formatMessage({ id: "settings.features.rounding-interval.validation.required" }))
-        .min(1, formatMessage({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
-        .max(60, formatMessage({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
+        .int(formatMessage?.({ id: "settings.features.rounding-interval.validation.required" }))
+        .min(1, formatMessage?.({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
+        .max(60, formatMessage?.({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
       addNotes: z.boolean(),
       cacheComments: z.boolean().optional(), // ! Legacy
       persistentComments: z.boolean(),
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index b81e020..9677e30 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -67,6 +67,7 @@ function RootLayout() {
           <Outlet />
         </div>
       </main>
+      <footer id="footer" className="bg-muted/50 flex w-full justify-end border-t p-4 empty:hidden" />
     </>
   );
 }
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index fb4a8eb..94f0adc 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -1,19 +1,24 @@
 /* eslint-disable react/no-children-prop */
+import { RedmineApiClient } from "@/api/redmine/RedmineApiClient";
+import { Portal } from "@/components/general/Portal";
 import { Button } from "@/components/ui/button";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { FieldDescription, FieldGroup } from "@/components/ui/field";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemTitle } from "@/components/ui/item";
+import { useTestRedmineConnection } from "@/hooks/useTestRedmineConnection";
+import { useStore as useFormStore } from "@tanstack/react-form";
 import { useQueryClient } from "@tanstack/react-query";
 import { createFileRoute } from "@tanstack/react-router";
 import { DE, FlagComponent, FR, GB, RU } from "country-flag-icons/react/3x2";
-import { BugIcon, GlobeIcon, InfoIcon, ServerIcon } from "lucide-react";
-import { useState } from "react";
+import { BugIcon, ChevronRightIcon, ExternalLinkIcon, GlobeIcon, Loader2Icon, PaletteIcon, PencilIcon, ServerIcon, SignalIcon, UserIcon, Wand2Icon } from "lucide-react";
+import { useEffect, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { toast } from "sonner";
 import { browser } from "wxt/browser";
-import Indicator from "../components/general/Indicator";
-import { Form, FormFieldset, FormGrid } from "../components/ui/form";
-import { useAppForm } from "../hooks/useAppForm";
-import useMyUser from "../hooks/useMyUser";
+import { Form } from "../components/ui/form";
+import { useAppForm, withForm } from "../hooks/useAppForm";
 import { LANGUAGES } from "../provider/IntlProvider";
-import { settingsSchema, useSettings } from "../provider/SettingsProvider";
+import { Settings, settingsSchema, useSettings } from "../provider/SettingsProvider";
 import { formatHoursUsually } from "../utils/date";
 
 export const Route = createFileRoute("/settings")({
@@ -41,167 +46,85 @@ function PageComponent() {
       value.redmineURL = value.redmineURL.replace(/\/$/, "");
       setSettings(value);
       queryClient.resetQueries();
-      setEditRedmineInstance(false);
       toast.success(formatMessage({ id: "settings.settings-saved" }));
     },
   });
 
-  const [editRedmineInstance, setEditRedmineInstance] = useState(settings.redmineURL === "");
-
-  const myUser = useMyUser({ staleTime: 0, displayErrorToast: false });
-
   return (
-    <>
-      <Form onSubmit={form.handleSubmit}>
-        <div className="flex flex-col gap-2">
-          <FormFieldset legend={<FormattedMessage id="settings.general" />}>
-            <FormGrid>
-              <form.AppField
-                name="language"
-                children={(field) => (
-                  <field.SelectField
-                    title={formatMessage({ id: "settings.general.language" })}
-                    placeholder={formatMessage({ id: "settings.general.language" })}
-                    required
-                    items={[
-                      {
-                        label: "Auto (Browser)",
-                        icon: <GlobeIcon />,
-                        value: "browser",
-                      },
-                      ...LANGUAGES.map((lang) => {
-                        const FlagComponent = LANGUAGE_FLAGS[lang];
-                        return {
-                          label: formatMessage({ id: `settings.general.language.${lang}` }),
-                          icon: <FlagComponent className="h-3" />,
-                          value: lang,
-                        };
-                      }),
-                    ]}
-                  />
-                )}
-              />
-
-              <a href="https://github.com/CrawlerCode/redmine-time-tracking#supported-languages" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-                <FormattedMessage id="settings.general.language.missing-hint" />
-              </a>
-            </FormGrid>
-          </FormFieldset>
-
-          <FormFieldset legend={<FormattedMessage id="settings.redmine" />}>
-            <FormGrid>
-              {(editRedmineInstance && (
-                <>
-                  <form.AppField
-                    name="redmineURL"
-                    children={(field) => <field.TextField title={formatMessage({ id: "settings.redmine.url" })} placeholder={formatMessage({ id: "settings.redmine.url" })} required />}
-                  />
-
-                  <form.AppField
-                    name="redmineApiKey"
-                    children={(field) => (
-                      <field.TextField type="password" title={formatMessage({ id: "settings.redmine.api-key" })} placeholder={formatMessage({ id: "settings.redmine.api-key" })} required />
-                    )}
-                  />
-
-                  <form.Subscribe
-                    selector={(state) => ({
-                      redmineURL: state.values.redmineURL,
-                      displayHint: !state.values.redmineApiKey && state.values.redmineURL && !state.errorMap.onChange?.redmineURL,
-                    })}
-                    children={({ redmineURL, displayHint }) =>
-                      displayHint && (
-                        <p className="flex items-center gap-2">
-                          <InfoIcon className="size-4 text-yellow-500 dark:text-yellow-400" />
-                          <FormattedMessage
-                            id="settings.redmine.api-key.hint"
-                            values={{
-                              link: (children) => (
-                                <a href={`${redmineURL}/my/account`} target="_blank" tabIndex={-1} className="text-blue-500 hover:underline" rel="noreferrer">
-                                  {children}
-                                </a>
-                              ),
-                            }}
-                          />
-                        </p>
-                      )
-                    }
-                  />
-                </>
-              )) || (
-                <div className="relative -mt-1.5 w-full">
-                  <h3 className="flex items-center gap-2 truncate text-base">
-                    <ServerIcon className="size-4 text-gray-800 dark:text-gray-200" />
-                    {settings.redmineURL}
-                  </h3>
-                  <p className="flex items-center gap-x-1.5">
-                    {myUser.isLoading ? (
-                      <>
-                        <Indicator variant="loading" />
-                        <FormattedMessage id="settings.redmine.connecting" />
-                      </>
-                    ) : myUser.isError ? (
-                      <>
-                        <Indicator variant="danger" />
-                        <FormattedMessage id="settings.redmine.connection-failed" />
-                      </>
-                    ) : myUser.data ? (
-                      <>
-                        <Indicator variant="success" />
-                        <FormattedMessage id="settings.redmine.connection-successful" />
-                      </>
-                    ) : (
-                      "Unknown status"
-                    )}
-                  </p>
-                  {myUser.isError && myUser.error && <p className="text-red-500 dark:text-red-400">{myUser.error.message}</p>}
-                  {myUser.data && (
-                    <p>
-                      <FormattedMessage
-                        id="settings.redmine.hello-user"
-                        values={{
-                          firstName: myUser.data.firstname,
-                          lastName: myUser.data.lastname,
-                          accountName: myUser.data.login,
-                          strong: (children) => <strong>{children}</strong>,
-                        }}
-                      />
-                    </p>
-                  )}
-                  <Button className="absolute right-0 bottom-0" size="sm" onClick={() => setEditRedmineInstance(true)}>
-                    <FormattedMessage id="settings.redmine.edit" />
-                  </Button>
-                </div>
+    <Form onSubmit={form.handleSubmit}>
+      <div className="mx-auto flex max-w-4xl flex-col gap-3">
+        <Card size="sm">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-3">
+              <GlobeIcon className="text-muted-foreground size-4" />
+              <FormattedMessage id="settings.general" />
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <form.AppField
+              name="language"
+              children={(field) => (
+                <field.SelectField
+                  title={formatMessage({ id: "settings.general.language" })}
+                  placeholder={formatMessage({ id: "settings.general.language" })}
+                  required
+                  items={[
+                    {
+                      label: "Auto (Browser)",
+                      icon: <GlobeIcon />,
+                      value: "browser",
+                    },
+                    ...LANGUAGES.map((lang) => {
+                      const FlagComponent = LANGUAGE_FLAGS[lang];
+                      return {
+                        label: formatMessage({ id: `settings.general.language.${lang}` }),
+                        icon: <FlagComponent className="h-3" />,
+                        value: lang,
+                      };
+                    }),
+                  ]}
+                >
+                  <FieldDescription>
+                    <a href="https://github.com/CrawlerCode/redmine-time-tracking#supported-languages" target="_blank" tabIndex={-1} rel="noreferrer">
+                      <FormattedMessage id="settings.general.language.missing-hint" />
+                    </a>
+                  </FieldDescription>
+                </field.SelectField>
               )}
-            </FormGrid>
-          </FormFieldset>
+            />
+          </CardContent>
+        </Card>
 
-          <FormFieldset legend={<FormattedMessage id="settings.features" />}>
-            <FormGrid cols={6}>
+        <RedmineServerSection form={form} />
+
+        <Card size="sm">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-3">
+              <Wand2Icon className="text-muted-foreground size-4" />
+              <FormattedMessage id="settings.features" />
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <FieldGroup data-slot="checkbox-group">
               <form.AppField
                 name="features.autoPauseOnSwitch"
                 children={(field) => (
-                  <field.CheckboxField
+                  <field.SwitchField
                     title={formatMessage({ id: "settings.features.auto-pause-on-switch.title" })}
                     description={formatMessage({ id: "settings.features.auto-pause-on-switch.description" })}
                   />
                 )}
               />
-              <>
-                <form.AppField
-                  name="features.roundToNearestInterval"
-                  children={(field) => (
-                    <field.CheckboxField
+
+              <form.AppField
+                name="features.roundToNearestInterval"
+                children={(field) => (
+                  <div className="flex">
+                    <field.SwitchField
                       title={formatMessage({ id: "settings.features.round-to-nearest-interval.title" })}
                       description={formatMessage({ id: "settings.features.round-to-nearest-interval.description" })}
-                      className="col-span-5"
                     />
-                  )}
-                />
-                <form.Subscribe
-                  selector={(state) => state.values.features.roundToNearestInterval}
-                  children={(roundToNearestInterval) =>
-                    roundToNearestInterval && (
+                    {field.state.value && (
                       <form.AppField
                         name="features.roundingInterval"
                         children={(field) => (
@@ -211,28 +134,29 @@ function PageComponent() {
                             max={60}
                             step={1}
                             placeholder={formatMessage({ id: "settings.features.rounding-interval.placeholder" })}
-                            className="col-span-1 w-12 self-center justify-self-end"
+                            className="w-20"
                             classNames={{
-                              input: "appearance-none",
+                              input: "appearance-none text-center",
                             }}
                             fieldErrorVariant="tooltip"
                           />
                         )}
                       />
-                    )
-                  }
-                />
-              </>
+                    )}
+                  </div>
+                )}
+              />
+
               <form.AppField
                 name="features.addNotes"
                 children={(field) => (
-                  <field.CheckboxField title={formatMessage({ id: "settings.features.add-notes.title" })} description={formatMessage({ id: "settings.features.add-notes.description" })} />
+                  <field.SwitchField title={formatMessage({ id: "settings.features.add-notes.title" })} description={formatMessage({ id: "settings.features.add-notes.description" })} />
                 )}
               />
               <form.AppField
                 name="features.persistentComments"
                 children={(field) => (
-                  <field.CheckboxField
+                  <field.SwitchField
                     title={formatMessage({ id: "settings.features.persistent-comments.title" })}
                     description={formatMessage({ id: "settings.features.persistent-comments.description" })}
                   />
@@ -241,17 +165,25 @@ function PageComponent() {
               <form.AppField
                 name="features.showCurrentIssueTimer"
                 children={(field) => (
-                  <field.CheckboxField
+                  <field.SwitchField
                     title={formatMessage({ id: "settings.features.show-current-issue-timer.title" })}
                     description={formatMessage({ id: "settings.features.show-current-issue-timer.description" })}
                   />
                 )}
               />
-            </FormGrid>
-          </FormFieldset>
+            </FieldGroup>
+          </CardContent>
+        </Card>
 
-          <FormFieldset legend={<FormattedMessage id="settings.style" />}>
-            <FormGrid>
+        <Card size="sm">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-3">
+              <PaletteIcon className="text-muted-foreground size-4" />
+              <FormattedMessage id="settings.style" />
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <FieldGroup data-slot="checkbox-group">
               <form.AppField name="style.displaySearchAlways" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.display-search-always.title" })} />} />
               <form.AppField name="style.stickyScroll" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.sticky-scroll.title" })} />} />
               <form.AppField name="style.groupIssuesByVersion" children={(field) => <field.CheckboxField title={formatMessage({ id: "settings.style.group-issues-by-version.title" })} />} />
@@ -289,51 +221,213 @@ function PageComponent() {
                   />
                 )}
               />
-            </FormGrid>
-          </FormFieldset>
+            </FieldGroup>
+          </CardContent>
+        </Card>
 
+        <InfoSection />
+
+        <Portal containerId="footer">
           <form.AppForm>
-            <form.SubmitButton size="lg" children={formatMessage({ id: "settings.save-settings" })} />
+            <form.SubmitButton size="lg" className="w-full sm:w-auto" children={formatMessage({ id: "settings.save-settings" })} onClick={form.handleSubmit} />
           </form.AppForm>
-        </div>
-      </Form>
-      <Info />
-    </>
+        </Portal>
+      </div>
+    </Form>
   );
 }
 
-const Info = () => {
+const RedmineServerSection = withForm({
+  defaultValues: {} as Settings,
+  validators: {
+    onChange: settingsSchema(),
+  },
+  render: function Render({ form }) {
+    const { formatMessage } = useIntl();
+
+    const [editRedmineInstance, setEditRedmineInstance] = useState(!form.state.values.redmineURL);
+    const [redmineApiClient, setRedmineApiClient] = useState<RedmineApiClient | undefined>(undefined);
+    const redmineConnection = useTestRedmineConnection(redmineApiClient);
+
+    const isSubmitted = useFormStore(form.store, (state) => state.isSubmitted);
+    useEffect(() => {
+      if (isSubmitted) {
+        setEditRedmineInstance(false);
+        setRedmineApiClient(undefined);
+      }
+    }, [isSubmitted]);
+
+    return (
+      <Card size="sm">
+        <CardHeader>
+          <CardTitle className="flex items-center gap-3">
+            <ServerIcon className="text-muted-foreground size-4" />
+            <FormattedMessage id="settings.redmine" />
+          </CardTitle>
+          <CardAction>
+            {editRedmineInstance ? (
+              <form.Subscribe
+                selector={(state) => ({
+                  isValid: !!state.values.redmineURL && !!state.values.redmineApiKey && !state.errorMap.onChange?.redmineURL,
+                })}
+                children={({ isValid }) => (
+                  <Button
+                    type="button"
+                    size="sm"
+                    variant="outline"
+                    disabled={!isValid}
+                    onClick={() => {
+                      setRedmineApiClient(new RedmineApiClient(form.state.values.redmineURL, form.state.values.redmineApiKey));
+                      setEditRedmineInstance(false);
+                    }}
+                  >
+                    <FormattedMessage id="settings.redmine.test-connection" />
+                  </Button>
+                )}
+              />
+            ) : (
+              <Button type="button" size="sm" variant="outline" onClick={() => setEditRedmineInstance(true)}>
+                <PencilIcon />
+                <FormattedMessage id="settings.redmine.edit" />
+              </Button>
+            )}
+          </CardAction>
+        </CardHeader>
+        <CardContent>
+          {editRedmineInstance ? (
+            <FieldGroup>
+              <form.AppField
+                name="redmineURL"
+                children={(field) => <field.TextField title={formatMessage({ id: "settings.redmine.url" })} placeholder={formatMessage({ id: "settings.redmine.url" })} required />}
+              />
+
+              <form.AppField
+                name="redmineApiKey"
+                children={(field) => (
+                  <field.TextField type="password" title={formatMessage({ id: "settings.redmine.api-key" })} placeholder={formatMessage({ id: "settings.redmine.api-key" })} required>
+                    <form.Subscribe
+                      selector={(state) => ({
+                        redmineURL: state.values.redmineURL,
+                        displayHint: !state.values.redmineApiKey && state.values.redmineURL && !state.errorMap.onChange?.redmineURL,
+                      })}
+                      children={({ redmineURL, displayHint }) =>
+                        displayHint && (
+                          <FieldDescription className="font-semibold">
+                            <FormattedMessage
+                              id="settings.redmine.api-key.hint"
+                              values={{
+                                link: (children) => (
+                                  <a href={`${redmineURL}/my/account`} target="_blank" tabIndex={-1} rel="noreferrer" className="font-bold">
+                                    {children}
+                                  </a>
+                                ),
+                              }}
+                            />
+                          </FieldDescription>
+                        )
+                      }
+                    />
+                  </field.TextField>
+                )}
+              />
+            </FieldGroup>
+          ) : (
+            <ItemGroup className="gap-2">
+              <Item variant="muted" className="flex-nowrap">
+                <ItemMedia variant="icon" className="bg-muted text-muted-foreground size-8 overflow-hidden rounded-sm border">
+                  {redmineConnection.isLoading ? (
+                    <Loader2Icon className="animate-spin" />
+                  ) : redmineConnection.isError ? (
+                    <SignalIcon className="text-destructive" />
+                  ) : redmineConnection.data ? (
+                    <>{redmineConnection.data.avatar_url ? <img src={redmineConnection.data.avatar_url} alt="User Avatar" className="size-full" /> : <UserIcon />}</>
+                  ) : (
+                    <ServerIcon />
+                  )}
+                </ItemMedia>
+                <ItemContent className="overflow-hidden">
+                  <ItemTitle>{form.state.values.redmineURL}</ItemTitle>
+                  {redmineConnection.isLoading ? (
+                    <ItemDescription>
+                      <FormattedMessage id="settings.redmine.connecting" />
+                    </ItemDescription>
+                  ) : redmineConnection.isError ? (
+                    <>
+                      <ItemDescription className="text-destructive font-semibold">
+                        <FormattedMessage id="settings.redmine.connection-failed" />
+                      </ItemDescription>
+                      {redmineConnection.error && <ItemDescription className="text-destructive/80">{redmineConnection.error.message}</ItemDescription>}
+                    </>
+                  ) : redmineConnection.data ? (
+                    <>
+                      <ItemDescription className="text-green-600">
+                        <FormattedMessage id="settings.redmine.connection-successful" />
+                      </ItemDescription>
+                      <ItemDescription>
+                        <FormattedMessage
+                          id="settings.redmine.hello-user"
+                          values={{
+                            firstName: redmineConnection.data.firstname,
+                            lastName: redmineConnection.data.lastname,
+                            accountName: redmineConnection.data.login,
+                            strong: (children) => <strong>{children}</strong>,
+                          }}
+                        />
+                      </ItemDescription>
+                    </>
+                  ) : undefined}
+                </ItemContent>
+              </Item>
+            </ItemGroup>
+          )}
+        </CardContent>
+      </Card>
+    );
+  },
+});
+
+const InfoSection = () => {
   const { name, version, version_name } = browser.runtime.getManifest();
 
   return (
-    <FormFieldset
-      className="mt-10"
-      legend={
-        <>
-          <a href="https://chrome.google.com/webstore/detail/redmine-time-tracking/ldcanhhkffokndenejhafhlkapflgcjg" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-            {name}
-          </a>
-          <span className="mx-1 text-xs">-</span>
-          <a href="https://github.com/CrawlerCode/redmine-time-tracking/releases" target="_blank" tabIndex={-1} className="hover:underline" rel="noreferrer">
-            v{version_name || version}
-          </a>
-        </>
-      }
-    >
-      <div className="flex items-center justify-around p-3">
-        <a href="https://github.com/CrawlerCode/redmine-time-tracking" target="_blank" tabIndex={-1} className="flex items-center gap-2 hover:underline" rel="noreferrer">
-          <svg className="col size-4" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <ItemGroup>
+      <Item variant="outline">
+        <ItemMedia variant="icon">
+          <img src="/icon/16.png" alt="Redmine Time Tracking Icon" className="size-8" />
+        </ItemMedia>
+        <ItemContent>
+          <CardTitle>{name}</CardTitle>
+          <CardDescription>v{version_name || version}</CardDescription>
+        </ItemContent>
+      </Item>
+      <Item variant="outline" size="sm" render={<a href="https://github.com/CrawlerCode/redmine-time-tracking" target="_blank" tabIndex={-1} rel="noreferrer" />}>
+        <ItemMedia variant="icon" className="bg-muted size-8 rounded-sm border">
+          <svg className="size-4 dark:fill-white" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
             <title>GitHub</title>
             <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
-          </svg>{" "}
-          GitHub
-        </a>
-
-        <a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} className="flex items-center gap-2 hover:underline" rel="noreferrer">
-          <BugIcon className="size-4" />
-          <FormattedMessage id="settings.info.report-an-issue" />
-        </a>
-      </div>
-    </FormFieldset>
+          </svg>
+        </ItemMedia>
+        <ItemContent>
+          <ItemTitle>GitHub</ItemTitle>
+          <ItemDescription className="text-xs">CrawlerCode/redmine-time-tracking</ItemDescription>
+        </ItemContent>
+        <ItemActions>
+          <ExternalLinkIcon className="size-4" />
+        </ItemActions>
+      </Item>
+      <Item variant="outline" size="sm" render={<a href="https://github.com/CrawlerCode/redmine-time-tracking/issues" target="_blank" tabIndex={-1} rel="noreferrer" />}>
+        <ItemMedia variant="icon" className="bg-muted size-8 rounded-sm border">
+          <BugIcon />
+        </ItemMedia>
+        <ItemContent>
+          <ItemTitle>
+            <FormattedMessage id="settings.info.report-an-issue" />
+          </ItemTitle>
+        </ItemContent>
+        <ItemActions>
+          <ChevronRightIcon className="size-4" />
+        </ItemActions>
+      </Item>
+    </ItemGroup>
   );
 };

From 9e51a23141cf2821fc85640f33d81471a7d2b467 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Thu, 22 Jan 2026 18:36:33 +0100
Subject: [PATCH 32/55] fix(timer): Close alert dialog on reset confirm

---
 src/components/timer/timer/TimerResetButton.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/timer/timer/TimerResetButton.tsx b/src/components/timer/timer/TimerResetButton.tsx
index 2c6cabb..8af20ed 100644
--- a/src/components/timer/timer/TimerResetButton.tsx
+++ b/src/components/timer/timer/TimerResetButton.tsx
@@ -19,7 +19,7 @@ export const TimerResetButton = () => {
       </HelpTooltip>
 
       {confirmResetModal && (
-        <AlertDialog open onOpenChange={() => setConfirmResetModal(false)}>
+        <AlertDialog open onOpenChange={setConfirmResetModal}>
           <AlertDialogContent>
             <AlertDialogHeader>
               <AlertDialogTitle>{formatMessage({ id: "issues.modal.reset-timer.title" })}</AlertDialogTitle>
@@ -27,7 +27,14 @@ export const TimerResetButton = () => {
             </AlertDialogHeader>
             <AlertDialogFooter>
               <AlertDialogCancel>{formatMessage({ id: "issues.modal.reset-timer.cancel" })}</AlertDialogCancel>
-              <AlertDialogAction onClick={() => timer.resetTimer()}>{formatMessage({ id: "issues.modal.reset-timer.reset" })}</AlertDialogAction>
+              <AlertDialogAction
+                onClick={() => {
+                  timer.resetTimer();
+                  setConfirmResetModal(false);
+                }}
+              >
+                {formatMessage({ id: "issues.modal.reset-timer.reset" })}
+              </AlertDialogAction>
             </AlertDialogFooter>
           </AlertDialogContent>
         </AlertDialog>

From 2c0322bf5bc70a07c217502c1beacc06c99f05a4 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 24 Jan 2026 20:26:51 +0100
Subject: [PATCH 33/55] feat: Allow to specify the rounding mode (#49)

---
 src/components/form/TextField.tsx             |  4 +-
 src/components/form/ToggleGroupField.tsx      | 15 +--
 .../timer/timer/TimerDoneButton.tsx           |  4 +-
 src/components/ui/field.tsx                   |  7 +-
 src/lang/de.json                              | 10 +-
 src/lang/en.json                              | 10 +-
 src/lang/fr.json                              | 10 +-
 src/lang/ru.json                              | 10 +-
 src/provider/SettingsProvider.tsx             | 16 ++-
 src/routes/settings.tsx                       | 97 ++++++++++++++-----
 src/utils/date.ts                             | 65 +++++++++----
 11 files changed, 175 insertions(+), 73 deletions(-)

diff --git a/src/components/form/TextField.tsx b/src/components/form/TextField.tsx
index 3833392..546be1c 100644
--- a/src/components/form/TextField.tsx
+++ b/src/components/form/TextField.tsx
@@ -20,7 +20,7 @@ export const TextField = ({ title, required, className, classNames, fieldErrorVa
   return (
     <Field data-invalid={isInvalid} className={className}>
       {title && (
-        <FieldLabel required={required} htmlFor={id}>
+        <FieldLabel required={required} htmlFor={id} errors={isInvalid && fieldErrorVariant === "tooltip" ? state.meta.errors : undefined}>
           {title}
         </FieldLabel>
       )}
@@ -34,7 +34,7 @@ export const TextField = ({ title, required, className, classNames, fieldErrorVa
         aria-invalid={isInvalid}
         className={classNames?.input}
       />
-      {isInvalid && <FieldError variant={fieldErrorVariant} errors={state.meta.errors} />}
+      {isInvalid && fieldErrorVariant !== "tooltip" && <FieldError errors={state.meta.errors} />}
       {children}
     </Field>
   );
diff --git a/src/components/form/ToggleGroupField.tsx b/src/components/form/ToggleGroupField.tsx
index 876314e..fd7e2fa 100644
--- a/src/components/form/ToggleGroupField.tsx
+++ b/src/components/form/ToggleGroupField.tsx
@@ -1,5 +1,4 @@
-import { clsxm } from "@/utils/clsxm";
-import { ComponentProps } from "react";
+import { ComponentProps, ReactNode } from "react";
 import { useFieldContext } from "../../hooks/useAppForm";
 import { Field, FieldError, FieldLabel } from "../ui/field";
 import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";
@@ -8,16 +7,17 @@ type ToggleGroupFieldProps = Omit<ComponentProps<typeof ToggleGroup>, "multiple"
   mode?: "single" | "multiple";
   title?: string;
   required?: boolean;
-  items: { value: string; name: string }[];
+  items: { label: string; value: string; icon?: ReactNode }[];
+  orientation?: ComponentProps<typeof Field>["orientation"];
   className?: string;
 };
 
-export const ToggleGroupField = ({ title, className, required, items, mode = "single", variant = "outline", ...props }: ToggleGroupFieldProps) => {
+export const ToggleGroupField = ({ title, orientation, className, required, items, mode = "single", variant = "outline", ...props }: ToggleGroupFieldProps) => {
   const { state, handleChange } = useFieldContext<string | string[]>();
   const isInvalid = !state.meta.isValid && state.meta.isTouched;
 
   return (
-    <Field data-invalid={isInvalid} orientation="horizontal" className={clsxm("justify-between", className)}>
+    <Field data-invalid={isInvalid} orientation={orientation} className={className}>
       {title && (
         <span className="flex items-center gap-2 truncate">
           <FieldLabel required={required}>{title}</FieldLabel>
@@ -40,8 +40,9 @@ export const ToggleGroupField = ({ title, className, required, items, mode = "si
         }}
       >
         {items.map((item) => (
-          <ToggleGroupItem key={item.value} value={item.value} aria-label={item.name}>
-            {item.name}
+          <ToggleGroupItem key={item.value} value={item.value} aria-label={item.label}>
+            {item.icon}
+            {item.label}
           </ToggleGroupItem>
         ))}
       </ToggleGroup>
diff --git a/src/components/timer/timer/TimerDoneButton.tsx b/src/components/timer/timer/TimerDoneButton.tsx
index 9763aff..3a50eb5 100644
--- a/src/components/timer/timer/TimerDoneButton.tsx
+++ b/src/components/timer/timer/TimerDoneButton.tsx
@@ -1,7 +1,7 @@
 import HelpTooltip from "@/components/general/HelpTooltip";
 import CreateTimeEntryModal from "@/components/time-entry/CreateTimeEntryModal";
 import { useSettings } from "@/provider/SettingsProvider";
-import { roundTimeNearestInterval } from "@/utils/date";
+import { roundMillisecondsToInterval } from "@/utils/date";
 import { BadgeCheckIcon } from "lucide-react";
 import { useState } from "react";
 import { useIntl } from "react-intl";
@@ -26,7 +26,7 @@ export const TimerDoneButton = ({ canLogTime }: { canLogTime: boolean }) => {
           data-disabled={isDisabled}
           onClick={() => {
             if (isDisabled) return;
-            const time = settings.features.roundToNearestInterval ? roundTimeNearestInterval(currentTime, settings.features.roundingInterval) : currentTime;
+            const time = settings.features.roundToInterval ? roundMillisecondsToInterval(currentTime, settings.features.roundingInterval, settings.features.roundingMode) : currentTime;
             const hours = Number((time / 1000 / 60 / 60).toFixed(2));
             setCreateTimeEntryHours(hours);
           }}
diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx
index 0562da5..b1b83a2 100644
--- a/src/components/ui/field.tsx
+++ b/src/components/ui/field.tsx
@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority";
-import { useMemo } from "react";
+import { ComponentProps, useMemo } from "react";
 
 import { Label } from "@/components/ui/label";
 import { Separator } from "@/components/ui/separator";
@@ -47,7 +47,7 @@ function FieldContent({ className, ...props }: React.ComponentProps<"div">) {
   return <div data-slot="field-content" className={cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className)} {...props} />;
 }
 
-function FieldLabel({ className, required, children, ...props }: React.ComponentProps<typeof Label> & { required?: boolean }) {
+function FieldLabel({ className, required, children, errors, ...props }: React.ComponentProps<typeof Label> & { required?: boolean } & Pick<ComponentProps<typeof FieldError>, "errors">) {
   return (
     <Label
       data-slot="field-label"
@@ -66,6 +66,7 @@ function FieldLabel({ className, required, children, ...props }: React.Component
       ) : (
         children
       )}
+      {errors && errors.length && <FieldError variant="tooltip" errors={errors} />}
     </Label>
   );
 }
@@ -143,7 +144,7 @@ function FieldError({
   if (variant === "tooltip") {
     return (
       <Tooltip delay={0}>
-        <TooltipTrigger render={<InfoIcon className="text-destructive size-3.5" />} />
+        <TooltipTrigger render={<InfoIcon className="text-destructive size-3.5 shrink-0" />} />
         <TooltipContent className="max-w-64 text-wrap">
           <div role="alert" data-slot="field-error" className={cn("text-sm", className)} {...props}>
             {content}
diff --git a/src/lang/de.json b/src/lang/de.json
index fcc174d..c7247e7 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -148,12 +148,16 @@
   "settings.features": "Funktionen",
   "settings.features.auto-pause-on-switch.title": "Auto Pause",
   "settings.features.auto-pause-on-switch.description": "Timer automatisch pausieren, wenn Ticket gewechselt wird",
-  "settings.features.round-to-nearest-interval.title": "Auf nächstes Intervall runden",
-  "settings.features.round-to-nearest-interval.description": "Timer auf nächstes Intervall runden",
-  "settings.features.rounding-interval.placeholder": "Intervall",
+  "settings.features.round-to-interval.title": "Auf Intervall runden",
+  "settings.features.round-to-interval.description": "Timer auf Intervall runden",
+  "settings.features.rounding-interval.title": "Intervall",
   "settings.features.rounding-interval.validation.required": "Intervall ist erforderlich",
   "settings.features.rounding-interval.validation.greater-than-zero": "Muss größer als 0 sein",
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Muss kleiner oder gleich 60 sein",
+  "settings.features.rounding-mode.title": "Modus",
+  "settings.features.rounding-mode.down": "Runter",
+  "settings.features.rounding-mode.nearest": "Nächstes",
+  "settings.features.rounding-mode.up": "Hoch",
   "settings.features.add-notes.title": "Notizen hinzufügen",
   "settings.features.add-notes.description": "Notizen zu Ticket hinzufügen",
   "settings.features.persistent-comments.title": "Kommentare zwischenspeichern",
diff --git a/src/lang/en.json b/src/lang/en.json
index e144c0d..baef194 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -148,12 +148,16 @@
   "settings.features": "Features",
   "settings.features.auto-pause-on-switch.title": "Auto pause",
   "settings.features.auto-pause-on-switch.description": "Automatic pause timers when changing issue",
-  "settings.features.round-to-nearest-interval.title": "Round to nearest interval",
-  "settings.features.round-to-nearest-interval.description": "Round timer to nearest interval",
-  "settings.features.rounding-interval.placeholder": "Interval",
+  "settings.features.round-to-interval.title": "Round to interval",
+  "settings.features.round-to-interval.description": "Round timer to interval",
+  "settings.features.rounding-interval.title": "Interval",
   "settings.features.rounding-interval.validation.required": "Interval is required",
   "settings.features.rounding-interval.validation.greater-than-zero": "Must be greater than 0",
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Must be less than or equals 60",
+  "settings.features.rounding-mode.title": "Mode",
+  "settings.features.rounding-mode.down": "Down",
+  "settings.features.rounding-mode.nearest": "Nearest",
+  "settings.features.rounding-mode.up": "Up",
   "settings.features.add-notes.title": "Add notes",
   "settings.features.add-notes.description": "Adding notes to an issue",
   "settings.features.persistent-comments.title": "Persistent comments",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 10e07e1..78d62e8 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -148,12 +148,16 @@
   "settings.features": "Fonctionnalités",
   "settings.features.auto-pause-on-switch.title": "Pause automatique",
   "settings.features.auto-pause-on-switch.description": "Pause automatique des minuteurs lors du changement de ticket",
-  "settings.features.round-to-nearest-interval.title": "Arrondir au plus proche intervalle",
-  "settings.features.round-to-nearest-interval.description": "Arrondir le minuteur à l'intervalle le plus proche",
-  "settings.features.rounding-interval.placeholder": "Intervalle",
+  "settings.features.round-to-interval.title": "Arrondir au plus proche intervalle",
+  "settings.features.round-to-interval.description": "Arrondir le minuteur à l'intervalle le plus proche",
+  "settings.features.rounding-interval.title": "Intervalle",
   "settings.features.rounding-interval.validation.required": "L'intervalle est requis",
   "settings.features.rounding-interval.validation.greater-than-zero": "Doit être supérieur à 0",
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Doit être inférieur ou égal à 60",
+  "settings.features.rounding-mode.title": "Mode",
+  "settings.features.rounding-mode.down": "Down",
+  "settings.features.rounding-mode.nearest": "Nearest",
+  "settings.features.rounding-mode.up": "Up",
   "settings.features.add-notes.title": "Ajouter des notes",
   "settings.features.add-notes.description": "Ajouter des notes à un ticket",
   "settings.features.persistent-comments.title": "Mise en cache des commentaires",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index 03418d5..fb4e77b 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -148,12 +148,16 @@
   "settings.features": "Дополнительно",
   "settings.features.auto-pause-on-switch.title": "Авто остановка",
   "settings.features.auto-pause-on-switch.description": "Автоматически останавливать таймеры при изменении задачи",
-  "settings.features.round-to-nearest-interval.title": "Round to nearest interval",
-  "settings.features.round-to-nearest-interval.description": "Round timer to nearest interval",
-  "settings.features.rounding-interval.placeholder": "Interval",
+  "settings.features.round-to-interval.title": "Round to interval",
+  "settings.features.round-to-interval.description": "Round timer to interval",
+  "settings.features.rounding-interval.title": "Interval",
   "settings.features.rounding-interval.validation.required": "Interval is required",
   "settings.features.rounding-interval.validation.greater-than-zero": "Должно быть больше 0",
   "settings.features.rounding-interval.validation.less-than-or-equals-sixty": "Must be less than or equals 60",
+  "settings.features.rounding-mode.title": "Mode",
+  "settings.features.rounding-mode.down": "Down",
+  "settings.features.rounding-mode.nearest": "Nearest",
+  "settings.features.rounding-mode.up": "Up",
   "settings.features.add-notes.title": "Добавление примечаний",
   "settings.features.add-notes.description": "Добавлять примечания в задачи",
   "settings.features.persistent-comments.title": "Кеширование комментариев",
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index f1b6662..27568a7 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -17,7 +17,9 @@ export const settingsSchema = ({ formatMessage }: { formatMessage?: ReturnType<t
     features: z.object({
       autoPauseOnSwitch: z.boolean(),
       roundTimeNearestQuarterHour: z.boolean().optional(), // ! Legacy
-      roundToNearestInterval: z.boolean(),
+      roundToNearestInterval: z.boolean().optional(), // ! Legacy
+      roundToInterval: z.boolean(),
+      roundingMode: z.enum(["down", "nearest", "up"]),
       roundingInterval: z
         .int(formatMessage?.({ id: "settings.features.rounding-interval.validation.required" }))
         .min(1, formatMessage?.({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
@@ -48,7 +50,8 @@ const defaultSettings: Settings = {
   redmineApiKey: "",
   features: {
     autoPauseOnSwitch: true,
-    roundToNearestInterval: false,
+    roundToInterval: false,
+    roundingMode: "nearest",
     roundingInterval: 15,
     persistentComments: true,
     addNotes: false,
@@ -73,10 +76,17 @@ export const runSettingsMigration = async () => {
 
   if (settings.features.roundTimeNearestQuarterHour === true) {
     settings.features.roundTimeNearestQuarterHour = undefined;
-    settings.features.roundToNearestInterval = true;
+    settings.features.roundToInterval = true;
+    settings.features.roundingMode = "nearest";
     settings.features.roundingInterval = 15;
   }
 
+  if (settings.features.roundToNearestInterval === true) {
+    settings.features.roundToNearestInterval = undefined;
+    settings.features.roundToInterval = true;
+    settings.features.roundingMode = "nearest";
+  }
+
   if (settings.features.cacheComments) {
     settings.features.cacheComments = undefined;
     settings.features.persistentComments = true;
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index 94f0adc..456c89a 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -10,7 +10,22 @@ import { useStore as useFormStore } from "@tanstack/react-form";
 import { useQueryClient } from "@tanstack/react-query";
 import { createFileRoute } from "@tanstack/react-router";
 import { DE, FlagComponent, FR, GB, RU } from "country-flag-icons/react/3x2";
-import { BugIcon, ChevronRightIcon, ExternalLinkIcon, GlobeIcon, Loader2Icon, PaletteIcon, PencilIcon, ServerIcon, SignalIcon, UserIcon, Wand2Icon } from "lucide-react";
+import {
+  ArrowDownIcon,
+  ArrowDownUpIcon,
+  ArrowUpIcon,
+  BugIcon,
+  ChevronRightIcon,
+  ExternalLinkIcon,
+  GlobeIcon,
+  Loader2Icon,
+  PaletteIcon,
+  PencilIcon,
+  ServerIcon,
+  SignalIcon,
+  UserIcon,
+  Wand2Icon,
+} from "lucide-react";
 import { useEffect, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { toast } from "sonner";
@@ -117,33 +132,63 @@ function PageComponent() {
               />
 
               <form.AppField
-                name="features.roundToNearestInterval"
+                name="features.roundToInterval"
                 children={(field) => (
-                  <div className="flex">
+                  <>
                     <field.SwitchField
-                      title={formatMessage({ id: "settings.features.round-to-nearest-interval.title" })}
-                      description={formatMessage({ id: "settings.features.round-to-nearest-interval.description" })}
+                      title={formatMessage({ id: "settings.features.round-to-interval.title" })}
+                      description={formatMessage({ id: "settings.features.round-to-interval.description" })}
                     />
                     {field.state.value && (
-                      <form.AppField
-                        name="features.roundingInterval"
-                        children={(field) => (
-                          <field.TextField
-                            type="number"
-                            min={1}
-                            max={60}
-                            step={1}
-                            placeholder={formatMessage({ id: "settings.features.rounding-interval.placeholder" })}
-                            className="w-20"
-                            classNames={{
-                              input: "appearance-none text-center",
-                            }}
-                            fieldErrorVariant="tooltip"
-                          />
-                        )}
-                      />
+                      <div className="ml-11 flex items-center justify-between gap-2">
+                        <form.AppField
+                          name="features.roundingMode"
+                          children={(field) => (
+                            <field.ToggleGroupField
+                              title={formatMessage({ id: "settings.features.rounding-mode.title" })}
+                              required
+                              items={[
+                                {
+                                  value: "down",
+                                  icon: <ArrowDownIcon className="text-red-800 max-[360px]:hidden dark:text-red-400" />,
+                                  label: formatMessage({ id: "settings.features.rounding-mode.down" }),
+                                },
+                                {
+                                  value: "nearest",
+                                  icon: <ArrowDownUpIcon className="text-blue-800 max-[360px]:hidden dark:text-blue-400" />,
+                                  label: formatMessage({ id: "settings.features.rounding-mode.nearest" }),
+                                },
+                                {
+                                  value: "up",
+                                  icon: <ArrowUpIcon className="text-green-700 max-[360px]:hidden dark:text-green-400" />,
+                                  label: formatMessage({ id: "settings.features.rounding-mode.up" }),
+                                },
+                              ]}
+                              className="w-auto"
+                            />
+                          )}
+                        />
+                        <form.AppField
+                          name="features.roundingInterval"
+                          children={(field) => (
+                            <field.TextField
+                              type="number"
+                              title={formatMessage({ id: "settings.features.rounding-interval.title" })}
+                              placeholder={formatMessage({ id: "settings.features.rounding-interval.title" })}
+                              min={1}
+                              max={60}
+                              step={1}
+                              className="w-18 min-w-14"
+                              classNames={{
+                                input: "appearance-none text-center",
+                              }}
+                              fieldErrorVariant="tooltip"
+                            />
+                          )}
+                        />
+                      </div>
                     )}
-                  </div>
+                  </>
                 )}
               />
 
@@ -201,7 +246,7 @@ function PageComponent() {
                     items={[
                       {
                         value: "decimal",
-                        name: formatMessage(
+                        label: formatMessage(
                           { id: "format.hours" },
                           {
                             hours: formatNumber(0.75),
@@ -210,7 +255,7 @@ function PageComponent() {
                       },
                       {
                         value: "minutes",
-                        name: formatMessage(
+                        label: formatMessage(
                           { id: "format.hours" },
                           {
                             hours: formatHoursUsually(0.75),
@@ -218,6 +263,8 @@ function PageComponent() {
                         ),
                       },
                     ]}
+                    orientation="horizontal"
+                    className="justify-between"
                   />
                 )}
               />
diff --git a/src/utils/date.ts b/src/utils/date.ts
index ffd625a..2ddad2f 100644
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -1,30 +1,22 @@
+import { Settings } from "@/provider/SettingsProvider";
+
+/**
+ * Format milliseconds to timer format (H:MM:SS)
+ */
 export const formatTimer = (milliseconds: number) => {
   if (isNaN(milliseconds) || milliseconds < 0) return "";
+
   const seconds = milliseconds / 1000;
 
+  const h = Math.floor(seconds / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
   const s = Math.floor(seconds % 60);
-  const m = Math.floor((seconds / 60) % 60);
-  const h = Math.floor(seconds / 60 / 60);
-  return `${h}:${m > 9 ? m : "0" + m}:${s > 9 ? s : "0" + s}`;
-};
 
-/**
- * Round time to nearest interval
- *
- * for example with interval 15:
- * 0:07:29 => 0:00:00
- * 0:07:30 => 0:15:00
- * 0:23:00 => 0:30:00
- */
-export const roundTimeNearestInterval = (milliseconds: number, interval: number) => {
-  const seconds = milliseconds / 1000;
-  const m = Math.round(Math.round((seconds / 60) % 60) / interval) * interval;
-  const h = Math.floor(seconds / 60 / 60) + Math.floor(m / 60);
-  return (h * 60 + (m % 60)) * 60 * 1000;
+  return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
 };
 
 /**
- * Format hours to usually format (1:30)
+ * Format hours to usual format (1:30)
  */
 export const formatHoursUsually = (hours: number) => {
   if (isNaN(hours) || hours < 0) return "";
@@ -36,8 +28,43 @@ export const formatHoursUsually = (hours: number) => {
 };
 
 /**
- * Round hours
+ * Round hours to 2 decimal places
  */
 export const roundHours = (hours: number) => {
   return Number(hours.toFixed(2));
 };
+
+/**
+ * Round milliseconds to interval (in minutes)
+ *
+ * Modes:
+ * - down: always round down
+ * - up: always round up
+ * - nearest: round to nearest
+ *
+ * for example with nearest 15 interval:
+ * 0:07:29 => 0:00:00
+ * 0:07:30 => 0:15:00
+ * 0:23:00 => 0:30:00
+ */
+export const roundMillisecondsToInterval = (milliseconds: number, intervalInMinutes: number, mode: Settings["features"]["roundingMode"]) => {
+  if (intervalInMinutes <= 0) return milliseconds;
+
+  const minutes = milliseconds / 1000 / 60;
+
+  switch (mode) {
+    case "down": {
+      const m = Math.floor(minutes / intervalInMinutes) * intervalInMinutes;
+      return m * 60 * 1000;
+    }
+    case "up": {
+      const m = Math.ceil(minutes / intervalInMinutes) * intervalInMinutes;
+      return m * 60 * 1000;
+    }
+    case "nearest":
+    default: {
+      const m = Math.round(minutes / intervalInMinutes) * intervalInMinutes;
+      return m * 60 * 1000;
+    }
+  }
+};

From 612144169252cabf7a6417380da19e9f4b9b207b Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 24 Jan 2026 21:05:06 +0100
Subject: [PATCH 34/55] fix: Fix broken persistent comments behavior

---
 .../time-entry/CreateTimeEntryModal.tsx         | 17 +++++++++--------
 src/hooks/usePersistentComments.ts              | 12 ++----------
 src/hooks/useStorage.ts                         | 10 ++++++++--
 3 files changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index bb6608c..aed3d53 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -77,6 +77,11 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
     },
   });
 
+  const persistentComments = usePersistentComments({
+    identifier: timer.id,
+    enabled: settings.features.persistentComments,
+  });
+
   const form = useAppForm({
     defaultValues: {
       issue_id: issue.id,
@@ -89,6 +94,10 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
       add_notes: false,
       notes: undefined,
       ...initialValues,
+      ...(persistentComments.isEnabled &&
+        persistentComments.isPersisted && {
+          comments: persistentComments.comment,
+        }),
     } satisfies Partial<TCreateTimeEntryForm> as TCreateTimeEntryForm,
     validators: {
       onChange: createTimeEntryFormSchema({ formatMessage }),
@@ -131,14 +140,6 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
     },
   });
 
-  const persistentComments = usePersistentComments({
-    identifier: timer.id,
-    enabled: settings.features.persistentComments,
-    onLoad: (comment) => {
-      form.setFieldValue("comments", comment);
-    },
-  });
-
   return (
     <>
       <Dialog
diff --git a/src/hooks/usePersistentComments.ts b/src/hooks/usePersistentComments.ts
index e3def92..fd9f323 100644
--- a/src/hooks/usePersistentComments.ts
+++ b/src/hooks/usePersistentComments.ts
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { useStorage } from "./useStorage";
 
 const _persistentComments = {};
@@ -6,24 +5,17 @@ const _persistentComments = {};
 type Options = {
   identifier: string;
   enabled?: boolean;
-  onLoad: (comment: string) => void;
 };
 
-export const usePersistentComments = ({ identifier, enabled = true, onLoad }: Options) => {
+export const usePersistentComments = ({ identifier, enabled = true }: Options) => {
   const { data, setData } = useStorage<Record<string, string | undefined>>("persistentComments", _persistentComments);
 
   const persistentComment = data[identifier];
 
-  useEffect(() => {
-    if (!enabled) return;
-    if (persistentComment) {
-      onLoad(persistentComment);
-    }
-  }, [enabled, onLoad, persistentComment]);
-
   return {
     isEnabled: enabled,
     isPersisted: !!persistentComment,
+    comment: persistentComment,
     saveComment: (comment?: string) =>
       setData({
         ...data,
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index b22eced..b879c3e 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -54,7 +54,10 @@ export const useStorage = <T>(name: string, defaultValue: T) => {
   return {
     isLoading: query.isLoading,
     data: query.data ?? defaultValue,
-    setData: (data: T) => setStorage(name, data),
+    setData: (data: T) => {
+      queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
+      setStorage(name, data);
+    },
   };
 };
 
@@ -80,6 +83,9 @@ export const useSuspenseStorage = <T>(name: string, defaultValue: T) => {
 
   return {
     data: query.data,
-    setData: (data: T) => setStorage(name, data),
+    setData: (data: T) => {
+      queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
+      setStorage(name, data);
+    },
   };
 };

From cd2f4d8a97c4056ae9b53a776c287b4f6134ca73 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 24 Jan 2026 22:39:01 +0100
Subject: [PATCH 35/55] refactor: Use null as form default values and update
 zod to v4

---
 package.json                                  |  2 +-
 pnpm-lock.yaml                                | 28 ++++-----
 src/api/redmine/types.ts                      |  4 +-
 src/components/form/ComboboxField.tsx         |  1 -
 src/components/issue/AddIssueNotesModal.tsx   |  2 +-
 src/components/issue/Filter.tsx               |  2 +-
 src/components/issue/IssueSearch.tsx          |  2 +-
 src/components/issue/form/IssueForm.tsx       | 46 +++++++-------
 .../time-entry/CreateTimeEntryModal.tsx       | 62 ++++++++++---------
 .../time-entry/EditTimeEntryModal.tsx         |  4 +-
 .../timer/timer/TimerDoneButton.tsx           |  3 +-
 src/provider/IntlProvider.tsx                 |  2 +-
 src/provider/SettingsProvider.tsx             |  2 +-
 13 files changed, 81 insertions(+), 79 deletions(-)

diff --git a/package.json b/package.json
index 393889e..44895b5 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "shadcn": "^3.6.3",
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1",
-    "zod": "^3.25.46"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.19.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 827c585..5c19d78 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -83,8 +83,8 @@ importers:
         specifier: ^3.3.1
         version: 3.3.1
       zod:
-        specifier: ^3.25.46
-        version: 3.25.46
+        specifier: ^4.3.6
+        version: 4.3.6
     devDependencies:
       '@eslint/js':
         specifier: ^9.19.0
@@ -4603,12 +4603,12 @@ packages:
     peerDependencies:
       zod: ^3.25.0 || ^4.0.0
 
-  zod@3.25.46:
-    resolution: {integrity: sha512-IqRxcHEIjqLd4LNS/zKffB3Jzg3NwqJxQQ0Ns7pdrvgGkwQsEBdEQcOHaBVqvvZArShRzI39+aMST3FBGmTrLQ==}
-
   zod@3.25.76:
     resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
 
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
 snapshots:
 
   '@1natsu/wait-element@4.1.2':
@@ -5640,7 +5640,7 @@ snapshots:
       recast: 0.23.11
       source-map: 0.7.6
       tsx: 4.19.3
-      zod: 3.25.46
+      zod: 3.25.76
     transitivePeerDependencies:
       - supports-color
 
@@ -5659,7 +5659,7 @@ snapshots:
       babel-dead-code-elimination: 1.0.10
       chokidar: 3.6.0
       unplugin: 2.3.11
-      zod: 3.25.46
+      zod: 3.25.76
     optionalDependencies:
       '@tanstack/react-router': 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
@@ -6754,8 +6754,8 @@ snapshots:
       '@babel/parser': 7.28.5
       eslint: 9.28.0(jiti@2.6.1)
       hermes-parser: 0.25.1
-      zod: 3.25.46
-      zod-validation-error: 4.0.2(zod@3.25.46)
+      zod: 4.3.6
+      zod-validation-error: 4.0.2(zod@4.3.6)
     transitivePeerDependencies:
       - supports-color
 
@@ -8151,7 +8151,7 @@ snapshots:
       formdata-node: 6.0.3
       listr2: 8.3.3
       ofetch: 1.5.1
-      zod: 3.25.76
+      zod: 4.3.6
 
   punycode@2.3.0: {}
 
@@ -9222,10 +9222,10 @@ snapshots:
     dependencies:
       zod: 3.25.76
 
-  zod-validation-error@4.0.2(zod@3.25.46):
+  zod-validation-error@4.0.2(zod@4.3.6):
     dependencies:
-      zod: 3.25.46
-
-  zod@3.25.46: {}
+      zod: 4.3.6
 
   zod@3.25.76: {}
+
+  zod@4.3.6: {}
diff --git a/src/api/redmine/types.ts b/src/api/redmine/types.ts
index f07be20..231c552 100644
--- a/src/api/redmine/types.ts
+++ b/src/api/redmine/types.ts
@@ -20,7 +20,7 @@ export type TIssue = {
   author: TReference;
   assigned_to?: TReference;
   subject: string;
-  description: string;
+  description?: string;
   done_ratio: number;
   fixed_version?: TReference;
   start_date?: string; // YYYY-MM-DD
@@ -167,7 +167,7 @@ export type TTimeEntryActivity = {
 
 export type TCreateTimeEntry = {
   issue_id: number;
-  user_id: number;
+  user_id?: number;
   spent_on: Date;
   activity_id: number;
   hours: number;
diff --git a/src/components/form/ComboboxField.tsx b/src/components/form/ComboboxField.tsx
index 890b1b8..3c4095c 100644
--- a/src/components/form/ComboboxField.tsx
+++ b/src/components/form/ComboboxField.tsx
@@ -67,7 +67,6 @@ export const ComboboxField = <Value extends string | number, Mode extends "singl
         {...props}
         id={id}
         name={name}
-        required={required}
         disabled={disabled}
         items={items}
         multiple={mode === "multiple"}
diff --git a/src/components/issue/AddIssueNotesModal.tsx b/src/components/issue/AddIssueNotesModal.tsx
index 3f47977..297beff 100644
--- a/src/components/issue/AddIssueNotesModal.tsx
+++ b/src/components/issue/AddIssueNotesModal.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable react/no-children-prop */
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useIntl } from "react-intl";
-import { z } from "zod/v4";
+import { z } from "zod";
 import { TIssue, TUpdateIssue } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import { useRedmineApi } from "../../provider/RedmineApiProvider";
diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index ed70dd5..c0ac4cd 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -6,7 +6,7 @@ import deepmerge from "deepmerge";
 import { SlidersHorizontalIcon } from "lucide-react";
 import { createContext, PropsWithChildren, use, useState } from "react";
 import { useIntl } from "react-intl";
-import { z } from "zod/v4";
+import { z } from "zod";
 import useMyProjects from "../../hooks/useMyProjects";
 import { useSuspenseStorage } from "../../hooks/useStorage";
 import { Button } from "../ui/button";
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
index d29edee..69d4bea 100644
--- a/src/components/issue/IssueSearch.tsx
+++ b/src/components/issue/IssueSearch.tsx
@@ -4,7 +4,7 @@ import { useSuspenseStorage } from "@/hooks/useStorage";
 import { ChevronRightIcon, CloudIcon, ListTreeIcon, MoreHorizontalIcon, SearchIcon, XIcon } from "lucide-react";
 import { createContext, PropsWithChildren, use, useRef, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { z } from "zod/v4";
+import { z } from "zod";
 import { TIssue, TReference } from "../../api/redmine/types";
 import useDebounce from "../../hooks/useDebounce";
 import useHotKey from "../../hooks/useHotkey";
diff --git a/src/components/issue/form/IssueForm.tsx b/src/components/issue/form/IssueForm.tsx
index 02cd1f9..9ce2bc3 100644
--- a/src/components/issue/form/IssueForm.tsx
+++ b/src/components/issue/form/IssueForm.tsx
@@ -4,7 +4,7 @@ import { Form, FormGrid } from "@/components/ui/form";
 import { useIssueStatuses } from "@/hooks/useIssueStatuses";
 import { parseISO } from "date-fns";
 import { FormattedMessage, useIntl } from "react-intl";
-import { z } from "zod/v4";
+import { z } from "zod";
 import { TIssue } from "../../../api/redmine/types";
 import { useAppForm } from "../../../hooks/useAppForm";
 import { useIssuePriorities } from "../../../hooks/useIssuePriorities";
@@ -37,15 +37,15 @@ const createOrEditIssueFormSchema = ({ formatMessage }: { formatMessage: ReturnT
       tracker_id: z.int(formatMessage({ id: "issues.issue.field.tracker.validation.required" })),
       status_id: z.int(formatMessage({ id: "issues.issue.field.status.validation.required" })),
       subject: z.string().nonempty(formatMessage({ id: "issues.issue.field.subject.validation.required" })),
-      description: z.string().nullish(),
+      description: z.string().nullable(),
       priority_id: z.int(formatMessage({ id: "issues.issue.field.priority.validation.required" })),
-      assigned_to_id: z.int().nullish(),
-      category_id: z.int().nullish(),
-      fixed_version_id: z.int().nullish(),
-      start_date: z.date().nullish(),
-      due_date: z.date().nullish(),
-      estimated_hours: z.number().nullish(),
-      done_ratio: z.int().min(0).max(100).nullish(),
+      assigned_to_id: z.int().nullable(),
+      category_id: z.int().nullable(),
+      fixed_version_id: z.int().nullable(),
+      start_date: z.date().nullable(),
+      due_date: z.date().nullable(),
+      estimated_hours: z.number().nullable(),
+      done_ratio: z.int().min(0).max(100),
     })
     .check((ctx) => {
       if (ctx.value.start_date && ctx.value.due_date && ctx.value.start_date > ctx.value.due_date) {
@@ -82,14 +82,14 @@ export const IssueForm = (props: PropTypes) => {
             tracker_id: issueTrackers.defaultTracker?.id,
             status_id: issueTrackers.defaultTracker?.default_status?.id,
             subject: "",
-            description: undefined,
+            description: null,
             priority_id: issuePriorities.defaultPriority?.id,
-            assigned_to_id: myUser.data?.id,
-            category_id: undefined,
-            fixed_version_id: project.data?.default_version?.id,
-            start_date: undefined,
-            due_date: undefined,
-            estimated_hours: undefined,
+            assigned_to_id: myUser.data?.id ?? null,
+            category_id: null,
+            fixed_version_id: project.data?.default_version?.id ?? null,
+            start_date: null,
+            due_date: null,
+            estimated_hours: null,
             done_ratio: 0,
           } satisfies Partial<TCreateOrEditIssueForm> as TCreateOrEditIssueForm)
         : ({
@@ -97,14 +97,14 @@ export const IssueForm = (props: PropTypes) => {
             tracker_id: props.issue.tracker.id,
             status_id: props.issue.status.id,
             subject: props.issue.subject,
-            description: props.issue.description,
+            description: props.issue.description ?? null,
             priority_id: props.issue.priority.id,
-            assigned_to_id: props.issue.assigned_to?.id,
-            category_id: props.issue.category?.id,
-            fixed_version_id: props.issue.fixed_version?.id,
-            start_date: props.issue.start_date ? parseISO(props.issue.start_date) : undefined,
-            due_date: props.issue.due_date ? parseISO(props.issue.due_date) : undefined,
-            estimated_hours: props.issue.estimated_hours,
+            assigned_to_id: props.issue.assigned_to?.id ?? null,
+            category_id: props.issue.category?.id ?? null,
+            fixed_version_id: props.issue.fixed_version?.id ?? null,
+            start_date: props.issue.start_date ? parseISO(props.issue.start_date) : null,
+            due_date: props.issue.due_date ? parseISO(props.issue.due_date) : null,
+            estimated_hours: props.issue.estimated_hours ?? null,
             done_ratio: props.issue.done_ratio,
           } satisfies TCreateOrEditIssueForm as TCreateOrEditIssueForm),
     validators: {
diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index aed3d53..3a7959f 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -4,7 +4,7 @@ import { TimerController } from "@/hooks/useTimers";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { startOfDay } from "date-fns";
 import { useIntl } from "react-intl";
-import z from "zod/v4";
+import { z } from "zod";
 import { TCreateTimeEntry, TIssue, TUpdateIssue } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import useMyProjectRoles from "../../hooks/useMyProjectRoles";
@@ -28,20 +28,22 @@ type PropTypes = {
   onSuccess: () => void;
 };
 
-const createTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnType<typeof useIntl>["formatMessage"] }) =>
+const createTimeEntryFormSchema = ({ formatMessage }: { formatMessage?: ReturnType<typeof useIntl>["formatMessage"] }) =>
   z.object({
     issue_id: z.int(),
-    user_id: z.array(z.int()).optional(),
+    user_id: z.array(z.int()),
     hours: z
-      .number(formatMessage({ id: "time.time-entry.field.hours.validation.required" }))
-      .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
-      .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
-    spent_on: z.date(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
-    comments: z.string().optional(),
-    activity_id: z.int(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
-    done_ratio: z.number().min(0).max(100).optional(),
-    add_notes: z.boolean().optional(),
-    notes: z.string().optional(),
+      .number(formatMessage?.({ id: "time.time-entry.field.hours.validation.required" }))
+      .min(0.01, formatMessage?.({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
+      .max(24, formatMessage?.({ id: "time.time-entry.field.hours.validation.less-than-24" })),
+    spent_on: z.date(formatMessage?.({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage?.({ id: "time.time-entry.field.spent-on.validation.in-future" })),
+    comments: z.string().nullable(),
+    activity_id: z.int(formatMessage?.({ id: "time.time-entry.field.activity.validation.required" })),
+    issue: z.object({
+      done_ratio: z.number().min(0).max(100),
+      _add_notes: z.boolean(),
+      notes: z.string().nullable(),
+    }),
   });
 
 type TCreateTimeEntryForm = z.infer<ReturnType<typeof createTimeEntryFormSchema>>;
@@ -85,14 +87,16 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
   const form = useAppForm({
     defaultValues: {
       issue_id: issue.id,
-      user_id: myUser.data?.id ? [myUser.data.id] : undefined,
+      user_id: myUser.data?.id ? [myUser.data.id] : [],
       hours: 0,
       spent_on: new Date(),
-      comments: undefined,
+      comments: null,
       activity_id: undefined,
-      done_ratio: undefined,
-      add_notes: false,
-      notes: undefined,
+      issue: {
+        done_ratio: issue.done_ratio,
+        _add_notes: false,
+        notes: null,
+      },
       ...initialValues,
       ...(persistentComments.isEnabled &&
         persistentComments.isPersisted && {
@@ -103,12 +107,12 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
       onChange: createTimeEntryFormSchema({ formatMessage }),
     },
     onSubmit: async ({ value: originalValue }) => {
-      const { done_ratio, add_notes, notes, ...value } = { ...originalValue };
+      const { issue: updateIssue, ...value } = { ...originalValue };
 
       // Update issue done_ratio and notes
-      const updatedDoneRatio = done_ratio && done_ratio !== issue.done_ratio ? done_ratio : undefined;
-      const addNotes = add_notes && notes ? notes : undefined;
-      if (updatedDoneRatio || addNotes) {
+      const updatedDoneRatio = updateIssue.done_ratio !== issue.done_ratio ? updateIssue.done_ratio : undefined;
+      const addNotes = updateIssue._add_notes && updateIssue.notes ? updateIssue.notes : undefined;
+      if (updatedDoneRatio !== undefined || addNotes) {
         await updateIssueMutation.mutateAsync({
           done_ratio: updatedDoneRatio,
           notes: addNotes,
@@ -116,7 +120,7 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
       }
 
       // Create time entry
-      if (value.user_id && Array.isArray(value.user_id) && value.user_id.length > 0) {
+      if (Array.isArray(value.user_id) && value.user_id.length > 0) {
         // create for multiple users
         for (const userId of value.user_id) {
           try {
@@ -127,7 +131,7 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
         }
       } else {
         // create for me
-        await createTimeEntryMutation.mutateAsync({ ...value, user_id: undefined as never });
+        await createTimeEntryMutation.mutateAsync({ ...value, user_id: undefined });
       }
 
       if (!createTimeEntryMutation.isError) {
@@ -147,7 +151,7 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
         onOpenChange={() => {
           const comment = form.state.values.comments;
           if (persistentComments.isEnabled && ((comment && comment != initialValues.comments) || persistentComments.isPersisted)) {
-            persistentComments.saveComment(comment);
+            persistentComments.saveComment(comment ?? undefined);
           }
 
           onClose();
@@ -160,7 +164,7 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
             </DialogHeader>
             <IssueTitle issue={issue} />
             <FormGrid cols={2}>
-              <form.AppField name="done_ratio" children={() => <DoneSliderField className="col-span-1 self-center" />} />
+              <form.AppField name="issue.done_ratio" children={() => <DoneSliderField className="col-span-1 self-center" />} />
 
               <form.Subscribe selector={(state) => state.values.hours} children={(hours) => <SpentVsEstimatedTime issue={issue} previewHours={hours} className="col-span-1 justify-self-end" />} />
 
@@ -229,15 +233,15 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
 
               {settings.features.addNotes && projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
                 <form.Subscribe
-                  selector={(state) => state.values.add_notes}
+                  selector={(state) => state.values.issue._add_notes}
                   children={(add_notes) =>
                     !add_notes ? (
-                      <form.AppField name="add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                      <form.AppField name="issue._add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
                     ) : (
                       <FormFieldset legend={formatMessage({ id: "issues.issue.field.notes" })}>
                         <FormGrid>
-                          <form.AppField name="add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
-                          <form.AppField name="notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} />} />
+                          <form.AppField name="issue._add_notes" children={(field) => <field.SwitchField title={formatMessage({ id: "issues.modal.add-spent-time.add-notes" })} />} />
+                          <form.AppField name="issue.notes" children={(field) => <field.TextareaField placeholder={formatMessage({ id: "issues.issue.field.notes" })} />} />
                         </FormGrid>
                       </FormFieldset>
                     )
diff --git a/src/components/time-entry/EditTimeEntryModal.tsx b/src/components/time-entry/EditTimeEntryModal.tsx
index 9b23890..a5536e7 100644
--- a/src/components/time-entry/EditTimeEntryModal.tsx
+++ b/src/components/time-entry/EditTimeEntryModal.tsx
@@ -2,7 +2,7 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { parseISO } from "date-fns";
 import { useIntl } from "react-intl";
-import { z } from "zod/v4";
+import { z } from "zod";
 import { TTimeEntry, TUpdateTimeEntry } from "../../api/redmine/types";
 import { useAppForm } from "../../hooks/useAppForm";
 import useIssue from "../../hooks/useIssue";
@@ -27,7 +27,7 @@ const editTimeEntryFormSchema = ({ formatMessage }: { formatMessage: ReturnType<
       .min(0.01, formatMessage({ id: "time.time-entry.field.hours.validation.greater-than-zero" }))
       .max(24, formatMessage({ id: "time.time-entry.field.hours.validation.less-than-24" })),
     spent_on: z.date(formatMessage({ id: "time.time-entry.field.spent-on.validation.required" })).max(new Date(), formatMessage({ id: "time.time-entry.field.spent-on.validation.in-future" })),
-    comments: z.string().nullish(),
+    comments: z.string().nullable(),
     activity_id: z.int(formatMessage({ id: "time.time-entry.field.activity.validation.required" })),
   });
 
diff --git a/src/components/timer/timer/TimerDoneButton.tsx b/src/components/timer/timer/TimerDoneButton.tsx
index 3a50eb5..91d8bfc 100644
--- a/src/components/timer/timer/TimerDoneButton.tsx
+++ b/src/components/timer/timer/TimerDoneButton.tsx
@@ -39,9 +39,8 @@ export const TimerDoneButton = ({ canLogTime }: { canLogTime: boolean }) => {
           timer={timer}
           issue={issue}
           initialValues={{
-            done_ratio: issue.done_ratio,
             hours: createTimeEntryHours,
-            comments: timer.name,
+            ...(timer.name && { comments: timer.name }),
           }}
           onClose={() => setCreateTimeEntryHours(undefined)}
           onSuccess={() => {
diff --git a/src/provider/IntlProvider.tsx b/src/provider/IntlProvider.tsx
index 72ca192..f0add23 100644
--- a/src/provider/IntlProvider.tsx
+++ b/src/provider/IntlProvider.tsx
@@ -5,7 +5,7 @@ import { useSettings } from "./SettingsProvider";
 
 import messagesEN from "../lang/en.json";
 
-import z from "zod/v4";
+import { z } from "zod";
 
 export const LANGUAGES = ["en", "de", "ru", "fr"] as const;
 
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 27568a7..75f1a7e 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -2,7 +2,7 @@ import deepmerge from "deepmerge";
 import { ReactNode, createContext, use } from "react";
 import { useIntl } from "react-intl";
 import { browser } from "wxt/browser";
-import z from "zod/v4";
+import { z } from "zod";
 import { getStorage, setStorage, useSuspenseStorage } from "../hooks/useStorage";
 import { LANGUAGES } from "./IntlProvider";
 

From 6c806b9e24c688c8b07aa688424cf04f01920cc0 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 24 Jan 2026 23:22:54 +0100
Subject: [PATCH 36/55] chore: Update npm dependencies

---
 package.json                                  |   87 +-
 pnpm-lock.yaml                                | 1611 ++++++++---------
 src/components/ui/sonner.tsx                  |    5 +-
 src/hooks/useRedminePaginatedInfiniteQuery.ts |   10 +-
 4 files changed, 832 insertions(+), 881 deletions(-)

diff --git a/package.json b/package.json
index 44895b5..ca00c12 100644
--- a/package.json
+++ b/package.json
@@ -28,66 +28,65 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
-    "@tanstack/query-async-storage-persister": "^5.66.0",
-    "@tanstack/react-form": "^1.12.0",
-    "@tanstack/react-query": "^5.66.0",
-    "@tanstack/react-query-devtools": "^5.66.0",
-    "@tanstack/react-query-persist-client": "^5.66.0",
-    "@tanstack/react-router": "^1.141.2",
-    "axios": "^1.7.9",
+    "@tanstack/query-async-storage-persister": "^5.90.22",
+    "@tanstack/react-form": "^1.27.7",
+    "@tanstack/react-query": "^5.90.20",
+    "@tanstack/react-query-devtools": "^5.91.2",
+    "@tanstack/react-query-persist-client": "^5.90.22",
+    "@tanstack/react-router": "^1.157.4",
+    "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "country-flag-icons": "^1.5.14",
-    "date-fns": "^3.6.0",
+    "country-flag-icons": "^1.6.8",
+    "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
-    "lucide-react": "^0.546.0",
-    "next-themes": "^0.4.6",
-    "qs": "^6.14.0",
+    "lucide-react": "^0.563.0",
+    "qs": "^6.14.1",
     "react": "^19.2.3",
     "react-day-picker": "^9.13.0",
     "react-dom": "^19.2.3",
-    "react-intl": "^7.1.11",
-    "shadcn": "^3.6.3",
-    "sonner": "^2.0.5",
-    "tailwind-merge": "^3.3.1",
+    "react-intl": "^8.1.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@eslint/js": "^9.19.0",
-    "@formatjs/cli": "^6.7.1",
-    "@playwright/test": "^1.57.0",
+    "@eslint/js": "^9.39.2",
+    "@formatjs/cli": "^6.12.0",
+    "@playwright/test": "^1.58.0",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/eslint-plugin-query": "^5.91.2",
-    "@tanstack/eslint-plugin-router": "^1.141.0",
-    "@tanstack/router-plugin": "^1.141.2",
-    "@types/chrome": "^0.0.301",
-    "@types/node": "^22.13.1",
-    "@types/qs": "^6.9.18",
-    "@types/react": "^19.2.7",
+    "@tanstack/eslint-plugin-query": "^5.91.3",
+    "@tanstack/eslint-plugin-router": "^1.155.0",
+    "@tanstack/router-plugin": "^1.157.4",
+    "@types/chrome": "^0.1.36",
+    "@types/node": "^24.10.9",
+    "@types/qs": "^6.14.0",
+    "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.23.0",
-    "@typescript-eslint/parser": "^8.23.0",
+    "@typescript-eslint/eslint-plugin": "^8.53.1",
+    "@typescript-eslint/parser": "^8.53.1",
     "@vitejs/plugin-react": "^5.1.2",
     "babel-plugin-react-compiler": "1.0.0",
-    "cross-env": "^7.0.3",
-    "dotenv": "^16.4.7",
-    "eslint": "^9.19.0",
-    "eslint-config-prettier": "^10.0.1",
+    "cross-env": "^10.1.0",
+    "dotenv": "^17.2.3",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-tailwindcss": "^3.18.0",
-    "globals": "^15.14.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.12",
-    "sharp": "^0.33.5",
-    "tailwindcss": "^4.1.8",
-    "tw-animate-css": "^1.3.3",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.23.0",
-    "vite": "^7.3.0",
-    "wxt": "^0.20.12"
+    "eslint-plugin-tailwindcss": "^3.18.2",
+    "globals": "^17.1.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "shadcn": "^3.7.0",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.53.1",
+    "vite": "^7.3.1",
+    "wxt": "^0.20.13"
   },
-  "packageManager": "pnpm@10.11.0",
+  "packageManager": "pnpm@10.28.1",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@tailwindcss/oxide",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5c19d78..cb30272 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,28 +15,28 @@ importers:
     dependencies:
       '@base-ui/react':
         specifier: ^1.1.0
-        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@tanstack/query-async-storage-persister':
-        specifier: ^5.66.0
-        version: 5.66.0
+        specifier: ^5.90.22
+        version: 5.90.22
       '@tanstack/react-form':
-        specifier: ^1.12.0
-        version: 1.12.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^1.27.7
+        version: 1.27.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@tanstack/react-query':
-        specifier: ^5.66.0
-        version: 5.66.0(react@19.2.3)
+        specifier: ^5.90.20
+        version: 5.90.20(react@19.2.3)
       '@tanstack/react-query-devtools':
-        specifier: ^5.66.0
-        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)
+        specifier: ^5.91.2
+        version: 5.91.2(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)
       '@tanstack/react-query-persist-client':
-        specifier: ^5.66.0
-        version: 5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)
+        specifier: ^5.90.22
+        version: 5.90.22(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)
       '@tanstack/react-router':
-        specifier: ^1.141.2
-        version: 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^1.157.4
+        version: 1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       axios:
-        specifier: ^1.7.9
-        version: 1.7.9
+        specifier: ^1.13.2
+        version: 1.13.2
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -44,23 +44,20 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       country-flag-icons:
-        specifier: ^1.5.14
-        version: 1.5.14
+        specifier: ^1.6.8
+        version: 1.6.8
       date-fns:
-        specifier: ^3.6.0
-        version: 3.6.0
+        specifier: ^4.1.0
+        version: 4.1.0
       deepmerge:
         specifier: ^4.3.1
         version: 4.3.1
       lucide-react:
-        specifier: ^0.546.0
-        version: 0.546.0(react@19.2.3)
-      next-themes:
-        specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^0.563.0
+        version: 0.563.0(react@19.2.3)
       qs:
-        specifier: ^6.14.0
-        version: 6.14.0
+        specifier: ^6.14.1
+        version: 6.14.1
       react:
         specifier: ^19.2.3
         version: 19.2.3
@@ -71,120 +68,120 @@ importers:
         specifier: ^19.2.3
         version: 19.2.3(react@19.2.3)
       react-intl:
-        specifier: ^7.1.11
-        version: 7.1.11(react@19.2.3)(typescript@5.7.3)
-      shadcn:
-        specifier: ^3.6.3
-        version: 3.6.3(@types/node@22.13.1)(hono@4.11.4)(typescript@5.7.3)
+        specifier: ^8.1.1
+        version: 8.1.1(@types/react@19.2.9)(react@19.2.3)(typescript@5.9.3)
       sonner:
-        specifier: ^2.0.5
-        version: 2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^2.0.7
+        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       tailwind-merge:
-        specifier: ^3.3.1
-        version: 3.3.1
+        specifier: ^3.4.0
+        version: 3.4.0
       zod:
         specifier: ^4.3.6
         version: 4.3.6
     devDependencies:
       '@eslint/js':
-        specifier: ^9.19.0
-        version: 9.28.0
+        specifier: ^9.39.2
+        version: 9.39.2
       '@formatjs/cli':
-        specifier: ^6.7.1
-        version: 6.7.1
+        specifier: ^6.12.0
+        version: 6.12.0
       '@playwright/test':
-        specifier: ^1.57.0
-        version: 1.57.0
+        specifier: ^1.58.0
+        version: 1.58.0
       '@tailwindcss/vite':
         specifier: ^4.1.18
-        version: 4.1.18(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        version: 4.1.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/eslint-plugin-query':
-        specifier: ^5.91.2
-        version: 5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+        specifier: ^5.91.3
+        version: 5.91.3(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@tanstack/eslint-plugin-router':
-        specifier: ^1.141.0
-        version: 1.141.0(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+        specifier: ^1.155.0
+        version: 1.155.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@tanstack/router-plugin':
-        specifier: ^1.141.2
-        version: 1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^1.157.4
+        version: 1.157.4(@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@types/chrome':
-        specifier: ^0.0.301
-        version: 0.0.301
+        specifier: ^0.1.36
+        version: 0.1.36
       '@types/node':
-        specifier: ^22.13.1
-        version: 22.13.1
+        specifier: ^24.10.9
+        version: 24.10.9
       '@types/qs':
-        specifier: ^6.9.18
-        version: 6.9.18
+        specifier: ^6.14.0
+        version: 6.14.0
       '@types/react':
-        specifier: ^19.2.7
-        version: 19.2.7
+        specifier: ^19.2.9
+        version: 19.2.9
       '@types/react-dom':
         specifier: ^19.2.3
-        version: 19.2.3(@types/react@19.2.7)
+        version: 19.2.3(@types/react@19.2.9)
       '@typescript-eslint/eslint-plugin':
-        specifier: ^8.23.0
-        version: 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+        specifier: ^8.53.1
+        version: 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser':
-        specifier: ^8.23.0
-        version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+        specifier: ^8.53.1
+        version: 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@vitejs/plugin-react':
         specifier: ^5.1.2
-        version: 5.1.2(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        version: 5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       babel-plugin-react-compiler:
         specifier: 1.0.0
         version: 1.0.0
       cross-env:
-        specifier: ^7.0.3
-        version: 7.0.3
+        specifier: ^10.1.0
+        version: 10.1.0
       dotenv:
-        specifier: ^16.4.7
-        version: 16.4.7
+        specifier: ^17.2.3
+        version: 17.2.3
       eslint:
-        specifier: ^9.19.0
-        version: 9.28.0(jiti@2.6.1)
+        specifier: ^9.39.2
+        version: 9.39.2(jiti@2.6.1)
       eslint-config-prettier:
-        specifier: ^10.0.1
-        version: 10.1.5(eslint@9.28.0(jiti@2.6.1))
+        specifier: ^10.1.8
+        version: 10.1.8(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react:
         specifier: ^7.37.5
-        version: 7.37.5(eslint@9.28.0(jiti@2.6.1))
+        version: 7.37.5(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-react-hooks:
         specifier: ^7.0.1
-        version: 7.0.1(eslint@9.28.0(jiti@2.6.1))
+        version: 7.0.1(eslint@9.39.2(jiti@2.6.1))
       eslint-plugin-tailwindcss:
-        specifier: ^3.18.0
-        version: 3.18.0(tailwindcss@4.1.8)
+        specifier: ^3.18.2
+        version: 3.18.2(tailwindcss@4.1.18)
       globals:
-        specifier: ^15.14.0
-        version: 15.15.0
+        specifier: ^17.1.0
+        version: 17.1.0
       prettier:
-        specifier: ^3.4.2
-        version: 3.4.2
+        specifier: ^3.8.1
+        version: 3.8.1
       prettier-plugin-tailwindcss:
-        specifier: ^0.6.12
-        version: 0.6.12(prettier@3.4.2)
+        specifier: ^0.7.2
+        version: 0.7.2(prettier@3.8.1)
+      shadcn:
+        specifier: ^3.7.0
+        version: 3.7.0(@types/node@24.10.9)(hono@4.11.4)(typescript@5.9.3)
       sharp:
-        specifier: ^0.33.5
-        version: 0.33.5
+        specifier: ^0.34.5
+        version: 0.34.5
       tailwindcss:
-        specifier: ^4.1.8
-        version: 4.1.8
+        specifier: ^4.1.18
+        version: 4.1.18
       tw-animate-css:
-        specifier: ^1.3.3
-        version: 1.3.3
+        specifier: ^1.4.0
+        version: 1.4.0
       typescript:
-        specifier: ^5.7.3
-        version: 5.7.3
+        specifier: ^5.9.3
+        version: 5.9.3
       typescript-eslint:
-        specifier: ^8.23.0
-        version: 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
+        specifier: ^8.53.1
+        version: 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       vite:
-        specifier: ^7.3.0
-        version: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+        specifier: ^7.3.1
+        version: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
       wxt:
-        specifier: ^0.20.12
-        version: 0.20.12(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1)
+        specifier: ^0.20.13
+        version: 0.20.13(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1)
 
 packages:
 
@@ -417,8 +414,11 @@ packages:
     peerDependencies:
       '@noble/ciphers': ^1.0.0
 
-  '@emnapi/runtime@1.2.0':
-    resolution: {integrity: sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==}
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
+
+  '@epic-web/invariant@1.0.0':
+    resolution: {integrity: sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==}
 
   '@esbuild/aix-ppc64@0.25.1':
     resolution: {integrity: sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==}
@@ -732,36 +732,46 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
   '@eslint-community/regexpp@4.12.1':
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.20.0':
-    resolution: {integrity: sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==}
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/config-helpers@0.2.2':
-    resolution: {integrity: sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==}
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.14.0':
-    resolution: {integrity: sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==}
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/eslintrc@3.3.1':
     resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/js@9.28.0':
-    resolution: {integrity: sha512-fnqSjGWd/CoIp4EXIxWVK/sHA6DOHN4+8Ix2cX5ycOY7LG0UY8nHCU5pIp2eaE1Mc7Qd8kHspYNzYXT2ojPLzg==}
+  '@eslint/js@9.39.2':
+    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/object-schema@2.1.6':
-    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/plugin-kit@0.3.1':
-    resolution: {integrity: sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==}
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@floating-ui/core@1.7.3':
@@ -779,19 +789,18 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
-  '@formatjs/cli@6.7.1':
-    resolution: {integrity: sha512-ULiXbLkbuTyd8f0qaByu1Nuc+jbAOLH1qRAtHZ7waIABQGPBB93OQ2FFtQPgoYoupKOKyNr+PZXR6pOT45E4EQ==}
+  '@formatjs/cli@6.12.0':
+    resolution: {integrity: sha512-mF3U8XxwEWR+ttlG5e4onYO+M5T22jnnQq7Ce/WK10CTVYR8Us433hbML6vgBLkiTS/MuCq61L0op3yNRSp2Kg==}
     engines: {node: '>= 16'}
     hasBin: true
     peerDependencies:
-      '@glimmer/env': ^0.1.7
-      '@glimmer/reference': ^0.94.0
-      '@glimmer/syntax': ^0.94.9
-      '@glimmer/validator': ^0.94.0
-      '@vue/compiler-core': ^3.5.12
-      content-tag: ^3.0.0
-      ember-template-recast: ^6.1.5
-      vue: ^3.5.12
+      '@glimmer/env': '*'
+      '@glimmer/reference': '*'
+      '@glimmer/syntax': ^0.84.3 || ^0.95.0
+      '@glimmer/validator': '*'
+      '@vue/compiler-core': 3.5.27
+      content-tag: ^4.1.0
+      vue: 3.5.27
     peerDependenciesMeta:
       '@glimmer/env':
         optional: true
@@ -805,28 +814,26 @@ packages:
         optional: true
       content-tag:
         optional: true
-      ember-template-recast:
-        optional: true
       vue:
         optional: true
 
-  '@formatjs/ecma402-abstract@2.3.4':
-    resolution: {integrity: sha512-qrycXDeaORzIqNhBOx0btnhpD1c+/qFIHAN9znofuMJX6QBwtbrmlpWfD4oiUUD2vJUOIYFA/gYtg2KAMGG7sA==}
+  '@formatjs/ecma402-abstract@3.1.0':
+    resolution: {integrity: sha512-CjP1sUzM7XiQW6YluDreN+dMvcKZysO/J4ikvuDjDyd6nSOoSqAK9gvD1s75ZFaJVXtYOsz+y3CUXPZ1sKxcxw==}
 
-  '@formatjs/fast-memoize@2.2.7':
-    resolution: {integrity: sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==}
+  '@formatjs/fast-memoize@3.1.0':
+    resolution: {integrity: sha512-b5mvSWCI+XVKiz5WhnBCY3RJ4ZwfjAidU0yVlKa3d3MSgKmH1hC3tBGEAtYyN5mqL7N0G5x0BOUYyO8CEupWgg==}
 
-  '@formatjs/icu-messageformat-parser@2.11.2':
-    resolution: {integrity: sha512-AfiMi5NOSo2TQImsYAg8UYddsNJ/vUEv/HaNqiFjnI3ZFfWihUtD5QtuX6kHl8+H+d3qvnE/3HZrfzgdWpsLNA==}
+  '@formatjs/icu-messageformat-parser@3.5.0':
+    resolution: {integrity: sha512-Q01XuvtbDVCJQsG/E2MSfMZ+UdUoZV8v4Aex8tTH44SqKJZCeu5LjuclaKFUS0o1YoXndfEinJen5k1T1GR1vg==}
 
-  '@formatjs/icu-skeleton-parser@1.8.14':
-    resolution: {integrity: sha512-i4q4V4qslThK4Ig8SxyD76cp3+QJ3sAqr7f6q9VVfeGtxG9OhiAk3y9XF6Q41OymsKzsGQ6OQQoJNY4/lI8TcQ==}
+  '@formatjs/icu-skeleton-parser@2.1.0':
+    resolution: {integrity: sha512-wNer4imHDFBVAJnMb2OGoSyM4wL/uuLnuo5mrenliqkDaNjRbG4jzlJcwTTDEBhai8iCjnzUsE7xwNJC29SfWw==}
 
-  '@formatjs/intl-localematcher@0.6.1':
-    resolution: {integrity: sha512-ePEgLgVCqi2BBFnTMWPfIghu6FkbZnnBVhO2sSxvLfrdFw7wCHAHiDoM2h4NRgjbaY7+B7HgOLZGkK187pZTZg==}
+  '@formatjs/intl-localematcher@0.8.0':
+    resolution: {integrity: sha512-zgMYWdUlmEZpX2Io+v3LHrfq9xZ6khpQVf9UAw2xYWhGerGgI9XgH1HvL/A34jWiruUJpYlP5pk4g8nIcaDrXQ==}
 
-  '@formatjs/intl@3.1.6':
-    resolution: {integrity: sha512-tDkXnA4qpIFcDWac8CyVJq6oW8DR7W44QDUBsfXWIIJD/FYYen0QoH46W7XsVMFfPOVKkvbufjboZrrWbEfmww==}
+  '@formatjs/intl@4.1.1':
+    resolution: {integrity: sha512-88qfxk5XK5UApY3I8ocY2WJyA64MlVQKwmqAjkaVkX25mZb9qZokDDH4+MWD6UX67uqZlsrwUg36yZr/R4X3Jw==}
     peerDependencies:
       typescript: ^5.6.0
     peerDependenciesMeta:
@@ -859,107 +866,139 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@img/sharp-darwin-arm64@0.33.5':
-    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+  '@img/colour@1.0.0':
+    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-darwin-x64@0.33.5':
-    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-arm64@1.0.4':
-    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-x64@1.0.4':
-    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-linux-arm64@1.0.4':
-    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linux-arm@1.0.5':
-    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-libvips-linux-s390x@1.0.4':
-    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-libvips-linux-x64@1.0.4':
-    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
-    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
-    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linux-arm64@0.33.5':
-    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linux-arm@0.33.5':
-    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-linux-s390x@0.33.5':
-    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-linux-x64@0.33.5':
-    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-arm64@0.33.5':
-    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-x64@0.33.5':
-    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-wasm32@0.33.5':
-    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [wasm32]
 
-  '@img/sharp-win32-ia32@0.33.5':
-    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [ia32]
     os: [win32]
 
-  '@img/sharp-win32-x64@0.33.5':
-    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [win32]
@@ -1084,8 +1123,8 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
-  '@playwright/test@1.57.0':
-    resolution: {integrity: sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==}
+  '@playwright/test@1.58.0':
+    resolution: {integrity: sha512-fWza+Lpbj6SkQKCrU6si4iu+fD2dD3gxNHFhUPxsfXBPhnv3rRSQVd0NtBUT9Z/RhF/boCBcuUaMUSTRTopjZg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -1311,97 +1350,96 @@ packages:
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
-  '@tanstack/eslint-plugin-query@5.91.2':
-    resolution: {integrity: sha512-UPeWKl/Acu1IuuHJlsN+eITUHqAaa9/04geHHPedY8siVarSaWprY0SVMKrkpKfk5ehRT7+/MZ5QwWuEtkWrFw==}
+  '@tanstack/devtools-event-client@0.4.0':
+    resolution: {integrity: sha512-RPfGuk2bDZgcu9bAJodvO2lnZeHuz4/71HjZ0bGb/SPg8+lyTA+RLSKQvo7fSmPSi8/vcH3aKQ8EM9ywf1olaw==}
+    engines: {node: '>=18'}
+
+  '@tanstack/eslint-plugin-query@5.91.3':
+    resolution: {integrity: sha512-5GMGZMYFK9dOvjpdedjJs4hU40EdPuO2AjzObQzP7eOSsikunCfrXaU3oNGXSsvoU9ve1Z1xQZZuDyPi0C1M7Q==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@tanstack/eslint-plugin-router@1.141.0':
-    resolution: {integrity: sha512-E5QSLvoS8By2UajtUE64CNp22LVyzdqNyR/ponVV+yxONWHC3IzDUUHKBnPxW1yVwRT88qQoJYV0RJL6noW25A==}
+  '@tanstack/eslint-plugin-router@1.155.0':
+    resolution: {integrity: sha512-Qq6uYYtcu1aMzFImEIz0Azcd9iCAbpkA3SBAGjwavFEyptafwnmtANKrjTqq09ej/CNTrTjEQBH72yvbqqTMqw==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@tanstack/form-core@1.12.0':
-    resolution: {integrity: sha512-TfMUPHussIzopA4WOWDdt8WI0k7y4XiehGfdamtlHAqHqDcNCgsvou3cH5irA0XYm9GokIDXd/XRo4cHQVK5xw==}
+  '@tanstack/form-core@1.27.7':
+    resolution: {integrity: sha512-nvogpyE98fhb0NDw1Bf2YaCH+L7ZIUgEpqO9TkHucDn6zg3ni521boUpv0i8HKIrmmFwDYjWZoCnrgY4HYWTkw==}
 
-  '@tanstack/history@1.141.0':
-    resolution: {integrity: sha512-LS54XNyxyTs5m/pl1lkwlg7uZM3lvsv2FIIV1rsJgnfwVCnI+n4ZGZ2CcjNT13BPu/3hPP+iHmliBSscJxW5FQ==}
+  '@tanstack/history@1.154.14':
+    resolution: {integrity: sha512-xyIfof8eHBuub1CkBnbKNKQXeRZC4dClhmzePHVOEel4G7lk/dW+TQ16da7CFdeNLv6u6Owf5VoBQxoo6DFTSA==}
     engines: {node: '>=12'}
 
-  '@tanstack/query-async-storage-persister@5.66.0':
-    resolution: {integrity: sha512-Uh3YHhKhbub/U5Px+iUIWRXq95QHgvM1gqtfx6mkfsbCdWBC84jS+8FRcEybhzZl1sUuNsE4mawcBHarJyLaWQ==}
+  '@tanstack/pacer-lite@0.1.1':
+    resolution: {integrity: sha512-y/xtNPNt/YeyoVxE/JCx+T7yjEzpezmbb+toK8DDD1P4m7Kzs5YR956+7OKexG3f8aXgC3rLZl7b1V+yNUSy5w==}
+    engines: {node: '>=18'}
+
+  '@tanstack/query-async-storage-persister@5.90.22':
+    resolution: {integrity: sha512-I8Dbi79aoM2S2VqfuxTG13TkqmiDSiZ95Bi1YRXvwGVMsOnaJ99Ou1dIw53kHY3y10Vgwv3YYThw4TN/FM/N3A==}
 
-  '@tanstack/query-core@5.66.0':
-    resolution: {integrity: sha512-J+JeBtthiKxrpzUu7rfIPDzhscXF2p5zE/hVdrqkACBP8Yu0M96mwJ5m/8cPPYQE9aRNvXztXHlNwIh4FEeMZw==}
+  '@tanstack/query-core@5.90.20':
+    resolution: {integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==}
 
-  '@tanstack/query-devtools@5.65.0':
-    resolution: {integrity: sha512-g5y7zc07U9D3esMdqUfTEVu9kMHoIaVBsD0+M3LPdAdD710RpTcLiNvJY1JkYXqkq9+NV+CQoemVNpQPBXVsJg==}
+  '@tanstack/query-devtools@5.92.0':
+    resolution: {integrity: sha512-N8D27KH1vEpVacvZgJL27xC6yPFUy0Zkezn5gnB3L3gRCxlDeSuiya7fKge8Y91uMTnC8aSxBQhcK6ocY7alpQ==}
 
-  '@tanstack/query-persist-client-core@5.66.0':
-    resolution: {integrity: sha512-y6bolShmbOmexexZfnmTiHsBOm4ruJxc2MQJzqi6PxkSPjkKAU+Zqviy4ZwQos5skwSw0g7b9L6V6Rd64oZc9g==}
+  '@tanstack/query-persist-client-core@5.91.19':
+    resolution: {integrity: sha512-whrASqbVq8261Ue+/ZzpHsrLDYVfRaENs4HTdLuYKxawkGWzdMfV7BmOdWl8ZF0mEBEbrQR8V6oE3R635JF2Fw==}
 
-  '@tanstack/react-form@1.12.0':
-    resolution: {integrity: sha512-0tZNbZ9BChA8cMYcdGlknC1XdcapU+HpD+1IwLt3QiAU/Gsp8unUYB5nZFPrwhZWKBzJY/tUwhtF6jlr2+psQg==}
+  '@tanstack/react-form@1.27.7':
+    resolution: {integrity: sha512-xTg4qrUY0fuLaSnkATLZcK3BWlnwLp7IuAb6UTbZKngiDEvvDCNTvVvHgPlgef1O2qN4klZxInRyRY6oEkXZ2A==}
     peerDependencies:
-      '@tanstack/react-start': ^1.112.0
+      '@tanstack/react-start': '*'
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
-      vinxi: ^0.5.0
     peerDependenciesMeta:
       '@tanstack/react-start':
         optional: true
-      vinxi:
-        optional: true
 
-  '@tanstack/react-query-devtools@5.66.0':
-    resolution: {integrity: sha512-uB57wA2YZaQ2fPcFW0E9O1zAGDGSbRKRx84uMk/86VyU9jWVxvJ3Uzp+zNm+nZJYsuekCIo2opTdgNuvM3cKgA==}
+  '@tanstack/react-query-devtools@5.91.2':
+    resolution: {integrity: sha512-ZJ1503ay5fFeEYFUdo7LMNFzZryi6B0Cacrgr2h1JRkvikK1khgIq6Nq2EcblqEdIlgB/r7XDW8f8DQ89RuUgg==}
     peerDependencies:
-      '@tanstack/react-query': ^5.66.0
+      '@tanstack/react-query': ^5.90.14
       react: ^18 || ^19
 
-  '@tanstack/react-query-persist-client@5.66.0':
-    resolution: {integrity: sha512-LpocQrJF9HCR6N09X7+k8TjkgYsVHPB4e4AvV2qvCeL5aOsQWORttEqCHldohnJwdVm/68tWacw2jVP/8AuI1w==}
+  '@tanstack/react-query-persist-client@5.90.22':
+    resolution: {integrity: sha512-BrD3Y/SsrSIDl+t/gpYvjvGHXd7m7oF+GIqktKE8LmTgt7bS1lYHd/CLkVxMPixTU53gHHVFfPNGmY7Hv4L/7g==}
     peerDependencies:
-      '@tanstack/react-query': ^5.66.0
+      '@tanstack/react-query': ^5.90.20
       react: ^18 || ^19
 
-  '@tanstack/react-query@5.66.0':
-    resolution: {integrity: sha512-z3sYixFQJe8hndFnXgWu7C79ctL+pI0KAelYyW+khaNJ1m22lWrhJU2QrsTcRKMuVPtoZvfBYrTStIdKo+x0Xw==}
+  '@tanstack/react-query@5.90.20':
+    resolution: {integrity: sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==}
     peerDependencies:
       react: ^18 || ^19
 
-  '@tanstack/react-router@1.141.2':
-    resolution: {integrity: sha512-inPEgxYuGPNJvd7wo9BYVKW/BP9GwZO0EaZLBE7+l0RtPcIqAQQLqYhYwb2xikuQg6ueZectj7LObAGivkBpSw==}
+  '@tanstack/react-router@1.157.4':
+    resolution: {integrity: sha512-TCfefBpOJaPylsRgFPFdwoE2z303ILJupeoiNIZeSvioUhN/6Jg1o2lZh0mZOJ4QQwqdVQB28BnN+dijZ4VM9w==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=18.0.0 || >=19.0.0'
       react-dom: '>=18.0.0 || >=19.0.0'
 
-  '@tanstack/react-store@0.7.1':
-    resolution: {integrity: sha512-qUTEKdId6QPWGiWyKAPf/gkN29scEsz6EUSJ0C3HgLMgaqTAyBsQ2sMCfGVcqb+kkhEXAdjleCgH6LAPD6f2sA==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
   '@tanstack/react-store@0.8.0':
     resolution: {integrity: sha512-1vG9beLIuB7q69skxK9r5xiLN3ztzIPfSQSs0GfeqWGO2tGIyInZx0x1COhpx97RKaONSoAb8C3dxacWksm1ow==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tanstack/router-core@1.141.2':
-    resolution: {integrity: sha512-6fJSQ+Xcqy6xvB+CTEJljynf5wxQXC/YbtvxAc7wkzBLQwXvwoYrkmUTzqWHFtDZVGKr0cxA+Tg1FikSAZOiQQ==}
+  '@tanstack/router-core@1.157.4':
+    resolution: {integrity: sha512-hoFTp19e65/jItOjDNnEubwtb2kFDBHu7WRJTxklisSqKOVjRv3NvT4azZNXa0qlIkWmldzLlzhOsE1y9KQT2A==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-generator@1.141.2':
-    resolution: {integrity: sha512-90xDdtHE1zHfL5J0sBV06h3H9Rv1qO+gQuGYUEEmRPGxluifx+ivIk/rD/8dpuqcjErofKi8io/DuKxxJ5kOmA==}
+  '@tanstack/router-generator@1.157.4':
+    resolution: {integrity: sha512-1CxGxDQHr5Cmciuog6kJCtp0AFHs8vd39FqVPi3caySFbZM7Q5X5EyBg5XDq44OlHs3deev21LyKyixNMg10MA==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-plugin@1.141.2':
-    resolution: {integrity: sha512-9dordZdt1C8D6O5kp5iASa3DDCLGV/7v4MDB9nx0WXKnBRLv9ZpLt58jevIQ6Wov8V9zH5gLWKaRVfiWMAE4Gg==}
+  '@tanstack/router-plugin@1.157.4':
+    resolution: {integrity: sha512-yyRcoAkamfZYIKB3zna4a8LIabUC1zvEstqozx98UXLy1ZI1PIJJoLMIg3j8euoCAyOA0HT0QH1mXQj+1FXO9Q==}
     engines: {node: '>=12'}
     peerDependencies:
       '@rsbuild/core': '>=1.0.2'
-      '@tanstack/react-router': ^1.141.2
+      '@tanstack/react-router': ^1.157.4
       vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
       vite-plugin-solid: ^2.11.10
       webpack: '>=5.92.0'
@@ -1417,18 +1455,18 @@ packages:
       webpack:
         optional: true
 
-  '@tanstack/router-utils@1.141.0':
-    resolution: {integrity: sha512-/eFGKCiix1SvjxwgzrmH4pHjMiMxc+GA4nIbgEkG2RdAJqyxLcRhd7RPLG0/LZaJ7d0ad3jrtRqsHLv2152Vbw==}
+  '@tanstack/router-utils@1.154.7':
+    resolution: {integrity: sha512-61bGx32tMKuEpVRseu2sh1KQe8CfB7793Mch/kyQt0EP3tD7X0sXmimCl3truRiDGUtI0CaSoQV1NPjAII1RBA==}
     engines: {node: '>=12'}
 
-  '@tanstack/store@0.7.1':
-    resolution: {integrity: sha512-PjUQKXEXhLYj2X5/6c1Xn/0/qKY0IVFxTJweopRfF26xfjVyb14yALydJrHupDh3/d+1WKmfEgZPBVCmDkzzwg==}
+  '@tanstack/store@0.7.7':
+    resolution: {integrity: sha512-xa6pTan1bcaqYDS9BDpSiS63qa6EoDkPN9RsRaxHuDdVDNntzq3xNwR5YKTU/V3SkSyC9T4YVOPh2zRQN0nhIQ==}
 
   '@tanstack/store@0.8.0':
     resolution: {integrity: sha512-Om+BO0YfMZe//X2z0uLF2j+75nQga6TpTJgLJQBiq85aOyZNIhkCgleNcud2KQg4k4v9Y9l+Uhru3qWMPGTOzQ==}
 
-  '@tanstack/virtual-file-routes@1.141.0':
-    resolution: {integrity: sha512-CJrWtr6L9TVzEImm9S7dQINx+xJcYP/aDkIi6gnaWtIgbZs1pnzsE0yJc2noqXZ+yAOqLx3TBGpBEs9tS0P9/A==}
+  '@tanstack/virtual-file-routes@1.154.7':
+    resolution: {integrity: sha512-cHHDnewHozgjpI+MIVp9tcib6lYEQK5MyUr0ChHpHFGBl8Xei55rohFK0I0ve/GKoHeioaK42Smd8OixPp6CTg==}
     engines: {node: '>=12'}
 
   '@ts-morph/common@0.27.0':
@@ -1446,11 +1484,8 @@ packages:
   '@types/babel__traverse@7.20.2':
     resolution: {integrity: sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==}
 
-  '@types/chrome@0.0.301':
-    resolution: {integrity: sha512-BljW7InXXOfDYr4nG79y5lnaklrZ0gmeTwCUkuCXK2+69dHnZIrg13KhXJE/HrcFUmy8NG/EK+RTGScsh/Hbiw==}
-
-  '@types/estree@1.0.6':
-    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+  '@types/chrome@0.1.36':
+    resolution: {integrity: sha512-BvHbuyGttYXnGt5Gpwa4769KIinKHY1iLjlAPrrMBS2GI9m/XNMPtdsq0NgQalyuUdxvlMN/0OyGw0shFVIoUQ==}
 
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
@@ -1473,19 +1508,19 @@ packages:
   '@types/minimatch@3.0.5':
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
 
-  '@types/node@22.13.1':
-    resolution: {integrity: sha512-jK8uzQlrvXqEU91UxiK5J7pKHyzgnI1Qnl0QDHIgVGuolJhRb9EEl28Cj9b3rGR8B2lhFCtvIm5os8lFnO/1Ew==}
+  '@types/node@24.10.9':
+    resolution: {integrity: sha512-ne4A0IpG3+2ETuREInjPNhUGis1SFjv1d5asp8MzEAGtOZeTeHVDOYqOgqfhvseqg/iXty2hjBf1zAOb7RNiNw==}
 
-  '@types/qs@6.9.18':
-    resolution: {integrity: sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==}
+  '@types/qs@6.14.0':
+    resolution: {integrity: sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==}
 
   '@types/react-dom@19.2.3':
     resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
       '@types/react': ^19.2.0
 
-  '@types/react@19.2.7':
-    resolution: {integrity: sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==}
+  '@types/react@19.2.9':
+    resolution: {integrity: sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA==}
 
   '@types/statuses@2.0.6':
     resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
@@ -1493,26 +1528,20 @@ packages:
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
-  '@typescript-eslint/eslint-plugin@8.33.1':
-    resolution: {integrity: sha512-TDCXj+YxLgtvxvFlAvpoRv9MAncDLBV2oT9Bd7YBGC/b/sEURoOYuIwLI99rjWOfY3QtDzO+mk0n4AmdFExW8A==}
+  '@typescript-eslint/eslint-plugin@8.53.1':
+    resolution: {integrity: sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.33.1
+      '@typescript-eslint/parser': ^8.53.1
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.33.1':
-    resolution: {integrity: sha512-qwxv6dq682yVvgKKp2qWwLgRbscDAYktPptK4JPojCwwi3R9cwrvIxS4lvBpzmcqzR4bdn54Z0IG1uHFskW4dA==}
+  '@typescript-eslint/parser@8.53.1':
+    resolution: {integrity: sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
-  '@typescript-eslint/project-service@8.33.1':
-    resolution: {integrity: sha512-DZR0efeNklDIHHGRpMpR5gJITQpu6tLr9lDJnKdONTC7vvzOlLAG/wcfxcdxEWrbiZApcoBCzXqU/Z458Za5Iw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/project-service@8.48.1':
     resolution: {integrity: sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==}
@@ -1520,19 +1549,19 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.33.1':
-    resolution: {integrity: sha512-dM4UBtgmzHR9bS0Rv09JST0RcHYearoEoo3pG5B6GoTR9XcyeqX87FEhPo+5kTvVfKCvfHaHrcgeJQc6mrDKrA==}
+  '@typescript-eslint/project-service@8.53.1':
+    resolution: {integrity: sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/scope-manager@8.48.1':
     resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.33.1':
-    resolution: {integrity: sha512-STAQsGYbHCF0/e+ShUQ4EatXQ7ceh3fBCXkNU7/MZVKulrlq1usH7t2FhxvCpuCi5O5oi1vmVaAjrGeL71OK1g==}
+  '@typescript-eslint/scope-manager@8.53.1':
+    resolution: {integrity: sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
 
   '@typescript-eslint/tsconfig-utils@8.48.1':
     resolution: {integrity: sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==}
@@ -1540,26 +1569,26 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.33.1':
-    resolution: {integrity: sha512-1cG37d9xOkhlykom55WVwG2QRNC7YXlxMaMzqw2uPeJixBFfKWZgaP/hjAObqMN/u3fr5BrTwTnc31/L9jQ2ww==}
+  '@typescript-eslint/tsconfig-utils@8.53.1':
+    resolution: {integrity: sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.33.1':
-    resolution: {integrity: sha512-xid1WfizGhy/TKMTwhtVOgalHwPtV8T32MS9MaH50Cwvz6x6YqRIPdD2WvW0XaqOzTV9p5xdLY0h/ZusU5Lokg==}
+  '@typescript-eslint/type-utils@8.53.1':
+    resolution: {integrity: sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/types@8.48.1':
     resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.33.1':
-    resolution: {integrity: sha512-+s9LYcT8LWjdYWu7IWs7FvUxpQ/DGkdjZeE/GGulHvv8rvYwQvVaUZ6DE+j5x/prADUgSbbCWZ2nPI3usuVeOA==}
+  '@typescript-eslint/types@8.53.1':
+    resolution: {integrity: sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <5.9.0'
 
   '@typescript-eslint/typescript-estree@8.48.1':
     resolution: {integrity: sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==}
@@ -1567,12 +1596,11 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.33.1':
-    resolution: {integrity: sha512-52HaBiEQUaRYqAXpfzWSR2U3gxk92Kw006+xZpElaPMg3C4PgM+A5LqwoQI1f9E5aZ/qlxAZxzm42WX+vn92SQ==}
+  '@typescript-eslint/typescript-estree@8.53.1':
+    resolution: {integrity: sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/utils@8.48.1':
     resolution: {integrity: sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==}
@@ -1581,14 +1609,21 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.33.1':
-    resolution: {integrity: sha512-3i8NrFcZeeDHJ+7ZUuDkGT+UHq+XoFGsymNK2jZCOHcfEzRQ0BdpRtdpSx/Iyf3MHLWIcLS0COuOPibKQboIiQ==}
+  '@typescript-eslint/utils@8.53.1':
+    resolution: {integrity: sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/visitor-keys@8.48.1':
     resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/visitor-keys@8.53.1':
+    resolution: {integrity: sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@vitejs/plugin-react@5.1.2':
     resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1619,11 +1654,6 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  acorn@8.14.0:
-    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   acorn@8.15.0:
     resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
@@ -1745,11 +1775,11 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axios@1.7.9:
-    resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
+  axios@1.13.2:
+    resolution: {integrity: sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==}
 
-  babel-dead-code-elimination@1.0.10:
-    resolution: {integrity: sha512-DV5bdJZTzZ0zn0DC24v3jD7Mnidh6xhKa4GfKCbq3sfW8kaWhDdZjP3i81geA8T33tdYqWKw4D3fVv0CwEgKVA==}
+  babel-dead-code-elimination@1.0.12:
+    resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
 
   babel-plugin-react-compiler@1.0.0:
     resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==}
@@ -1925,13 +1955,6 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
-
-  color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
@@ -2021,12 +2044,12 @@ packages:
       typescript:
         optional: true
 
-  country-flag-icons@1.5.14:
-    resolution: {integrity: sha512-GAFsVzHDu3bdAhbQ1LwBRqk/Ad8+ZzS5zU49P+lRla0KGy/V1V8ywNa1SxBOAmI/lyEOT9dfH3Q++q1lqJlvBA==}
+  country-flag-icons@1.6.8:
+    resolution: {integrity: sha512-VpRAbqZ+uUuC9OHgIZwqeDnWG4YwkD8s6jBZXlTK4WBYj3QXeS+/uCi4u2eAUdZ5eKjIAlkU5UYV/Z4RPvhYJg==}
 
-  cross-env@7.0.3:
-    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
-    engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
+  cross-env@10.1.0:
+    resolution: {integrity: sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==}
+    engines: {node: '>=20'}
     hasBin: true
 
   cross-spawn@7.0.6:
@@ -2070,9 +2093,6 @@ packages:
   date-fns-jalali@4.1.0-0:
     resolution: {integrity: sha512-hTIP/z+t+qKwBDcmmsnmjWTduxCg+5KfdqWQvb2X/8C9+knYY6epN/pfxdDuyVlSVeFz0sM5eEfwIUQ70U4ckg==}
 
-  date-fns@3.6.0:
-    resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
-
   date-fns@4.1.0:
     resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
@@ -2097,11 +2117,8 @@ packages:
       supports-color:
         optional: true
 
-  decimal.js@10.4.3:
-    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
-
-  decode-formdata@0.9.0:
-    resolution: {integrity: sha512-q5uwOjR3Um5YD+ZWPOF/1sGHVW9A5rCrRwITQChRXlmPkxDFBqCm4jNTIVdGHNH9OnR+V9MoZVgRhsFb+ARbUw==}
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
   dedent@1.7.1:
     resolution: {integrity: sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==}
@@ -2164,16 +2181,13 @@ packages:
   destr@2.0.5:
     resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
 
-  detect-libc@2.0.3:
-    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
-    engines: {node: '>=8'}
-
   detect-libc@2.0.4:
     resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
     engines: {node: '>=8'}
 
-  devalue@5.1.1:
-    resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
 
   diff@8.0.2:
     resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==}
@@ -2332,8 +2346,8 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  eslint-config-prettier@10.1.5:
-    resolution: {integrity: sha512-zc1UmCpNltmVY34vuLRV61r1K27sWuX39E+uyUnY8xS2Bex88VV9cugG+UZbRSRGtGyFboj+D8JODyme1plMpw==}
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
@@ -2350,30 +2364,26 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
-  eslint-plugin-tailwindcss@3.18.0:
-    resolution: {integrity: sha512-PQDU4ZMzFH0eb2DrfHPpbgo87Zgg2EXSMOj1NSfzdZm+aJzpuwGerfowMIaVehSREEa0idbf/eoNYAOHSJoDAQ==}
+  eslint-plugin-tailwindcss@3.18.2:
+    resolution: {integrity: sha512-QbkMLDC/OkkjFQ1iz/5jkMdHfiMu/uwujUHLAJK5iwNHD8RTxVTlsUezE0toTZ6VhybNBsk+gYGPDq2agfeRNA==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
       tailwindcss: ^3.4.0
 
-  eslint-scope@8.3.0:
-    resolution: {integrity: sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==}
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint-visitor-keys@4.2.0:
-    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   eslint-visitor-keys@4.2.1:
     resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.28.0:
-    resolution: {integrity: sha512-ocgh41VhRlf9+fVpe7QKzwLj9c92fDiqOj8Y3Sd4/ZmVA4Btx4PlUYPq4pp9JDyupkf1upbEXecxL2mwNV7jPQ==}
+  eslint@9.39.2:
+    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -2382,8 +2392,8 @@ packages:
       jiti:
         optional: true
 
-  espree@10.3.0:
-    resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   esprima@4.0.1:
@@ -2449,10 +2459,6 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
-
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -2538,8 +2544,8 @@ packages:
     resolution: {integrity: sha512-G6NsmEW15s0Uw9XnCg+33H3ViYRyiM0hMrMhhqQOR8NFc5GhYrI+6I3u7OTw7b91J2g8rtvMBZJDbcGb2YUniw==}
     engines: {node: '>= 18'}
 
-  form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
   formdata-node@6.0.3:
@@ -2661,8 +2667,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@15.15.0:
-    resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
+  globals@17.1.0:
+    resolution: {integrity: sha512-8HoIcWI5fCvG5NADj4bDav+er9B9JMj2vyL2pI8D0eismKyUvPLTSs+Ln3wqhwcp306i73iyVnEKx3F6T47TGw==}
     engines: {node: '>=18'}
 
   globalthis@1.0.4:
@@ -2682,9 +2688,6 @@ packages:
   graceful-readlink@1.0.1:
     resolution: {integrity: sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==}
 
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
   graphql@16.12.0:
     resolution: {integrity: sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==}
     engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
@@ -2803,8 +2806,8 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  intl-messageformat@10.7.16:
-    resolution: {integrity: sha512-UmdmHUmp5CIKKjSoE10la5yfU+AYJAaiYLsodbjL4lji83JNvgOQUjGaGhGrpFCb0Uh7sl7qfP1IyILa8Z40ug==}
+  intl-messageformat@11.1.1:
+    resolution: {integrity: sha512-vnrF2f4vfsdaFY6tuLZfzGcx1GZFMFAq6c7QdK3HSXNcGXEIQncNgbeAcnpjAOszQzq3Jbol2SwgshIGY08WyA==}
 
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
@@ -2821,9 +2824,6 @@ packages:
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
-  is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
-
   is-async-function@2.0.0:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
@@ -3260,8 +3260,8 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lucide-react@0.546.0:
-    resolution: {integrity: sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ==}
+  lucide-react@0.563.0:
+    resolution: {integrity: sha512-8dXPB2GI4dI8jV4MgUDGBeLdGk8ekfqVZ0BdLcrRzocGgG75ltNEmWS+gE7uokKF/0oSUuczNDT+g9hFJ23FkA==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
@@ -3338,6 +3338,10 @@ packages:
     resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -3377,11 +3381,6 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
-  nanoid@3.3.8:
-    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -3389,12 +3388,6 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
-  next-themes@0.4.6:
-    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
-    peerDependencies:
-      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
@@ -3627,13 +3620,13 @@ packages:
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
-  playwright-core@1.57.0:
-    resolution: {integrity: sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==}
+  playwright-core@1.58.0:
+    resolution: {integrity: sha512-aaoB1RWrdNi3//rOeKuMiS65UCcgOVljU46At6eFcOFPFHWtd2weHRRow6z/n+Lec0Lvu0k9ZPKJSjPugikirw==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.57.0:
-    resolution: {integrity: sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==}
+  playwright@1.58.0:
+    resolution: {integrity: sha512-2SVA0sbPktiIY/MCOPX8e86ehA/e+tDNq+e5Y8qjKYti2Z/JG7xnronT/TXTIkKbYGWlCbuucZ6dziEgkoEjQQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3645,10 +3638,6 @@ packages:
     resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
     engines: {node: '>=4'}
 
-  postcss@8.5.1:
-    resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.5.6:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3661,11 +3650,13 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier-plugin-tailwindcss@0.6.12:
-    resolution: {integrity: sha512-OuTQKoqNwV7RnxTPwXWzOFXy6Jc4z8oeRZYGuMpRyG3WbuR3jjXdQFK8qFBMBx8UHWdHrddARz2fgUenild6aw==}
-    engines: {node: '>=14.21.3'}
+  prettier-plugin-tailwindcss@0.7.2:
+    resolution: {integrity: sha512-LkphyK3Fw+q2HdMOoiEHWf93fNtYJwfamoKPl7UwtjFQdei/iIBoX11G6j706FzN3ymX9mPVi97qIY8328vdnA==}
+    engines: {node: '>=20.19'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-hermes': '*'
+      '@prettier/plugin-oxc': '*'
       '@prettier/plugin-pug': '*'
       '@shopify/prettier-plugin-liquid': '*'
       '@trivago/prettier-plugin-sort-imports': '*'
@@ -3673,18 +3664,20 @@ packages:
       prettier: ^3.0
       prettier-plugin-astro: '*'
       prettier-plugin-css-order: '*'
-      prettier-plugin-import-sort: '*'
       prettier-plugin-jsdoc: '*'
       prettier-plugin-marko: '*'
       prettier-plugin-multiline-arrays: '*'
       prettier-plugin-organize-attributes: '*'
       prettier-plugin-organize-imports: '*'
       prettier-plugin-sort-imports: '*'
-      prettier-plugin-style-order: '*'
       prettier-plugin-svelte: '*'
     peerDependenciesMeta:
       '@ianvs/prettier-plugin-sort-imports':
         optional: true
+      '@prettier/plugin-hermes':
+        optional: true
+      '@prettier/plugin-oxc':
+        optional: true
       '@prettier/plugin-pug':
         optional: true
       '@shopify/prettier-plugin-liquid':
@@ -3697,8 +3690,6 @@ packages:
         optional: true
       prettier-plugin-css-order:
         optional: true
-      prettier-plugin-import-sort:
-        optional: true
       prettier-plugin-jsdoc:
         optional: true
       prettier-plugin-marko:
@@ -3711,18 +3702,11 @@ packages:
         optional: true
       prettier-plugin-sort-imports:
         optional: true
-      prettier-plugin-style-order:
-        optional: true
       prettier-plugin-svelte:
         optional: true
 
-  prettier@3.4.2:
-    resolution: {integrity: sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==}
-    engines: {node: '>=14'}
-    hasBin: true
-
-  prettier@3.7.4:
-    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -3769,10 +3753,6 @@ packages:
     resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
     engines: {node: '>=12.20'}
 
-  qs@6.14.0:
-    resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
-    engines: {node: '>=0.6'}
-
   qs@6.14.1:
     resolution: {integrity: sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==}
     engines: {node: '>=0.6'}
@@ -3812,9 +3792,10 @@ packages:
     peerDependencies:
       react: ^19.2.3
 
-  react-intl@7.1.11:
-    resolution: {integrity: sha512-tnVoRCWvW5Ie2ikYSdPF7z3+880yCe/9xPmitFeRPw3RYDcCfR4m8ZYa4MBq19W4adt9Z+PQA4FaMBCJ7E+HCQ==}
+  react-intl@8.1.1:
+    resolution: {integrity: sha512-mXqmFZ5SCvUk1NUgRBBtCKPB8oPs0dLfWGhYf71FbP9XTF6UGdWQzkH5kE+iIu9twIqiomiLTOuNEymUH2S1IQ==}
     peerDependencies:
+      '@types/react': ^19.2.8
       react: 16 || 17 || 18 || 19
       typescript: ^5.6.0
     peerDependenciesMeta:
@@ -3959,18 +3940,23 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@1.2.1:
     resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
     engines: {node: '>= 18'}
 
-  seroval-plugins@1.4.0:
-    resolution: {integrity: sha512-zir1aWzoiax6pbBVjoYVd0O1QQXgIL3eVGBMsBsNmM8Ukq90yGaWlfx0AB9dTS8GPqrOrbXn79vmItCUP9U3BQ==}
+  seroval-plugins@1.5.0:
+    resolution: {integrity: sha512-EAHqADIQondwRZIdeW2I636zgsODzoBDwb3PT/+7TLDWyw1Dy/Xv7iGUIEXXav7usHDE9HVhOU61irI3EnyyHA==}
     engines: {node: '>=10'}
     peerDependencies:
       seroval: ^1.0
 
-  seroval@1.4.0:
-    resolution: {integrity: sha512-BdrNXdzlofomLTiRnwJTSEAaGKyHHZkbMXIywOh7zlzp4uZnXErEwl9XZ+N1hJSNpeTtNxWvVwN0wUzAIQ4Hpg==}
+  seroval@1.5.0:
+    resolution: {integrity: sha512-OE4cvmJ1uSPrKorFIH9/w/Qwuvi/IMcGbv5RKgcJ/zjA/IohDLU6SVaxFN9FwajbP7nsX0dQqMDes1whk3y+yw==}
     engines: {node: '>=10'}
 
   serve-static@2.2.1:
@@ -3999,12 +3985,12 @@ packages:
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
-  shadcn@3.6.3:
-    resolution: {integrity: sha512-j2xlma8PtYLbhvA612/MPOrDYsEp0DIiU1gC0BEbSBqWR6mBgwiKpA21Juq9tSswgUeIfxoUzZX8c7YwcL3ncA==}
+  shadcn@3.7.0:
+    resolution: {integrity: sha512-zOXNAIFclguSYmmoibyXyKiYA6qjEJtXDSvloAMziSREW9Q0R/dLqBUYdb81lOejmZkDYuZApGabbMLH7G8qvQ==}
     hasBin: true
 
-  sharp@0.33.5:
-    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
 
   shebang-command@2.0.0:
@@ -4044,9 +4030,6 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
-
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -4061,8 +4044,8 @@ packages:
   sonic-boom@4.2.0:
     resolution: {integrity: sha512-INb7TM37/mAcsGmc9hyyI6+QR3rR1zVRu36B0NeGXKnOOLiZOfER5SA+N7X7k3yUYRzLWafduTDvJAfDswwEww==}
 
-  sonner@2.0.5:
-    resolution: {integrity: sha512-YwbHQO6cSso3HBXlbCkgrgzDNIhws14r4MO87Ofy+cV2X7ES4pOoAK3+veSmVTvqNx1BWUxlhPmZzP00Crk2aQ==}
+  sonner@2.0.7:
+    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
       react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
@@ -4197,15 +4180,12 @@ packages:
     resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
     engines: {node: '>=20'}
 
-  tailwind-merge@3.3.1:
-    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+  tailwind-merge@3.4.0:
+    resolution: {integrity: sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==}
 
   tailwindcss@4.1.18:
     resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
 
-  tailwindcss@4.1.8:
-    resolution: {integrity: sha512-kjeW8gjdxasbmFKpVGrGd5T4i40mV5J2Rasw48QARfYeQ8YS9x02ON9SFWax3Qf616rt4Cp3nVNIj6Hd1mP3og==}
-
   tapable@2.2.2:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
     engines: {node: '>=6'}
@@ -4259,6 +4239,12 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
   ts-morph@26.0.0:
     resolution: {integrity: sha512-ztMO++owQnz8c/gIENcM9XfCEzgoGphTv+nKpYNM1bgsdOVC/jRZuEBf6N+mLLDNg68Kl+GgUZfOySaRiG1/Ug==}
 
@@ -4266,9 +4252,6 @@ packages:
     resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
     engines: {node: '>=6'}
 
-  tslib@2.5.3:
-    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
-
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
@@ -4277,8 +4260,8 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  tw-animate-css@1.3.3:
-    resolution: {integrity: sha512-tXE2TRWrskc4TU3RDd7T8n8Np/wCfoeH9gz22c7PzYqNPQ9FBGFbWWzwL0JyHcFp+jHozmF76tbHfPAx22ua2Q==}
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
 
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
@@ -4319,15 +4302,15 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
-  typescript-eslint@8.33.1:
-    resolution: {integrity: sha512-AgRnV4sKkWOiZ0Kjbnf5ytTJXMUZQ0qhSVdQtDNYLPLnjsATEYhaO94GlRQwi4t4gO8FfjM6NnikHeKjUm8D7A==}
+  typescript-eslint@8.53.1:
+    resolution: {integrity: sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
+      typescript: '>=4.8.4 <6.0.0'
 
-  typescript@5.7.3:
-    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -4341,8 +4324,8 @@ packages:
     resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
     engines: {node: '>= 0.4'}
 
-  undici-types@6.20.0:
-    resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
 
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
@@ -4390,11 +4373,6 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  use-sync-external-store@1.5.0:
-    resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
   use-sync-external-store@1.6.0:
     resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
@@ -4420,8 +4398,8 @@ packages:
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
 
-  vite@7.3.0:
-    resolution: {integrity: sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==}
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
@@ -4541,8 +4519,8 @@ packages:
     resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
     engines: {node: '>=20'}
 
-  wxt@0.20.12:
-    resolution: {integrity: sha512-Ra4pu72WXFv9nTLDGVizJuThHKVvKB7iNAkWuORyMaIs9s/WCqXK8Ael83XKnSOyTKjDQ9wGIZ28QUOzizGZ6w==}
+  wxt@0.20.13:
+    resolution: {integrity: sha512-FwQEk+0a4/pYha6rTKGl5iicU6kRYDBDiElJf55CFEfoJKqvGzBTZpphafurQfqU1X0hvAm9w5GEWC0thXI6wQ==}
     hasBin: true
 
   xdg-basedir@5.1.0:
@@ -4843,10 +4821,10 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@base-ui/utils': 0.2.4(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@base-ui/utils': 0.2.4(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@floating-ui/react-dom': 2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@floating-ui/utils': 0.2.10
       react: 19.2.3
@@ -4855,9 +4833,9 @@ snapshots:
       tabbable: 6.4.0
       use-sync-external-store: 1.6.0(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.9
 
-  '@base-ui/utils@0.2.4(@types/react@19.2.7)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@base-ui/utils@0.2.4(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@floating-ui/utils': 0.2.10
@@ -4866,7 +4844,7 @@ snapshots:
       reselect: 5.1.1
       use-sync-external-store: 1.6.0(react@19.2.3)
     optionalDependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.9
 
   '@date-fns/tz@1.4.1': {}
 
@@ -4902,11 +4880,13 @@ snapshots:
     dependencies:
       '@noble/ciphers': 1.3.0
 
-  '@emnapi/runtime@1.2.0':
+  '@emnapi/runtime@1.8.1':
     dependencies:
-      tslib: 2.5.3
+      tslib: 2.8.1
     optional: true
 
+  '@epic-web/invariant@1.0.0': {}
+
   '@esbuild/aix-ppc64@0.25.1':
     optional: true
 
@@ -5060,32 +5040,41 @@ snapshots:
   '@esbuild/win32-x64@0.27.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.28.0(jiti@2.6.1))':
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.39.2(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.2(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.2(jiti@2.6.1))':
     dependencies:
-      eslint: 9.28.0(jiti@2.6.1)
+      eslint: 9.39.2(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/config-array@0.20.0':
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.1':
     dependencies:
-      '@eslint/object-schema': 2.1.6
-      debug: 4.3.4
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.2.2': {}
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
 
-  '@eslint/core@0.14.0':
+  '@eslint/core@0.17.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.4
-      espree: 10.3.0
+      debug: 4.4.3
+      espree: 10.4.0
       globals: 14.0.0
       ignore: 5.3.1
       import-fresh: 3.3.0
@@ -5095,13 +5084,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.28.0': {}
+  '@eslint/js@9.39.2': {}
 
-  '@eslint/object-schema@2.1.6': {}
+  '@eslint/object-schema@2.1.7': {}
 
-  '@eslint/plugin-kit@0.3.1':
+  '@eslint/plugin-kit@0.4.1':
     dependencies:
-      '@eslint/core': 0.14.0
+      '@eslint/core': 0.17.0
       levn: 0.4.1
 
   '@floating-ui/core@1.7.3':
@@ -5121,43 +5110,44 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@formatjs/cli@6.7.1': {}
+  '@formatjs/cli@6.12.0': {}
 
-  '@formatjs/ecma402-abstract@2.3.4':
+  '@formatjs/ecma402-abstract@3.1.0':
     dependencies:
-      '@formatjs/fast-memoize': 2.2.7
-      '@formatjs/intl-localematcher': 0.6.1
-      decimal.js: 10.4.3
+      '@formatjs/fast-memoize': 3.1.0
+      '@formatjs/intl-localematcher': 0.8.0
+      decimal.js: 10.6.0
       tslib: 2.8.1
 
-  '@formatjs/fast-memoize@2.2.7':
+  '@formatjs/fast-memoize@3.1.0':
     dependencies:
       tslib: 2.8.1
 
-  '@formatjs/icu-messageformat-parser@2.11.2':
+  '@formatjs/icu-messageformat-parser@3.5.0':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/icu-skeleton-parser': 1.8.14
+      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/icu-skeleton-parser': 2.1.0
       tslib: 2.8.1
 
-  '@formatjs/icu-skeleton-parser@1.8.14':
+  '@formatjs/icu-skeleton-parser@2.1.0':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
+      '@formatjs/ecma402-abstract': 3.1.0
       tslib: 2.8.1
 
-  '@formatjs/intl-localematcher@0.6.1':
+  '@formatjs/intl-localematcher@0.8.0':
     dependencies:
+      '@formatjs/fast-memoize': 3.1.0
       tslib: 2.8.1
 
-  '@formatjs/intl@3.1.6(typescript@5.7.3)':
+  '@formatjs/intl@4.1.1(typescript@5.9.3)':
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/fast-memoize': 2.2.7
-      '@formatjs/icu-messageformat-parser': 2.11.2
-      intl-messageformat: 10.7.16
+      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/fast-memoize': 3.1.0
+      '@formatjs/icu-messageformat-parser': 3.5.0
+      intl-messageformat: 11.1.1
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
   '@hono/node-server@1.19.9(hono@4.11.4)':
     dependencies:
@@ -5176,108 +5166,129 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@img/sharp-darwin-arm64@0.33.5':
+  '@img/colour@1.0.0': {}
+
+  '@img/sharp-darwin-arm64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-darwin-x64@0.33.5':
+  '@img/sharp-darwin-x64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-darwin-arm64@1.0.4':
+  '@img/sharp-libvips-linux-arm@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-darwin-x64@1.0.4':
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-arm64@1.0.4':
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-arm@1.0.5':
+  '@img/sharp-libvips-linux-s390x@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-s390x@1.0.4':
+  '@img/sharp-libvips-linux-x64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linux-x64@1.0.4':
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-arm64@0.33.5':
+  '@img/sharp-linux-arm@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
     optional: true
 
-  '@img/sharp-linux-arm@0.33.5':
+  '@img/sharp-linux-ppc64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-s390x@0.33.5':
+  '@img/sharp-linux-riscv64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
     optional: true
 
-  '@img/sharp-linux-x64@0.33.5':
+  '@img/sharp-linux-s390x@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
     optional: true
 
-  '@img/sharp-linuxmusl-arm64@0.33.5':
+  '@img/sharp-linux-x64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
     optional: true
 
-  '@img/sharp-linuxmusl-x64@0.33.5':
+  '@img/sharp-linuxmusl-arm64@0.34.5':
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
     optional: true
 
-  '@img/sharp-wasm32@0.33.5':
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
     dependencies:
-      '@emnapi/runtime': 1.2.0
+      '@emnapi/runtime': 1.8.1
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
     optional: true
 
-  '@img/sharp-win32-ia32@0.33.5':
+  '@img/sharp-win32-ia32@0.34.5':
     optional: true
 
-  '@img/sharp-win32-x64@0.33.5':
+  '@img/sharp-win32-x64@0.34.5':
     optional: true
 
   '@inquirer/ansi@1.0.2': {}
 
-  '@inquirer/confirm@5.1.21(@types/node@22.13.1)':
+  '@inquirer/confirm@5.1.21(@types/node@24.10.9)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@22.13.1)
-      '@inquirer/type': 3.0.10(@types/node@22.13.1)
+      '@inquirer/core': 10.3.2(@types/node@24.10.9)
+      '@inquirer/type': 3.0.10(@types/node@24.10.9)
     optionalDependencies:
-      '@types/node': 22.13.1
+      '@types/node': 24.10.9
 
-  '@inquirer/core@10.3.2(@types/node@22.13.1)':
+  '@inquirer/core@10.3.2(@types/node@24.10.9)':
     dependencies:
       '@inquirer/ansi': 1.0.2
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@22.13.1)
+      '@inquirer/type': 3.0.10(@types/node@24.10.9)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 22.13.1
+      '@types/node': 24.10.9
 
   '@inquirer/figures@1.0.15': {}
 
-  '@inquirer/type@3.0.10(@types/node@22.13.1)':
+  '@inquirer/type@3.0.10(@types/node@24.10.9)':
     optionalDependencies:
-      '@types/node': 22.13.1
+      '@types/node': 24.10.9
 
   '@isaacs/balanced-match@4.0.1': {}
 
@@ -5379,9 +5390,9 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
-  '@playwright/test@1.57.0':
+  '@playwright/test@1.58.0':
     dependencies:
-      playwright: 1.57.0
+      playwright: 1.58.0
 
   '@pnpm/config.env-replace@1.1.0': {}
 
@@ -5528,92 +5539,90 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
 
-  '@tailwindcss/vite@4.1.18(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tailwindcss/vite@4.1.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@tailwindcss/node': 4.1.18
       '@tailwindcss/oxide': 4.1.18
       tailwindcss: 4.1.18
-      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+
+  '@tanstack/devtools-event-client@0.4.0': {}
 
-  '@tanstack/eslint-plugin-query@5.91.2(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@tanstack/eslint-plugin-query@5.91.3(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.48.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@tanstack/eslint-plugin-router@1.141.0(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@tanstack/eslint-plugin-router@1.155.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.6.1)
+      '@typescript-eslint/utils': 8.48.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@tanstack/form-core@1.12.0':
+  '@tanstack/form-core@1.27.7':
     dependencies:
-      '@tanstack/store': 0.7.1
+      '@tanstack/devtools-event-client': 0.4.0
+      '@tanstack/pacer-lite': 0.1.1
+      '@tanstack/store': 0.7.7
 
-  '@tanstack/history@1.141.0': {}
+  '@tanstack/history@1.154.14': {}
 
-  '@tanstack/query-async-storage-persister@5.66.0':
+  '@tanstack/pacer-lite@0.1.1': {}
+
+  '@tanstack/query-async-storage-persister@5.90.22':
     dependencies:
-      '@tanstack/query-persist-client-core': 5.66.0
+      '@tanstack/query-core': 5.90.20
+      '@tanstack/query-persist-client-core': 5.91.19
 
-  '@tanstack/query-core@5.66.0': {}
+  '@tanstack/query-core@5.90.20': {}
 
-  '@tanstack/query-devtools@5.65.0': {}
+  '@tanstack/query-devtools@5.92.0': {}
 
-  '@tanstack/query-persist-client-core@5.66.0':
+  '@tanstack/query-persist-client-core@5.91.19':
     dependencies:
-      '@tanstack/query-core': 5.66.0
+      '@tanstack/query-core': 5.90.20
 
-  '@tanstack/react-form@1.12.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-form@1.27.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@tanstack/form-core': 1.12.0
-      '@tanstack/react-store': 0.7.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      decode-formdata: 0.9.0
-      devalue: 5.1.1
+      '@tanstack/form-core': 1.27.7
+      '@tanstack/react-store': 0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       react: 19.2.3
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query-devtools@5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-query-devtools@5.91.2(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@tanstack/query-devtools': 5.65.0
-      '@tanstack/react-query': 5.66.0(react@19.2.3)
+      '@tanstack/query-devtools': 5.92.0
+      '@tanstack/react-query': 5.90.20(react@19.2.3)
       react: 19.2.3
 
-  '@tanstack/react-query-persist-client@5.66.0(@tanstack/react-query@5.66.0(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-query-persist-client@5.90.22(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@tanstack/query-persist-client-core': 5.66.0
-      '@tanstack/react-query': 5.66.0(react@19.2.3)
+      '@tanstack/query-persist-client-core': 5.91.19
+      '@tanstack/react-query': 5.90.20(react@19.2.3)
       react: 19.2.3
 
-  '@tanstack/react-query@5.66.0(react@19.2.3)':
+  '@tanstack/react-query@5.90.20(react@19.2.3)':
     dependencies:
-      '@tanstack/query-core': 5.66.0
+      '@tanstack/query-core': 5.90.20
       react: 19.2.3
 
-  '@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
-      '@tanstack/history': 1.141.0
+      '@tanstack/history': 1.154.14
       '@tanstack/react-store': 0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@tanstack/router-core': 1.141.2
+      '@tanstack/router-core': 1.157.4
       isbot: 5.1.32
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
       tiny-invariant: 1.3.3
       tiny-warning: 1.0.3
 
-  '@tanstack/react-store@0.7.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@tanstack/store': 0.7.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      use-sync-external-store: 1.5.0(react@19.2.3)
-
   '@tanstack/react-store@0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@tanstack/store': 0.8.0
@@ -5621,22 +5630,22 @@ snapshots:
       react-dom: 19.2.3(react@19.2.3)
       use-sync-external-store: 1.6.0(react@19.2.3)
 
-  '@tanstack/router-core@1.141.2':
+  '@tanstack/router-core@1.157.4':
     dependencies:
-      '@tanstack/history': 1.141.0
+      '@tanstack/history': 1.154.14
       '@tanstack/store': 0.8.0
       cookie-es: 2.0.0
-      seroval: 1.4.0
-      seroval-plugins: 1.4.0(seroval@1.4.0)
+      seroval: 1.5.0
+      seroval-plugins: 1.5.0(seroval@1.5.0)
       tiny-invariant: 1.3.3
       tiny-warning: 1.0.3
 
-  '@tanstack/router-generator@1.141.2':
+  '@tanstack/router-generator@1.157.4':
     dependencies:
-      '@tanstack/router-core': 1.141.2
-      '@tanstack/router-utils': 1.141.0
-      '@tanstack/virtual-file-routes': 1.141.0
-      prettier: 3.7.4
+      '@tanstack/router-core': 1.157.4
+      '@tanstack/router-utils': 1.154.7
+      '@tanstack/virtual-file-routes': 1.154.7
+      prettier: 3.8.1
       recast: 0.23.11
       source-map: 0.7.6
       tsx: 4.19.3
@@ -5644,7 +5653,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.141.2(@tanstack/react-router@1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tanstack/router-plugin@1.157.4(@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
@@ -5652,26 +5661,25 @@ snapshots:
       '@babel/template': 7.27.2
       '@babel/traverse': 7.28.5
       '@babel/types': 7.28.5
-      '@tanstack/router-core': 1.141.2
-      '@tanstack/router-generator': 1.141.2
-      '@tanstack/router-utils': 1.141.0
-      '@tanstack/virtual-file-routes': 1.141.0
-      babel-dead-code-elimination: 1.0.10
+      '@tanstack/router-core': 1.157.4
+      '@tanstack/router-generator': 1.157.4
+      '@tanstack/router-utils': 1.154.7
+      '@tanstack/virtual-file-routes': 1.154.7
+      babel-dead-code-elimination: 1.0.12
       chokidar: 3.6.0
       unplugin: 2.3.11
       zod: 3.25.76
     optionalDependencies:
-      '@tanstack/react-router': 1.141.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      '@tanstack/react-router': 1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-utils@1.141.0':
+  '@tanstack/router-utils@1.154.7':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/generator': 7.28.5
       '@babel/parser': 7.28.5
-      '@babel/preset-typescript': 7.28.5(@babel/core@7.28.5)
       ansis: 4.2.0
       diff: 8.0.2
       pathe: 2.0.3
@@ -5679,11 +5687,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/store@0.7.1': {}
+  '@tanstack/store@0.7.7': {}
 
   '@tanstack/store@0.8.0': {}
 
-  '@tanstack/virtual-file-routes@1.141.0': {}
+  '@tanstack/virtual-file-routes@1.154.7': {}
 
   '@ts-morph/common@0.27.0':
     dependencies:
@@ -5712,13 +5720,11 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.5
 
-  '@types/chrome@0.0.301':
+  '@types/chrome@0.1.36':
     dependencies:
       '@types/filesystem': 0.0.32
       '@types/har-format': 1.2.10
 
-  '@types/estree@1.0.6': {}
-
   '@types/estree@1.0.8': {}
 
   '@types/filesystem@0.0.32':
@@ -5731,24 +5737,24 @@ snapshots:
 
   '@types/hoist-non-react-statics@3.3.1':
     dependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.9
       hoist-non-react-statics: 3.3.2
 
   '@types/json-schema@7.0.15': {}
 
   '@types/minimatch@3.0.5': {}
 
-  '@types/node@22.13.1':
+  '@types/node@24.10.9':
     dependencies:
-      undici-types: 6.20.0
+      undici-types: 7.16.0
 
-  '@types/qs@6.9.18': {}
+  '@types/qs@6.14.0': {}
 
-  '@types/react-dom@19.2.3(@types/react@19.2.7)':
+  '@types/react-dom@19.2.3(@types/react@19.2.9)':
     dependencies:
-      '@types/react': 19.2.7
+      '@types/react': 19.2.9
 
-  '@types/react@19.2.7':
+  '@types/react@19.2.9':
     dependencies:
       csstype: 3.2.3
 
@@ -5756,150 +5762,149 @@ snapshots:
 
   '@types/validate-npm-package-name@4.0.2': {}
 
-  '@typescript-eslint/eslint-plugin@8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.33.1
-      '@typescript-eslint/type-utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.33.1
-      eslint: 9.28.0(jiti@2.6.1)
-      graphemer: 1.4.0
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/type-utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.33.1
-      '@typescript-eslint/types': 8.33.1
-      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.33.1
-      debug: 4.3.4
-      eslint: 9.28.0(jiti@2.6.1)
-      typescript: 5.7.3
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.33.1(typescript@5.7.3)':
+  '@typescript-eslint/project-service@8.48.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/types': 8.33.1
-      debug: 4.3.4
-      typescript: 5.7.3
+      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.48.1
+      debug: 4.4.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.48.1(typescript@5.7.3)':
+  '@typescript-eslint/project-service@8.53.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.7.3)
-      '@typescript-eslint/types': 8.48.1
-      debug: 4.3.4
-      typescript: 5.7.3
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      debug: 4.4.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.33.1':
-    dependencies:
-      '@typescript-eslint/types': 8.33.1
-      '@typescript-eslint/visitor-keys': 8.33.1
-
   '@typescript-eslint/scope-manager@8.48.1':
     dependencies:
       '@typescript-eslint/types': 8.48.1
       '@typescript-eslint/visitor-keys': 8.48.1
 
-  '@typescript-eslint/tsconfig-utils@8.33.1(typescript@5.7.3)':
+  '@typescript-eslint/scope-manager@8.53.1':
     dependencies:
-      typescript: 5.7.3
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
 
-  '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.7.3)':
+  '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.9.3)':
     dependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@typescript-eslint/tsconfig-utils@8.53.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      debug: 4.3.4
-      eslint: 9.28.0(jiti@2.6.1)
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@2.6.1)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.33.1': {}
-
   '@typescript-eslint/types@8.48.1': {}
 
-  '@typescript-eslint/typescript-estree@8.33.1(typescript@5.7.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/tsconfig-utils': 8.33.1(typescript@5.7.3)
-      '@typescript-eslint/types': 8.33.1
-      '@typescript-eslint/visitor-keys': 8.33.1
-      debug: 4.3.4
-      fast-glob: 3.3.2
-      is-glob: 4.0.3
-      minimatch: 9.0.4
-      semver: 7.6.3
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
-    transitivePeerDependencies:
-      - supports-color
+  '@typescript-eslint/types@8.53.1': {}
 
-  '@typescript-eslint/typescript-estree@8.48.1(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.48.1(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.48.1(typescript@5.7.3)
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.7.3)
+      '@typescript-eslint/project-service': 8.48.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.9.3)
       '@typescript-eslint/types': 8.48.1
       '@typescript-eslint/visitor-keys': 8.48.1
-      debug: 4.3.4
+      debug: 4.4.3
       minimatch: 9.0.4
       semver: 7.6.3
       tinyglobby: 0.2.15
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
+      ts-api-utils: 2.1.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.53.1(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.33.1
-      '@typescript-eslint/types': 8.33.1
-      '@typescript-eslint/typescript-estree': 8.33.1(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.6.1)
-      typescript: 5.7.3
+      '@typescript-eslint/project-service': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.48.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)':
+  '@typescript-eslint/utils@8.48.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.39.2(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.48.1
       '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.6.1)
-      typescript: 5.7.3
+      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.33.1':
+  '@typescript-eslint/utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.33.1
-      eslint-visitor-keys: 4.2.0
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
 
   '@typescript-eslint/visitor-keys@8.48.1':
     dependencies:
       '@typescript-eslint/types': 8.48.1
       eslint-visitor-keys: 4.2.1
 
-  '@vitejs/plugin-react@5.1.2(vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@typescript-eslint/visitor-keys@8.53.1':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      eslint-visitor-keys: 4.2.1
+
+  '@vitejs/plugin-react@5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
@@ -5907,7 +5912,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.53
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -5937,11 +5942,9 @@ snapshots:
       mime-types: 3.0.2
       negotiator: 1.0.0
 
-  acorn-jsx@5.3.2(acorn@8.14.0):
+  acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
-      acorn: 8.14.0
-
-  acorn@8.14.0: {}
+      acorn: 8.15.0
 
   acorn@8.15.0: {}
 
@@ -6076,15 +6079,15 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axios@1.7.9:
+  axios@1.13.2:
     dependencies:
       follow-redirects: 1.15.6
-      form-data: 4.0.0
+      form-data: 4.0.5
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
-  babel-dead-code-elimination@1.0.10:
+  babel-dead-code-elimination@1.0.12:
     dependencies:
       '@babel/core': 7.28.5
       '@babel/parser': 7.28.5
@@ -6247,7 +6250,7 @@ snapshots:
 
   chrome-launcher@1.2.0:
     dependencies:
-      '@types/node': 22.13.1
+      '@types/node': 24.10.9
       escape-string-regexp: 4.0.0
       is-wsl: 2.2.0
       lighthouse-logger: 2.0.2
@@ -6295,16 +6298,6 @@ snapshots:
 
   color-name@1.1.4: {}
 
-  color-string@1.9.1:
-    dependencies:
-      color-name: 1.1.4
-      simple-swizzle: 0.2.2
-
-  color@4.2.3:
-    dependencies:
-      color-convert: 2.0.1
-      color-string: 1.9.1
-
   colorette@2.0.20: {}
 
   combined-stream@1.0.8:
@@ -6369,19 +6362,20 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
-  cosmiconfig@9.0.0(typescript@5.7.3):
+  cosmiconfig@9.0.0(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
-  country-flag-icons@1.5.14: {}
+  country-flag-icons@1.6.8: {}
 
-  cross-env@7.0.3:
+  cross-env@10.1.0:
     dependencies:
+      '@epic-web/invariant': 1.0.0
       cross-spawn: 7.0.6
 
   cross-spawn@7.0.6:
@@ -6428,8 +6422,6 @@ snapshots:
 
   date-fns-jalali@4.1.0-0: {}
 
-  date-fns@3.6.0: {}
-
   date-fns@4.1.0: {}
 
   debounce@1.2.1: {}
@@ -6442,9 +6434,7 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  decimal.js@10.4.3: {}
-
-  decode-formdata@0.9.0: {}
+  decimal.js@10.6.0: {}
 
   dedent@1.7.1: {}
 
@@ -6487,11 +6477,9 @@ snapshots:
 
   destr@2.0.5: {}
 
-  detect-libc@2.0.3: {}
-
   detect-libc@2.0.4: {}
 
-  devalue@5.1.1: {}
+  detect-libc@2.1.2: {}
 
   diff@8.0.2: {}
 
@@ -6744,22 +6732,22 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-config-prettier@10.1.5(eslint@9.28.0(jiti@2.6.1)):
+  eslint-config-prettier@10.1.8(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
-      eslint: 9.28.0(jiti@2.6.1)
+      eslint: 9.39.2(jiti@2.6.1)
 
-  eslint-plugin-react-hooks@7.0.1(eslint@9.28.0(jiti@2.6.1)):
+  eslint-plugin-react-hooks@7.0.1(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.28.5
       '@babel/parser': 7.28.5
-      eslint: 9.28.0(jiti@2.6.1)
+      eslint: 9.39.2(jiti@2.6.1)
       hermes-parser: 0.25.1
       zod: 4.3.6
       zod-validation-error: 4.0.2(zod@4.3.6)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react@7.37.5(eslint@9.28.0(jiti@2.6.1)):
+  eslint-plugin-react@7.37.5(eslint@9.39.2(jiti@2.6.1)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -6767,7 +6755,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.28.0(jiti@2.6.1)
+      eslint: 9.39.2(jiti@2.6.1)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.4
@@ -6781,46 +6769,43 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-tailwindcss@3.18.0(tailwindcss@4.1.8):
+  eslint-plugin-tailwindcss@3.18.2(tailwindcss@4.1.18):
     dependencies:
-      fast-glob: 3.3.2
-      postcss: 8.5.1
-      tailwindcss: 4.1.8
+      fast-glob: 3.3.3
+      postcss: 8.5.6
+      tailwindcss: 4.1.18
 
-  eslint-scope@8.3.0:
+  eslint-scope@8.4.0:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint-visitor-keys@4.2.0: {}
-
   eslint-visitor-keys@4.2.1: {}
 
-  eslint@9.28.0(jiti@2.6.1):
+  eslint@9.39.2(jiti@2.6.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.28.0(jiti@2.6.1))
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.20.0
-      '@eslint/config-helpers': 0.2.2
-      '@eslint/core': 0.14.0
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
       '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.28.0
-      '@eslint/plugin-kit': 0.3.1
+      '@eslint/js': 9.39.2
+      '@eslint/plugin-kit': 0.4.1
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
       '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.6
-      '@types/json-schema': 7.0.15
+      '@types/estree': 1.0.8
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.3.4
+      debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint-scope: 8.3.0
-      eslint-visitor-keys: 4.2.0
-      espree: 10.3.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
       esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
@@ -6840,11 +6825,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  espree@10.3.0:
+  espree@10.4.0:
     dependencies:
-      acorn: 8.14.0
-      acorn-jsx: 5.3.2(acorn@8.14.0)
-      eslint-visitor-keys: 4.2.0
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
 
   esprima@4.0.1: {}
 
@@ -6927,7 +6912,7 @@ snapshots:
       once: 1.4.0
       parseurl: 1.3.3
       proxy-addr: 2.0.7
-      qs: 6.14.0
+      qs: 6.14.1
       range-parser: 1.2.1
       router: 2.2.0
       send: 1.2.1
@@ -6942,14 +6927,6 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
-  fast-glob@3.3.2:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -7032,10 +7009,12 @@ snapshots:
 
   form-data-encoder@4.1.0: {}
 
-  form-data@4.0.0:
+  form-data@4.0.5:
     dependencies:
       asynckit: 0.4.0
       combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
       mime-types: 2.1.35
 
   formdata-node@6.0.3: {}
@@ -7169,7 +7148,7 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@15.15.0: {}
+  globals@17.1.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -7184,8 +7163,6 @@ snapshots:
 
   graceful-readlink@1.0.1: {}
 
-  graphemer@1.4.0: {}
-
   graphql@16.12.0: {}
 
   growly@1.3.0: {}
@@ -7289,11 +7266,11 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
-  intl-messageformat@10.7.16:
+  intl-messageformat@11.1.1:
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/fast-memoize': 2.2.7
-      '@formatjs/icu-messageformat-parser': 2.11.2
+      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/fast-memoize': 3.1.0
+      '@formatjs/icu-messageformat-parser': 3.5.0
       tslib: 2.8.1
 
   ipaddr.js@1.9.1: {}
@@ -7310,8 +7287,6 @@ snapshots:
 
   is-arrayish@0.2.1: {}
 
-  is-arrayish@0.3.2: {}
-
   is-async-function@2.0.0:
     dependencies:
       has-tostringtag: 1.0.2
@@ -7681,7 +7656,7 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.546.0(react@19.2.3):
+  lucide-react@0.563.0(react@19.2.3):
     dependencies:
       react: 19.2.3
 
@@ -7744,6 +7719,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist@1.2.8: {}
 
   mlly@1.8.0:
@@ -7757,9 +7736,9 @@ snapshots:
 
   ms@2.1.3: {}
 
-  msw@2.12.7(@types/node@22.13.1)(typescript@5.7.3):
+  msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3):
     dependencies:
-      '@inquirer/confirm': 5.1.21(@types/node@22.13.1)
+      '@inquirer/confirm': 5.1.21(@types/node@24.10.9)
       '@mswjs/interceptors': 0.40.0
       '@open-draft/deferred-promise': 2.2.0
       '@types/statuses': 2.0.6
@@ -7778,7 +7757,7 @@ snapshots:
       until-async: 3.0.2
       yargs: 17.7.2
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
     transitivePeerDependencies:
       - '@types/node'
 
@@ -7795,17 +7774,10 @@ snapshots:
 
   nanoid@3.3.11: {}
 
-  nanoid@3.3.8: {}
-
   natural-compare@1.4.0: {}
 
   negotiator@1.0.0: {}
 
-  next-themes@0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
-    dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-
   node-domexception@1.0.0: {}
 
   node-fetch-native@1.6.7: {}
@@ -8071,11 +8043,11 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
-  playwright-core@1.57.0: {}
+  playwright-core@1.58.0: {}
 
-  playwright@1.57.0:
+  playwright@1.58.0:
     dependencies:
-      playwright-core: 1.57.0
+      playwright-core: 1.58.0
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -8086,12 +8058,6 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss@8.5.1:
-    dependencies:
-      nanoid: 3.3.8
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
   postcss@8.5.6:
     dependencies:
       nanoid: 3.3.11
@@ -8102,13 +8068,11 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-tailwindcss@0.6.12(prettier@3.4.2):
+  prettier-plugin-tailwindcss@0.7.2(prettier@3.8.1):
     dependencies:
-      prettier: 3.4.2
-
-  prettier@3.4.2: {}
+      prettier: 3.8.1
 
-  prettier@3.7.4: {}
+  prettier@3.8.1: {}
 
   pretty-ms@9.3.0:
     dependencies:
@@ -8159,10 +8123,6 @@ snapshots:
     dependencies:
       escape-goat: 4.0.0
 
-  qs@6.14.0:
-    dependencies:
-      side-channel: 1.1.0
-
   qs@6.14.1:
     dependencies:
       side-channel: 1.1.0
@@ -8206,19 +8166,19 @@ snapshots:
       react: 19.2.3
       scheduler: 0.27.0
 
-  react-intl@7.1.11(react@19.2.3)(typescript@5.7.3):
+  react-intl@8.1.1(@types/react@19.2.9)(react@19.2.3)(typescript@5.9.3):
     dependencies:
-      '@formatjs/ecma402-abstract': 2.3.4
-      '@formatjs/icu-messageformat-parser': 2.11.2
-      '@formatjs/intl': 3.1.6(typescript@5.7.3)
+      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/icu-messageformat-parser': 3.5.0
+      '@formatjs/intl': 4.1.1(typescript@5.9.3)
       '@types/hoist-non-react-statics': 3.3.1
-      '@types/react': 19.2.7
+      '@types/react': 19.2.9
       hoist-non-react-statics: 3.3.2
-      intl-messageformat: 10.7.16
+      intl-messageformat: 11.1.1
       react: 19.2.3
       tslib: 2.8.1
     optionalDependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
 
   react-is@16.13.1: {}
 
@@ -8386,6 +8346,8 @@ snapshots:
 
   semver@7.6.3: {}
 
+  semver@7.7.3: {}
+
   send@1.2.1:
     dependencies:
       debug: 4.4.3
@@ -8402,11 +8364,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  seroval-plugins@1.4.0(seroval@1.4.0):
+  seroval-plugins@1.5.0(seroval@1.5.0):
     dependencies:
-      seroval: 1.4.0
+      seroval: 1.5.0
 
-  seroval@1.4.0: {}
+  seroval@1.5.0: {}
 
   serve-static@2.2.1:
     dependencies:
@@ -8448,7 +8410,7 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
-  shadcn@3.6.3(@types/node@22.13.1)(hono@4.11.4)(typescript@5.7.3):
+  shadcn@3.7.0(@types/node@24.10.9)(hono@4.11.4)(typescript@5.9.3):
     dependencies:
       '@antfu/ni': 25.0.0
       '@babel/core': 7.28.5
@@ -8460,7 +8422,7 @@ snapshots:
       '@types/validate-npm-package-name': 4.0.2
       browserslist: 4.28.1
       commander: 14.0.2
-      cosmiconfig: 9.0.0(typescript@5.7.3)
+      cosmiconfig: 9.0.0(typescript@5.9.3)
       dedent: 1.7.1
       deepmerge: 4.3.1
       diff: 8.0.2
@@ -8470,7 +8432,7 @@ snapshots:
       fuzzysort: 3.1.0
       https-proxy-agent: 7.0.6
       kleur: 4.1.5
-      msw: 2.12.7(@types/node@22.13.1)(typescript@5.7.3)
+      msw: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
       node-fetch: 3.3.2
       open: 11.0.0
       ora: 8.2.0
@@ -8492,31 +8454,36 @@ snapshots:
       - supports-color
       - typescript
 
-  sharp@0.33.5:
+  sharp@0.34.5:
     dependencies:
-      color: 4.2.3
-      detect-libc: 2.0.3
-      semver: 7.6.3
+      '@img/colour': 1.0.0
+      detect-libc: 2.1.2
+      semver: 7.7.3
     optionalDependencies:
-      '@img/sharp-darwin-arm64': 0.33.5
-      '@img/sharp-darwin-x64': 0.33.5
-      '@img/sharp-libvips-darwin-arm64': 1.0.4
-      '@img/sharp-libvips-darwin-x64': 1.0.4
-      '@img/sharp-libvips-linux-arm': 1.0.5
-      '@img/sharp-libvips-linux-arm64': 1.0.4
-      '@img/sharp-libvips-linux-s390x': 1.0.4
-      '@img/sharp-libvips-linux-x64': 1.0.4
-      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
-      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
-      '@img/sharp-linux-arm': 0.33.5
-      '@img/sharp-linux-arm64': 0.33.5
-      '@img/sharp-linux-s390x': 0.33.5
-      '@img/sharp-linux-x64': 0.33.5
-      '@img/sharp-linuxmusl-arm64': 0.33.5
-      '@img/sharp-linuxmusl-x64': 0.33.5
-      '@img/sharp-wasm32': 0.33.5
-      '@img/sharp-win32-ia32': 0.33.5
-      '@img/sharp-win32-x64': 0.33.5
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
 
   shebang-command@2.0.0:
     dependencies:
@@ -8560,10 +8527,6 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  simple-swizzle@0.2.2:
-    dependencies:
-      is-arrayish: 0.3.2
-
   sisteransi@1.0.5: {}
 
   slice-ansi@5.0.0:
@@ -8580,7 +8543,7 @@ snapshots:
     dependencies:
       atomic-sleep: 1.0.0
 
-  sonner@2.0.5(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  sonner@2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
@@ -8721,12 +8684,10 @@ snapshots:
 
   tagged-tag@1.0.0: {}
 
-  tailwind-merge@3.3.1: {}
+  tailwind-merge@3.4.0: {}
 
   tailwindcss@4.1.18: {}
 
-  tailwindcss@4.1.8: {}
-
   tapable@2.2.2: {}
 
   thread-stream@3.1.0:
@@ -8764,9 +8725,13 @@ snapshots:
     dependencies:
       tldts: 7.0.19
 
-  ts-api-utils@2.1.0(typescript@5.7.3):
+  ts-api-utils@2.1.0(typescript@5.9.3):
     dependencies:
-      typescript: 5.7.3
+      typescript: 5.9.3
+
+  ts-api-utils@2.4.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
 
   ts-morph@26.0.0:
     dependencies:
@@ -8779,9 +8744,6 @@ snapshots:
       minimist: 1.2.8
       strip-bom: 3.0.0
 
-  tslib@2.5.3:
-    optional: true
-
   tslib@2.8.1: {}
 
   tsx@4.19.3:
@@ -8791,7 +8753,7 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  tw-animate-css@1.3.3: {}
+  tw-animate-css@1.4.0: {}
 
   type-check@0.4.0:
     dependencies:
@@ -8846,17 +8808,18 @@ snapshots:
 
   typedarray@0.0.6: {}
 
-  typescript-eslint@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3):
+  typescript-eslint@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.33.1(@typescript-eslint/parser@8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3))(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.33.1(eslint@9.28.0(jiti@2.6.1))(typescript@5.7.3)
-      eslint: 9.28.0(jiti@2.6.1)
-      typescript: 5.7.3
+      '@typescript-eslint/eslint-plugin': 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@2.6.1)
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
 
-  typescript@5.7.3: {}
+  typescript@5.9.3: {}
 
   ufo@1.6.1: {}
 
@@ -8869,7 +8832,7 @@ snapshots:
       has-symbols: 1.1.0
       which-boxed-primitive: 1.1.1
 
-  undici-types@6.20.0: {}
+  undici-types@7.16.0: {}
 
   unicorn-magic@0.3.0: {}
 
@@ -8937,10 +8900,6 @@ snapshots:
     dependencies:
       punycode: 2.3.0
 
-  use-sync-external-store@1.5.0(react@19.2.3):
-    dependencies:
-      react: 19.2.3
-
   use-sync-external-store@1.6.0(react@19.2.3):
     dependencies:
       react: 19.2.3
@@ -8953,13 +8912,13 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-node@3.2.4(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
+  vite-node@3.2.4(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -8974,7 +8933,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
+  vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       esbuild: 0.27.1
       fdir: 6.5.0(picomatch@4.0.3)
@@ -8983,7 +8942,7 @@ snapshots:
       rollup: 4.53.4
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 22.13.1
+      '@types/node': 24.10.9
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
@@ -9116,7 +9075,7 @@ snapshots:
       is-wsl: 3.1.0
       powershell-utils: 0.1.0
 
-  wxt@0.20.12(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
+  wxt@0.20.13(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       '@1natsu/wait-element': 4.1.2
       '@aklinker1/rollup-plugin-visualizer': 5.12.0(rollup@4.53.4)
@@ -9160,8 +9119,8 @@ snapshots:
       publish-browser-extension: 3.0.3
       scule: 1.3.0
       unimport: 5.6.0
-      vite: 7.3.0(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
-      vite-node: 3.2.4(@types/node@22.13.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite-node: 3.2.4(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
       web-ext-run: 0.2.4
     transitivePeerDependencies:
       - '@types/node'
diff --git a/src/components/ui/sonner.tsx b/src/components/ui/sonner.tsx
index 27d82df..fae9c8a 100644
--- a/src/components/ui/sonner.tsx
+++ b/src/components/ui/sonner.tsx
@@ -1,13 +1,10 @@
 import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
-import { useTheme } from "next-themes";
 import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme();
-
   return (
     <Sonner
-      theme={theme as ToasterProps["theme"]}
+      theme="system"
       className="toaster group"
       icons={{
         success: <CircleCheckIcon className="size-4" />,
diff --git a/src/hooks/useRedminePaginatedInfiniteQuery.ts b/src/hooks/useRedminePaginatedInfiniteQuery.ts
index 19f8f68..114e420 100644
--- a/src/hooks/useRedminePaginatedInfiniteQuery.ts
+++ b/src/hooks/useRedminePaginatedInfiniteQuery.ts
@@ -2,7 +2,6 @@ import {
   DefaultError,
   InfiniteData,
   infiniteQueryOptions,
-  Optional,
   QueryKey,
   UnusedSkipTokenInfiniteOptions,
   useInfiniteQuery,
@@ -24,7 +23,7 @@ export const redminePaginatedInfiniteQueryOptions = <
   TData = InfiniteData<TQueryFnData, typeof defaultInitialPageParam>,
   TQueryKey extends QueryKey = QueryKey,
 >(
-  options: Omit<Optional<UnusedSkipTokenInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">, "getNextPageParam" | "getPreviousPageParam">
+  options: Omit<UnusedSkipTokenInfiniteOptions<TQueryFnData, TError, TData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam" | "getNextPageParam" | "getPreviousPageParam">
 ) =>
   infiniteQueryOptions({
     initialPageParam: defaultInitialPageParam,
@@ -43,7 +42,7 @@ export const useRedminePaginatedInfiniteQuery = <
 >({
   autoFetchPages = false,
   ...options
-}: Omit<Optional<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">, "getNextPageParam" | "getPreviousPageParam"> & {
+}: Omit<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam" | "getNextPageParam" | "getPreviousPageParam"> & {
   /**
    * Automatically fetch next pages
    * - `false`: disabled
@@ -91,10 +90,7 @@ export const useSuspenseRedminePaginatedInfiniteQuery = <
 >({
   autoFetchPages = false,
   ...options
-}: Omit<
-  Optional<UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam">,
-  "getNextPageParam" | "getPreviousPageParam"
-> & {
+}: Omit<UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey, typeof defaultInitialPageParam>, "initialPageParam" | "getNextPageParam" | "getPreviousPageParam"> & {
   /**
    * Automatically fetch next pages
    * - `false`: disabled

From 1336e316450d78d6addc601cfff0f1279628b41f Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 25 Jan 2026 15:57:20 +0100
Subject: [PATCH 37/55] fix: Fix legacy settings migrations

---
 src/components/issue/Filter.tsx      | 14 ++---
 src/components/issue/IssueSearch.tsx |  4 +-
 src/entrypoints/background.ts        | 85 ++++++++++++++--------------
 src/hooks/useStorage.ts              | 12 ++--
 src/provider/SettingsProvider.tsx    | 34 +++++------
 src/routes/settings.tsx              |  8 ++-
 6 files changed, 79 insertions(+), 78 deletions(-)

diff --git a/src/components/issue/Filter.tsx b/src/components/issue/Filter.tsx
index c0ac4cd..652c1dd 100644
--- a/src/components/issue/Filter.tsx
+++ b/src/components/issue/Filter.tsx
@@ -22,23 +22,23 @@ const filterSettingsSchema = z.object({
 
 type FilterSettings = z.infer<typeof filterSettingsSchema>;
 
-const defaultSettings: FilterSettings = { projects: [], statuses: [], hideCompletedIssues: false };
+const defaultFilterSettings: FilterSettings = { projects: [], statuses: [], hideCompletedIssues: false };
 
 type FilterContextType = {
   settings: FilterSettings;
-  setSettings: (settings: FilterSettings) => void;
+  setSettings: (settings: FilterSettings) => Promise<void>;
 };
 
 const FilterContext = createContext<FilterContextType | undefined>(undefined);
 
 const FilterProvider = ({ children }: PropsWithChildren) => {
-  const { data: settings, setData: setSettings } = useSuspenseStorage<FilterSettings>("filter", defaultSettings);
+  const { data: filterSettings, setData: setFilterSettings } = useSuspenseStorage<FilterSettings>("filter", defaultFilterSettings);
 
   return (
     <FilterContext
       value={{
-        settings: deepmerge(defaultSettings, settings),
-        setSettings,
+        settings: deepmerge(defaultFilterSettings, filterSettings),
+        setSettings: setFilterSettings,
       }}
     >
       {children}
@@ -79,8 +79,8 @@ const FilterButton = () => {
         }
       },
     },
-    onSubmit: ({ value }) => {
-      filter.setSettings(value);
+    onSubmit: async ({ value }) => {
+      await filter.setSettings(value);
     },
   });
 
diff --git a/src/components/issue/IssueSearch.tsx b/src/components/issue/IssueSearch.tsx
index 69d4bea..96a3455 100644
--- a/src/components/issue/IssueSearch.tsx
+++ b/src/components/issue/IssueSearch.tsx
@@ -71,8 +71,8 @@ const IssueSearch = ({ children }: PropsWithChildren) => {
         }
       },
     },
-    onSubmit: ({ value }) => {
-      setSearchSettings(value);
+    onSubmit: async ({ value }) => {
+      await setSearchSettings(value);
     },
   });
 
diff --git a/src/entrypoints/background.ts b/src/entrypoints/background.ts
index 33d48d2..1e5308e 100644
--- a/src/entrypoints/background.ts
+++ b/src/entrypoints/background.ts
@@ -4,58 +4,57 @@ import { getSettings, runSettingsMigration } from "@/provider/SettingsProvider";
 export default defineBackground({
   type: "module",
   main: () => {
-    browser.runtime.onInstalled.addListener(({ reason }) => {
-      if (reason === browser.runtime.OnInstalledReason.INSTALL) {
-        // Open options page on install
-        browser.runtime.openOptionsPage();
+    (async () => {
+      // Run settings migration on startup
+      await runSettingsMigration();
 
-        // Open discussion page on uninstall to collect feedback
-        browser.runtime.setUninstallURL("https://github.com/CrawlerCode/redmine-time-tracking/discussions/1");
-      }
+      browser.runtime.onInstalled.addListener(({ reason }) => {
+        if (reason === browser.runtime.OnInstalledReason.INSTALL) {
+          // Open options page on install
+          browser.runtime.openOptionsPage();
 
-      // Run settings migration on update
-      if (reason === browser.runtime.OnInstalledReason.UPDATE) {
-        runSettingsMigration();
-      }
-    });
+          // Open discussion page on uninstall to collect feedback
+          browser.runtime.setUninstallURL("https://github.com/CrawlerCode/redmine-time-tracking/discussions/1");
+        }
+      });
 
-    /**
-     * Register content script initially and re-register on settings change
-     */
-    const registerContentScripts = async ({ unregister = false }: { unregister?: boolean } = {}) => {
-      // Unregister existing content script
-      if (unregister) {
+      const registerContentScripts = async () => {
+        // Unregister existing content script
         await browser.scripting
           .unregisterContentScripts({
             ids: ["content"],
           })
           .catch(() => undefined);
-      }
 
-      // Check settings
-      const settings = await getSettings();
-      if (!settings.redmineURL) return;
-      if (!settings.features.showCurrentIssueTimer) return;
+        // Check settings
+        const settings = await getSettings();
+        if (!settings.redmineURL) return;
+        if (!settings.features.showCurrentIssueTimer) return;
 
-      // Register content script
-      const url = new URL(settings.redmineURL);
-      browser.scripting.registerContentScripts([
-        {
-          id: "content",
-          js: ["content-scripts/content.js"],
-          matches:
-            import.meta.env.BROWSER === "firefox"
-              ? // Firefox does not support ports in match patterns
-                [`${url.protocol}//${url.hostname}${url.pathname}${url.pathname.endsWith("/") ? "" : "/"}*`]
-              : [`${url.toString()}${url.pathname.endsWith("/") ? "" : "/"}*`],
-        },
-      ]);
-    };
-    registerContentScripts();
-    browser.runtime.onMessage.addListener((message) => {
-      if (["settings-changed:redmineURL", "settings-changed:showCurrentIssueTimer"].includes(message)) {
-        registerContentScripts({ unregister: true });
-      }
-    });
+        // Register content script
+        const url = new URL(settings.redmineURL);
+        await browser.scripting.registerContentScripts([
+          {
+            id: "content",
+            js: ["content-scripts/content.js"],
+            matches:
+              import.meta.env.BROWSER === "firefox"
+                ? // Firefox does not support ports in match patterns
+                  [`${url.protocol}//${url.hostname}${url.pathname}${url.pathname.endsWith("/") ? "" : "/"}*`]
+                : [`${url.toString()}${url.pathname.endsWith("/") ? "" : "/"}*`],
+          },
+        ]);
+      };
+
+      /**
+       * Register content script initially and re-register on settings change
+       */
+      await registerContentScripts();
+      browser.runtime.onMessage.addListener(async (message) => {
+        if (["settings-changed:redmineURL", "settings-changed:showCurrentIssueTimer"].includes(message)) {
+          await registerContentScripts();
+        }
+      });
+    })();
   },
 });
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index b879c3e..e7afb7c 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -17,8 +17,8 @@ export const getStorage = async <T>(name: string, defaultValue: T): Promise<T> =
   return Storage.deserialize(data);
 };
 
-export const setStorage = <T>(name: string, data: T) => {
-  Storage.setItem(name, Storage.serialize(data));
+export const setStorage = async <T>(name: string, data: T) => {
+  await Storage.setItem(name, Storage.serialize(data));
 };
 
 const storageOptions = <T>(name: string, defaultValue: T) =>
@@ -54,9 +54,9 @@ export const useStorage = <T>(name: string, defaultValue: T) => {
   return {
     isLoading: query.isLoading,
     data: query.data ?? defaultValue,
-    setData: (data: T) => {
+    setData: async (data: T) => {
       queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
-      setStorage(name, data);
+      await setStorage(name, data);
     },
   };
 };
@@ -83,9 +83,9 @@ export const useSuspenseStorage = <T>(name: string, defaultValue: T) => {
 
   return {
     data: query.data,
-    setData: (data: T) => {
+    setData: async (data: T) => {
       queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
-      setStorage(name, data);
+      await setStorage(name, data);
     },
   };
 };
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index 75f1a7e..de94de6 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -71,56 +71,56 @@ const defaultSettings: Settings = {
 };
 
 export const runSettingsMigration = async () => {
-  const rawSettings = await getStorage<Partial<Settings>>("settings", defaultSettings);
-  const settings = deepmerge<Settings>(defaultSettings, rawSettings);
+  const settingsData = await getStorage<Partial<Settings>>("settings", defaultSettings);
+  const settings = deepmerge<Settings>(defaultSettings, settingsData);
 
   if (settings.features.roundTimeNearestQuarterHour === true) {
-    settings.features.roundTimeNearestQuarterHour = undefined;
     settings.features.roundToInterval = true;
     settings.features.roundingMode = "nearest";
     settings.features.roundingInterval = 15;
+    settings.features.roundTimeNearestQuarterHour = undefined;
   }
 
   if (settings.features.roundToNearestInterval === true) {
-    settings.features.roundToNearestInterval = undefined;
     settings.features.roundToInterval = true;
     settings.features.roundingMode = "nearest";
+    settings.features.roundToNearestInterval = undefined;
   }
 
-  if (settings.features.cacheComments) {
+  if (typeof settings.features.cacheComments === "boolean") {
+    settings.features.persistentComments = settings.features.cacheComments;
     settings.features.cacheComments = undefined;
-    settings.features.persistentComments = true;
   }
 
-  if (JSON.stringify(settings) !== JSON.stringify(rawSettings)) {
-    setStorage("settings", settings);
+  if (JSON.stringify(settings) !== JSON.stringify(settingsData)) {
+    await setStorage("settings", settings);
   }
 };
 
 export const getSettings = async () => {
-  const rawSettings = await getStorage<Partial<Settings>>("settings", defaultSettings);
-  return deepmerge<Settings>(defaultSettings, rawSettings);
+  const settingsData = await getStorage<Partial<Settings>>("settings", defaultSettings);
+  return deepmerge<Settings>(defaultSettings, settingsData);
 };
 
 const SettingsContext = createContext({
   settings: defaultSettings,
-  setSettings: (_data: Settings) => undefined,
+  setSettings: (_data: Settings) => Promise.resolve(),
 });
 
 export const SettingsProvider = ({ children }: { children: ReactNode }) => {
-  const { data: rawSettings, setData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
-  const settings = deepmerge<Settings>(defaultSettings, rawSettings);
+  const { data: settingsData, setData: setSettingsData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
+  const settings = deepmerge<Settings>(defaultSettings, settingsData);
 
   return (
     <SettingsContext
       value={{
         settings: settings,
-        setSettings: (newData: Settings) => {
-          setData(newData);
-          if (newData.redmineURL !== settings.redmineURL) {
+        setSettings: async (newSettings: Settings) => {
+          await setSettingsData(newSettings);
+          if (newSettings.redmineURL !== settings.redmineURL) {
             browser.runtime.sendMessage("settings-changed:redmineURL");
           }
-          if (newData.features.showCurrentIssueTimer !== settings.features?.showCurrentIssueTimer) {
+          if (newSettings.features.showCurrentIssueTimer !== settings.features.showCurrentIssueTimer) {
             browser.runtime.sendMessage("settings-changed:showCurrentIssueTimer");
           }
         },
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index 456c89a..f085c16 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -57,11 +57,13 @@ function PageComponent() {
     validators: {
       onChange: settingsSchema({ formatMessage }),
     },
-    onSubmit: ({ value }) => {
+    onSubmit: async ({ value }) => {
       value.redmineURL = value.redmineURL.replace(/\/$/, "");
-      setSettings(value);
+      await setSettings(value);
+      toast.success(formatMessage({ id: "settings.settings-saved" }), {
+        duration: 1000,
+      });
       queryClient.resetQueries();
-      toast.success(formatMessage({ id: "settings.settings-saved" }));
     },
   });
 

From c2fd5017b8375ac114a36b141bb1fa4b697acdf3 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 25 Jan 2026 20:44:08 +0100
Subject: [PATCH 38/55] fix: Implement legacy data migrations for issues and
 timers

---
 src/entrypoints/background.ts | 23 ++++++++++++++++++++++
 src/hooks/useLocalIssues.ts   | 33 ++++++++++++++++++++++++++++++-
 src/hooks/useStorage.ts       |  4 ++++
 src/hooks/useTimers.ts        | 37 ++++++++++++++++++++++++++++++++++-
 4 files changed, 95 insertions(+), 2 deletions(-)

diff --git a/src/entrypoints/background.ts b/src/entrypoints/background.ts
index 1e5308e..cdb493b 100644
--- a/src/entrypoints/background.ts
+++ b/src/entrypoints/background.ts
@@ -1,4 +1,7 @@
 import { browser, defineBackground } from "#imports";
+import { runLocalIssuesMigration } from "@/hooks/useLocalIssues";
+import { getStorage, removeStorage } from "@/hooks/useStorage";
+import { runTimersMigration } from "@/hooks/useTimers";
 import { getSettings, runSettingsMigration } from "@/provider/SettingsProvider";
 
 export default defineBackground({
@@ -8,6 +11,26 @@ export default defineBackground({
       // Run settings migration on startup
       await runSettingsMigration();
 
+      // Legacy issue data migration. TODO: Remove in future releases
+      const legacyIssues = await getStorage<
+        | Record<
+            number,
+            {
+              active: boolean;
+              start?: number;
+              time: number;
+              pinned: boolean;
+              remembered: boolean;
+            }
+          >
+        | undefined
+      >("issues", undefined);
+      if (legacyIssues && Object.keys(legacyIssues).length > 0) {
+        await runTimersMigration(legacyIssues);
+        await runLocalIssuesMigration(legacyIssues);
+        await removeStorage("issues");
+      }
+
       browser.runtime.onInstalled.addListener(({ reason }) => {
         if (reason === browser.runtime.OnInstalledReason.INSTALL) {
           // Open options page on install
diff --git a/src/hooks/useLocalIssues.ts b/src/hooks/useLocalIssues.ts
index 3f981e8..288900a 100644
--- a/src/hooks/useLocalIssues.ts
+++ b/src/hooks/useLocalIssues.ts
@@ -1,4 +1,4 @@
-import { useSuspenseStorage } from "./useStorage";
+import { getStorage, setStorage, useSuspenseStorage } from "./useStorage";
 
 export type LocalIssueData = {
   id: number;
@@ -48,4 +48,35 @@ const isDefaultLocalIssue = (issue: LocalIssueData) => {
   return issue.pinned === defaultLocalIssueData.pinned && issue.remembered === defaultLocalIssueData.remembered;
 };
 
+/**
+ * Migrate legacy issue data from "issues" storage to "localIssues" storage
+ */
+export const runLocalIssuesMigration = async (
+  legacyIssues: Record<
+    number,
+    {
+      pinned: boolean;
+      remembered: boolean;
+    }
+  >
+) => {
+  const newLocalIssues = Object.entries(legacyIssues)
+    .filter(([_, issue]) => issue.pinned || issue.remembered)
+    .map(
+      ([id, issue]) =>
+        ({
+          id: Number(id),
+          pinned: issue.pinned,
+          remembered: issue.remembered,
+        }) satisfies LocalIssueData
+    );
+
+  const localIssues = await getStorage<LocalIssueData[]>("localIssues", _defaultLocalIssues);
+  for (const issue of newLocalIssues) {
+    if (localIssues.find((localIssue) => localIssue.id === issue.id)) continue;
+    localIssues.push(issue);
+  }
+  await setStorage("localIssues", localIssues);
+};
+
 export default useLocalIssues;
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index e7afb7c..f95df23 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -21,6 +21,10 @@ export const setStorage = async <T>(name: string, data: T) => {
   await Storage.setItem(name, Storage.serialize(data));
 };
 
+export const removeStorage = async (name: string) => {
+  await Storage.removeItem(name);
+};
+
 const storageOptions = <T>(name: string, defaultValue: T) =>
   queryOptions({
     // eslint-disable-next-line @tanstack/query/exhaustive-deps
diff --git a/src/hooks/useTimers.ts b/src/hooks/useTimers.ts
index 878773d..2ce000d 100644
--- a/src/hooks/useTimers.ts
+++ b/src/hooks/useTimers.ts
@@ -2,7 +2,7 @@ import { TIssue } from "@/api/redmine/types";
 import { TimerSearchContext } from "@/components/timer/TimerSearch";
 import { useMemo } from "react";
 import { useSettings } from "../provider/SettingsProvider";
-import { useSuspenseStorage } from "./useStorage";
+import { getStorage, setStorage, useSuspenseStorage } from "./useStorage";
 
 type TimerInfo = {
   id: string;
@@ -239,4 +239,39 @@ const newTimer = (timerInfo: Pick<TimerInfo, "issueId"> & Partial<TimerInfo>): T
   ...timerInfo,
 });
 
+/**
+ * Migrate legacy issue data from "issues" storage to "timers" storage
+ */
+export const runTimersMigration = async (
+  legacyIssues: Record<
+    number,
+    {
+      active: boolean;
+      start?: number;
+      time: number;
+    }
+  >
+) => {
+  const timerInfos = await getStorage<Record<string, TimerInfo>>("timers", _defaultTimers);
+
+  const newTimerInfos = Object.entries(legacyIssues)
+    .filter(([_, issue]) => issue.start || issue.time)
+    .map(
+      ([id, issue]) =>
+        ({
+          issueId: Number(id),
+          isActive: issue.active,
+          startTime: issue.start,
+          elapsedTime: issue.time,
+        }) satisfies Omit<TimerInfo, "id">
+    )
+    .reduce((acc, timer) => {
+      const newTime = newTimer(timer);
+      acc[newTime.id] = newTime;
+      return acc;
+    }, timerInfos);
+
+  await setStorage("timers", newTimerInfos);
+};
+
 export default useTimers;

From 4c3733c1523f6855ccedaca4b6c2ad97b3c0f185 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 25 Jan 2026 20:57:29 +0100
Subject: [PATCH 39/55] refactor: Remove add notes settings option

---
 src/components/time-entry/CreateTimeEntryModal.tsx | 2 +-
 src/lang/de.json                                   | 2 --
 src/lang/en.json                                   | 2 --
 src/lang/fr.json                                   | 2 --
 src/lang/ru.json                                   | 2 --
 src/provider/SettingsProvider.tsx                  | 7 +++++--
 src/routes/settings.tsx                            | 6 ------
 7 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/components/time-entry/CreateTimeEntryModal.tsx b/src/components/time-entry/CreateTimeEntryModal.tsx
index 3a7959f..8e3d41a 100644
--- a/src/components/time-entry/CreateTimeEntryModal.tsx
+++ b/src/components/time-entry/CreateTimeEntryModal.tsx
@@ -231,7 +231,7 @@ const CreateTimeEntryModal = ({ timer, issue, initialValues, onClose, onSuccess
                 </FormGrid>
               </FormFieldset>
 
-              {settings.features.addNotes && projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
+              {projectRoles.hasProjectPermission(issue.project.id, "add_issue_notes") && (
                 <form.Subscribe
                   selector={(state) => state.values.issue._add_notes}
                   children={(add_notes) =>
diff --git a/src/lang/de.json b/src/lang/de.json
index c7247e7..e594e0e 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -158,8 +158,6 @@
   "settings.features.rounding-mode.down": "Runter",
   "settings.features.rounding-mode.nearest": "Nächstes",
   "settings.features.rounding-mode.up": "Hoch",
-  "settings.features.add-notes.title": "Notizen hinzufügen",
-  "settings.features.add-notes.description": "Notizen zu Ticket hinzufügen",
   "settings.features.persistent-comments.title": "Kommentare zwischenspeichern",
   "settings.features.persistent-comments.description": "Kommentare zwischenspeichern, bis sie übermittelt wurden",
   "settings.features.show-current-issue-timer.title": "Aktuellen Ticket-Timer anzeigen",
diff --git a/src/lang/en.json b/src/lang/en.json
index baef194..bda7437 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -158,8 +158,6 @@
   "settings.features.rounding-mode.down": "Down",
   "settings.features.rounding-mode.nearest": "Nearest",
   "settings.features.rounding-mode.up": "Up",
-  "settings.features.add-notes.title": "Add notes",
-  "settings.features.add-notes.description": "Adding notes to an issue",
   "settings.features.persistent-comments.title": "Persistent comments",
   "settings.features.persistent-comments.description": "Save comments until they are submitted",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
diff --git a/src/lang/fr.json b/src/lang/fr.json
index 78d62e8..e6d6506 100644
--- a/src/lang/fr.json
+++ b/src/lang/fr.json
@@ -158,8 +158,6 @@
   "settings.features.rounding-mode.down": "Down",
   "settings.features.rounding-mode.nearest": "Nearest",
   "settings.features.rounding-mode.up": "Up",
-  "settings.features.add-notes.title": "Ajouter des notes",
-  "settings.features.add-notes.description": "Ajouter des notes à un ticket",
   "settings.features.persistent-comments.title": "Mise en cache des commentaires",
   "settings.features.persistent-comments.description": "Mettre en cache les commentaires jusqu'à leur soumission",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
diff --git a/src/lang/ru.json b/src/lang/ru.json
index fb4e77b..d63aff2 100644
--- a/src/lang/ru.json
+++ b/src/lang/ru.json
@@ -158,8 +158,6 @@
   "settings.features.rounding-mode.down": "Down",
   "settings.features.rounding-mode.nearest": "Nearest",
   "settings.features.rounding-mode.up": "Up",
-  "settings.features.add-notes.title": "Добавление примечаний",
-  "settings.features.add-notes.description": "Добавлять примечания в задачи",
   "settings.features.persistent-comments.title": "Кеширование комментариев",
   "settings.features.persistent-comments.description": "Кешировать комментарии пока они не отправлены",
   "settings.features.show-current-issue-timer.title": "Show current issue timer",
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index de94de6..f3c5af7 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -24,7 +24,7 @@ export const settingsSchema = ({ formatMessage }: { formatMessage?: ReturnType<t
         .int(formatMessage?.({ id: "settings.features.rounding-interval.validation.required" }))
         .min(1, formatMessage?.({ id: "settings.features.rounding-interval.validation.greater-than-zero" }))
         .max(60, formatMessage?.({ id: "settings.features.rounding-interval.validation.less-than-or-equals-sixty" })),
-      addNotes: z.boolean(),
+      addNotes: z.boolean().optional(), // ! Legacy
       cacheComments: z.boolean().optional(), // ! Legacy
       persistentComments: z.boolean(),
       showCurrentIssueTimer: z.boolean(),
@@ -54,7 +54,6 @@ const defaultSettings: Settings = {
     roundingMode: "nearest",
     roundingInterval: 15,
     persistentComments: true,
-    addNotes: false,
     showCurrentIssueTimer: true,
   },
   style: {
@@ -92,6 +91,10 @@ export const runSettingsMigration = async () => {
     settings.features.cacheComments = undefined;
   }
 
+  if (typeof settings.features.addNotes === "boolean") {
+    settings.features.addNotes = undefined;
+  }
+
   if (JSON.stringify(settings) !== JSON.stringify(settingsData)) {
     await setStorage("settings", settings);
   }
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index f085c16..c676cf7 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -194,12 +194,6 @@ function PageComponent() {
                 )}
               />
 
-              <form.AppField
-                name="features.addNotes"
-                children={(field) => (
-                  <field.SwitchField title={formatMessage({ id: "settings.features.add-notes.title" })} description={formatMessage({ id: "settings.features.add-notes.description" })} />
-                )}
-              />
               <form.AppField
                 name="features.persistentComments"
                 children={(field) => (

From 0319a42d50bd77cc0feee0e19f0dda11515c6520 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 25 Jan 2026 22:35:00 +0100
Subject: [PATCH 40/55] fix(ui): Fix toaster styles inside shadow root

---
 src/components/general/Portal.tsx | 25 +++++++++++++------------
 src/entrypoints/content.tsx       |  3 +++
 src/main.tsx                      |  2 ++
 src/provider/Providers.tsx        |  6 +-----
 src/routes/settings.tsx           |  2 +-
 5 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/components/general/Portal.tsx b/src/components/general/Portal.tsx
index fe5bc10..8173d77 100644
--- a/src/components/general/Portal.tsx
+++ b/src/components/general/Portal.tsx
@@ -1,21 +1,22 @@
-import { useEffect, useState, type ReactNode } from "react";
+import { ReactNode, useLayoutEffect, useState } from "react";
 import { createPortal } from "react-dom";
 
+export type PortalContainer = HTMLElement | ShadowRoot | null;
+
 export type PortalProps = {
-  containerId: string;
+  container: PortalContainer | (() => PortalContainer);
   children: ReactNode;
 };
 
-export function Portal({ containerId, children }: PortalProps) {
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setIsMounted(true);
-  }, []);
-  if (!isMounted) return null;
+export function Portal({ container, children }: PortalProps) {
+  const [containerElement, setContainerElement] = useState<PortalContainer>(null);
 
-  const container = document.getElementById(containerId);
-  if (!container) return null;
+  useLayoutEffect(() => {
+    const resolvedContainer = typeof container === "function" ? container() : container;
+    // eslint-disable-next-line react-hooks/set-state-in-effect
+    setContainerElement(resolvedContainer);
+  }, [container]);
 
-  return createPortal(children, container);
+  if (!containerElement) return null;
+  return createPortal(children, containerElement);
 }
diff --git a/src/entrypoints/content.tsx b/src/entrypoints/content.tsx
index e095083..dbfb39e 100644
--- a/src/entrypoints/content.tsx
+++ b/src/entrypoints/content.tsx
@@ -1,8 +1,10 @@
 import { createShadowRootUi, defineContentScript } from "#imports";
 import { CurrentIssueTimer } from "@/components/timer/CurrentIssueTimer";
+import { Toaster } from "@/components/ui/sonner";
 import Providers from "@/provider/Providers";
 import React from "react";
 import ReactDOM from "react-dom/client";
+import "sonner/dist/styles.css";
 import "../index.css";
 
 export default defineContentScript({
@@ -30,6 +32,7 @@ export default defineContentScript({
           <React.StrictMode>
             <Providers>
               <CurrentIssueTimer />
+              <Toaster />
             </Providers>
           </React.StrictMode>
         );
diff --git a/src/main.tsx b/src/main.tsx
index 0a0c544..6248656 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -11,6 +11,7 @@ import { QueryClient } from "@tanstack/react-query";
 import { createHashHistory, createRouter, RouterProvider } from "@tanstack/react-router";
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { Toaster } from "./components/ui/sonner";
 import "./index.css";
 
 const entrypoint = getEntrypoint();
@@ -63,6 +64,7 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
     <Layout entrypoint={entrypoint}>
       <Providers suspense={entrypoint === "options"}>
         <App />
+        <Toaster />
       </Providers>
     </Layout>
   </React.StrictMode>
diff --git a/src/provider/Providers.tsx b/src/provider/Providers.tsx
index 20717da..4bb7025 100644
--- a/src/provider/Providers.tsx
+++ b/src/provider/Providers.tsx
@@ -1,4 +1,3 @@
-import { Toaster } from "@/components/ui/sonner";
 import { PropsWithChildren, Suspense } from "react";
 import IntlProvider from "./IntlProvider";
 import QueryClientProvider from "./QueryClientProvider";
@@ -14,10 +13,7 @@ const Providers = ({ suspense, children }: ProvidersProps) => {
     <QueryClientProvider>
       <SettingsProvider>
         <RedmineApiProvider>
-          <IntlProvider>
-            {children}
-            <Toaster />
-          </IntlProvider>
+          <IntlProvider>{children}</IntlProvider>
         </RedmineApiProvider>
       </SettingsProvider>
     </QueryClientProvider>
diff --git a/src/routes/settings.tsx b/src/routes/settings.tsx
index c676cf7..23aacf0 100644
--- a/src/routes/settings.tsx
+++ b/src/routes/settings.tsx
@@ -270,7 +270,7 @@ function PageComponent() {
 
         <InfoSection />
 
-        <Portal containerId="footer">
+        <Portal container={() => document.getElementById("footer")}>
           <form.AppForm>
             <form.SubmitButton size="lg" className="w-full sm:w-auto" children={formatMessage({ id: "settings.save-settings" })} onClick={form.handleSubmit} />
           </form.AppForm>

From 2ca962157af3027b3600642d283ba45ba931d3c8 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:23:33 +0100
Subject: [PATCH 41/55] ci: Add semantic release

---
 ...ish-canary.yml => publish-pre-release.yml} |   19 +-
 .github/workflows/release.yml                 |   37 +
 .gitignore                                    |    2 -
 README.md                                     |    4 +-
 package.json                                  |    8 +-
 pnpm-lock.yaml                                | 1586 ++++++++++++++++-
 release.config.mjs                            |   43 +
 wxt.config.ts                                 |   18 +-
 8 files changed, 1692 insertions(+), 25 deletions(-)
 rename .github/workflows/{publish-canary.yml => publish-pre-release.yml} (66%)
 create mode 100644 .github/workflows/release.yml
 create mode 100644 release.config.mjs

diff --git a/.github/workflows/publish-canary.yml b/.github/workflows/publish-pre-release.yml
similarity index 66%
rename from .github/workflows/publish-canary.yml
rename to .github/workflows/publish-pre-release.yml
index 08ff345..f4f5d51 100644
--- a/.github/workflows/publish-canary.yml
+++ b/.github/workflows/publish-pre-release.yml
@@ -1,12 +1,15 @@
-name: Publish Canary
+name: Publish Pre-Release
 
 on:
-  push:
-    branches:
-      - main
-      - v2
+  release:
+    types:
+      - prereleased
+
+permissions:
+  contents: write
+
 jobs:
-  publish-chrome-canary:
+  publish-chrome-pre-release:
     name: Publish to Chrome Web Store
     runs-on: ubuntu-latest
 
@@ -21,7 +24,9 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run zip:chrome --mode canary
+      - run: pnpm run zip:chrome --mode pre-release
+
+      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
 
       - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
         env:
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 0000000..c3faac8
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,37 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 24
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index f504cf4..d77ecbf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,5 +13,3 @@ dist
 /playwright-report/
 /blob-report/
 /playwright/.cache/
-
-release_notes.md
\ No newline at end of file
diff --git a/README.md b/README.md
index a4b4dad..0e271f4 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
-![Package Version](https://img.shields.io/github/package-json/v/CrawlerCode/redmine-time-tracking?logo=github)
 ![License](https://img.shields.io/github/license/CrawlerCode/redmine-time-tracking?logo=github)
+[![Semantic-Release](https://img.shields.io/badge/semantic--release-conventional%20commits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
+![Release Version](https://img.shields.io/github/v/release/CrawlerCode/redmine-time-tracking?logo=github)
 ![GitHub Release Date](https://img.shields.io/github/release-date/CrawlerCode/redmine-time-tracking?logo=github)
-![GitHub issues](https://img.shields.io/github/issues/CrawlerCode/redmine-time-tracking?logo=github)
 
 ![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/ldcanhhkffokndenejhafhlkapflgcjg?logo=google-chrome&logoColor=white)
 ![Chrome Web Store Users](https://img.shields.io/chrome-web-store/users/ldcanhhkffokndenejhafhlkapflgcjg?logo=google-chrome&logoColor=white)
diff --git a/package.json b/package.json
index ca00c12..ae48c7a 100644
--- a/package.json
+++ b/package.json
@@ -19,12 +19,12 @@
     "build:firefox": "wxt build -b firefox --mv3",
     "zip:chrome": "wxt zip -b chrome",
     "zip:firefox": "wxt zip -b firefox --mv3",
-    "release": "gh release create v%npm_package_version% --notes-file release_notes.md --generate-notes",
     "lint": "eslint --fix src tests fixtures",
     "format": "prettier --write src tests public fixtures",
     "compile": "tsc --noEmit",
     "test": "playwright test",
-    "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json"
+    "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json",
+    "release": "semantic-release"
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
@@ -54,6 +54,8 @@
     "@eslint/js": "^9.39.2",
     "@formatjs/cli": "^6.12.0",
     "@playwright/test": "^1.58.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/eslint-plugin-query": "^5.91.3",
     "@tanstack/eslint-plugin-router": "^1.155.0",
@@ -67,6 +69,7 @@
     "@typescript-eslint/parser": "^8.53.1",
     "@vitejs/plugin-react": "^5.1.2",
     "babel-plugin-react-compiler": "1.0.0",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
     "cross-env": "^10.1.0",
     "dotenv": "^17.2.3",
     "eslint": "^9.39.2",
@@ -77,6 +80,7 @@
     "globals": "^17.1.0",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
+    "semantic-release": "^25.0.2",
     "shadcn": "^3.7.0",
     "sharp": "^0.34.5",
     "tailwindcss": "^4.1.18",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cb30272..151d122 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -89,6 +89,12 @@ importers:
       '@playwright/test':
         specifier: ^1.58.0
         version: 1.58.0
+      '@semantic-release/changelog':
+        specifier: ^6.0.3
+        version: 6.0.3(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/git':
+        specifier: ^10.0.1
+        version: 10.0.1(semantic-release@25.0.2(typescript@5.9.3))
       '@tailwindcss/vite':
         specifier: ^4.1.18
         version: 4.1.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
@@ -128,6 +134,9 @@ importers:
       babel-plugin-react-compiler:
         specifier: 1.0.0
         version: 1.0.0
+      conventional-changelog-conventionalcommits:
+        specifier: ^9.1.0
+        version: 9.1.0
       cross-env:
         specifier: ^10.1.0
         version: 10.1.0
@@ -158,6 +167,9 @@ importers:
       prettier-plugin-tailwindcss:
         specifier: ^0.7.2
         version: 0.7.2(prettier@3.8.1)
+      semantic-release:
+        specifier: ^25.0.2
+        version: 25.0.2(typescript@5.9.3)
       shadcn:
         specifier: ^3.7.0
         version: 3.7.0(@types/node@24.10.9)(hono@4.11.4)(typescript@5.9.3)
@@ -192,6 +204,18 @@ packages:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
 
+  '@actions/core@2.0.2':
+    resolution: {integrity: sha512-Ast1V7yHbGAhplAsuVlnb/5J8Mtr/Zl6byPPL+Qjq3lmfIgWF1ak1iYfF/079cRERiuTALTXkSuEUdZeDCfGtA==}
+
+  '@actions/exec@2.0.0':
+    resolution: {integrity: sha512-k8ngrX2voJ/RIN6r9xB82NVqKpnMRtxDoiO+g3olkIUpQNqjArXrCQceduQZCQj3P3xm32pChRLqRrtXTlqhIw==}
+
+  '@actions/http-client@3.0.1':
+    resolution: {integrity: sha512-SbGS8c/vySbNO3kjFgSW77n83C4MQx/Yoe+b1hAdpuvfHxnkHzDq2pWljUpAA56Si1Gae/7zjeZsV0CYjmLo/w==}
+
+  '@actions/io@2.0.0':
+    resolution: {integrity: sha512-Jv33IN09XLO+0HS79aaODsvIRyduiF7NY/F6LYeK5oeUmrsz7aFdRphQjFoESF4jS7lMauDOttKALcpapVDIAg==}
+
   '@aklinker1/rollup-plugin-visualizer@5.12.0':
     resolution: {integrity: sha512-X24LvEGw6UFmy0lpGJDmXsMyBD58XmX1bbwsaMLhNoM+UMQfQ3b2RtC+nz4b/NoRK5r6QJSKJHBNVeUdwqybaQ==}
     engines: {node: '>=14'}
@@ -388,6 +412,10 @@ packages:
       '@types/react':
         optional: true
 
+  '@colors/colors@1.5.0':
+    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
+    engines: {node: '>=0.1.90'}
+
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
@@ -774,6 +802,10 @@ packages:
     resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@fastify/busboy@2.1.1':
+    resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
+    engines: {node: '>=14'}
+
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
@@ -1114,6 +1146,54 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@octokit/auth-token@6.0.0':
+    resolution: {integrity: sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w==}
+    engines: {node: '>= 20'}
+
+  '@octokit/core@7.0.6':
+    resolution: {integrity: sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q==}
+    engines: {node: '>= 20'}
+
+  '@octokit/endpoint@11.0.2':
+    resolution: {integrity: sha512-4zCpzP1fWc7QlqunZ5bSEjxc6yLAlRTnDwKtgXfcI/FxxGoqedDG8V2+xJ60bV2kODqcGB+nATdtap/XYq2NZQ==}
+    engines: {node: '>= 20'}
+
+  '@octokit/graphql@9.0.3':
+    resolution: {integrity: sha512-grAEuupr/C1rALFnXTv6ZQhFuL1D8G5y8CN04RgrO4FIPMrtm+mcZzFG7dcBm+nq+1ppNixu+Jd78aeJOYxlGA==}
+    engines: {node: '>= 20'}
+
+  '@octokit/openapi-types@27.0.0':
+    resolution: {integrity: sha512-whrdktVs1h6gtR+09+QsNk2+FO+49j6ga1c55YZudfEG+oKJVvJLQi3zkOm5JjiUXAagWK2tI2kTGKJ2Ys7MGA==}
+
+  '@octokit/plugin-paginate-rest@14.0.0':
+    resolution: {integrity: sha512-fNVRE7ufJiAA3XUrha2omTA39M6IXIc6GIZLvlbsm8QOQCYvpq/LkMNGyFlB1d8hTDzsAXa3OKtybdMAYsV/fw==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': '>=6'
+
+  '@octokit/plugin-retry@8.0.3':
+    resolution: {integrity: sha512-vKGx1i3MC0za53IzYBSBXcrhmd+daQDzuZfYDd52X5S0M2otf3kVZTVP8bLA3EkU0lTvd1WEC2OlNNa4G+dohA==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': '>=7'
+
+  '@octokit/plugin-throttling@11.0.3':
+    resolution: {integrity: sha512-34eE0RkFCKycLl2D2kq7W+LovheM/ex3AwZCYN8udpi6bxsyjZidb2McXs69hZhLmJlDqTSP8cH+jSRpiaijBg==}
+    engines: {node: '>= 20'}
+    peerDependencies:
+      '@octokit/core': ^7.0.0
+
+  '@octokit/request-error@7.1.0':
+    resolution: {integrity: sha512-KMQIfq5sOPpkQYajXHwnhjCC0slzCNScLHs9JafXc4RAJI+9f+jNDlBNaIMTvazOPLgb4BnlhGJOTbnN0wIjPw==}
+    engines: {node: '>= 20'}
+
+  '@octokit/request@10.0.7':
+    resolution: {integrity: sha512-v93h0i1yu4idj8qFPZwjehoJx4j3Ntn+JhXsdJrG9pYaX6j/XRz2RmasMUHtNgQD39nrv/VwTWSqK0RNXR8upA==}
+    engines: {node: '>= 20'}
+
+  '@octokit/types@16.0.0':
+    resolution: {integrity: sha512-sKq+9r1Mm4efXW1FCk7hFSeJo4QKreL/tTbR0rz/qx/r1Oa2VV83LTA/H/MuCOX7uCIJmQVRKBcbmWoySjAnSg==}
+
   '@open-draft/deferred-promise@2.2.0':
     resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
 
@@ -1256,6 +1336,54 @@ packages:
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
+  '@semantic-release/changelog@6.0.3':
+    resolution: {integrity: sha512-dZuR5qByyfe3Y03TpmCvAxCyTnp7r5XwtHRf/8vD9EAn4ZWbavUX8adMtXYzE86EVh0gyLA7lm5yW4IV30XUag==}
+    engines: {node: '>=14.17'}
+    peerDependencies:
+      semantic-release: '>=18.0.0'
+
+  '@semantic-release/commit-analyzer@13.0.1':
+    resolution: {integrity: sha512-wdnBPHKkr9HhNhXOhZD5a2LNl91+hs8CC2vsAVYxtZH3y0dV3wKn+uZSN61rdJQZ8EGxzWB3inWocBHV9+u/CQ==}
+    engines: {node: '>=20.8.1'}
+    peerDependencies:
+      semantic-release: '>=20.1.0'
+
+  '@semantic-release/error@3.0.0':
+    resolution: {integrity: sha512-5hiM4Un+tpl4cKw3lV4UgzJj+SmfNIDCLLw0TepzQxz9ZGV5ixnqkzIVF+3tp0ZHgcMKE+VNGHJjEeyFG2dcSw==}
+    engines: {node: '>=14.17'}
+
+  '@semantic-release/error@4.0.0':
+    resolution: {integrity: sha512-mgdxrHTLOjOddRVYIYDo0fR3/v61GNN1YGkfbrjuIKg/uMgCd+Qzo3UAXJ+woLQQpos4pl5Esuw5A7AoNlzjUQ==}
+    engines: {node: '>=18'}
+
+  '@semantic-release/git@10.0.1':
+    resolution: {integrity: sha512-eWrx5KguUcU2wUPaO6sfvZI0wPafUKAMNC18aXY4EnNcrZL86dEmpNVnC9uMpGZkmZJ9EfCVJBQx4pV4EMGT1w==}
+    engines: {node: '>=14.17'}
+    peerDependencies:
+      semantic-release: '>=18.0.0'
+
+  '@semantic-release/github@12.0.2':
+    resolution: {integrity: sha512-qyqLS+aSGH1SfXIooBKjs7mvrv0deg8v+jemegfJg1kq6ji+GJV8CO08VJDEsvjp3O8XJmTTIAjjZbMzagzsdw==}
+    engines: {node: ^22.14.0 || >= 24.10.0}
+    peerDependencies:
+      semantic-release: '>=24.1.0'
+
+  '@semantic-release/npm@13.1.3':
+    resolution: {integrity: sha512-q7zreY8n9V0FIP1Cbu63D+lXtRAVAIWb30MH5U3TdrfXt6r2MIrWCY0whAImN53qNvSGp0Zt07U95K+Qp9GpEg==}
+    engines: {node: ^22.14.0 || >= 24.10.0}
+    peerDependencies:
+      semantic-release: '>=20.1.0'
+
+  '@semantic-release/release-notes-generator@14.1.0':
+    resolution: {integrity: sha512-CcyDRk7xq+ON/20YNR+1I/jP7BYKICr1uKd1HHpROSnnTdGqOTburi4jcRiTYz0cpfhxSloQO3cGhnoot7IEkA==}
+    engines: {node: '>=20.8.1'}
+    peerDependencies:
+      semantic-release: '>=20.1.0'
+
+  '@sindresorhus/is@4.6.0':
+    resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
+    engines: {node: '>=10'}
+
   '@sindresorhus/merge-streams@4.0.0':
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
@@ -1511,6 +1639,9 @@ packages:
   '@types/node@24.10.9':
     resolution: {integrity: sha512-ne4A0IpG3+2ETuREInjPNhUGis1SFjv1d5asp8MzEAGtOZeTeHVDOYqOgqfhvseqg/iXty2hjBf1zAOb7RNiNw==}
 
+  '@types/normalize-package-data@2.4.4':
+    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
+
   '@types/qs@6.14.0':
     resolution: {integrity: sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==}
 
@@ -1667,6 +1798,14 @@ packages:
     resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
     engines: {node: '>= 14'}
 
+  aggregate-error@3.1.0:
+    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
+    engines: {node: '>=8'}
+
+  aggregate-error@5.0.0:
+    resolution: {integrity: sha512-gOsf2YwSlleG6IjRYG2A7k0HmBMEo6qVNk9Bp/EaLgAJT5ngH6PXbqa4ItvnEwCm/velL5jAnQgsHsWnjhGmvw==}
+    engines: {node: '>=18'}
+
   ajv-formats@3.0.1:
     resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
     peerDependencies:
@@ -1696,6 +1835,10 @@ packages:
     resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
     engines: {node: '>=12'}
 
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -1708,6 +1851,9 @@ packages:
     resolution: {integrity: sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==}
     engines: {node: '>=14'}
 
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1715,6 +1861,9 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  argv-formatter@1.0.0:
+    resolution: {integrity: sha512-F2+Hkm9xFaRg+GkaNnbwXNDV5O6pnCFEmqyhvfC/Ic5LbgOWjJh3L+mN/s91rxVL3znE7DYVpW0GJFT+4YBgWw==}
+
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -1723,6 +1872,9 @@ packages:
     resolution: {integrity: sha512-Q6VPTLMsmXZ47ENG3V+wQyZS1ZxXMxFyYzA+Z/GMrJ6yIutAIEf9wTyroTzmGjNfox9/h3GdGBCVh43GVFx4Uw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+
   array-includes@3.1.8:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
@@ -1791,6 +1943,9 @@ packages:
     resolution: {integrity: sha512-B0xUquLkiGLgHhpPBqvl7GWegWBUNuujQ6kXd/r1U38ElPT6Ok8KZ8e+FpUGEc2ZoRQUzq/aUnaKFc/svWUGSg==}
     hasBin: true
 
+  before-after-hook@4.0.0:
+    resolution: {integrity: sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ==}
+
   binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
@@ -1805,6 +1960,9 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
+  bottleneck@2.19.5:
+    resolution: {integrity: sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==}
+
   boxen@8.0.1:
     resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
     engines: {node: '>=18'}
@@ -1886,6 +2044,10 @@ packages:
   caniuse-lite@1.0.30001764:
     resolution: {integrity: sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g==}
 
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -1894,6 +2056,10 @@ packages:
     resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
 
+  char-regex@1.0.2:
+    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
+    engines: {node: '>=10'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -1917,6 +2083,14 @@ packages:
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
+  clean-stack@2.2.0:
+    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
+    engines: {node: '>=6'}
+
+  clean-stack@5.3.0:
+    resolution: {integrity: sha512-9ngPTOhYGQqNVSfeJkYXHmF7AGWp4/nN5D/QqNQs3Dvxd1Kk/WpjHfNujKHYUQ/5CoGyOyFNoWSPk5afzP0QVg==}
+    engines: {node: '>=14.16'}
+
   cli-boxes@3.0.0:
     resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
     engines: {node: '>=10'}
@@ -1925,10 +2099,19 @@ packages:
     resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
     engines: {node: '>=18'}
 
+  cli-highlight@2.1.11:
+    resolution: {integrity: sha512-9KDcoEVwyUXrjcJNvHD0NFc/hiwe/WPVYIleQh2O1N2Zro5gWJZ/K+3DGn8w8P/F6FxOgzyC5bxDyHIgCSPhGg==}
+    engines: {node: '>=8.0.0', npm: '>=5.0.0'}
+    hasBin: true
+
   cli-spinners@2.9.2:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
 
+  cli-table3@0.6.5:
+    resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
+    engines: {node: 10.* || >= 12.*}
+
   cli-truncate@4.0.0:
     resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
     engines: {node: '>=18'}
@@ -1937,10 +2120,17 @@ packages:
     resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
     engines: {node: '>= 12'}
 
+  cliui@7.0.4:
+    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
 
+  cliui@9.0.1:
+    resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==}
+    engines: {node: '>=20'}
+
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -1948,10 +2138,16 @@ packages:
   code-block-writer@13.0.3:
     resolution: {integrity: sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==}
 
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
@@ -1978,6 +2174,9 @@ packages:
     resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
     engines: {node: ^12.20.0 || >=14}
 
+  compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
@@ -2010,6 +2209,32 @@ packages:
     resolution: {integrity: sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==}
     engines: {node: '>= 0.6'}
 
+  conventional-changelog-angular@8.1.0:
+    resolution: {integrity: sha512-GGf2Nipn1RUCAktxuVauVr1e3r8QrLP/B0lEUsFktmGqc3ddbQkhoJZHJctVU829U1c6mTSWftrVOCHaL85Q3w==}
+    engines: {node: '>=18'}
+
+  conventional-changelog-conventionalcommits@9.1.0:
+    resolution: {integrity: sha512-MnbEysR8wWa8dAEvbj5xcBgJKQlX/m0lhS8DsyAAWDHdfs2faDJxTgzRYlRYpXSe7UiKrIIlB4TrBKU9q9DgkA==}
+    engines: {node: '>=18'}
+
+  conventional-changelog-writer@8.2.0:
+    resolution: {integrity: sha512-Y2aW4596l9AEvFJRwFGJGiQjt2sBYTjPD18DdvxX9Vpz0Z7HQ+g1Z+6iYDAm1vR3QOJrDBkRHixHK/+FhkR6Pw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  conventional-commits-filter@5.0.0:
+    resolution: {integrity: sha512-tQMagCOC59EVgNZcC5zl7XqO30Wki9i9J3acbUvkaosCT6JX3EeFwJD7Qqp4MCikRnzS18WXV3BLIQ66ytu6+Q==}
+    engines: {node: '>=18'}
+
+  conventional-commits-parser@6.2.1:
+    resolution: {integrity: sha512-20pyHgnO40rvfI0NGF/xiEoFMkXDtkF8FwHvk5BokoFoCuTQRI8vrNCNFWUOfuolKJMm1tPCHc8GgYEtr1XRNA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  convert-hrtime@5.0.0:
+    resolution: {integrity: sha512-lOETlkIeYSJWcbbcvjRKGxVMXJR+8+OQb/mTPbA4ObPMytYIsUbuOE0Jzy60hjARYszq1id0j8KgVhC+WGZVTg==}
+    engines: {node: '>=12'}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -2056,6 +2281,10 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  crypto-random-string@4.0.0:
+    resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
+    engines: {node: '>=12'}
+
   css-select@5.2.2:
     resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
 
@@ -2193,6 +2422,10 @@ packages:
     resolution: {integrity: sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==}
     engines: {node: '>=0.3.1'}
 
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -2210,6 +2443,10 @@ packages:
   domutils@3.2.2:
     resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
 
+  dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+
   dot-prop@9.0.0:
     resolution: {integrity: sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==}
     engines: {node: '>=18'}
@@ -2230,6 +2467,9 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
+  duplexer2@0.1.4:
+    resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
+
   eciesjs@0.4.16:
     resolution: {integrity: sha512-dS5cbA9rA2VR4Ybuvhg6jvdmp46ubLn3E+px8cG/35aEDNclrqoCjg6mt0HYZ/M+OoESS3jSkCrqk1kWAEhWAw==}
     engines: {bun: '>=1', deno: '>=2', node: '>=16'}
@@ -2249,6 +2489,9 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
+  emojilib@2.4.0:
+    resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
+
   encodeurl@2.0.0:
     resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
     engines: {node: '>= 0.8'}
@@ -2265,6 +2508,10 @@ packages:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
 
+  env-ci@11.2.0:
+    resolution: {integrity: sha512-D5kWfzkmaOQDioPmiviWAVtKmpPT4/iJmMVQxWxMPJTFyTkdc5JQUfc5iXEeWxcOdsYTKSAiA/Age4NUOqKsRA==}
+    engines: {node: ^18.17 || >=20.6.1}
+
   env-paths@2.2.1:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
@@ -2338,6 +2585,10 @@ packages:
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -2439,6 +2690,10 @@ packages:
     resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
     engines: {node: '>=10'}
 
+  execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+
   execa@9.6.1:
     resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
     engines: {node: ^18.19.0 || >=20.5.0}
@@ -2456,6 +2711,9 @@ packages:
   exsolve@1.0.8:
     resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==}
 
+  fast-content-type-parse@3.0.0:
+    resolution: {integrity: sha512-ZvLdcY8P+N8mGQJahJV5G4U88CSvT1rP8ApL6uETe88MBXrBHAkZlSEySdUlyztF7ccb+Znos3TFqaepHxdhBg==}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2492,6 +2750,10 @@ packages:
     resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
     engines: {node: ^12.20 || >= 14.13}
 
+  figures@2.0.0:
+    resolution: {integrity: sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==}
+    engines: {node: '>=4'}
+
   figures@6.1.0:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
@@ -2512,10 +2774,22 @@ packages:
     resolution: {integrity: sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==}
     engines: {node: '>= 18.0.0'}
 
+  find-up-simple@1.0.1:
+    resolution: {integrity: sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==}
+    engines: {node: '>=18'}
+
+  find-up@2.1.0:
+    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
+    engines: {node: '>=4'}
+
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
+  find-versions@6.0.0:
+    resolution: {integrity: sha512-2kCCtc+JvcZ86IGAz3Z2Y0A1baIz9fL31pH/0S1IqZr9Iwnjq8izfPtrCyQKO6TLMPELLsQMre7VDqeIKCsHkA==}
+    engines: {node: '>=18'}
+
   firefox-profile@4.7.0:
     resolution: {integrity: sha512-aGApEu5bfCNbA4PGUZiRJAIU6jKmghV2UVdklXAofnNtiDjqYw0czLS46W7IfFqVKgKhFB8Ao2YoNGHY4BoIMQ==}
     engines: {node: '>=18'}
@@ -2564,6 +2838,9 @@ packages:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
 
+  from2@2.3.0:
+    resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==}
+
   fs-extra@11.3.2:
     resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
     engines: {node: '>=14.14'}
@@ -2581,6 +2858,10 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
+  function-timeout@1.0.2:
+    resolution: {integrity: sha512-939eZS4gJ3htTHAldmyyuzlrD58P03fHG49v2JfFXbV6OhvZKRC9j2yAtdHw/zrp2zXHuv05zMIy40F0ge7spA==}
+    engines: {node: '>=18'}
+
   function.prototype.name@1.1.8:
     resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
     engines: {node: '>= 0.4'}
@@ -2633,6 +2914,14 @@ packages:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
+  get-stream@7.0.1:
+    resolution: {integrity: sha512-3M8C1EOFN6r8AMUhwUAACIoXZJEOufDU5+0gFFN5uNs6XYOralD2Pqkl7m046va6x77FwposWXbAhPPIOus7mQ==}
+    engines: {node: '>=16'}
+
+  get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+
   get-stream@9.0.1:
     resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
     engines: {node: '>=18'}
@@ -2648,6 +2937,9 @@ packages:
     resolution: {integrity: sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==}
     hasBin: true
 
+  git-log-parser@1.2.1:
+    resolution: {integrity: sha512-PI+sPDvHXNPl5WNOErAK05s3j0lgwUzMN6o8cyQrDaKfT3qd7TmNJKeXX+SknI5I0QhG5fVPAEwSY4tRGDtYoQ==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -2695,9 +2987,18 @@ packages:
   growly@1.3.0:
     resolution: {integrity: sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==}
 
+  handlebars@4.7.8:
+    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+
   has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
 
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -2730,6 +3031,9 @@ packages:
   hermes-parser@0.25.1:
     resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
 
+  highlight.js@10.7.3:
+    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
+
   hoist-non-react-statics@3.3.2:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
 
@@ -2737,9 +3041,21 @@ packages:
     resolution: {integrity: sha512-U7tt8JsyrxSRKspfhtLET79pU8K+tInj5QZXs1jSugO1Vq5dFj3kmZsRldo29mTBfcjDRVRXrEZ6LS63Cog9ZA==}
     engines: {node: '>=16.9.0'}
 
+  hook-std@4.0.0:
+    resolution: {integrity: sha512-IHI4bEVOt3vRUDJ+bFA9VUJlo7SzvFARPNLw75pqSmAOP2HmTWfFJtPvLBrDrlgjEYXY9zs7SFdHPQaJShkSCQ==}
+    engines: {node: '>=20'}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  hosted-git-info@7.0.2:
+    resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  hosted-git-info@9.0.2:
+    resolution: {integrity: sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
   html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
 
@@ -2750,6 +3066,10 @@ packages:
     resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
     engines: {node: '>= 0.8'}
 
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
   https-proxy-agent@7.0.6:
     resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
     engines: {node: '>= 14'}
@@ -2758,6 +3078,10 @@ packages:
     resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
     engines: {node: '>=10.17.0'}
 
+  human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+
   human-signals@8.0.1:
     resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
     engines: {node: '>=18.18.0'}
@@ -2781,6 +3105,10 @@ packages:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
+  import-from-esm@2.0.0:
+    resolution: {integrity: sha512-YVt14UZCgsX1vZQ3gKjkWVdBdHQ6eu3MPU1TBgL1H5orXe2+jWD006WCPPtOuwlQm10NuzOW5WawiF1Q9veW8g==}
+    engines: {node: '>=18.20'}
+
   import-meta-resolve@4.2.0:
     resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
 
@@ -2788,6 +3116,18 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+
+  index-to-position@1.2.0:
+    resolution: {integrity: sha512-Yg7+ztRkqslMAS2iFaU+Oa4KTSidr63OsFGlOrJoW981kIYO3CGCS3wA95P1mUi/IVSJkn0D479KTJpVpvFNuw==}
+    engines: {node: '>=18'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -2809,6 +3149,10 @@ packages:
   intl-messageformat@11.1.1:
     resolution: {integrity: sha512-vnrF2f4vfsdaFY6tuLZfzGcx1GZFMFAq6c7QdK3HSXNcGXEIQncNgbeAcnpjAOszQzq3Jbol2SwgshIGY08WyA==}
 
+  into-stream@7.0.0:
+    resolution: {integrity: sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==}
+    engines: {node: '>=12'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -2934,6 +3278,10 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
+  is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+
   is-obj@3.0.0:
     resolution: {integrity: sha512-IlsXEHOjtKhpN8r/tRFj2nDyTmHvcfNeu/nrRIcXE17ROeatXchkojffa1SpdqW4cr/Fj6QkEf/Gn4zf6KKvEQ==}
     engines: {node: '>=12'}
@@ -2984,6 +3332,10 @@ packages:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
 
+  is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   is-stream@4.0.1:
     resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
     engines: {node: '>=18'}
@@ -3052,10 +3404,18 @@ packages:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
 
+  issue-parser@7.0.1:
+    resolution: {integrity: sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==}
+    engines: {node: ^18.17 || >=20.6.1}
+
   iterator.prototype@1.1.5:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
+  java-properties@1.0.2:
+    resolution: {integrity: sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==}
+    engines: {node: '>= 0.6.0'}
+
   jiti@2.6.1:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
@@ -3081,6 +3441,9 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
+  json-parse-better-errors@1.0.2:
+    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
+
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
@@ -3234,17 +3597,46 @@ packages:
     resolution: {integrity: sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==}
     engines: {node: '>=18.0.0'}
 
+  load-json-file@4.0.0:
+    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
+    engines: {node: '>=4'}
+
   local-pkg@1.1.2:
     resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
     engines: {node: '>=14'}
 
+  locate-path@2.0.0:
+    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
+    engines: {node: '>=4'}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
+
+  lodash.capitalize@4.2.1:
+    resolution: {integrity: sha512-kZzYOKspf8XVX5AvmQF94gQW0lejFVgb80G85bU4ZWzoJ6C03PQg3coYAUpSTpQWelrZELd3XWgHzw4Ck5kaIw==}
+
+  lodash.escaperegexp@4.1.2:
+    resolution: {integrity: sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==}
+
+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+  lodash.isstring@4.0.1:
+    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
+
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.uniqby@4.7.0:
+    resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==}
+
+  lodash@4.17.23:
+    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
+
   log-symbols@6.0.0:
     resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
     engines: {node: '>=18'}
@@ -3257,6 +3649,13 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@11.2.5:
+    resolution: {integrity: sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==}
+    engines: {node: 20 || >=22}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -3271,12 +3670,27 @@ packages:
   magicast@0.3.5:
     resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
 
+  make-asynchronous@1.0.1:
+    resolution: {integrity: sha512-T9BPOmEOhp6SmV25SwLVcHK4E6JyG/coH3C6F1NjNXSziv/fd4GmsqMk8YR6qpPOswfaOCApSNkZv6fxoaYFcQ==}
+    engines: {node: '>=18'}
+
   make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
 
   many-keys-map@2.0.1:
     resolution: {integrity: sha512-DHnZAD4phTbZ+qnJdjoNEVU1NecYoSdbOOoVmTDH46AuxDkEVh3MxTVpXq10GtcTC6mndN9dkv1rNfpjRcLnOw==}
 
+  marked-terminal@7.3.0:
+    resolution: {integrity: sha512-t4rBvPsHc57uE/2nJOLmMbZCQ4tgAccAED3ngXQqW6g+TxA488JzJ+FK3lQkzBQOI1mRV/r/Kq+1ZlJ4D0owQw==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      marked: '>=1 <16'
+
+  marked@15.0.12:
+    resolution: {integrity: sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
   marky@1.3.0:
     resolution: {integrity: sha512-ocnPZQLNpvbedwTy9kNrQEsknEfgvcLMvOtz3sFeWApDq1MXH1TqkCIx58xlpESsfwQOnuBO9beyQuNGzVvuhQ==}
 
@@ -3288,6 +3702,10 @@ packages:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
 
+  meow@13.2.0:
+    resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
+    engines: {node: '>=18'}
+
   merge-descriptors@2.0.0:
     resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
     engines: {node: '>=18'}
@@ -3319,10 +3737,19 @@ packages:
     resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
     engines: {node: '>=18'}
 
+  mime@4.1.0:
+    resolution: {integrity: sha512-X5ju04+cAzsojXKes0B/S4tcYtFAJ6tTMuSPBEn9CPGlrWr8Fiw7qYeLT0XyH80HSoAoqWCaz+MWKh22P7G1cw==}
+    engines: {node: '>=16'}
+    hasBin: true
+
   mimic-fn@2.1.0:
     resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
     engines: {node: '>=6'}
 
+  mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+
   mimic-function@5.0.1:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
@@ -3372,6 +3799,9 @@ packages:
     resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
     engines: {node: ^18.17.0 || >=20.5.0}
 
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
   nano-spawn@1.0.3:
     resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
     engines: {node: '>=20.17'}
@@ -3388,11 +3818,21 @@ packages:
     resolution: {integrity: sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==}
     engines: {node: '>= 0.6'}
 
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  nerf-dart@1.0.0:
+    resolution: {integrity: sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g==}
+
   node-domexception@1.0.0:
     resolution: {integrity: sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==}
     engines: {node: '>=10.5.0'}
     deprecated: Use your platform's native DOMException instead
 
+  node-emoji@2.2.0:
+    resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
+    engines: {node: '>=18'}
+
   node-fetch-native@1.6.7:
     resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
 
@@ -3413,18 +3853,106 @@ packages:
   node-releases@2.0.27:
     resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
+  normalize-package-data@6.0.2:
+    resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+
+  normalize-package-data@8.0.0:
+    resolution: {integrity: sha512-RWk+PI433eESQ7ounYxIp67CYuVsS1uYSonX3kA6ps/3LWfjVQa/ptEg6Y3T6uAMq1mWpX9PQ+qx+QaHpsc7gQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  normalize-url@8.1.1:
+    resolution: {integrity: sha512-JYc0DPlpGWB40kH5g07gGTrYuMqV653k3uBKY6uITPWds3M0ov3GaWGp9lbE3Bzngx8+XkfzgvASb9vk9JDFXQ==}
+    engines: {node: '>=14.16'}
+
   npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
 
+  npm-run-path@5.3.0:
+    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   npm-run-path@6.0.0:
     resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
     engines: {node: '>=18'}
 
+  npm@11.8.0:
+    resolution: {integrity: sha512-n19sJeW+RGKdkHo8SCc5xhSwkKhQUFfZaFzSc+EsYXLjSqIV0tl72aDYQVuzVvfrbysGwdaQsNLNy58J10EBSQ==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+    hasBin: true
+    bundledDependencies:
+      - '@isaacs/string-locale-compare'
+      - '@npmcli/arborist'
+      - '@npmcli/config'
+      - '@npmcli/fs'
+      - '@npmcli/map-workspaces'
+      - '@npmcli/metavuln-calculator'
+      - '@npmcli/package-json'
+      - '@npmcli/promise-spawn'
+      - '@npmcli/redact'
+      - '@npmcli/run-script'
+      - '@sigstore/tuf'
+      - abbrev
+      - archy
+      - cacache
+      - chalk
+      - ci-info
+      - cli-columns
+      - fastest-levenshtein
+      - fs-minipass
+      - glob
+      - graceful-fs
+      - hosted-git-info
+      - ini
+      - init-package-json
+      - is-cidr
+      - json-parse-even-better-errors
+      - libnpmaccess
+      - libnpmdiff
+      - libnpmexec
+      - libnpmfund
+      - libnpmorg
+      - libnpmpack
+      - libnpmpublish
+      - libnpmsearch
+      - libnpmteam
+      - libnpmversion
+      - make-fetch-happen
+      - minimatch
+      - minipass
+      - minipass-pipeline
+      - ms
+      - node-gyp
+      - nopt
+      - npm-audit-report
+      - npm-install-checks
+      - npm-package-arg
+      - npm-pick-manifest
+      - npm-profile
+      - npm-registry-fetch
+      - npm-user-validate
+      - p-map
+      - pacote
+      - parse-conflict-json
+      - proc-log
+      - qrcode-terminal
+      - read
+      - semver
+      - spdx-expression-parse
+      - ssri
+      - supports-color
+      - tar
+      - text-table
+      - tiny-relative-date
+      - treeverse
+      - validate-npm-package-name
+      - which
+
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
@@ -3486,6 +4014,10 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
+  onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+
   onetime@7.0.0:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
@@ -3521,14 +4053,58 @@ packages:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
+  p-each-series@3.0.0:
+    resolution: {integrity: sha512-lastgtAdoH9YaLyDa5i5z64q+kzOcQHsQ5SsZJD3q0VEyI8mq872S3geuNbRUQLVAE9siMfgKrpj7MloKFHruw==}
+    engines: {node: '>=12'}
+
+  p-event@6.0.1:
+    resolution: {integrity: sha512-Q6Bekk5wpzW5qIyUP4gdMEujObYstZl6DMMOSenwBvV0BlE5LkDwkjs5yHbZmdCEq2o4RJx4tE1vwxFVf2FG1w==}
+    engines: {node: '>=16.17'}
+
+  p-filter@4.1.0:
+    resolution: {integrity: sha512-37/tPdZ3oJwHaS3gNJdenCDB3Tz26i9sjhnguBtvN0vYlRIiDNnvTWkuh+0hETV9rLPdJ3rlL3yVOYPIAnM8rw==}
+    engines: {node: '>=18'}
+
+  p-is-promise@3.0.0:
+    resolution: {integrity: sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==}
+    engines: {node: '>=8'}
+
+  p-limit@1.3.0:
+    resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
+    engines: {node: '>=4'}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
 
+  p-locate@2.0.0:
+    resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
+    engines: {node: '>=4'}
+
   p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
+  p-map@7.0.4:
+    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
+    engines: {node: '>=18'}
+
+  p-reduce@2.1.0:
+    resolution: {integrity: sha512-2USApvnsutq8uoxZBGbbWM0JIYLiEMJ9RlaN7fAzVNb9OZN0SHjjTTfIcb667XynS5Y1VhwDJVDa72TnPzAYWw==}
+    engines: {node: '>=8'}
+
+  p-reduce@3.0.0:
+    resolution: {integrity: sha512-xsrIUgI0Kn6iyDYm9StOpOeK29XM1aboGji26+QEortiFST1hGZaUQOLhtEbqHErPpGW/aSz6allwK2qcptp0Q==}
+    engines: {node: '>=12'}
+
+  p-timeout@6.1.4:
+    resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
+    engines: {node: '>=14.16'}
+
+  p-try@1.0.0:
+    resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
+    engines: {node: '>=4'}
+
   package-json@10.0.1:
     resolution: {integrity: sha512-ua1L4OgXSBdsu1FPb7F3tYH0F48a6kxvod4pLUlGY9COeJAJQNX/sNH2IiEmsxw7lqYiAwrdHMjz1FctOsyDQg==}
     engines: {node: '>=18'}
@@ -3543,6 +4119,10 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
+  parse-json@4.0.0:
+    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
+    engines: {node: '>=4'}
+
   parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
@@ -3551,10 +4131,23 @@ packages:
     resolution: {integrity: sha512-SgOTCX/EZXtZxBE5eJ97P4yGM5n37BwRU+YMsH4vNzFqJV/oWFXXCmwFlgWUM4PrakybVOueJJ6pwHqSVhTFDw==}
     engines: {node: '>=16'}
 
+  parse-json@8.3.0:
+    resolution: {integrity: sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==}
+    engines: {node: '>=18'}
+
   parse-ms@4.0.0:
     resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
     engines: {node: '>=18'}
 
+  parse5-htmlparser2-tree-adapter@6.0.1:
+    resolution: {integrity: sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==}
+
+  parse5@5.1.1:
+    resolution: {integrity: sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==}
+
+  parse5@6.0.1:
+    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
+
   parseurl@1.3.3:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
@@ -3562,6 +4155,10 @@ packages:
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
+  path-exists@3.0.0:
+    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
+    engines: {node: '>=4'}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -3583,6 +4180,10 @@ packages:
   path-to-regexp@8.3.0:
     resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
 
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
@@ -3600,6 +4201,10 @@ packages:
     resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
     engines: {node: '>=12'}
 
+  pify@3.0.0:
+    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
+    engines: {node: '>=4'}
+
   pino-abstract-transport@2.0.0:
     resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
 
@@ -3614,6 +4219,10 @@ packages:
     resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
     engines: {node: '>=16.20.0'}
 
+  pkg-conf@2.1.0:
+    resolution: {integrity: sha512-C+VUP+8jis7EsQZIhDYmS5qlNtjv2yP4SNtjXK9AP1ZcTRlnSfuumaTnRfYZnYgUUYVIKqL0fRvmUGDV2fmp6g==}
+    engines: {node: '>=4'}
+
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
@@ -3813,6 +4422,22 @@ packages:
     resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
     engines: {node: '>=0.10.0'}
 
+  read-package-up@11.0.0:
+    resolution: {integrity: sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==}
+    engines: {node: '>=18'}
+
+  read-package-up@12.0.0:
+    resolution: {integrity: sha512-Q5hMVBYur/eQNWDdbF4/Wqqr9Bjvtrw2kjGxxBbKLbx8bVCL8gcArjTy8zDUuLGQicftpMuU0riQNcAsbtOVsw==}
+    engines: {node: '>=20'}
+
+  read-pkg@10.0.0:
+    resolution: {integrity: sha512-A70UlgfNdKI5NSvTTfHzLQj7NJRpJ4mT5tGafkllJ4wh71oYuGm/pzphHcmW4s35iox56KSK721AihodoXSc/A==}
+    engines: {node: '>=20'}
+
+  read-pkg@9.0.1:
+    resolution: {integrity: sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==}
+    engines: {node: '>=18'}
+
   readable-stream@2.3.8:
     resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
 
@@ -3863,6 +4488,10 @@ packages:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
@@ -3931,6 +4560,20 @@ packages:
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
+  semantic-release@25.0.2:
+    resolution: {integrity: sha512-6qGjWccl5yoyugHt3jTgztJ9Y0JVzyH8/Voc/D8PlLat9pwxQYXz7W1Dpnq5h0/G5GCYGUaDSlYcyk3AMh5A6g==}
+    engines: {node: ^22.14.0 || >= 24.10.0}
+    hasBin: true
+
+  semver-diff@5.0.0:
+    resolution: {integrity: sha512-0HbGtOm+S7T6NGQ/pxJSJipJvc4DK3FcRVMRkhsIwJDJ4Jcz5DQC1cPPzB5GhzyHjwttW878HaWQq46CkL3cqg==}
+    engines: {node: '>=12'}
+    deprecated: Deprecated as the semver package now supports this built-in.
+
+  semver-regex@4.0.5:
+    resolution: {integrity: sha512-hunMQrEy1T6Jr2uEVjrAIqjwWcQTgOAcIM52C8MY1EZSD3DDNft04XzvYKPqjED65bNVVko0YI38nYeEHCX3yw==}
+    engines: {node: '>=12'}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -4030,9 +4673,17 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  signale@1.4.0:
+    resolution: {integrity: sha512-iuh+gPf28RkltuJC7W5MRi6XAjTDCAPC/prJUpQoG4vIP3MJZ+GTydVnodXA7pwvTKb2cA0m9OFZW/cdWy/I/w==}
+    engines: {node: '>=6'}
+
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
+  skin-tone@2.0.0:
+    resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
+    engines: {node: '>=8'}
+
   slice-ansi@5.0.0:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
@@ -4065,9 +4716,27 @@ packages:
     resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
     engines: {node: '>= 12'}
 
+  spawn-error-forwarder@1.0.0:
+    resolution: {integrity: sha512-gRjMgK5uFjbCvdibeGJuy3I5OYz6VLoVdsOJdA6wV0WlfQVLFueoqMxwwYD9RODdgb6oUIvlRlsyFSiQkMKu0g==}
+
   spawn-sync@1.0.15:
     resolution: {integrity: sha512-9DWBgrgYZzNghseho0JOuh+5fg9u6QWhAWa51QC7+U5rCheZ/j1DrEZnyE0RBBRqZ9uEXGPgSSM0nky6burpVw==}
 
+  spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
+  split2@1.0.0:
+    resolution: {integrity: sha512-NKywug4u4pX/AZBB1FCPzZ6/7O+Xhz1qMVbzTvvKvikjO99oPN87SkK08mEY9P63/5lWjK+wgOOgApnTg5r6qg==}
+
   split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -4083,6 +4752,9 @@ packages:
     resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
     engines: {node: '>=18'}
 
+  stream-combiner2@1.1.1:
+    resolution: {integrity: sha512-3PnJbYgS56AeWgtKF5jtJRT6uFJe56Z0Hc5Ngg/6sI6rIt8iiMBTa9cvdyFfpMQjaVHr8dusbNeFGIIonxOvKw==}
+
   strict-event-emitter@0.5.1:
     resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
 
@@ -4140,6 +4812,10 @@ packages:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
 
+  strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+
   strip-final-newline@4.0.0:
     resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
     engines: {node: '>=18'}
@@ -4165,10 +4841,22 @@ packages:
   stubborn-utils@1.0.2:
     resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
 
-  supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+  super-regex@1.1.0:
+    resolution: {integrity: sha512-WHkws2ZflZe41zj6AolvvmaTrWds/VuyeYr9iPVv/oQeaIoVxMKaushfFWpOGDT+GuBrM/sVqF8KUCYQlSSTdQ==}
+    engines: {node: '>=18'}
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  supports-hyperlinks@3.2.0:
+    resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
+    engines: {node: '>=14.18'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -4190,12 +4878,34 @@ packages:
     resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
     engines: {node: '>=6'}
 
+  temp-dir@3.0.0:
+    resolution: {integrity: sha512-nHc6S/bwIilKHNRgK/3jlhDoIHcp45YgyiwcAk46Tr0LfEqGBVpmiAyuiuxeVE44m3mXnEeVhaipLOEWmH+Njw==}
+    engines: {node: '>=14.16'}
+
+  tempy@3.1.2:
+    resolution: {integrity: sha512-pD3+21EbFZFBKDnVztX32wU6IBwkalOduWdx1OKvB5y6y1f2Xn8HU/U6o9EmlfdSyUYe9IybirmYPj/7rilA6Q==}
+    engines: {node: '>=14.16'}
+
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
   thread-stream@3.1.0:
     resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
 
+  through2@2.0.5:
+    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
+
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
+  time-span@5.1.0:
+    resolution: {integrity: sha512-75voc/9G4rDIJleOo4jPvN4/YC4GRZrY8yy1uU4lwrB3XEQbWve8zXoO5No4eFrGcTAMYyoY67p8jRQdtA1HbA==}
+    engines: {node: '>=12'}
+
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
@@ -4233,6 +4943,10 @@ packages:
     resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
     engines: {node: '>=16'}
 
+  traverse@0.6.8:
+    resolution: {integrity: sha512-aXJDbk6SnumuaZSANd21XAo15ucCDE38H4fkqiGsc3MhCK+wOlZvLP9cB/TvpHT0mOyWgC4Z8EwRlzqYSUzdsA==}
+    engines: {node: '>= 0.4'}
+
   ts-api-utils@2.1.0:
     resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
@@ -4260,6 +4974,10 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
+  tunnel@0.0.6:
+    resolution: {integrity: sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==}
+    engines: {node: '>=0.6.11 <=0.7.0 || >=0.7.3'}
+
   tw-animate-css@1.4.0:
     resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
 
@@ -4267,6 +4985,14 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
   type-fest@3.13.1:
     resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
     engines: {node: '>=14.16'}
@@ -4317,6 +5043,11 @@ packages:
   ufo@1.6.1:
     resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
 
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+
   uhyphen@0.2.0:
     resolution: {integrity: sha512-qz3o9CHXmJJPGBdqzab7qAYuW8kQGKNEuoHFYrBwV6hWIMcpAmxDLXojcHfFr9US1Pe6zUswEIJIbLI610fuqA==}
 
@@ -4327,6 +5058,22 @@ packages:
   undici-types@7.16.0:
     resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
 
+  undici@5.29.0:
+    resolution: {integrity: sha512-raqeBD6NQK4SkWhQzeYKd1KmIG6dllBOTt55Rmkt4HtI9mwdWtJljnrXjAFUBLTSN67HWrOIZ3EPF4kjUw80Bg==}
+    engines: {node: '>=14.0'}
+
+  undici@7.19.1:
+    resolution: {integrity: sha512-Gpq0iNm5M6cQWlyHQv9MV+uOj1jWk7LpkoE5vSp/7zjb4zMdAcUD+VL5y0nH4p9EbUklq00eVIIX/XcDHzu5xg==}
+    engines: {node: '>=20.18.1'}
+
+  unicode-emoji-modifier-base@1.0.0:
+    resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
+    engines: {node: '>=4'}
+
+  unicorn-magic@0.1.0:
+    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
+    engines: {node: '>=18'}
+
   unicorn-magic@0.3.0:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
@@ -4335,6 +5082,13 @@ packages:
     resolution: {integrity: sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==}
     engines: {node: '>=18.12.0'}
 
+  unique-string@3.0.0:
+    resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
+    engines: {node: '>=12'}
+
+  universal-user-agent@7.0.3:
+    resolution: {integrity: sha512-TmnEAEAsBJVZM/AADELsK76llnwcf9vMKuPz8JflO1frO8Lchitr0fNaN9d+Ap0BjKtqWqd/J17qeDnXh8CL2A==}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -4373,6 +5127,10 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  url-join@5.0.0:
+    resolution: {integrity: sha512-n2huDr9h9yzd6exQVnH/jU5mr+Pfx08LRXXZhkLLetAMESRj+anQsTAh940iMrIetKAmry9coFuZQ2jY8/p3WA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
   use-sync-external-store@1.6.0:
     resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
@@ -4385,6 +5143,9 @@ packages:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
 
+  validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+
   validate-npm-package-name@7.0.2:
     resolution: {integrity: sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==}
     engines: {node: ^20.17.0 || >=22.9.0}
@@ -4450,6 +5211,9 @@ packages:
     resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
     engines: {node: '>= 8'}
 
+  web-worker@1.2.0:
+    resolution: {integrity: sha512-PgF341avzqyx60neE9DD+XS26MMNMoUQRz9NOZwW32nPQrF6p77f1htcnjBSEV8BGMKZ16choqUG4hyI0Hx7mA==}
+
   webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
@@ -4496,6 +5260,9 @@ packages:
   winreg@0.0.12:
     resolution: {integrity: sha512-typ/+JRmi7RqP1NanzFULK36vczznSNN8kWVA9vIqXyv8GhghUlwhGp1Xj3Nms1FsPcNnsQrJOR10N58/nQ9hQ==}
 
+  wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+
   wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
@@ -4535,6 +5302,10 @@ packages:
     resolution: {integrity: sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==}
     engines: {node: '>=4.0'}
 
+  xtend@4.0.2:
+    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
+    engines: {node: '>=0.4'}
+
   y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -4547,14 +5318,30 @@ packages:
     engines: {node: '>= 14'}
     hasBin: true
 
+  yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
 
+  yargs-parser@22.0.0:
+    resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
+  yargs@16.2.0:
+    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
+    engines: {node: '>=10'}
+
   yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
 
+  yargs@18.0.0:
+    resolution: {integrity: sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -4596,6 +5383,22 @@ snapshots:
 
   '@aashutoshrathi/word-wrap@1.2.6': {}
 
+  '@actions/core@2.0.2':
+    dependencies:
+      '@actions/exec': 2.0.0
+      '@actions/http-client': 3.0.1
+
+  '@actions/exec@2.0.0':
+    dependencies:
+      '@actions/io': 2.0.0
+
+  '@actions/http-client@3.0.1':
+    dependencies:
+      tunnel: 0.0.6
+      undici: 5.29.0
+
+  '@actions/io@2.0.0': {}
+
   '@aklinker1/rollup-plugin-visualizer@5.12.0(rollup@4.53.4)':
     dependencies:
       open: 8.4.2
@@ -4846,6 +5649,9 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.9
 
+  '@colors/colors@1.5.0':
+    optional: true
+
   '@date-fns/tz@1.4.1': {}
 
   '@devicefarmer/adbkit-logcat@2.1.3': {}
@@ -5093,6 +5899,8 @@ snapshots:
       '@eslint/core': 0.17.0
       levn: 0.4.1
 
+  '@fastify/busboy@2.1.1': {}
+
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
@@ -5381,6 +6189,65 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
+  '@octokit/auth-token@6.0.0': {}
+
+  '@octokit/core@7.0.6':
+    dependencies:
+      '@octokit/auth-token': 6.0.0
+      '@octokit/graphql': 9.0.3
+      '@octokit/request': 10.0.7
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      before-after-hook: 4.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/endpoint@11.0.2':
+    dependencies:
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/graphql@9.0.3':
+    dependencies:
+      '@octokit/request': 10.0.7
+      '@octokit/types': 16.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/openapi-types@27.0.0': {}
+
+  '@octokit/plugin-paginate-rest@14.0.0(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/types': 16.0.0
+
+  '@octokit/plugin-retry@8.0.3(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      bottleneck: 2.19.5
+
+  '@octokit/plugin-throttling@11.0.3(@octokit/core@7.0.6)':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/types': 16.0.0
+      bottleneck: 2.19.5
+
+  '@octokit/request-error@7.1.0':
+    dependencies:
+      '@octokit/types': 16.0.0
+
+  '@octokit/request@10.0.7':
+    dependencies:
+      '@octokit/endpoint': 11.0.2
+      '@octokit/request-error': 7.1.0
+      '@octokit/types': 16.0.0
+      fast-content-type-parse: 3.0.0
+      universal-user-agent: 7.0.3
+
+  '@octokit/types@16.0.0':
+    dependencies:
+      '@octokit/openapi-types': 27.0.0
+
   '@open-draft/deferred-promise@2.2.0': {}
 
   '@open-draft/logger@0.3.0':
@@ -5476,6 +6343,106 @@ snapshots:
 
   '@sec-ant/readable-stream@0.4.1': {}
 
+  '@semantic-release/changelog@6.0.3(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      '@semantic-release/error': 3.0.0
+      aggregate-error: 3.1.0
+      fs-extra: 11.3.2
+      lodash: 4.17.23
+      semantic-release: 25.0.2(typescript@5.9.3)
+
+  '@semantic-release/commit-analyzer@13.0.1(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      conventional-changelog-angular: 8.1.0
+      conventional-changelog-writer: 8.2.0
+      conventional-commits-filter: 5.0.0
+      conventional-commits-parser: 6.2.1
+      debug: 4.4.3
+      import-from-esm: 2.0.0
+      lodash-es: 4.17.23
+      micromatch: 4.0.8
+      semantic-release: 25.0.2(typescript@5.9.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@semantic-release/error@3.0.0': {}
+
+  '@semantic-release/error@4.0.0': {}
+
+  '@semantic-release/git@10.0.1(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      '@semantic-release/error': 3.0.0
+      aggregate-error: 3.1.0
+      debug: 4.4.3
+      dir-glob: 3.0.1
+      execa: 5.1.1
+      lodash: 4.17.23
+      micromatch: 4.0.8
+      p-reduce: 2.1.0
+      semantic-release: 25.0.2(typescript@5.9.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@semantic-release/github@12.0.2(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      '@octokit/core': 7.0.6
+      '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.6)
+      '@octokit/plugin-retry': 8.0.3(@octokit/core@7.0.6)
+      '@octokit/plugin-throttling': 11.0.3(@octokit/core@7.0.6)
+      '@semantic-release/error': 4.0.0
+      aggregate-error: 5.0.0
+      debug: 4.4.3
+      dir-glob: 3.0.1
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      issue-parser: 7.0.1
+      lodash-es: 4.17.23
+      mime: 4.1.0
+      p-filter: 4.1.0
+      semantic-release: 25.0.2(typescript@5.9.3)
+      tinyglobby: 0.2.15
+      undici: 7.19.1
+      url-join: 5.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@semantic-release/npm@13.1.3(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      '@actions/core': 2.0.2
+      '@semantic-release/error': 4.0.0
+      aggregate-error: 5.0.0
+      env-ci: 11.2.0
+      execa: 9.6.1
+      fs-extra: 11.3.2
+      lodash-es: 4.17.23
+      nerf-dart: 1.0.0
+      normalize-url: 8.1.1
+      npm: 11.8.0
+      rc: 1.2.8
+      read-pkg: 10.0.0
+      registry-auth-token: 5.1.0
+      semantic-release: 25.0.2(typescript@5.9.3)
+      semver: 7.7.3
+      tempy: 3.1.2
+
+  '@semantic-release/release-notes-generator@14.1.0(semantic-release@25.0.2(typescript@5.9.3))':
+    dependencies:
+      conventional-changelog-angular: 8.1.0
+      conventional-changelog-writer: 8.2.0
+      conventional-commits-filter: 5.0.0
+      conventional-commits-parser: 6.2.1
+      debug: 4.4.3
+      get-stream: 7.0.1
+      import-from-esm: 2.0.0
+      into-stream: 7.0.0
+      lodash-es: 4.17.23
+      read-package-up: 11.0.0
+      semantic-release: 25.0.2(typescript@5.9.3)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@sindresorhus/is@4.6.0': {}
+
   '@sindresorhus/merge-streams@4.0.0': {}
 
   '@tailwindcss/node@4.1.18':
@@ -5748,6 +6715,8 @@ snapshots:
     dependencies:
       undici-types: 7.16.0
 
+  '@types/normalize-package-data@2.4.4': {}
+
   '@types/qs@6.14.0': {}
 
   '@types/react-dom@19.2.3(@types/react@19.2.9)':
@@ -5952,6 +6921,16 @@ snapshots:
 
   agent-base@7.1.4: {}
 
+  aggregate-error@3.1.0:
+    dependencies:
+      clean-stack: 2.2.0
+      indent-string: 4.0.0
+
+  aggregate-error@5.0.0:
+    dependencies:
+      clean-stack: 5.3.0
+      indent-string: 5.0.0
+
   ajv-formats@3.0.1(ajv@8.17.1):
     optionalDependencies:
       ajv: 8.17.1
@@ -5982,6 +6961,10 @@ snapshots:
 
   ansi-regex@6.2.2: {}
 
+  ansi-styles@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -5990,6 +6973,8 @@ snapshots:
 
   ansis@4.2.0: {}
 
+  any-promise@1.3.0: {}
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -5997,6 +6982,8 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  argv-formatter@1.0.0: {}
+
   array-buffer-byte-length@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -6004,6 +6991,8 @@ snapshots:
 
   array-differ@4.0.0: {}
 
+  array-ify@1.0.0: {}
+
   array-includes@3.1.8:
     dependencies:
       call-bind: 1.0.8
@@ -6104,6 +7093,8 @@ snapshots:
 
   baseline-browser-mapping@2.9.14: {}
 
+  before-after-hook@4.0.0: {}
+
   binary-extensions@2.2.0: {}
 
   bluebird@3.7.2: {}
@@ -6124,6 +7115,8 @@ snapshots:
 
   boolbase@1.0.0: {}
 
+  bottleneck@2.19.5: {}
+
   boxen@8.0.1:
     dependencies:
       ansi-align: 3.0.1
@@ -6225,6 +7218,12 @@ snapshots:
 
   caniuse-lite@1.0.30001764: {}
 
+  chalk@2.4.2:
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -6232,6 +7231,8 @@ snapshots:
 
   chalk@5.6.2: {}
 
+  char-regex@1.0.2: {}
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -6267,14 +7268,35 @@ snapshots:
     dependencies:
       clsx: 2.1.1
 
+  clean-stack@2.2.0: {}
+
+  clean-stack@5.3.0:
+    dependencies:
+      escape-string-regexp: 5.0.0
+
   cli-boxes@3.0.0: {}
 
   cli-cursor@5.0.0:
     dependencies:
       restore-cursor: 5.1.0
 
+  cli-highlight@2.1.11:
+    dependencies:
+      chalk: 4.1.2
+      highlight.js: 10.7.3
+      mz: 2.7.0
+      parse5: 5.1.1
+      parse5-htmlparser2-tree-adapter: 6.0.1
+      yargs: 16.2.0
+
   cli-spinners@2.9.2: {}
 
+  cli-table3@0.6.5:
+    dependencies:
+      string-width: 4.2.3
+    optionalDependencies:
+      '@colors/colors': 1.5.0
+
   cli-truncate@4.0.0:
     dependencies:
       slice-ansi: 5.0.0
@@ -6282,20 +7304,38 @@ snapshots:
 
   cli-width@4.1.0: {}
 
+  cliui@7.0.4:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
 
+  cliui@9.0.1:
+    dependencies:
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+      wrap-ansi: 9.0.2
+
   clsx@2.1.1: {}
 
   code-block-writer@13.0.3: {}
 
+  color-convert@1.9.3:
+    dependencies:
+      color-name: 1.1.3
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
+  color-name@1.1.3: {}
+
   color-name@1.1.4: {}
 
   colorette@2.0.20: {}
@@ -6314,6 +7354,11 @@ snapshots:
 
   commander@9.5.0: {}
 
+  compare-func@2.0.0:
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+
   concat-map@0.0.1: {}
 
   concat-stream@1.6.2:
@@ -6345,6 +7390,29 @@ snapshots:
 
   content-type@1.0.5: {}
 
+  conventional-changelog-angular@8.1.0:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-conventionalcommits@9.1.0:
+    dependencies:
+      compare-func: 2.0.0
+
+  conventional-changelog-writer@8.2.0:
+    dependencies:
+      conventional-commits-filter: 5.0.0
+      handlebars: 4.7.8
+      meow: 13.2.0
+      semver: 7.7.3
+
+  conventional-commits-filter@5.0.0: {}
+
+  conventional-commits-parser@6.2.1:
+    dependencies:
+      meow: 13.2.0
+
+  convert-hrtime@5.0.0: {}
+
   convert-source-map@2.0.0: {}
 
   cookie-es@2.0.0: {}
@@ -6384,6 +7452,10 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  crypto-random-string@4.0.0:
+    dependencies:
+      type-fest: 1.4.0
+
   css-select@5.2.2:
     dependencies:
       boolbase: 1.0.0
@@ -6483,6 +7555,10 @@ snapshots:
 
   diff@8.0.2: {}
 
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -6505,6 +7581,10 @@ snapshots:
       domelementtype: 2.3.0
       domhandler: 5.0.3
 
+  dot-prop@5.3.0:
+    dependencies:
+      is-obj: 2.0.0
+
   dot-prop@9.0.0:
     dependencies:
       type-fest: 4.41.0
@@ -6523,6 +7603,10 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
+  duplexer2@0.1.4:
+    dependencies:
+      readable-stream: 2.3.8
+
   eciesjs@0.4.16:
     dependencies:
       '@ecies/ciphers': 0.2.5(@noble/ciphers@1.3.0)
@@ -6540,6 +7624,8 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
+  emojilib@2.4.0: {}
+
   encodeurl@2.0.0: {}
 
   enhanced-resolve@5.18.3:
@@ -6551,6 +7637,11 @@ snapshots:
 
   entities@6.0.1: {}
 
+  env-ci@11.2.0:
+    dependencies:
+      execa: 8.0.1
+      java-properties: 1.0.2
+
   env-paths@2.2.1: {}
 
   environment@1.1.0: {}
@@ -6728,6 +7819,8 @@ snapshots:
 
   escape-html@1.0.3: {}
 
+  escape-string-regexp@1.0.5: {}
+
   escape-string-regexp@4.0.0: {}
 
   escape-string-regexp@5.0.0: {}
@@ -6871,6 +7964,18 @@ snapshots:
       signal-exit: 3.0.7
       strip-final-newline: 2.0.0
 
+  execa@8.0.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.3.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+
   execa@9.6.1:
     dependencies:
       '@sindresorhus/merge-streams': 4.0.0
@@ -6925,6 +8030,8 @@ snapshots:
 
   exsolve@1.0.8: {}
 
+  fast-content-type-parse@3.0.0: {}
+
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.3:
@@ -6956,6 +8063,10 @@ snapshots:
       node-domexception: 1.0.0
       web-streams-polyfill: 3.3.3
 
+  figures@2.0.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
   figures@6.1.0:
     dependencies:
       is-unicode-supported: 2.1.0
@@ -6981,11 +8092,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  find-up-simple@1.0.1: {}
+
+  find-up@2.1.0:
+    dependencies:
+      locate-path: 2.0.0
+
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
+  find-versions@6.0.0:
+    dependencies:
+      semver-regex: 4.0.5
+      super-regex: 1.1.0
+
   firefox-profile@4.7.0:
     dependencies:
       adm-zip: 0.5.16
@@ -7027,6 +8149,11 @@ snapshots:
 
   fresh@2.0.0: {}
 
+  from2@2.3.0:
+    dependencies:
+      inherits: 2.0.4
+      readable-stream: 2.3.8
+
   fs-extra@11.3.2:
     dependencies:
       graceful-fs: 4.2.11
@@ -7041,6 +8168,8 @@ snapshots:
 
   function-bind@1.1.2: {}
 
+  function-timeout@1.0.2: {}
+
   function.prototype.name@1.1.8:
     dependencies:
       call-bind: 1.0.8
@@ -7108,6 +8237,10 @@ snapshots:
 
   get-stream@6.0.1: {}
 
+  get-stream@7.0.1: {}
+
+  get-stream@8.0.1: {}
+
   get-stream@9.0.1:
     dependencies:
       '@sec-ant/readable-stream': 0.4.1
@@ -7132,6 +8265,15 @@ snapshots:
       nypm: 0.6.2
       pathe: 2.0.3
 
+  git-log-parser@1.2.1:
+    dependencies:
+      argv-formatter: 1.0.0
+      spawn-error-forwarder: 1.0.0
+      split2: 1.0.0
+      stream-combiner2: 1.1.1
+      through2: 2.0.5
+      traverse: 0.6.8
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -7167,8 +8309,19 @@ snapshots:
 
   growly@1.3.0: {}
 
+  handlebars@4.7.8:
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.3
+
   has-bigints@1.0.2: {}
 
+  has-flag@3.0.0: {}
+
   has-flag@4.0.0: {}
 
   has-property-descriptors@1.0.2:
@@ -7197,14 +8350,26 @@ snapshots:
     dependencies:
       hermes-estree: 0.25.1
 
+  highlight.js@10.7.3: {}
+
   hoist-non-react-statics@3.3.2:
     dependencies:
       react-is: 16.13.1
 
   hono@4.11.4: {}
 
+  hook-std@4.0.0: {}
+
   hookable@5.5.3: {}
 
+  hosted-git-info@7.0.2:
+    dependencies:
+      lru-cache: 10.4.3
+
+  hosted-git-info@9.0.2:
+    dependencies:
+      lru-cache: 11.2.5
+
   html-escaper@3.0.3: {}
 
   htmlparser2@10.0.0:
@@ -7222,6 +8387,13 @@ snapshots:
       statuses: 2.0.2
       toidentifier: 1.0.1
 
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
   https-proxy-agent@7.0.6:
     dependencies:
       agent-base: 7.1.4
@@ -7231,6 +8403,8 @@ snapshots:
 
   human-signals@2.1.0: {}
 
+  human-signals@5.0.0: {}
+
   human-signals@8.0.1: {}
 
   iconv-lite@0.7.2:
@@ -7248,10 +8422,23 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-from-esm@2.0.0:
+    dependencies:
+      debug: 4.4.3
+      import-meta-resolve: 4.2.0
+    transitivePeerDependencies:
+      - supports-color
+
   import-meta-resolve@4.2.0: {}
 
   imurmurhash@0.1.4: {}
 
+  indent-string@4.0.0: {}
+
+  indent-string@5.0.0: {}
+
+  index-to-position@1.2.0: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
@@ -7273,6 +8460,11 @@ snapshots:
       '@formatjs/icu-messageformat-parser': 3.5.0
       tslib: 2.8.1
 
+  into-stream@7.0.0:
+    dependencies:
+      from2: 2.3.0
+      p-is-promise: 3.0.0
+
   ipaddr.js@1.9.1: {}
 
   is-absolute@0.1.7:
@@ -7375,6 +8567,8 @@ snapshots:
 
   is-number@7.0.0: {}
 
+  is-obj@2.0.0: {}
+
   is-obj@3.0.0: {}
 
   is-path-inside@4.0.0: {}
@@ -7410,6 +8604,8 @@ snapshots:
 
   is-stream@2.0.1: {}
 
+  is-stream@3.0.0: {}
+
   is-stream@4.0.1: {}
 
   is-string@1.1.1:
@@ -7464,6 +8660,14 @@ snapshots:
 
   isobject@3.0.1: {}
 
+  issue-parser@7.0.1:
+    dependencies:
+      lodash.capitalize: 4.2.1
+      lodash.escaperegexp: 4.1.2
+      lodash.isplainobject: 4.0.6
+      lodash.isstring: 4.0.1
+      lodash.uniqby: 4.7.0
+
   iterator.prototype@1.1.5:
     dependencies:
       define-data-property: 1.1.4
@@ -7473,6 +8677,8 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
+  java-properties@1.0.2: {}
+
   jiti@2.6.1: {}
 
   jose@6.1.3: {}
@@ -7489,6 +8695,8 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
+  json-parse-better-errors@1.0.2: {}
+
   json-parse-even-better-errors@2.3.1: {}
 
   json-parse-even-better-errors@3.0.2: {}
@@ -7623,18 +8831,44 @@ snapshots:
       rfdc: 1.4.1
       wrap-ansi: 9.0.2
 
+  load-json-file@4.0.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      parse-json: 4.0.0
+      pify: 3.0.0
+      strip-bom: 3.0.0
+
   local-pkg@1.1.2:
     dependencies:
       mlly: 1.8.0
       pkg-types: 2.3.0
       quansync: 0.2.11
 
+  locate-path@2.0.0:
+    dependencies:
+      p-locate: 2.0.0
+      path-exists: 3.0.0
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.23: {}
+
+  lodash.capitalize@4.2.1: {}
+
+  lodash.escaperegexp@4.1.2: {}
+
+  lodash.isplainobject@4.0.6: {}
+
+  lodash.isstring@4.0.1: {}
+
   lodash.merge@4.6.2: {}
 
+  lodash.uniqby@4.7.0: {}
+
+  lodash@4.17.23: {}
+
   log-symbols@6.0.0:
     dependencies:
       chalk: 5.6.2
@@ -7652,6 +8886,10 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
+  lru-cache@10.4.3: {}
+
+  lru-cache@11.2.5: {}
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -7670,16 +8908,37 @@ snapshots:
       '@babel/types': 7.28.5
       source-map-js: 1.2.1
 
+  make-asynchronous@1.0.1:
+    dependencies:
+      p-event: 6.0.1
+      type-fest: 4.41.0
+      web-worker: 1.2.0
+
   make-error@1.3.6: {}
 
   many-keys-map@2.0.1: {}
 
+  marked-terminal@7.3.0(marked@15.0.12):
+    dependencies:
+      ansi-escapes: 7.2.0
+      ansi-regex: 6.2.2
+      chalk: 5.6.2
+      cli-highlight: 2.1.11
+      cli-table3: 0.6.5
+      marked: 15.0.12
+      node-emoji: 2.2.0
+      supports-hyperlinks: 3.2.0
+
+  marked@15.0.12: {}
+
   marky@1.3.0: {}
 
   math-intrinsics@1.1.0: {}
 
   media-typer@1.1.0: {}
 
+  meow@13.2.0: {}
+
   merge-descriptors@2.0.0: {}
 
   merge-stream@2.0.0: {}
@@ -7703,8 +8962,12 @@ snapshots:
     dependencies:
       mime-db: 1.54.0
 
+  mime@4.1.0: {}
+
   mimic-fn@2.1.0: {}
 
+  mimic-fn@4.0.0: {}
+
   mimic-function@5.0.1: {}
 
   minimatch@10.1.1:
@@ -7770,6 +9033,12 @@ snapshots:
 
   mute-stream@2.0.0: {}
 
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
   nano-spawn@1.0.3: {}
 
   nanoid@3.3.11: {}
@@ -7778,8 +9047,19 @@ snapshots:
 
   negotiator@1.0.0: {}
 
+  neo-async@2.6.2: {}
+
+  nerf-dart@1.0.0: {}
+
   node-domexception@1.0.0: {}
 
+  node-emoji@2.2.0:
+    dependencies:
+      '@sindresorhus/is': 4.6.0
+      char-regex: 1.0.2
+      emojilib: 2.4.0
+      skin-tone: 2.0.0
+
   node-fetch-native@1.6.7: {}
 
   node-fetch@3.3.2:
@@ -7794,7 +9074,7 @@ snapshots:
     dependencies:
       growly: 1.3.0
       is-wsl: 2.2.0
-      semver: 7.6.3
+      semver: 7.7.3
       shellwords: 0.1.1
       uuid: 8.3.2
       which: 2.0.2
@@ -7803,17 +9083,37 @@ snapshots:
 
   node-releases@2.0.27: {}
 
+  normalize-package-data@6.0.2:
+    dependencies:
+      hosted-git-info: 7.0.2
+      semver: 7.7.3
+      validate-npm-package-license: 3.0.4
+
+  normalize-package-data@8.0.0:
+    dependencies:
+      hosted-git-info: 9.0.2
+      semver: 7.7.3
+      validate-npm-package-license: 3.0.4
+
   normalize-path@3.0.0: {}
 
+  normalize-url@8.1.1: {}
+
   npm-run-path@4.0.1:
     dependencies:
       path-key: 3.1.1
 
+  npm-run-path@5.3.0:
+    dependencies:
+      path-key: 4.0.0
+
   npm-run-path@6.0.0:
     dependencies:
       path-key: 4.0.0
       unicorn-magic: 0.3.0
 
+  npm@11.8.0: {}
+
   nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
@@ -7886,6 +9186,10 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
+  onetime@6.0.0:
+    dependencies:
+      mimic-fn: 4.0.0
+
   onetime@7.0.0:
     dependencies:
       mimic-function: 5.0.1
@@ -7943,20 +9247,50 @@ snapshots:
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
+  p-each-series@3.0.0: {}
+
+  p-event@6.0.1:
+    dependencies:
+      p-timeout: 6.1.4
+
+  p-filter@4.1.0:
+    dependencies:
+      p-map: 7.0.4
+
+  p-is-promise@3.0.0: {}
+
+  p-limit@1.3.0:
+    dependencies:
+      p-try: 1.0.0
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
 
+  p-locate@2.0.0:
+    dependencies:
+      p-limit: 1.3.0
+
   p-locate@5.0.0:
     dependencies:
       p-limit: 3.1.0
 
+  p-map@7.0.4: {}
+
+  p-reduce@2.1.0: {}
+
+  p-reduce@3.0.0: {}
+
+  p-timeout@6.1.4: {}
+
+  p-try@1.0.0: {}
+
   package-json@10.0.1:
     dependencies:
       ky: 1.14.1
       registry-auth-token: 5.1.0
       registry-url: 6.0.1
-      semver: 7.6.3
+      semver: 7.7.3
 
   package-manager-detector@1.6.0: {}
 
@@ -7966,6 +9300,11 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
+  parse-json@4.0.0:
+    dependencies:
+      error-ex: 1.3.4
+      json-parse-better-errors: 1.0.2
+
   parse-json@5.2.0:
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -7981,12 +9320,28 @@ snapshots:
       lines-and-columns: 2.0.4
       type-fest: 3.13.1
 
+  parse-json@8.3.0:
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      index-to-position: 1.2.0
+      type-fest: 4.41.0
+
   parse-ms@4.0.0: {}
 
+  parse5-htmlparser2-tree-adapter@6.0.1:
+    dependencies:
+      parse5: 6.0.1
+
+  parse5@5.1.1: {}
+
+  parse5@6.0.1: {}
+
   parseurl@1.3.3: {}
 
   path-browserify@1.0.1: {}
 
+  path-exists@3.0.0: {}
+
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
@@ -7999,6 +9354,8 @@ snapshots:
 
   path-to-regexp@8.3.0: {}
 
+  path-type@4.0.0: {}
+
   pathe@2.0.3: {}
 
   perfect-debounce@2.0.0: {}
@@ -8009,6 +9366,8 @@ snapshots:
 
   picomatch@4.0.3: {}
 
+  pify@3.0.0: {}
+
   pino-abstract-transport@2.0.0:
     dependencies:
       split2: 4.2.0
@@ -8031,6 +9390,11 @@ snapshots:
 
   pkce-challenge@5.0.1: {}
 
+  pkg-conf@2.1.0:
+    dependencies:
+      find-up: 2.1.0
+      load-json-file: 4.0.0
+
   pkg-types@1.3.1:
     dependencies:
       confbox: 0.1.8
@@ -8186,6 +9550,34 @@ snapshots:
 
   react@19.2.3: {}
 
+  read-package-up@11.0.0:
+    dependencies:
+      find-up-simple: 1.0.1
+      read-pkg: 9.0.1
+      type-fest: 4.41.0
+
+  read-package-up@12.0.0:
+    dependencies:
+      find-up-simple: 1.0.1
+      read-pkg: 10.0.0
+      type-fest: 5.4.1
+
+  read-pkg@10.0.0:
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 8.0.0
+      parse-json: 8.3.0
+      type-fest: 5.4.1
+      unicorn-magic: 0.3.0
+
+  read-pkg@9.0.1:
+    dependencies:
+      '@types/normalize-package-data': 2.4.4
+      normalize-package-data: 6.0.2
+      parse-json: 8.3.0
+      type-fest: 4.41.0
+      unicorn-magic: 0.1.0
+
   readable-stream@2.3.8:
     dependencies:
       core-util-is: 1.0.3
@@ -8248,6 +9640,8 @@ snapshots:
 
   resolve-from@4.0.0: {}
 
+  resolve-from@5.0.0: {}
+
   resolve-pkg-maps@1.0.0: {}
 
   resolve@2.0.0-next.5:
@@ -8342,6 +9736,47 @@ snapshots:
 
   scule@1.3.0: {}
 
+  semantic-release@25.0.2(typescript@5.9.3):
+    dependencies:
+      '@semantic-release/commit-analyzer': 13.0.1(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/error': 4.0.0
+      '@semantic-release/github': 12.0.2(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/npm': 13.1.3(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/release-notes-generator': 14.1.0(semantic-release@25.0.2(typescript@5.9.3))
+      aggregate-error: 5.0.0
+      cosmiconfig: 9.0.0(typescript@5.9.3)
+      debug: 4.4.3
+      env-ci: 11.2.0
+      execa: 9.6.1
+      figures: 6.1.0
+      find-versions: 6.0.0
+      get-stream: 6.0.1
+      git-log-parser: 1.2.1
+      hook-std: 4.0.0
+      hosted-git-info: 9.0.2
+      import-from-esm: 2.0.0
+      lodash-es: 4.17.23
+      marked: 15.0.12
+      marked-terminal: 7.3.0(marked@15.0.12)
+      micromatch: 4.0.8
+      p-each-series: 3.0.0
+      p-reduce: 3.0.0
+      read-package-up: 12.0.0
+      resolve-from: 5.0.0
+      semver: 7.7.3
+      semver-diff: 5.0.0
+      signale: 1.4.0
+      yargs: 18.0.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  semver-diff@5.0.0:
+    dependencies:
+      semver: 7.7.3
+
+  semver-regex@4.0.5: {}
+
   semver@6.3.1: {}
 
   semver@7.6.3: {}
@@ -8527,8 +9962,18 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  signale@1.4.0:
+    dependencies:
+      chalk: 2.4.2
+      figures: 2.0.0
+      pkg-conf: 2.1.0
+
   sisteransi@1.0.5: {}
 
+  skin-tone@2.0.0:
+    dependencies:
+      unicode-emoji-modifier-base: 1.0.0
+
   slice-ansi@5.0.0:
     dependencies:
       ansi-styles: 6.2.3
@@ -8559,11 +10004,31 @@ snapshots:
 
   source-map@0.7.6: {}
 
+  spawn-error-forwarder@1.0.0: {}
+
   spawn-sync@1.0.15:
     dependencies:
       concat-stream: 1.6.2
       os-shim: 0.1.3
 
+  spdx-correct@3.2.0:
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.22
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@3.0.1:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
+  split2@1.0.0:
+    dependencies:
+      through2: 2.0.5
+
   split2@4.2.0: {}
 
   split@1.0.1:
@@ -8574,6 +10039,11 @@ snapshots:
 
   stdin-discarder@0.2.2: {}
 
+  stream-combiner2@1.1.1:
+    dependencies:
+      duplexer2: 0.1.4
+      readable-stream: 2.3.8
+
   strict-event-emitter@0.5.1: {}
 
   string-width@4.2.3:
@@ -8656,6 +10126,8 @@ snapshots:
 
   strip-final-newline@2.0.0: {}
 
+  strip-final-newline@3.0.0: {}
+
   strip-final-newline@4.0.0: {}
 
   strip-json-comments@2.0.1: {}
@@ -8674,10 +10146,25 @@ snapshots:
 
   stubborn-utils@1.0.2: {}
 
+  super-regex@1.1.0:
+    dependencies:
+      function-timeout: 1.0.2
+      make-asynchronous: 1.0.1
+      time-span: 5.1.0
+
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
+  supports-hyperlinks@3.2.0:
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   tabbable@6.4.0: {}
@@ -8690,12 +10177,38 @@ snapshots:
 
   tapable@2.2.2: {}
 
+  temp-dir@3.0.0: {}
+
+  tempy@3.1.2:
+    dependencies:
+      is-stream: 3.0.0
+      temp-dir: 3.0.0
+      type-fest: 2.19.0
+      unique-string: 3.0.0
+
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
   thread-stream@3.1.0:
     dependencies:
       real-require: 0.2.0
 
+  through2@2.0.5:
+    dependencies:
+      readable-stream: 2.3.8
+      xtend: 4.0.2
+
   through@2.3.8: {}
 
+  time-span@5.1.0:
+    dependencies:
+      convert-hrtime: 5.0.0
+
   tiny-invariant@1.3.3: {}
 
   tiny-warning@1.0.3: {}
@@ -8725,6 +10238,8 @@ snapshots:
     dependencies:
       tldts: 7.0.19
 
+  traverse@0.6.8: {}
+
   ts-api-utils@2.1.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
@@ -8753,12 +10268,18 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  tunnel@0.0.6: {}
+
   tw-animate-css@1.4.0: {}
 
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-fest@1.4.0: {}
+
+  type-fest@2.19.0: {}
+
   type-fest@3.13.1: {}
 
   type-fest@4.41.0: {}
@@ -8823,6 +10344,9 @@ snapshots:
 
   ufo@1.6.1: {}
 
+  uglify-js@3.19.3:
+    optional: true
+
   uhyphen@0.2.0: {}
 
   unbox-primitive@1.1.0:
@@ -8834,6 +10358,16 @@ snapshots:
 
   undici-types@7.16.0: {}
 
+  undici@5.29.0:
+    dependencies:
+      '@fastify/busboy': 2.1.1
+
+  undici@7.19.1: {}
+
+  unicode-emoji-modifier-base@1.0.0: {}
+
+  unicorn-magic@0.1.0: {}
+
   unicorn-magic@0.3.0: {}
 
   unimport@5.6.0:
@@ -8853,6 +10387,12 @@ snapshots:
       unplugin: 2.3.11
       unplugin-utils: 0.3.1
 
+  unique-string@3.0.0:
+    dependencies:
+      crypto-random-string: 4.0.0
+
+  universal-user-agent@7.0.3: {}
+
   universalify@2.0.1: {}
 
   unpipe@1.0.0: {}
@@ -8893,13 +10433,15 @@ snapshots:
       is-npm: 6.1.0
       latest-version: 9.0.0
       pupa: 3.3.0
-      semver: 7.6.3
+      semver: 7.7.3
       xdg-basedir: 5.1.0
 
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.0
 
+  url-join@5.0.0: {}
+
   use-sync-external-store@1.6.0(react@19.2.3):
     dependencies:
       react: 19.2.3
@@ -8908,6 +10450,11 @@ snapshots:
 
   uuid@8.3.2: {}
 
+  validate-npm-package-license@3.0.4:
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+
   validate-npm-package-name@7.0.2: {}
 
   vary@1.1.2: {}
@@ -8981,6 +10528,8 @@ snapshots:
 
   web-streams-polyfill@3.3.3: {}
 
+  web-worker@1.2.0: {}
+
   webpack-virtual-modules@0.6.2: {}
 
   when-exit@2.1.5: {}
@@ -9046,6 +10595,8 @@ snapshots:
 
   winreg@0.0.12: {}
 
+  wordwrap@1.0.0: {}
+
   wrap-ansi@6.2.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -9147,6 +10698,8 @@ snapshots:
 
   xmlbuilder@11.0.1: {}
 
+  xtend@4.0.2: {}
+
   y18n@5.0.8: {}
 
   yallist@3.1.1: {}
@@ -9154,8 +10707,22 @@ snapshots:
   yaml@2.7.1:
     optional: true
 
+  yargs-parser@20.2.9: {}
+
   yargs-parser@21.1.1: {}
 
+  yargs-parser@22.0.0: {}
+
+  yargs@16.2.0:
+    dependencies:
+      cliui: 7.0.4
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 20.2.9
+
   yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
@@ -9166,6 +10733,15 @@ snapshots:
       y18n: 5.0.8
       yargs-parser: 21.1.1
 
+  yargs@18.0.0:
+    dependencies:
+      cliui: 9.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      string-width: 7.2.0
+      y18n: 5.0.8
+      yargs-parser: 22.0.0
+
   yocto-queue@0.1.0: {}
 
   yoctocolors-cjs@2.1.3: {}
diff --git a/release.config.mjs b/release.config.mjs
new file mode 100644
index 0000000..fd59c8b
--- /dev/null
+++ b/release.config.mjs
@@ -0,0 +1,43 @@
+/**
+ * @type {import('semantic-release').GlobalConfig}
+ */
+export default {
+  branches: ["main", { name: "beta", prerelease: true }, { name: "alpha", prerelease: true }, { name: "canary", prerelease: true }],
+  plugins: [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        preset: "conventionalcommits",
+      },
+    ],
+    [
+      "@semantic-release/release-notes-generator",
+      {
+        preset: "conventionalcommits",
+        presetConfig: {
+          types: [
+            { type: "chore", scope: "release", hidden: true },
+            { type: "feat", section: "🚀 Features" },
+            { type: "fix", section: "🩹 Fixes" },
+            { type: "perf", section: "🔥 Performance" },
+            { type: "chore", section: "🏡 Chore" },
+            { type: "refactor", section: "🛠️ Refactors" },
+            { type: "docs", section: "📖 Documentation" },
+            { type: "test", section: "🧪 Tests" },
+            { type: "build", section: "📦 Builds" },
+            { type: "ci", section: "⚡CI" },
+          ],
+        },
+      },
+    ],
+    [
+      "@semantic-release/npm",
+      {
+        npmPublish: false,
+      },
+    ],
+    "@semantic-release/changelog",
+    "@semantic-release/git",
+    "@semantic-release/github",
+  ],
+};
diff --git a/wxt.config.ts b/wxt.config.ts
index 2ea62b9..f2839c4 100644
--- a/wxt.config.ts
+++ b/wxt.config.ts
@@ -2,6 +2,7 @@ import tailwindcss from "@tailwindcss/vite";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "wxt";
+import pkg from "./package.json";
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({
@@ -57,13 +58,16 @@ export default defineConfig({
       if (wxt.config.mode === "development") {
         manifest.name += " (DEV)";
         manifest.version_name = `${manifest.version}-dev`;
-      } else if (wxt.config.mode === "canary") {
-        manifest.name += " (CANARY)";
-        const baseVersion = manifest.version;
-        const buildNr = Number(process.env.GITHUB_RUN_NUMBER ?? 0);
-        const commitHash = process.env.GITHUB_SHA?.slice(0, 7);
-        manifest.version = `${baseVersion}.${buildNr}`;
-        manifest.version_name = `${baseVersion}-canary${commitHash ? `.${commitHash}` : ""}${buildNr ? `+${buildNr}` : ""}`;
+      } else if (wxt.config.mode === "pre-release") {
+        const versionMatch = pkg.version.match(/^(?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)-(?<distributionChannel>beta|alpha|canary)\.(?<preReleaseIdentifier>\d+)$/);
+        if (!versionMatch?.groups) {
+          throw new Error("Invalid version format for pre-release build. Expected format x.x.x-channel.x (e.g. 1.0.0-beta.1)");
+        }
+        const { major, minor, patch, distributionChannel, preReleaseIdentifier } = versionMatch.groups;
+        const build = (distributionChannel === "beta" ? 2000 : distributionChannel === "alpha" ? 1000 : 0) + Number(preReleaseIdentifier);
+        manifest.name += ` (${distributionChannel.toUpperCase()})`;
+        manifest.version = `${major}.${minor}.${patch}.${build}`;
+        manifest.version_name = pkg.version;
       }
     },
   },

From fade8829942707b295cc1be8d097cb1f1cd53495 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:38:06 +0100
Subject: [PATCH 42/55] chore: Enforce next release version to v2.0.0

BREAKING CHANGE: The next release should be a major version bump
---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 0e271f4..fdd4418 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,7 @@
 [![Semantic-Release](https://img.shields.io/badge/semantic--release-conventional%20commits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
 ![Release Version](https://img.shields.io/github/v/release/CrawlerCode/redmine-time-tracking?logo=github)
 ![GitHub Release Date](https://img.shields.io/github/release-date/CrawlerCode/redmine-time-tracking?logo=github)
+![Pre-Release Version](https://img.shields.io/github/v/release/CrawlerCode/redmine-time-tracking?include_prereleases&logo=github&label=pre-release)
 
 ![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/ldcanhhkffokndenejhafhlkapflgcjg?logo=google-chrome&logoColor=white)
 ![Chrome Web Store Users](https://img.shields.io/chrome-web-store/users/ldcanhhkffokndenejhafhlkapflgcjg?logo=google-chrome&logoColor=white)

From b2581273458b746db76934de6ee5ba102fe1fb80 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 27 Jan 2026 19:07:20 +0100
Subject: [PATCH 43/55] chore(release): 2.0.0-beta.1 [skip ci]
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## [2.0.0-beta.1](https://github.com/CrawlerCode/redmine-time-tracking/compare/v1.21.2...v2.0.0-beta.1) (2026-01-27)

### ⚠ BREAKING CHANGES

* The next release should be a major version bump

### 🚀 Features

* Add project info tooltip ([f2a1c80](https://github.com/CrawlerCode/redmine-time-tracking/commit/f2a1c809e57c9c73cf17b7a500219916f2054fe2))
* Allow to specify the rounding mode ([#49](https://github.com/CrawlerCode/redmine-time-tracking/issues/49)) ([2c0322b](https://github.com/CrawlerCode/redmine-time-tracking/commit/2c0322bf5bc70a07c217502c1beacc06c99f05a4))
* Display custom field values for info tooltips ([2d2bef8](https://github.com/CrawlerCode/redmine-time-tracking/commit/2d2bef89ffc3e56ec51cb80386badc6345a8ca95))
* Enhance issue grouping ([#38](https://github.com/CrawlerCode/redmine-time-tracking/issues/38)) ([e2a5a98](https://github.com/CrawlerCode/redmine-time-tracking/commit/e2a5a98f33240db32a19b3b563efd85fec7aed2a))
* Enhance search ([#51](https://github.com/CrawlerCode/redmine-time-tracking/issues/51)) ([770fa4b](https://github.com/CrawlerCode/redmine-time-tracking/commit/770fa4b9035bf6556073e49e4e1836ab12cd0312)), closes [#46](https://github.com/CrawlerCode/redmine-time-tracking/issues/46)
* **filter:** Add issue status filter ([e7807e2](https://github.com/CrawlerCode/redmine-time-tracking/commit/e7807e28a770bb2ee74719f49c75a982ed17859c))
* Multiple timers & timer tab ([bd55541](https://github.com/CrawlerCode/redmine-time-tracking/commit/bd55541bf7ccaed7cbb4668ec92a847e0d3e6db8)), closes [#39](https://github.com/CrawlerCode/redmine-time-tracking/issues/39)
* **timers:** Group timers by project and sort them by newest first ([d66aa6a](https://github.com/CrawlerCode/redmine-time-tracking/commit/d66aa6ad7e41d1561941d505644db84d4396aa14))

### 🩹 Fixes

* Display translated error message until redmine url is configured and remove errors toasts ([4c2d534](https://github.com/CrawlerCode/redmine-time-tracking/commit/4c2d53472d1152baac70f02d8813ac31601d0c80))
* Fix broken persistent comments behavior ([6121441](https://github.com/CrawlerCode/redmine-time-tracking/commit/612144169252cabf7a6417380da19e9f4b9b207b))
* Fix default time entry activity selection ([946c4b6](https://github.com/CrawlerCode/redmine-time-tracking/commit/946c4b634fdb7d842b1e5b33031f338caae34ec4))
* Fix eslint errors ([a245275](https://github.com/CrawlerCode/redmine-time-tracking/commit/a24527525f93f831bf106743f6570dfe9ab58381))
* Fix legacy settings migrations ([1336e31](https://github.com/CrawlerCode/redmine-time-tracking/commit/1336e316450d78d6addc601cfff0f1279628b41f))
* Handle issue priorities when no default is specified ([899c21a](https://github.com/CrawlerCode/redmine-time-tracking/commit/899c21aca56b74526b01d4d282135c69d74a386c))
* Implement legacy data migrations for issues and timers ([c2fd501](https://github.com/CrawlerCode/redmine-time-tracking/commit/c2fd5017b8375ac114a36b141bb1fa4b697acdf3))
* Save persistent comments per timer instead of issue ([bff5fcf](https://github.com/CrawlerCode/redmine-time-tracking/commit/bff5fcfc26e6d09432346d582b6327bac8c6d2ef))
* Skip failed mutations for multi create time spend entires ([a019c16](https://github.com/CrawlerCode/redmine-time-tracking/commit/a019c168d7534bb553604a0e895dce73313db9ea))
* **timer:** Close alert dialog on reset confirm ([9e51a23](https://github.com/CrawlerCode/redmine-time-tracking/commit/9e51a23141cf2821fc85640f33d81471a7d2b467))
* **ui:** Display deleted issues as strike-through text ([90933a9](https://github.com/CrawlerCode/redmine-time-tracking/commit/90933a99d14d2684c17dc6552058ebe0b19a0cb3))
* **ui:** Fix toaster styles inside shadow root ([0319a42](https://github.com/CrawlerCode/redmine-time-tracking/commit/0319a42d50bd77cc0feee0e19f0dda11515c6520))
* Update min browser versions to match current requirements ([bd1e7d0](https://github.com/CrawlerCode/redmine-time-tracking/commit/bd1e7d01581bfaf1943f3a926434028aa0764e0f))

### 🔥 Performance

* Add react compiler and reduce unnecessary re-renders ([acb8551](https://github.com/CrawlerCode/redmine-time-tracking/commit/acb855150e0f9a38dc8b1445bdf55751f747e835))
* Improving data loading and increasing page loading speed ([#52](https://github.com/CrawlerCode/redmine-time-tracking/issues/52)) ([6b22f6b](https://github.com/CrawlerCode/redmine-time-tracking/commit/6b22f6b3629206e18bc45dd55299cf0a8bb111eb))

### 🏡 Chore

* Enforce next release version to v2.0.0 ([fade882](https://github.com/CrawlerCode/redmine-time-tracking/commit/fade8829942707b295cc1be8d097cb1f1cd53495))
* Update npm dependencies ([6c806b9](https://github.com/CrawlerCode/redmine-time-tracking/commit/6c806b9e24c688c8b07aa688424cf04f01920cc0))

### 🛠️ Refactors

* Improve create time entry modal ([49f6eb6](https://github.com/CrawlerCode/redmine-time-tracking/commit/49f6eb6cec9bb43337fce87abd6407465e4011d4))
* Move to tanstack form + zod (removed formik + yup) ([60b9e43](https://github.com/CrawlerCode/redmine-time-tracking/commit/60b9e430fccc30567ad07dffaf367ecdb68eb195))
* Remove add notes settings option ([4c3733c](https://github.com/CrawlerCode/redmine-time-tracking/commit/4c3733c1523f6855ccedaca4b6c2ad97b3c0f185))
* Run settings migration on extension update ([840f48d](https://github.com/CrawlerCode/redmine-time-tracking/commit/840f48d890553c677f4cbef8d5eaba0d3296f8b4))
* **settings:** Redesign settings page and add testing redmine connection button ([3a65610](https://github.com/CrawlerCode/redmine-time-tracking/commit/3a6561014ddd14a04fdcef07776a18637dbc7607))
* **timer:** Refactor timer components and permission improvements ([0b32d3e](https://github.com/CrawlerCode/redmine-time-tracking/commit/0b32d3eb435be2aafe4d476070afad029a686fc1))
* **ui:** Migrate to shadcn components ([#48](https://github.com/CrawlerCode/redmine-time-tracking/issues/48)) ([274e220](https://github.com/CrawlerCode/redmine-time-tracking/commit/274e220fa43123c8f204a844b1c50c4530dcf9f8))
* **ui:** Move to shadcn base-ui components ([#57](https://github.com/CrawlerCode/redmine-time-tracking/issues/57)) ([70994f0](https://github.com/CrawlerCode/redmine-time-tracking/commit/70994f015994a2f6bdef77ca10547fce65cb0e93))
* Upgrade tailwindcss to v4 ([aa42fbb](https://github.com/CrawlerCode/redmine-time-tracking/commit/aa42fbb4eaf1a32293fc59f771ee28bf3fe1ce0f))
* Use null as form default values and update zod to v4 ([cd2f4d8](https://github.com/CrawlerCode/redmine-time-tracking/commit/cd2f4d8a97c4056ae9b53a776c287b4f6134ca73))
* Use only project id for permission check function ([b31c12f](https://github.com/CrawlerCode/redmine-time-tracking/commit/b31c12f9f2e1c2ec868da4f391bb26cee9f823d8))

### 📖 Documentation

* **license:** Update license text for consistency ([37a0ebf](https://github.com/CrawlerCode/redmine-time-tracking/commit/37a0ebf72b6e1701d26db0129385232a771e9d26))

### 🧪 Tests

* Fix all e2e tests ([c46486f](https://github.com/CrawlerCode/redmine-time-tracking/commit/c46486f666442e249c1626cb6811a654147062f3))

### 📦 Builds

* Migrate to wxt framework ([#53](https://github.com/CrawlerCode/redmine-time-tracking/issues/53)) ([a83bf30](https://github.com/CrawlerCode/redmine-time-tracking/commit/a83bf3074e9228c57c7672e00e6cf83fab670b0b))

### ⚡CI

* Add build number for canary version ([df1d96c](https://github.com/CrawlerCode/redmine-time-tracking/commit/df1d96ce75f6f623cc20ef6bfcb3fef8e12646aa))
* Add semantic release ([2ca9621](https://github.com/CrawlerCode/redmine-time-tracking/commit/2ca962157af3027b3600642d283ba45ba931d3c8))
---
 CHANGELOG.md | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 package.json |  2 +-
 2 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 CHANGELOG.md

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..862df47
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,73 @@
+## [2.0.0-beta.1](https://github.com/CrawlerCode/redmine-time-tracking/compare/v1.21.2...v2.0.0-beta.1) (2026-01-27)
+
+### ⚠ BREAKING CHANGES
+
+* The next release should be a major version bump
+
+### 🚀 Features
+
+* Add project info tooltip ([f2a1c80](https://github.com/CrawlerCode/redmine-time-tracking/commit/f2a1c809e57c9c73cf17b7a500219916f2054fe2))
+* Allow to specify the rounding mode ([#49](https://github.com/CrawlerCode/redmine-time-tracking/issues/49)) ([2c0322b](https://github.com/CrawlerCode/redmine-time-tracking/commit/2c0322bf5bc70a07c217502c1beacc06c99f05a4))
+* Display custom field values for info tooltips ([2d2bef8](https://github.com/CrawlerCode/redmine-time-tracking/commit/2d2bef89ffc3e56ec51cb80386badc6345a8ca95))
+* Enhance issue grouping ([#38](https://github.com/CrawlerCode/redmine-time-tracking/issues/38)) ([e2a5a98](https://github.com/CrawlerCode/redmine-time-tracking/commit/e2a5a98f33240db32a19b3b563efd85fec7aed2a))
+* Enhance search ([#51](https://github.com/CrawlerCode/redmine-time-tracking/issues/51)) ([770fa4b](https://github.com/CrawlerCode/redmine-time-tracking/commit/770fa4b9035bf6556073e49e4e1836ab12cd0312)), closes [#46](https://github.com/CrawlerCode/redmine-time-tracking/issues/46)
+* **filter:** Add issue status filter ([e7807e2](https://github.com/CrawlerCode/redmine-time-tracking/commit/e7807e28a770bb2ee74719f49c75a982ed17859c))
+* Multiple timers & timer tab ([bd55541](https://github.com/CrawlerCode/redmine-time-tracking/commit/bd55541bf7ccaed7cbb4668ec92a847e0d3e6db8)), closes [#39](https://github.com/CrawlerCode/redmine-time-tracking/issues/39)
+* **timers:** Group timers by project and sort them by newest first ([d66aa6a](https://github.com/CrawlerCode/redmine-time-tracking/commit/d66aa6ad7e41d1561941d505644db84d4396aa14))
+
+### 🩹 Fixes
+
+* Display translated error message until redmine url is configured and remove errors toasts ([4c2d534](https://github.com/CrawlerCode/redmine-time-tracking/commit/4c2d53472d1152baac70f02d8813ac31601d0c80))
+* Fix broken persistent comments behavior ([6121441](https://github.com/CrawlerCode/redmine-time-tracking/commit/612144169252cabf7a6417380da19e9f4b9b207b))
+* Fix default time entry activity selection ([946c4b6](https://github.com/CrawlerCode/redmine-time-tracking/commit/946c4b634fdb7d842b1e5b33031f338caae34ec4))
+* Fix eslint errors ([a245275](https://github.com/CrawlerCode/redmine-time-tracking/commit/a24527525f93f831bf106743f6570dfe9ab58381))
+* Fix legacy settings migrations ([1336e31](https://github.com/CrawlerCode/redmine-time-tracking/commit/1336e316450d78d6addc601cfff0f1279628b41f))
+* Handle issue priorities when no default is specified ([899c21a](https://github.com/CrawlerCode/redmine-time-tracking/commit/899c21aca56b74526b01d4d282135c69d74a386c))
+* Implement legacy data migrations for issues and timers ([c2fd501](https://github.com/CrawlerCode/redmine-time-tracking/commit/c2fd5017b8375ac114a36b141bb1fa4b697acdf3))
+* Save persistent comments per timer instead of issue ([bff5fcf](https://github.com/CrawlerCode/redmine-time-tracking/commit/bff5fcfc26e6d09432346d582b6327bac8c6d2ef))
+* Skip failed mutations for multi create time spend entires ([a019c16](https://github.com/CrawlerCode/redmine-time-tracking/commit/a019c168d7534bb553604a0e895dce73313db9ea))
+* **timer:** Close alert dialog on reset confirm ([9e51a23](https://github.com/CrawlerCode/redmine-time-tracking/commit/9e51a23141cf2821fc85640f33d81471a7d2b467))
+* **ui:** Display deleted issues as strike-through text ([90933a9](https://github.com/CrawlerCode/redmine-time-tracking/commit/90933a99d14d2684c17dc6552058ebe0b19a0cb3))
+* **ui:** Fix toaster styles inside shadow root ([0319a42](https://github.com/CrawlerCode/redmine-time-tracking/commit/0319a42d50bd77cc0feee0e19f0dda11515c6520))
+* Update min browser versions to match current requirements ([bd1e7d0](https://github.com/CrawlerCode/redmine-time-tracking/commit/bd1e7d01581bfaf1943f3a926434028aa0764e0f))
+
+### 🔥 Performance
+
+* Add react compiler and reduce unnecessary re-renders ([acb8551](https://github.com/CrawlerCode/redmine-time-tracking/commit/acb855150e0f9a38dc8b1445bdf55751f747e835))
+* Improving data loading and increasing page loading speed ([#52](https://github.com/CrawlerCode/redmine-time-tracking/issues/52)) ([6b22f6b](https://github.com/CrawlerCode/redmine-time-tracking/commit/6b22f6b3629206e18bc45dd55299cf0a8bb111eb))
+
+### 🏡 Chore
+
+* Enforce next release version to v2.0.0 ([fade882](https://github.com/CrawlerCode/redmine-time-tracking/commit/fade8829942707b295cc1be8d097cb1f1cd53495))
+* Update npm dependencies ([6c806b9](https://github.com/CrawlerCode/redmine-time-tracking/commit/6c806b9e24c688c8b07aa688424cf04f01920cc0))
+
+### 🛠️ Refactors
+
+* Improve create time entry modal ([49f6eb6](https://github.com/CrawlerCode/redmine-time-tracking/commit/49f6eb6cec9bb43337fce87abd6407465e4011d4))
+* Move to tanstack form + zod (removed formik + yup) ([60b9e43](https://github.com/CrawlerCode/redmine-time-tracking/commit/60b9e430fccc30567ad07dffaf367ecdb68eb195))
+* Remove add notes settings option ([4c3733c](https://github.com/CrawlerCode/redmine-time-tracking/commit/4c3733c1523f6855ccedaca4b6c2ad97b3c0f185))
+* Run settings migration on extension update ([840f48d](https://github.com/CrawlerCode/redmine-time-tracking/commit/840f48d890553c677f4cbef8d5eaba0d3296f8b4))
+* **settings:** Redesign settings page and add testing redmine connection button ([3a65610](https://github.com/CrawlerCode/redmine-time-tracking/commit/3a6561014ddd14a04fdcef07776a18637dbc7607))
+* **timer:** Refactor timer components and permission improvements ([0b32d3e](https://github.com/CrawlerCode/redmine-time-tracking/commit/0b32d3eb435be2aafe4d476070afad029a686fc1))
+* **ui:** Migrate to shadcn components ([#48](https://github.com/CrawlerCode/redmine-time-tracking/issues/48)) ([274e220](https://github.com/CrawlerCode/redmine-time-tracking/commit/274e220fa43123c8f204a844b1c50c4530dcf9f8))
+* **ui:** Move to shadcn base-ui components ([#57](https://github.com/CrawlerCode/redmine-time-tracking/issues/57)) ([70994f0](https://github.com/CrawlerCode/redmine-time-tracking/commit/70994f015994a2f6bdef77ca10547fce65cb0e93))
+* Upgrade tailwindcss to v4 ([aa42fbb](https://github.com/CrawlerCode/redmine-time-tracking/commit/aa42fbb4eaf1a32293fc59f771ee28bf3fe1ce0f))
+* Use null as form default values and update zod to v4 ([cd2f4d8](https://github.com/CrawlerCode/redmine-time-tracking/commit/cd2f4d8a97c4056ae9b53a776c287b4f6134ca73))
+* Use only project id for permission check function ([b31c12f](https://github.com/CrawlerCode/redmine-time-tracking/commit/b31c12f9f2e1c2ec868da4f391bb26cee9f823d8))
+
+### 📖 Documentation
+
+* **license:** Update license text for consistency ([37a0ebf](https://github.com/CrawlerCode/redmine-time-tracking/commit/37a0ebf72b6e1701d26db0129385232a771e9d26))
+
+### 🧪 Tests
+
+* Fix all e2e tests ([c46486f](https://github.com/CrawlerCode/redmine-time-tracking/commit/c46486f666442e249c1626cb6811a654147062f3))
+
+### 📦 Builds
+
+* Migrate to wxt framework ([#53](https://github.com/CrawlerCode/redmine-time-tracking/issues/53)) ([a83bf30](https://github.com/CrawlerCode/redmine-time-tracking/commit/a83bf3074e9228c57c7672e00e6cf83fab670b0b))
+
+### ⚡CI
+
+* Add build number for canary version ([df1d96c](https://github.com/CrawlerCode/redmine-time-tracking/commit/df1d96ce75f6f623cc20ef6bfcb3fef8e12646aa))
+* Add semantic release ([2ca9621](https://github.com/CrawlerCode/redmine-time-tracking/commit/2ca962157af3027b3600642d283ba45ba931d3c8))
diff --git a/package.json b/package.json
index ae48c7a..b19dd2d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "redmine-time-tracking",
   "description": "Redmine Time Tracking",
-  "version": "2.0.0",
+  "version": "2.0.0-beta.1",
   "author": {
     "name": "CrawlerCode",
     "email": "crawlercode@outlook.de"

From 9855905c077172cec3c3c39853b309d0cb400179 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 19:25:15 +0100
Subject: [PATCH 44/55] ci: Publish production only for real releases not for
 pre-releases

---
 .github/workflows/publish.yml | 2 +-
 wxt.config.ts                 | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 0590733..1e1b687 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -3,7 +3,7 @@ name: Publish
 on:
   release:
     types:
-      - published
+      - released
 
 permissions:
   contents: write
diff --git a/wxt.config.ts b/wxt.config.ts
index f2839c4..a37d55c 100644
--- a/wxt.config.ts
+++ b/wxt.config.ts
@@ -58,10 +58,14 @@ export default defineConfig({
       if (wxt.config.mode === "development") {
         manifest.name += " (DEV)";
         manifest.version_name = `${manifest.version}-dev`;
+      } else if (wxt.config.mode === "production") {
+        if (!/^\d+\.\d+\.\d+$/.test(pkg.version)) {
+          throw new Error("Invalid version format for 'production' build. Expected format x.x.x (e.g. 1.0.0)");
+        }
       } else if (wxt.config.mode === "pre-release") {
         const versionMatch = pkg.version.match(/^(?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)-(?<distributionChannel>beta|alpha|canary)\.(?<preReleaseIdentifier>\d+)$/);
         if (!versionMatch?.groups) {
-          throw new Error("Invalid version format for pre-release build. Expected format x.x.x-channel.x (e.g. 1.0.0-beta.1)");
+          throw new Error("Invalid version format for 'pre-release' build. Expected format x.x.x-channel.x (e.g. 1.0.0-beta.1)");
         }
         const { major, minor, patch, distributionChannel, preReleaseIdentifier } = versionMatch.groups;
         const build = (distributionChannel === "beta" ? 2000 : distributionChannel === "alpha" ? 1000 : 0) + Number(preReleaseIdentifier);

From ac8f1327ef3636142c112d57a7912d8fdea7c7d3 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 19:25:53 +0100
Subject: [PATCH 45/55] ci: Fix pre-release asset upload

---
 .github/workflows/publish-pre-release.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/publish-pre-release.yml b/.github/workflows/publish-pre-release.yml
index f4f5d51..314254c 100644
--- a/.github/workflows/publish-pre-release.yml
+++ b/.github/workflows/publish-pre-release.yml
@@ -10,7 +10,7 @@ permissions:
 
 jobs:
   publish-chrome-pre-release:
-    name: Publish to Chrome Web Store
+    name: Publish Pre-Release to Chrome Web Store
     runs-on: ubuntu-latest
 
     steps:
@@ -27,6 +27,8 @@ jobs:
       - run: pnpm run zip:chrome --mode pre-release
 
       - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
+        env:
+          GITHUB_TOKEN: ${{ github.TOKEN }}
 
       - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
         env:

From 6f800bd82bd7fcb3cf806fddc372b3ff20ef4cc0 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 19:45:29 +0100
Subject: [PATCH 46/55] chore(deps): Update dependencies

---
 package.json   |  26 +--
 pnpm-lock.yaml | 434 +++++++++++++++++++++++++------------------------
 2 files changed, 239 insertions(+), 221 deletions(-)

diff --git a/package.json b/package.json
index b19dd2d..a284763 100644
--- a/package.json
+++ b/package.json
@@ -29,22 +29,22 @@
   "dependencies": {
     "@base-ui/react": "^1.1.0",
     "@tanstack/query-async-storage-persister": "^5.90.22",
-    "@tanstack/react-form": "^1.27.7",
+    "@tanstack/react-form": "^1.28.0",
     "@tanstack/react-query": "^5.90.20",
     "@tanstack/react-query-devtools": "^5.91.2",
     "@tanstack/react-query-persist-client": "^5.90.22",
-    "@tanstack/react-router": "^1.157.4",
-    "axios": "^1.13.2",
+    "@tanstack/react-router": "^1.157.16",
+    "axios": "^1.13.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "country-flag-icons": "^1.6.8",
+    "country-flag-icons": "^1.6.12",
     "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
     "lucide-react": "^0.563.0",
     "qs": "^6.14.1",
-    "react": "^19.2.3",
+    "react": "^19.2.4",
     "react-day-picker": "^9.13.0",
-    "react-dom": "^19.2.3",
+    "react-dom": "^19.2.4",
     "react-intl": "^8.1.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
@@ -59,14 +59,14 @@
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/eslint-plugin-query": "^5.91.3",
     "@tanstack/eslint-plugin-router": "^1.155.0",
-    "@tanstack/router-plugin": "^1.157.4",
+    "@tanstack/router-plugin": "^1.157.16",
     "@types/chrome": "^0.1.36",
     "@types/node": "^24.10.9",
     "@types/qs": "^6.14.0",
-    "@types/react": "^19.2.9",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.53.1",
-    "@typescript-eslint/parser": "^8.53.1",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "@vitejs/plugin-react": "^5.1.2",
     "babel-plugin-react-compiler": "1.0.0",
     "conventional-changelog-conventionalcommits": "^9.1.0",
@@ -77,7 +77,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-tailwindcss": "^3.18.2",
-    "globals": "^17.1.0",
+    "globals": "^17.2.0",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "semantic-release": "^25.0.2",
@@ -86,11 +86,11 @@
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.1",
+    "typescript-eslint": "^8.54.0",
     "vite": "^7.3.1",
     "wxt": "^0.20.13"
   },
-  "packageManager": "pnpm@10.28.1",
+  "packageManager": "pnpm@10.28.2",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@tailwindcss/oxide",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 151d122..8c80ba8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,28 +15,28 @@ importers:
     dependencies:
       '@base-ui/react':
         specifier: ^1.1.0
-        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/query-async-storage-persister':
         specifier: ^5.90.22
         version: 5.90.22
       '@tanstack/react-form':
-        specifier: ^1.27.7
-        version: 1.27.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^1.28.0
+        version: 1.28.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.90.20
-        version: 5.90.20(react@19.2.3)
+        version: 5.90.20(react@19.2.4)
       '@tanstack/react-query-devtools':
         specifier: ^5.91.2
-        version: 5.91.2(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)
+        version: 5.91.2(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query-persist-client':
         specifier: ^5.90.22
-        version: 5.90.22(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)
+        version: 5.90.22(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)
       '@tanstack/react-router':
-        specifier: ^1.157.4
-        version: 1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: ^1.157.16
+        version: 1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
-        specifier: ^1.13.2
-        version: 1.13.2
+        specifier: ^1.13.4
+        version: 1.13.4
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -44,8 +44,8 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       country-flag-icons:
-        specifier: ^1.6.8
-        version: 1.6.8
+        specifier: ^1.6.12
+        version: 1.6.12
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -54,25 +54,25 @@ importers:
         version: 4.3.1
       lucide-react:
         specifier: ^0.563.0
-        version: 0.563.0(react@19.2.3)
+        version: 0.563.0(react@19.2.4)
       qs:
         specifier: ^6.14.1
         version: 6.14.1
       react:
-        specifier: ^19.2.3
-        version: 19.2.3
+        specifier: ^19.2.4
+        version: 19.2.4
       react-day-picker:
         specifier: ^9.13.0
-        version: 9.13.0(react@19.2.3)
+        version: 9.13.0(react@19.2.4)
       react-dom:
-        specifier: ^19.2.3
-        version: 19.2.3(react@19.2.3)
+        specifier: ^19.2.4
+        version: 19.2.4(react@19.2.4)
       react-intl:
         specifier: ^8.1.1
-        version: 8.1.1(@types/react@19.2.9)(react@19.2.3)(typescript@5.9.3)
+        version: 8.1.1(@types/react@19.2.10)(react@19.2.4)(typescript@5.9.3)
       sonner:
         specifier: ^2.0.7
-        version: 2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwind-merge:
         specifier: ^3.4.0
         version: 3.4.0
@@ -105,8 +105,8 @@ importers:
         specifier: ^1.155.0
         version: 1.155.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@tanstack/router-plugin':
-        specifier: ^1.157.4
-        version: 1.157.4(@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^1.157.16
+        version: 1.157.16(@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@types/chrome':
         specifier: ^0.1.36
         version: 0.1.36
@@ -117,17 +117,17 @@ importers:
         specifier: ^6.14.0
         version: 6.14.0
       '@types/react':
-        specifier: ^19.2.9
-        version: 19.2.9
+        specifier: ^19.2.10
+        version: 19.2.10
       '@types/react-dom':
         specifier: ^19.2.3
-        version: 19.2.3(@types/react@19.2.9)
+        version: 19.2.3(@types/react@19.2.10)
       '@typescript-eslint/eslint-plugin':
-        specifier: ^8.53.1
-        version: 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.54.0
+        version: 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser':
-        specifier: ^8.53.1
-        version: 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.54.0
+        version: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@vitejs/plugin-react':
         specifier: ^5.1.2
         version: 5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
@@ -159,8 +159,8 @@ importers:
         specifier: ^3.18.2
         version: 3.18.2(tailwindcss@4.1.18)
       globals:
-        specifier: ^17.1.0
-        version: 17.1.0
+        specifier: ^17.2.0
+        version: 17.2.0
       prettier:
         specifier: ^3.8.1
         version: 3.8.1
@@ -186,8 +186,8 @@ importers:
         specifier: ^5.9.3
         version: 5.9.3
       typescript-eslint:
-        specifier: ^8.53.1
-        version: 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.54.0
+        version: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       vite:
         specifier: ^7.3.1
         version: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
@@ -928,89 +928,105 @@ packages:
     resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linux-arm@1.2.4':
     resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linux-ppc64@1.2.4':
     resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linux-riscv64@1.2.4':
     resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linux-s390x@1.2.4':
     resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linux-x64@1.2.4':
     resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
     resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@img/sharp-libvips-linuxmusl-x64@1.2.4':
     resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@img/sharp-linux-arm64@0.34.5':
     resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linux-arm@0.34.5':
     resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linux-ppc64@0.34.5':
     resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linux-riscv64@0.34.5':
     resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linux-s390x@0.34.5':
     resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linux-x64@0.34.5':
     resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@img/sharp-linuxmusl-arm64@0.34.5':
     resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@img/sharp-linuxmusl-x64@0.34.5':
     resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@img/sharp-wasm32@0.34.5':
     resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
@@ -1257,56 +1273,67 @@ packages:
     resolution: {integrity: sha512-UPMMNeC4LXW7ZSHxeP3Edv09aLsFUMaD1TSVW6n1CWMECnUIJMFFB7+XC2lZTdPtvB36tYC0cJWc86mzSsaviw==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.53.4':
     resolution: {integrity: sha512-H8uwlV0otHs5Q7WAMSoyvjV9DJPiy5nJ/xnHolY0QptLPjaSsuX7tw+SPIfiYH6cnVx3fe4EWFafo6gH6ekZKA==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.53.4':
     resolution: {integrity: sha512-BLRwSRwICXz0TXkbIbqJ1ibK+/dSBpTJqDClF61GWIrxTXZWQE78ROeIhgl5MjVs4B4gSLPCFeD4xML9vbzvCQ==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.53.4':
     resolution: {integrity: sha512-6bySEjOTbmVcPJAywjpGLckK793A0TJWSbIa0sVwtVGfe/Nz6gOWHOwkshUIAp9j7wg2WKcA4Snu7Y1nUZyQew==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.53.4':
     resolution: {integrity: sha512-U0ow3bXYJZ5MIbchVusxEycBw7bO6C2u5UvD31i5IMTrnt2p4Fh4ZbHSdc/31TScIJQYHwxbj05BpevB3201ug==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-gnu@4.53.4':
     resolution: {integrity: sha512-iujDk07ZNwGLVn0YIWM80SFN039bHZHCdCCuX9nyx3Jsa2d9V/0Y32F+YadzwbvDxhSeVo9zefkoPnXEImnM5w==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.53.4':
     resolution: {integrity: sha512-MUtAktiOUSu+AXBpx1fkuG/Bi5rhlorGs3lw5QeJ2X3ziEGAq7vFNdWVde6XGaVqi0LGSvugwjoxSNJfHFTC0g==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.53.4':
     resolution: {integrity: sha512-btm35eAbDfPtcFEgaXCI5l3c2WXyzwiE8pArhd66SDtoLWmgK5/M7CUxmUglkwtniPzwvWioBKKl6IXLbPf2sQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.53.4':
     resolution: {integrity: sha512-uJlhKE9ccUTCUlK+HUz/80cVtx2RayadC5ldDrrDUFaJK0SNb8/cCmC9RhBhIWuZ71Nqj4Uoa9+xljKWRogdhA==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.53.4':
     resolution: {integrity: sha512-jjEMkzvASQBbzzlzf4os7nzSBd/cvPrpqXCUOqoeCh1dQ4BP3RZCJk8XBeik4MUln3m+8LeTJcY54C/u8wb3DQ==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.53.4':
     resolution: {integrity: sha512-lu90KG06NNH19shC5rBPkrh6mrTpq5kviFylPBXQVpdEu0yzb0mDgyxLr6XdcGdBIQTH/UAhDJnL+APZTBu1aQ==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openharmony-arm64@4.53.4':
     resolution: {integrity: sha512-dFDcmLwsUzhAm/dn0+dMOQZoONVYBtgik0VuY/d5IJUUb787L3Ko/ibvTvddqhb3RaB7vFEozYevHN4ox22R/w==}
@@ -1426,24 +1453,28 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-arm64-musl@4.1.18':
     resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-linux-x64-gnu@4.1.18':
     resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tailwindcss/oxide-linux-x64-musl@4.1.18':
     resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@tailwindcss/oxide-wasm32-wasi@4.1.18':
     resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
@@ -1492,8 +1523,8 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@tanstack/form-core@1.27.7':
-    resolution: {integrity: sha512-nvogpyE98fhb0NDw1Bf2YaCH+L7ZIUgEpqO9TkHucDn6zg3ni521boUpv0i8HKIrmmFwDYjWZoCnrgY4HYWTkw==}
+  '@tanstack/form-core@1.28.0':
+    resolution: {integrity: sha512-MX3YveB6SKHAJ2yUwp+Ca/PCguub8bVEnLcLUbFLwdkSRMkP0lMGdaZl+F0JuEgZw56c6iFoRyfILhS7OQpydA==}
 
   '@tanstack/history@1.154.14':
     resolution: {integrity: sha512-xyIfof8eHBuub1CkBnbKNKQXeRZC4dClhmzePHVOEel4G7lk/dW+TQ16da7CFdeNLv6u6Owf5VoBQxoo6DFTSA==}
@@ -1515,8 +1546,8 @@ packages:
   '@tanstack/query-persist-client-core@5.91.19':
     resolution: {integrity: sha512-whrASqbVq8261Ue+/ZzpHsrLDYVfRaENs4HTdLuYKxawkGWzdMfV7BmOdWl8ZF0mEBEbrQR8V6oE3R635JF2Fw==}
 
-  '@tanstack/react-form@1.27.7':
-    resolution: {integrity: sha512-xTg4qrUY0fuLaSnkATLZcK3BWlnwLp7IuAb6UTbZKngiDEvvDCNTvVvHgPlgef1O2qN4klZxInRyRY6oEkXZ2A==}
+  '@tanstack/react-form@1.28.0':
+    resolution: {integrity: sha512-ibLcf5QkTogV0Ly944CuqGxWTpHyreNA4Cy8Wtky7zE9wtE3HVapQt4/hUuXo51zihfTkv5URiXpoTSKF5Xosg==}
     peerDependencies:
       '@tanstack/react-start': '*'
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -1541,8 +1572,8 @@ packages:
     peerDependencies:
       react: ^18 || ^19
 
-  '@tanstack/react-router@1.157.4':
-    resolution: {integrity: sha512-TCfefBpOJaPylsRgFPFdwoE2z303ILJupeoiNIZeSvioUhN/6Jg1o2lZh0mZOJ4QQwqdVQB28BnN+dijZ4VM9w==}
+  '@tanstack/react-router@1.157.16':
+    resolution: {integrity: sha512-xwFQa7S7dhBhm3aJYwU79cITEYgAKSrcL6wokaROIvl2JyIeazn8jueWqUPJzFjv+QF6Q8euKRlKUEyb5q2ymg==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=18.0.0 || >=19.0.0'
@@ -1554,20 +1585,20 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tanstack/router-core@1.157.4':
-    resolution: {integrity: sha512-hoFTp19e65/jItOjDNnEubwtb2kFDBHu7WRJTxklisSqKOVjRv3NvT4azZNXa0qlIkWmldzLlzhOsE1y9KQT2A==}
+  '@tanstack/router-core@1.157.16':
+    resolution: {integrity: sha512-eJuVgM7KZYTTr4uPorbUzUflmljMVcaX2g6VvhITLnHmg9SBx9RAgtQ1HmT+72mzyIbRSlQ1q0fY/m+of/fosA==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-generator@1.157.4':
-    resolution: {integrity: sha512-1CxGxDQHr5Cmciuog6kJCtp0AFHs8vd39FqVPi3caySFbZM7Q5X5EyBg5XDq44OlHs3deev21LyKyixNMg10MA==}
+  '@tanstack/router-generator@1.157.16':
+    resolution: {integrity: sha512-Ae2M00VTFjjED7glSCi/mMLENRzhEym6NgjoOx7UVNbCC/rLU/5ASDe5VIlDa8QLEqP5Pj088Gi51gjmRuICvQ==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-plugin@1.157.4':
-    resolution: {integrity: sha512-yyRcoAkamfZYIKB3zna4a8LIabUC1zvEstqozx98UXLy1ZI1PIJJoLMIg3j8euoCAyOA0HT0QH1mXQj+1FXO9Q==}
+  '@tanstack/router-plugin@1.157.16':
+    resolution: {integrity: sha512-YQg7L06xyCJAYyrEJNZGAnDL8oChILU+G/eSDIwEfcWn5iLk+47x1Gcdxr82++47PWmOPhzuTo8edDQXWs7kAA==}
     engines: {node: '>=12'}
     peerDependencies:
       '@rsbuild/core': '>=1.0.2'
-      '@tanstack/react-router': ^1.157.4
+      '@tanstack/react-router': ^1.157.16
       vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
       vite-plugin-solid: ^2.11.10
       webpack: '>=5.92.0'
@@ -1650,8 +1681,8 @@ packages:
     peerDependencies:
       '@types/react': ^19.2.0
 
-  '@types/react@19.2.9':
-    resolution: {integrity: sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA==}
+  '@types/react@19.2.10':
+    resolution: {integrity: sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==}
 
   '@types/statuses@2.0.6':
     resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
@@ -1659,16 +1690,16 @@ packages:
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
-  '@typescript-eslint/eslint-plugin@8.53.1':
-    resolution: {integrity: sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==}
+  '@typescript-eslint/eslint-plugin@8.54.0':
+    resolution: {integrity: sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.53.1
+      '@typescript-eslint/parser': ^8.54.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.53.1':
-    resolution: {integrity: sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==}
+  '@typescript-eslint/parser@8.54.0':
+    resolution: {integrity: sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1680,8 +1711,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.53.1':
-    resolution: {integrity: sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==}
+  '@typescript-eslint/project-service@8.54.0':
+    resolution: {integrity: sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -1690,8 +1721,8 @@ packages:
     resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/scope-manager@8.53.1':
-    resolution: {integrity: sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==}
+  '@typescript-eslint/scope-manager@8.54.0':
+    resolution: {integrity: sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/tsconfig-utils@8.48.1':
@@ -1700,14 +1731,14 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/tsconfig-utils@8.53.1':
-    resolution: {integrity: sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==}
+  '@typescript-eslint/tsconfig-utils@8.54.0':
+    resolution: {integrity: sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.53.1':
-    resolution: {integrity: sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==}
+  '@typescript-eslint/type-utils@8.54.0':
+    resolution: {integrity: sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1717,8 +1748,8 @@ packages:
     resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/types@8.53.1':
-    resolution: {integrity: sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==}
+  '@typescript-eslint/types@8.54.0':
+    resolution: {integrity: sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/typescript-estree@8.48.1':
@@ -1727,8 +1758,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/typescript-estree@8.53.1':
-    resolution: {integrity: sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==}
+  '@typescript-eslint/typescript-estree@8.54.0':
+    resolution: {integrity: sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -1740,8 +1771,8 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.53.1':
-    resolution: {integrity: sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==}
+  '@typescript-eslint/utils@8.54.0':
+    resolution: {integrity: sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1751,8 +1782,8 @@ packages:
     resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/visitor-keys@8.53.1':
-    resolution: {integrity: sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==}
+  '@typescript-eslint/visitor-keys@8.54.0':
+    resolution: {integrity: sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@vitejs/plugin-react@5.1.2':
@@ -1927,8 +1958,8 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axios@1.13.2:
-    resolution: {integrity: sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==}
+  axios@1.13.4:
+    resolution: {integrity: sha512-1wVkUaAO6WyaYtCkcYCOx12ZgpGf9Zif+qXa4n+oYzK558YryKqiL6UWwd5DqiH3VRW0GYhTZQ/vlgJrCoNQlg==}
 
   babel-dead-code-elimination@1.0.12:
     resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
@@ -2269,8 +2300,8 @@ packages:
       typescript:
         optional: true
 
-  country-flag-icons@1.6.8:
-    resolution: {integrity: sha512-VpRAbqZ+uUuC9OHgIZwqeDnWG4YwkD8s6jBZXlTK4WBYj3QXeS+/uCi4u2eAUdZ5eKjIAlkU5UYV/Z4RPvhYJg==}
+  country-flag-icons@1.6.12:
+    resolution: {integrity: sha512-tWxbBylam6Fkkg0nu+112jmny4WomHXgmdTQFobs/+evTyizSc06bCp//HAh4W1i+g1m06uqlbPuyLC5mrimkQ==}
 
   cross-env@10.1.0:
     resolution: {integrity: sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==}
@@ -2891,10 +2922,6 @@ packages:
     resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
     engines: {node: '>=18'}
 
-  get-intrinsic@1.2.7:
-    resolution: {integrity: sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==}
-    engines: {node: '>= 0.4'}
-
   get-intrinsic@1.3.0:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
@@ -2959,8 +2986,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@17.1.0:
-    resolution: {integrity: sha512-8HoIcWI5fCvG5NADj4bDav+er9B9JMj2vyL2pI8D0eismKyUvPLTSs+Ln3wqhwcp306i73iyVnEKx3F6T47TGw==}
+  globals@17.2.0:
+    resolution: {integrity: sha512-tovnCz/fEq+Ripoq+p/gN1u7l6A7wwkoBT9pRCzTHzsD/LvADIzXZdjmRymh5Ztf0DYC3Rwg5cZRYjxzBmzbWg==}
     engines: {node: '>=18'}
 
   globalthis@1.0.4:
@@ -3542,24 +3569,28 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-arm64-musl@1.30.2:
     resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-linux-x64-gnu@1.30.2:
     resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.30.2:
     resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-win32-arm64-msvc@1.30.2:
     resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
@@ -4396,10 +4427,10 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
-  react-dom@19.2.3:
-    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
+  react-dom@19.2.4:
+    resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
     peerDependencies:
-      react: ^19.2.3
+      react: ^19.2.4
 
   react-intl@8.1.1:
     resolution: {integrity: sha512-mXqmFZ5SCvUk1NUgRBBtCKPB8oPs0dLfWGhYf71FbP9XTF6UGdWQzkH5kE+iIu9twIqiomiLTOuNEymUH2S1IQ==}
@@ -4418,8 +4449,8 @@ packages:
     resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
 
-  react@19.2.3:
-    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
+  react@19.2.4:
+    resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
 
   read-package-up@11.0.0:
@@ -5028,8 +5059,8 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
-  typescript-eslint@8.53.1:
-    resolution: {integrity: sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==}
+  typescript-eslint@8.54.0:
+    resolution: {integrity: sha512-CKsJ+g53QpsNPqbzUsfKVgd3Lny4yKZ1pP4qN3jdMOg/sisIDLGyDMezycquXLE5JsEU0wp3dGNdzig0/fmSVQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -5610,7 +5641,7 @@ snapshots:
       '@babel/parser': 7.28.5
       '@babel/template': 7.27.2
       '@babel/types': 7.28.5
-      debug: 4.3.4
+      debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
 
@@ -5624,30 +5655,30 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
-      '@base-ui/utils': 0.2.4(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@base-ui/utils': 0.2.4(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@floating-ui/utils': 0.2.10
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
       reselect: 5.1.1
       tabbable: 6.4.0
-      use-sync-external-store: 1.6.0(react@19.2.3)
+      use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.9
+      '@types/react': 19.2.10
 
-  '@base-ui/utils@0.2.4(@types/react@19.2.9)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@base-ui/utils@0.2.4(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@babel/runtime': 7.28.4
       '@floating-ui/utils': 0.2.10
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
       reselect: 5.1.1
-      use-sync-external-store: 1.6.0(react@19.2.3)
+      use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.9
+      '@types/react': 19.2.10
 
   '@colors/colors@1.5.0':
     optional: true
@@ -5910,11 +5941,11 @@ snapshots:
       '@floating-ui/core': 1.7.3
       '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/react-dom@2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@floating-ui/react-dom@2.1.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@floating-ui/dom': 1.7.4
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
   '@floating-ui/utils@0.2.10': {}
 
@@ -6531,7 +6562,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@tanstack/form-core@1.27.7':
+  '@tanstack/form-core@1.28.0':
     dependencies:
       '@tanstack/devtools-event-client': 0.4.0
       '@tanstack/pacer-lite': 0.1.1
@@ -6554,50 +6585,50 @@ snapshots:
     dependencies:
       '@tanstack/query-core': 5.90.20
 
-  '@tanstack/react-form@1.27.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-form@1.28.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/form-core': 1.27.7
-      '@tanstack/react-store': 0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      react: 19.2.3
+      '@tanstack/form-core': 1.28.0
+      '@tanstack/react-store': 0.8.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      react: 19.2.4
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query-devtools@5.91.2(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-query-devtools@5.91.2(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/query-devtools': 5.92.0
-      '@tanstack/react-query': 5.90.20(react@19.2.3)
-      react: 19.2.3
+      '@tanstack/react-query': 5.90.20(react@19.2.4)
+      react: 19.2.4
 
-  '@tanstack/react-query-persist-client@5.90.22(@tanstack/react-query@5.90.20(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-query-persist-client@5.90.22(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/query-persist-client-core': 5.91.19
-      '@tanstack/react-query': 5.90.20(react@19.2.3)
-      react: 19.2.3
+      '@tanstack/react-query': 5.90.20(react@19.2.4)
+      react: 19.2.4
 
-  '@tanstack/react-query@5.90.20(react@19.2.3)':
+  '@tanstack/react-query@5.90.20(react@19.2.4)':
     dependencies:
       '@tanstack/query-core': 5.90.20
-      react: 19.2.3
+      react: 19.2.4
 
-  '@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/history': 1.154.14
-      '@tanstack/react-store': 0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@tanstack/router-core': 1.157.4
+      '@tanstack/react-store': 0.8.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@tanstack/router-core': 1.157.16
       isbot: 5.1.32
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
       tiny-invariant: 1.3.3
       tiny-warning: 1.0.3
 
-  '@tanstack/react-store@0.8.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@tanstack/react-store@0.8.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/store': 0.8.0
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-      use-sync-external-store: 1.6.0(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+      use-sync-external-store: 1.6.0(react@19.2.4)
 
-  '@tanstack/router-core@1.157.4':
+  '@tanstack/router-core@1.157.16':
     dependencies:
       '@tanstack/history': 1.154.14
       '@tanstack/store': 0.8.0
@@ -6607,9 +6638,9 @@ snapshots:
       tiny-invariant: 1.3.3
       tiny-warning: 1.0.3
 
-  '@tanstack/router-generator@1.157.4':
+  '@tanstack/router-generator@1.157.16':
     dependencies:
-      '@tanstack/router-core': 1.157.4
+      '@tanstack/router-core': 1.157.16
       '@tanstack/router-utils': 1.154.7
       '@tanstack/virtual-file-routes': 1.154.7
       prettier: 3.8.1
@@ -6620,7 +6651,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.157.4(@tanstack/react-router@1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tanstack/router-plugin@1.157.16(@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
@@ -6628,8 +6659,8 @@ snapshots:
       '@babel/template': 7.27.2
       '@babel/traverse': 7.28.5
       '@babel/types': 7.28.5
-      '@tanstack/router-core': 1.157.4
-      '@tanstack/router-generator': 1.157.4
+      '@tanstack/router-core': 1.157.16
+      '@tanstack/router-generator': 1.157.16
       '@tanstack/router-utils': 1.154.7
       '@tanstack/virtual-file-routes': 1.154.7
       babel-dead-code-elimination: 1.0.12
@@ -6637,7 +6668,7 @@ snapshots:
       unplugin: 2.3.11
       zod: 3.25.76
     optionalDependencies:
-      '@tanstack/react-router': 1.157.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@tanstack/react-router': 1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
@@ -6704,7 +6735,7 @@ snapshots:
 
   '@types/hoist-non-react-statics@3.3.1':
     dependencies:
-      '@types/react': 19.2.9
+      '@types/react': 19.2.10
       hoist-non-react-statics: 3.3.2
 
   '@types/json-schema@7.0.15': {}
@@ -6719,11 +6750,11 @@ snapshots:
 
   '@types/qs@6.14.0': {}
 
-  '@types/react-dom@19.2.3(@types/react@19.2.9)':
+  '@types/react-dom@19.2.3(@types/react@19.2.10)':
     dependencies:
-      '@types/react': 19.2.9
+      '@types/react': 19.2.10
 
-  '@types/react@19.2.9':
+  '@types/react@19.2.10':
     dependencies:
       csstype: 3.2.3
 
@@ -6731,14 +6762,14 @@ snapshots:
 
   '@types/validate-npm-package-name@4.0.2': {}
 
-  '@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.53.1
-      '@typescript-eslint/type-utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.53.1
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -6747,12 +6778,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.53.1
-      '@typescript-eslint/types': 8.53.1
-      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.53.1
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
@@ -6768,10 +6799,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.53.1(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -6782,24 +6813,24 @@ snapshots:
       '@typescript-eslint/types': 8.48.1
       '@typescript-eslint/visitor-keys': 8.48.1
 
-  '@typescript-eslint/scope-manager@8.53.1':
+  '@typescript-eslint/scope-manager@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.53.1
-      '@typescript-eslint/visitor-keys': 8.53.1
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
 
   '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/tsconfig-utils@8.53.1(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.54.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.53.1
-      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       ts-api-utils: 2.4.0(typescript@5.9.3)
@@ -6809,7 +6840,7 @@ snapshots:
 
   '@typescript-eslint/types@8.48.1': {}
 
-  '@typescript-eslint/types@8.53.1': {}
+  '@typescript-eslint/types@8.54.0': {}
 
   '@typescript-eslint/typescript-estree@8.48.1(typescript@5.9.3)':
     dependencies:
@@ -6826,12 +6857,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.53.1(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.54.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/types': 8.53.1
-      '@typescript-eslint/visitor-keys': 8.53.1
+      '@typescript-eslint/project-service': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/visitor-keys': 8.54.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
@@ -6852,12 +6883,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.53.1
-      '@typescript-eslint/types': 8.53.1
-      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.54.0
+      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -6868,9 +6899,9 @@ snapshots:
       '@typescript-eslint/types': 8.48.1
       eslint-visitor-keys: 4.2.1
 
-  '@typescript-eslint/visitor-keys@8.53.1':
+  '@typescript-eslint/visitor-keys@8.54.0':
     dependencies:
-      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/types': 8.54.0
       eslint-visitor-keys: 4.2.1
 
   '@vitejs/plugin-react@5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
@@ -7068,7 +7099,7 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axios@1.13.2:
+  axios@1.13.4:
     dependencies:
       follow-redirects: 1.15.6
       form-data: 4.0.5
@@ -7203,7 +7234,7 @@ snapshots:
   call-bound@1.0.3:
     dependencies:
       call-bind-apply-helpers: 1.0.1
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
 
   call-bound@1.0.4:
     dependencies:
@@ -7439,7 +7470,7 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  country-flag-icons@1.6.8: {}
+  country-flag-icons@1.6.12: {}
 
   cross-env@10.1.0:
     dependencies:
@@ -8200,19 +8231,6 @@ snapshots:
 
   get-east-asian-width@1.4.0: {}
 
-  get-intrinsic@1.2.7:
-    dependencies:
-      call-bind-apply-helpers: 1.0.1
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.0.0
-      function-bind: 1.1.2
-      get-proto: 1.0.1
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      hasown: 2.0.2
-      math-intrinsics: 1.1.0
-
   get-intrinsic@1.3.0:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -8290,7 +8308,7 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@17.1.0: {}
+  globals@17.2.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -8894,9 +8912,9 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.563.0(react@19.2.3):
+  lucide-react@0.563.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   magic-string@0.30.21:
     dependencies:
@@ -9518,28 +9536,28 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-day-picker@9.13.0(react@19.2.3):
+  react-day-picker@9.13.0(react@19.2.4):
     dependencies:
       '@date-fns/tz': 1.4.1
       date-fns: 4.1.0
       date-fns-jalali: 4.1.0-0
-      react: 19.2.3
+      react: 19.2.4
 
-  react-dom@19.2.3(react@19.2.3):
+  react-dom@19.2.4(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
       scheduler: 0.27.0
 
-  react-intl@8.1.1(@types/react@19.2.9)(react@19.2.3)(typescript@5.9.3):
+  react-intl@8.1.1(@types/react@19.2.10)(react@19.2.4)(typescript@5.9.3):
     dependencies:
       '@formatjs/ecma402-abstract': 3.1.0
       '@formatjs/icu-messageformat-parser': 3.5.0
       '@formatjs/intl': 4.1.1(typescript@5.9.3)
       '@types/hoist-non-react-statics': 3.3.1
-      '@types/react': 19.2.9
+      '@types/react': 19.2.10
       hoist-non-react-statics: 3.3.2
       intl-messageformat: 11.1.1
-      react: 19.2.3
+      react: 19.2.4
       tslib: 2.8.1
     optionalDependencies:
       typescript: 5.9.3
@@ -9548,7 +9566,7 @@ snapshots:
 
   react-refresh@0.18.0: {}
 
-  react@19.2.3: {}
+  react@19.2.4: {}
 
   read-package-up@11.0.0:
     dependencies:
@@ -9939,14 +9957,14 @@ snapshots:
     dependencies:
       call-bound: 1.0.3
       es-errors: 1.3.0
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       object-inspect: 1.13.4
 
   side-channel-weakmap@1.0.2:
     dependencies:
       call-bound: 1.0.3
       es-errors: 1.3.0
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       object-inspect: 1.13.4
       side-channel-map: 1.0.1
 
@@ -9988,10 +10006,10 @@ snapshots:
     dependencies:
       atomic-sleep: 1.0.0
 
-  sonner@2.0.7(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  sonner@2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
 
   source-map-js@1.2.1: {}
 
@@ -10329,12 +10347,12 @@ snapshots:
 
   typedarray@0.0.6: {}
 
-  typescript-eslint@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -10442,9 +10460,9 @@ snapshots:
 
   url-join@5.0.0: {}
 
-  use-sync-external-store@1.6.0(react@19.2.3):
+  use-sync-external-store@1.6.0(react@19.2.4):
     dependencies:
-      react: 19.2.3
+      react: 19.2.4
 
   util-deprecate@1.0.2: {}
 

From 801122541f2d5590eff14949d5726068b680cb38 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 20:01:47 +0100
Subject: [PATCH 47/55] docs: Update README

---
 README.md | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index fdd4418..603db55 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,8 @@
+# Redmine Time Tracking (Chrome Extension / Firefox Extension)
+
 ![License](https://img.shields.io/github/license/CrawlerCode/redmine-time-tracking?logo=github)
 [![Semantic-Release](https://img.shields.io/badge/semantic--release-conventional%20commits-e10079?logo=semantic-release)](https://github.com/semantic-release/semantic-release)
 ![Release Version](https://img.shields.io/github/v/release/CrawlerCode/redmine-time-tracking?logo=github)
-![GitHub Release Date](https://img.shields.io/github/release-date/CrawlerCode/redmine-time-tracking?logo=github)
 ![Pre-Release Version](https://img.shields.io/github/v/release/CrawlerCode/redmine-time-tracking?include_prereleases&logo=github&label=pre-release)
 
 ![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/ldcanhhkffokndenejhafhlkapflgcjg?logo=google-chrome&logoColor=white)
@@ -12,9 +13,7 @@
 ![Mozilla Add-on Users](https://img.shields.io/amo/users/redmine-time-tracking?logo=firefox-browser&logoColor=white)
 ![Mozilla Add-on Rating](https://img.shields.io/amo/stars/redmine-time-tracking?logo=firefox-browser&logoColor=white)
 
-# Redmine Time Tracking (Chrome Extension / Firefox Extension)
-
-> Start-stop timer for [Redmine](https://www.redmine.org/).
+> Start-stop timer for [Redmine (open source project management web application)](https://www.redmine.org)
 
 [![Install-Button-Chrome]][Install-Link-Chrome]
 [![Install-Button-Firefox]][Install-Link-Firefox]
@@ -24,22 +23,22 @@
 [Install-Button-Firefox]: https://img.shields.io/badge/Install-71b500?style=for-the-badge&logoColor=white&logo=firefox-browser
 [Install-Link-Firefox]: https://addons.mozilla.org/de/firefox/addon/redmine-time-tracking "Open in firefox add-on store"
 
-# Features
+# 🚀 Features
 
 - View all your assigned Redmine issues grouped by projects
-- Filter issues by projects
+- Filter issues by project and status
 - Group issues by target version
-- Search for issues (press `CTRL` + `K` or `CTRL` + `F`)
-- Start, stop and edit the timer for your current tasks
-- Create entry for time spent (and for multiple users at once)
+- Search for issues (`CTRL` + `K` or `CTRL` + `F`)
+- Start, stop and edit timers for your tasks
+- Create time entries (also for multiple users at once)
 - Update done ratio for issues
-- Pin and unpin issues (display at the top of the project)
+- Pin and unpin issues (display at the top)
 - Remember and forget issue (not assigned to you)
 - View time entries for current and last week
 - Multiple languages
 - Dark & light mode (system default)
 
-# Requirements
+# 🛠️ Requirements
 
 Supported browsers:
 
@@ -62,7 +61,7 @@ At least **Redmine version `3.0` or higher** required. Recommended version `5.0`
 | Display project-available time entry activities when _adding spent time entries_  | `< 3.4.0`                   |
 | Remote Redmine search                                                             | `< 3.3.0`                   |
 
-# Supported languages
+# 🌐 Supported languages
 
 - English
 - German
@@ -71,7 +70,7 @@ At least **Redmine version `3.0` or higher** required. Recommended version `5.0`
 
 > If you want to add more languages or extend existing ones, feel free to contribute. Just create a pull request with the desired changes. The language files are located under [src/lang](src/lang) and [public/\_locales](public/_locales).
 
-# Screenshots
+# 📸 Screenshots
 
 ![issues](screenshots/en/dark/issues.png)
 ![issues-time](screenshots/en/dark/time.png)

From 1d7d37c099aa1de809d5f143eabb9f75bb24950a Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Tue, 27 Jan 2026 20:14:31 +0100
Subject: [PATCH 48/55] fix: Enforce next release

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a284763..43d73d5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "redmine-time-tracking",
-  "description": "Redmine Time Tracking",
+  "description": "Start-stop timer for Redmine",
   "version": "2.0.0-beta.1",
   "author": {
     "name": "CrawlerCode",

From 5428b51803abae84d451c03adb3952b10ceea752 Mon Sep 17 00:00:00 2001
From: semantic-release-bot <semantic-release-bot@martynus.net>
Date: Tue, 27 Jan 2026 20:15:34 +0100
Subject: [PATCH 49/55] chore(release): 2.0.0-beta.2 [skip ci]
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## [2.0.0-beta.2](https://github.com/CrawlerCode/redmine-time-tracking/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2026-01-27)

### 🩹 Fixes

* Enforce next release ([1d7d37c](https://github.com/CrawlerCode/redmine-time-tracking/commit/1d7d37c099aa1de809d5f143eabb9f75bb24950a))

### 🏡 Chore

* **deps:** Update dependencies ([6f800bd](https://github.com/CrawlerCode/redmine-time-tracking/commit/6f800bd82bd7fcb3cf806fddc372b3ff20ef4cc0))

### 📖 Documentation

* Update README ([8011225](https://github.com/CrawlerCode/redmine-time-tracking/commit/801122541f2d5590eff14949d5726068b680cb38))

### ⚡CI

* Fix pre-release asset upload ([ac8f132](https://github.com/CrawlerCode/redmine-time-tracking/commit/ac8f1327ef3636142c112d57a7912d8fdea7c7d3))
* Publish production only for real releases not for pre-releases ([9855905](https://github.com/CrawlerCode/redmine-time-tracking/commit/9855905c077172cec3c3c39853b309d0cb400179))
---
 CHANGELOG.md | 19 +++++++++++++++++++
 package.json |  2 +-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 862df47..bb61f9d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,22 @@
+## [2.0.0-beta.2](https://github.com/CrawlerCode/redmine-time-tracking/compare/v2.0.0-beta.1...v2.0.0-beta.2) (2026-01-27)
+
+### 🩹 Fixes
+
+* Enforce next release ([1d7d37c](https://github.com/CrawlerCode/redmine-time-tracking/commit/1d7d37c099aa1de809d5f143eabb9f75bb24950a))
+
+### 🏡 Chore
+
+* **deps:** Update dependencies ([6f800bd](https://github.com/CrawlerCode/redmine-time-tracking/commit/6f800bd82bd7fcb3cf806fddc372b3ff20ef4cc0))
+
+### 📖 Documentation
+
+* Update README ([8011225](https://github.com/CrawlerCode/redmine-time-tracking/commit/801122541f2d5590eff14949d5726068b680cb38))
+
+### ⚡CI
+
+* Fix pre-release asset upload ([ac8f132](https://github.com/CrawlerCode/redmine-time-tracking/commit/ac8f1327ef3636142c112d57a7912d8fdea7c7d3))
+* Publish production only for real releases not for pre-releases ([9855905](https://github.com/CrawlerCode/redmine-time-tracking/commit/9855905c077172cec3c3c39853b309d0cb400179))
+
 ## [2.0.0-beta.1](https://github.com/CrawlerCode/redmine-time-tracking/compare/v1.21.2...v2.0.0-beta.1) (2026-01-27)
 
 ### ⚠ BREAKING CHANGES
diff --git a/package.json b/package.json
index 43d73d5..75eed86 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "redmine-time-tracking",
   "description": "Start-stop timer for Redmine",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "author": {
     "name": "CrawlerCode",
     "email": "crawlercode@outlook.de"

From cfc47f33f42a0089f5fa1440ab428d5ba8aa9a32 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 14 Feb 2026 20:00:37 +0100
Subject: [PATCH 50/55] fix: Fix suspense settings provider (#60)

---
 src/components/general/DismissableWarning.tsx |  4 ++--
 src/hooks/useStorage.ts                       |  2 +-
 src/main.tsx                                  |  2 +-
 src/provider/Providers.tsx                    | 16 +++-------------
 src/provider/SettingsProvider.tsx             |  6 ++++--
 5 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/src/components/general/DismissableWarning.tsx b/src/components/general/DismissableWarning.tsx
index cb52c6f..5ebb901 100644
--- a/src/components/general/DismissableWarning.tsx
+++ b/src/components/general/DismissableWarning.tsx
@@ -10,9 +10,9 @@ type PropTypes = {
 };
 
 function DismissibleWarning({ name, children }: PropTypes) {
-  const { data: hideWarning, setData, isLoading } = useStorage<boolean>(`hideWarning.${name}`, false);
+  const { isPending, data: hideWarning, setData } = useStorage<boolean>(`hideWarning.${name}`, false);
 
-  if (hideWarning || isLoading) return null;
+  if (isPending || hideWarning) return null;
 
   return (
     <Alert>
diff --git a/src/hooks/useStorage.ts b/src/hooks/useStorage.ts
index f95df23..02c4ed7 100644
--- a/src/hooks/useStorage.ts
+++ b/src/hooks/useStorage.ts
@@ -56,7 +56,7 @@ export const useStorage = <T>(name: string, defaultValue: T) => {
   }, [name]);
 
   return {
-    isLoading: query.isLoading,
+    isPending: query.isPending,
     data: query.data ?? defaultValue,
     setData: async (data: T) => {
       queryClient.setQueryData(["storage", name], data, { updatedAt: Date.now() });
diff --git a/src/main.tsx b/src/main.tsx
index 6248656..eb0ff1a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -62,7 +62,7 @@ const App = () => {
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <Layout entrypoint={entrypoint}>
-      <Providers suspense={entrypoint === "options"}>
+      <Providers>
         <App />
         <Toaster />
       </Providers>
diff --git a/src/provider/Providers.tsx b/src/provider/Providers.tsx
index 4bb7025..444668b 100644
--- a/src/provider/Providers.tsx
+++ b/src/provider/Providers.tsx
@@ -1,15 +1,11 @@
-import { PropsWithChildren, Suspense } from "react";
+import { PropsWithChildren } from "react";
 import IntlProvider from "./IntlProvider";
 import QueryClientProvider from "./QueryClientProvider";
 import RedmineApiProvider from "./RedmineApiProvider";
 import SettingsProvider from "./SettingsProvider";
 
-interface ProvidersProps extends PropsWithChildren {
-  suspense?: boolean;
-}
-
-const Providers = ({ suspense, children }: ProvidersProps) => {
-  const providers = (
+const Providers = ({ children }: PropsWithChildren) => {
+  return (
     <QueryClientProvider>
       <SettingsProvider>
         <RedmineApiProvider>
@@ -18,12 +14,6 @@ const Providers = ({ suspense, children }: ProvidersProps) => {
       </SettingsProvider>
     </QueryClientProvider>
   );
-
-  if (suspense) {
-    return <Suspense>{providers}</Suspense>;
-  }
-
-  return providers;
 };
 
 export default Providers;
diff --git a/src/provider/SettingsProvider.tsx b/src/provider/SettingsProvider.tsx
index f3c5af7..783bb39 100644
--- a/src/provider/SettingsProvider.tsx
+++ b/src/provider/SettingsProvider.tsx
@@ -3,7 +3,7 @@ import { ReactNode, createContext, use } from "react";
 import { useIntl } from "react-intl";
 import { browser } from "wxt/browser";
 import { z } from "zod";
-import { getStorage, setStorage, useSuspenseStorage } from "../hooks/useStorage";
+import { getStorage, setStorage, useStorage } from "../hooks/useStorage";
 import { LANGUAGES } from "./IntlProvider";
 
 export const settingsSchema = ({ formatMessage }: { formatMessage?: ReturnType<typeof useIntl>["formatMessage"] } = {}) =>
@@ -111,9 +111,11 @@ const SettingsContext = createContext({
 });
 
 export const SettingsProvider = ({ children }: { children: ReactNode }) => {
-  const { data: settingsData, setData: setSettingsData } = useSuspenseStorage<Partial<Settings>>("settings", defaultSettings);
+  const { isPending, data: settingsData, setData: setSettingsData } = useStorage<Partial<Settings>>("settings", defaultSettings);
   const settings = deepmerge<Settings>(defaultSettings, settingsData);
 
+  if (isPending) return null;
+
   return (
     <SettingsContext
       value={{

From 30b9aeb2818f0e58c0ea749d22b1e2cfc7de0d80 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 14 Feb 2026 20:01:03 +0100
Subject: [PATCH 51/55] perf: Add query client restoring gate instead of
 restoring twice

---
 src/provider/QueryClientProvider.tsx | 17 ++++++++---------
 src/routes/__root.tsx                |  5 -----
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/provider/QueryClientProvider.tsx b/src/provider/QueryClientProvider.tsx
index 0f386e6..7d4766c 100644
--- a/src/provider/QueryClientProvider.tsx
+++ b/src/provider/QueryClientProvider.tsx
@@ -1,8 +1,8 @@
 import { MissingRedmineConfigError } from "@/api/redmine/MissingRedmineConfigError";
 import { getErrorMessage } from "@/utils/error";
 import { createAsyncStoragePersister } from "@tanstack/query-async-storage-persister";
-import { MutationCache, QueryCache, QueryClient } from "@tanstack/react-query";
-import { PersistQueryClientOptions, PersistQueryClientProvider, persistQueryClientRestore } from "@tanstack/react-query-persist-client";
+import { MutationCache, QueryCache, QueryClient, useIsRestoring } from "@tanstack/react-query";
+import { PersistQueryClientOptions, PersistQueryClientProvider } from "@tanstack/react-query-persist-client";
 import { isAxiosError } from "axios";
 import { lazy, PropsWithChildren, Suspense, useEffect } from "react";
 import { FormattedMessage } from "react-intl";
@@ -134,21 +134,20 @@ const persistOptions: Omit<PersistQueryClientOptions, "queryClient"> = {
   maxAge: CACHE_TIME,
 };
 
-export const restoreQueryClient = async () =>
-  persistQueryClientRestore({
-    queryClient,
-    ...persistOptions,
-  });
-
 const QueryClientProvider = ({ children }: PropsWithChildren) => {
   return (
     <PersistQueryClientProvider client={queryClient} persistOptions={persistOptions}>
-      {children}
+      <QueryClientRestoringGate>{children}</QueryClientRestoringGate>
       <QueryClientDevtools />
     </PersistQueryClientProvider>
   );
 };
 
+const QueryClientRestoringGate = ({ children }: PropsWithChildren) => {
+  const isRestoring = useIsRestoring();
+  return isRestoring ? null : children;
+};
+
 const ReactQueryDevtoolsProduction = lazy(() =>
   import("@tanstack/react-query-devtools/build/modern/production.js").then((d) => ({
     default: d.ReactQueryDevtools,
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 9677e30..69f4e1c 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -2,7 +2,6 @@ import { GlobalErrorComponent } from "@/components/error/GlobalErrorComponent";
 import { NotFoundComponent } from "@/components/error/NotFoundComponent";
 import Navbar from "@/components/general/Navbar";
 import { RouteContext } from "@/main";
-import { restoreQueryClient } from "@/provider/QueryClientProvider";
 import { createPopOut } from "@/utils/popout";
 import { createRootRouteWithContext, HeadContent, Outlet } from "@tanstack/react-router";
 import { CalendarDaysIcon, ListIcon, SettingsIcon, SquareArrowOutUpRightIcon, TimerIcon } from "lucide-react";
@@ -10,10 +9,6 @@ import { useIntl } from "react-intl";
 import { browser } from "wxt/browser";
 
 export const Route = createRootRouteWithContext<RouteContext>()({
-  beforeLoad: async () => {
-    // Restore query client state before loading any route
-    await restoreQueryClient();
-  },
   head: () => ({
     meta: [
       {

From 4a922ff9fedd001671c000a16ef1876935b35738 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 14 Feb 2026 20:04:16 +0100
Subject: [PATCH 52/55] perf: Set NODE_ENV=production for release & pre-release
 builds

---
 .github/workflows/publish-pre-release.yml | 2 +-
 .github/workflows/publish.yml             | 4 ++--
 package.json                              | 6 ++++--
 wxt.config.ts                             | 6 +++---
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/publish-pre-release.yml b/.github/workflows/publish-pre-release.yml
index 314254c..539605f 100644
--- a/.github/workflows/publish-pre-release.yml
+++ b/.github/workflows/publish-pre-release.yml
@@ -24,7 +24,7 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run zip:chrome --mode pre-release
+      - run: pnpm run build:chrome:pre-release
 
       - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
         env:
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 1e1b687..acca322 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -24,7 +24,7 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run zip:chrome
+      - run: pnpm run build:chrome:release
 
       - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
         env:
@@ -51,7 +51,7 @@ jobs:
 
       - run: pnpm install --frozen-lockfile
 
-      - run: pnpm run zip:firefox
+      - run: pnpm run build:firefox:release
 
       - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-firefox.zip)
         env:
diff --git a/package.json b/package.json
index 75eed86..80729ea 100644
--- a/package.json
+++ b/package.json
@@ -17,8 +17,10 @@
     "dev:firefox": "wxt -b firefox --mv2",
     "build:chrome": "wxt build -b chrome",
     "build:firefox": "wxt build -b firefox --mv3",
-    "zip:chrome": "wxt zip -b chrome",
-    "zip:firefox": "wxt zip -b firefox --mv3",
+    "build:chrome:pre-release": "cross-env NODE_ENV=production wxt zip -b chrome --mode pre-release",
+    "build:firefox:pre-release": "cross-env NODE_ENV=production wxt zip -b firefox --mv3 --mode pre-release",
+    "build:chrome:release": "cross-env NODE_ENV=production wxt zip -b chrome --mode release",
+    "build:firefox:release": "cross-env NODE_ENV=production wxt zip -b firefox --mv3 --mode release",
     "lint": "eslint --fix src tests fixtures",
     "format": "prettier --write src tests public fixtures",
     "compile": "tsc --noEmit",
diff --git a/wxt.config.ts b/wxt.config.ts
index a37d55c..6002fec 100644
--- a/wxt.config.ts
+++ b/wxt.config.ts
@@ -36,7 +36,7 @@ export default defineConfig({
     host_permissions: ["http://*/*", "https://*/*"],
     ...(browser === "chrome" && {
       key:
-        mode === "production"
+        mode === "release"
           ? "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAk2PbuYr+evWm0U+t8XCn94jO0x0yydbdSqotCB9tC2NaYcnYhuOIrkDrAJg8DwUSvRbx2FXbacmf/CyI5fPivYmLDDL6D1VqabEhpVwNjTbj6V8lOy52C8Kl9ZA8WEvBZIsgU1bi54j2eg7B9lFZ3FIbavJB4Ezkny4eW+TdpUqcmoMxVybVeJ4q4jhzUFmEaHEmEyfzWLiUwYjEUzJkkzQYCTzZ0ZO1jWNnjfm5Y9IRSGPbzlChvigEhSuEs+DA2uZnr//mfr6xD97ryZY/i2HGeuxB3zZoIFR+FoFlp18ETJmEDO5ZEjEhl0Zb09yHlPah0IHDx6QjNcbxG3u31QIDAQAB"
           : "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlm4d4x15I7iewgVp3cR51dCrwYINnvmmG/NjzK9Fg/LyzFLvRBqNftIqP4+fJas56CN2fNiFQNfdk8ACQJMKk8yd6fDeDs1/l/AseSWXM7GdbGDacj9lkZnL6jFHUrIxuwiHesE0W/I5o3Ep5ZXHnifjd7D9KEXswnvSWzmZXAtVNQu8DQXdNZO94N8i5ESLNdi78fmoeNIYaqieu5y0tlyMcvnOKiR3BHRAAN9bA0E/XvoazaL4KELcQbkh0T3nFhjSFDNHJAWlMkCvDGLC01RVLrkQW2ar9R5sAeyPmSx7HfgpzeBStwhDuOJ8s7Ed6WGCBaTll0WLQBxPYfV7qwIDAQAB",
       minimum_chrome_version: "122",
@@ -58,9 +58,9 @@ export default defineConfig({
       if (wxt.config.mode === "development") {
         manifest.name += " (DEV)";
         manifest.version_name = `${manifest.version}-dev`;
-      } else if (wxt.config.mode === "production") {
+      } else if (wxt.config.mode === "release") {
         if (!/^\d+\.\d+\.\d+$/.test(pkg.version)) {
-          throw new Error("Invalid version format for 'production' build. Expected format x.x.x (e.g. 1.0.0)");
+          throw new Error("Invalid version format for 'release' build. Expected format x.x.x (e.g. 1.0.0)");
         }
       } else if (wxt.config.mode === "pre-release") {
         const versionMatch = pkg.version.match(/^(?<major>\d+)\.(?<minor>\d+)\.(?<patch>\d+)-(?<distributionChannel>beta|alpha|canary)\.(?<preReleaseIdentifier>\d+)$/);

From bb79a021a9b3c0f65465a2473b69883d8ddb1039 Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 14 Feb 2026 20:32:23 +0100
Subject: [PATCH 53/55] chore: Add docker compose for dev setup

---
 .gitignore                  |  5 ++++
 .redmine/README.md          | 25 ++++++++++++++++
 .redmine/docker-compose.yml | 60 +++++++++++++++++++++++++++++++++++++
 .redmine/themes/.gitkeep    |  0
 4 files changed, 90 insertions(+)
 create mode 100644 .redmine/README.md
 create mode 100644 .redmine/docker-compose.yml
 create mode 100644 .redmine/themes/.gitkeep

diff --git a/.gitignore b/.gitignore
index d77ecbf..7e8d063 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,8 +8,13 @@ dist
 
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 
 /test-results/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+.redmine/data/
+.redmine/themes/*
+!.redmine/themes/.gitkeep
\ No newline at end of file
diff --git a/.redmine/README.md b/.redmine/README.md
new file mode 100644
index 0000000..22fb32a
--- /dev/null
+++ b/.redmine/README.md
@@ -0,0 +1,25 @@
+## Redmine dev setup
+
+This folder provides local Redmine instances for manual testing against multiple Redmine versions.
+
+### Start a version
+
+Run from this directory:
+
+```bash
+cd .redmine
+docker compose up -d redmine-v6
+```
+
+Available services and ports:
+
+- Redmine 6: http://localhost:3006 (service `redmine-v6`)
+- Redmine 5: http://localhost:3005 (service `redmine-v5`)
+- Redmine 4: http://localhost:3004 (service `redmine-v4`)
+- Redmine 3: http://localhost:3003 (service `redmine-v3`)
+- Redmine 2: http://localhost:3002 (service `redmine-v2`)
+
+### Notes
+
+- [Default credentials](https://hub.docker.com/_/redmine#accessing-the-application): `admin`/`admin`
+- [Themes](https://www.redmine.org/projects/redmine/wiki/theme_list) are mounted from `.redmine/themes`
diff --git a/.redmine/docker-compose.yml b/.redmine/docker-compose.yml
new file mode 100644
index 0000000..2ee078b
--- /dev/null
+++ b/.redmine/docker-compose.yml
@@ -0,0 +1,60 @@
+services:
+  redmine-v6:
+    container_name: redmine-v6
+    image: redmine:6
+    pull_policy: always
+    restart: unless-stopped
+    ports:
+      - "3006:3000"
+    volumes:
+      - ./data/v6/files:/usr/src/redmine/files
+      - ./data/v6/sqlite:/usr/src/redmine/sqlite
+      - ./themes:/usr/src/redmine/themes
+
+  redmine-v5:
+    container_name: redmine-v5
+    image: redmine:5
+    pull_policy: always
+    restart: unless-stopped
+    ports:
+      - "3005:3000"
+    volumes:
+      - ./data/v5/files:/usr/src/redmine/files
+      - ./data/v5/sqlite:/usr/src/redmine/sqlite
+      - ./themes:/usr/src/redmine/public/themes
+
+  redmine-v4:
+    container_name: redmine-v4
+    image: redmine:4
+    pull_policy: always
+    restart: unless-stopped
+    ports:
+      - "3004:3000"
+    volumes:
+      - ./data/v4/files:/usr/src/redmine/files
+      - ./data/v4/sqlite:/usr/src/redmine/sqlite
+      - ./themes:/usr/src/redmine/public/themes
+
+  redmine-v3:
+    container_name: redmine-v3
+    image: redmine:3
+    pull_policy: always
+    restart: unless-stopped
+    ports:
+      - "3003:3000"
+    volumes:
+      - ./data/v3/files:/usr/src/redmine/files
+      - ./data/v3/sqlite:/usr/src/redmine/sqlite
+      - ./themes:/usr/src/redmine/public/themes
+
+  redmine-v2:
+    container_name: redmine-v2
+    image: redmine:2
+    pull_policy: always
+    restart: unless-stopped
+    ports:
+      - "3002:3000"
+    volumes:
+      - ./data/v2/files:/usr/src/redmine/files
+      - ./data/v2/sqlite:/usr/src/redmine/sqlite
+      - ./themes:/usr/src/redmine/public/themes
diff --git a/.redmine/themes/.gitkeep b/.redmine/themes/.gitkeep
new file mode 100644
index 0000000..e69de29

From 2a3f1fbdab6fb67da33f91c821bb5e0b0b18885c Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sat, 14 Feb 2026 21:45:04 +0100
Subject: [PATCH 54/55] chore(deps): Update dependencies

---
 package.json                        |   60 +-
 patches/@base-ui__react@1.1.0.patch |   78 --
 pnpm-lock.yaml                      | 1161 ++++++++++++++++-----------
 3 files changed, 721 insertions(+), 578 deletions(-)
 delete mode 100644 patches/@base-ui__react@1.1.0.patch

diff --git a/package.json b/package.json
index 80729ea..b958165 100644
--- a/package.json
+++ b/package.json
@@ -29,78 +29,78 @@
     "release": "semantic-release"
   },
   "dependencies": {
-    "@base-ui/react": "^1.1.0",
+    "@base-ui/react": "^1.2.0",
     "@tanstack/query-async-storage-persister": "^5.90.22",
-    "@tanstack/react-form": "^1.28.0",
-    "@tanstack/react-query": "^5.90.20",
-    "@tanstack/react-query-devtools": "^5.91.2",
+    "@tanstack/react-form": "^1.28.2",
+    "@tanstack/react-query": "^5.90.21",
+    "@tanstack/react-query-devtools": "^5.91.3",
     "@tanstack/react-query-persist-client": "^5.90.22",
-    "@tanstack/react-router": "^1.157.16",
-    "axios": "^1.13.4",
+    "@tanstack/react-router": "^1.159.10",
+    "axios": "^1.13.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "country-flag-icons": "^1.6.12",
+    "country-flag-icons": "^1.6.13",
     "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
-    "lucide-react": "^0.563.0",
-    "qs": "^6.14.1",
+    "lucide-react": "^0.564.0",
+    "qs": "^6.14.2",
     "react": "^19.2.4",
-    "react-day-picker": "^9.13.0",
+    "react-day-picker": "^9.13.2",
     "react-dom": "^19.2.4",
-    "react-intl": "^8.1.1",
+    "react-intl": "^8.1.3",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@formatjs/cli": "^6.12.0",
-    "@playwright/test": "^1.58.0",
+    "@formatjs/cli": "^6.12.2",
+    "@playwright/test": "^1.58.2",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/eslint-plugin-query": "^5.91.3",
+    "@tanstack/eslint-plugin-query": "^5.91.4",
     "@tanstack/eslint-plugin-router": "^1.155.0",
-    "@tanstack/router-plugin": "^1.157.16",
+    "@tanstack/router-plugin": "^1.159.12",
     "@types/chrome": "^0.1.36",
-    "@types/node": "^24.10.9",
+    "@types/node": "^24.10.13",
     "@types/qs": "^6.14.0",
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
+    "@vitejs/plugin-react": "^5.1.4",
     "babel-plugin-react-compiler": "1.0.0",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "cross-env": "^10.1.0",
-    "dotenv": "^17.2.3",
+    "dotenv": "^17.3.1",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-tailwindcss": "^3.18.2",
-    "globals": "^17.2.0",
+    "globals": "^17.3.0",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
-    "semantic-release": "^25.0.2",
-    "shadcn": "^3.7.0",
+    "semantic-release": "^25.0.3",
+    "shadcn": "^3.8.4",
     "sharp": "^0.34.5",
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.55.0",
     "vite": "^7.3.1",
-    "wxt": "^0.20.13"
+    "wxt": "^0.20.17"
   },
-  "packageManager": "pnpm@10.28.2",
+  "packageManager": "pnpm@10.29.3",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@tailwindcss/oxide",
       "esbuild",
       "sharp"
     ],
-    "patchedDependencies": {
-      "@base-ui/react@1.1.0": "patches/@base-ui__react@1.1.0.patch"
-    }
+    "ignoredBuiltDependencies": [
+      "msw"
+    ]
   }
 }
diff --git a/patches/@base-ui__react@1.1.0.patch b/patches/@base-ui__react@1.1.0.patch
deleted file mode 100644
index 9d4be27..0000000
--- a/patches/@base-ui__react@1.1.0.patch
+++ /dev/null
@@ -1,78 +0,0 @@
-diff --git a/esm/navigation-menu/icon/NavigationMenuIcon.d.ts b/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
-index 460b8451b5ffcea4f8ed77ffff6454d3545cc1a6..8db92ab49b9bb24a9251c02d9c45e90cae4afb90 100644
---- a/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
-+++ b/esm/navigation-menu/icon/NavigationMenuIcon.d.ts
-@@ -5,7 +5,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
- export interface NavigationMenuIconState {
-   /**
-    * Whether the navigation menu is open and the item is active.
-diff --git a/esm/navigation-menu/item/NavigationMenuItem.d.ts b/esm/navigation-menu/item/NavigationMenuItem.d.ts
-index 78f6173af2f991fc6d5564a440316a14f2c571cb..355d2988411858c6c5a0d9e2af6570112f01b18f 100644
---- a/esm/navigation-menu/item/NavigationMenuItem.d.ts
-+++ b/esm/navigation-menu/item/NavigationMenuItem.d.ts
-@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
- export interface NavigationMenuItemState {}
- export interface NavigationMenuItemProps extends BaseUIComponentProps<'li', NavigationMenuItem.State> {
-   /**
-diff --git a/esm/navigation-menu/list/NavigationMenuList.d.ts b/esm/navigation-menu/list/NavigationMenuList.d.ts
-index 0536826b5149ad53941967af933478ea995708d7..8ee7dc027c52004739005022bf130f6ac9bbaa31 100644
---- a/esm/navigation-menu/list/NavigationMenuList.d.ts
-+++ b/esm/navigation-menu/list/NavigationMenuList.d.ts
-@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
- export interface NavigationMenuListState {
-   /**
-    * If `true`, the popup is open.
-diff --git a/navigation-menu/icon/NavigationMenuIcon.d.ts b/navigation-menu/icon/NavigationMenuIcon.d.ts
-index 460b8451b5ffcea4f8ed77ffff6454d3545cc1a6..8db92ab49b9bb24a9251c02d9c45e90cae4afb90 100644
---- a/navigation-menu/icon/NavigationMenuIcon.d.ts
-+++ b/navigation-menu/icon/NavigationMenuIcon.d.ts
-@@ -5,7 +5,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuIcon: React.ForwardRefExoticComponent<Omit<NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
- export interface NavigationMenuIconState {
-   /**
-    * Whether the navigation menu is open and the item is active.
-diff --git a/navigation-menu/item/NavigationMenuItem.d.ts b/navigation-menu/item/NavigationMenuItem.d.ts
-index 78f6173af2f991fc6d5564a440316a14f2c571cb..355d2988411858c6c5a0d9e2af6570112f01b18f 100644
---- a/navigation-menu/item/NavigationMenuItem.d.ts
-+++ b/navigation-menu/item/NavigationMenuItem.d.ts
-@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
- export interface NavigationMenuItemState {}
- export interface NavigationMenuItemProps extends BaseUIComponentProps<'li', NavigationMenuItem.State> {
-   /**
-diff --git a/navigation-menu/list/NavigationMenuList.d.ts b/navigation-menu/list/NavigationMenuList.d.ts
-index 0536826b5149ad53941967af933478ea995708d7..8ee7dc027c52004739005022bf130f6ac9bbaa31 100644
---- a/navigation-menu/list/NavigationMenuList.d.ts
-+++ b/navigation-menu/list/NavigationMenuList.d.ts
-@@ -6,7 +6,7 @@ import type { BaseUIComponentProps } from "../../utils/types.js";
-  *
-  * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)
-  */
--export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-+export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
- export interface NavigationMenuListState {
-   /**
-    * If `true`, the popup is open.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c80ba8..b7be029 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4,39 +4,34 @@ settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
-patchedDependencies:
-  '@base-ui/react@1.1.0':
-    hash: b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498
-    path: patches/@base-ui__react@1.1.0.patch
-
 importers:
 
   .:
     dependencies:
       '@base-ui/react':
-        specifier: ^1.1.0
-        version: 1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^1.2.0
+        version: 1.2.0(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/query-async-storage-persister':
         specifier: ^5.90.22
         version: 5.90.22
       '@tanstack/react-form':
-        specifier: ^1.28.0
-        version: 1.28.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^1.28.2
+        version: 1.28.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
-        specifier: ^5.90.20
-        version: 5.90.20(react@19.2.4)
+        specifier: ^5.90.21
+        version: 5.90.21(react@19.2.4)
       '@tanstack/react-query-devtools':
-        specifier: ^5.91.2
-        version: 5.91.2(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)
+        specifier: ^5.91.3
+        version: 5.91.3(@tanstack/react-query@5.90.21(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query-persist-client':
         specifier: ^5.90.22
-        version: 5.90.22(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)
+        version: 5.90.22(@tanstack/react-query@5.90.21(react@19.2.4))(react@19.2.4)
       '@tanstack/react-router':
-        specifier: ^1.157.16
-        version: 1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        specifier: ^1.159.10
+        version: 1.159.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       axios:
-        specifier: ^1.13.4
-        version: 1.13.4
+        specifier: ^1.13.5
+        version: 1.13.5
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -44,8 +39,8 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       country-flag-icons:
-        specifier: ^1.6.12
-        version: 1.6.12
+        specifier: ^1.6.13
+        version: 1.6.13
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -53,23 +48,23 @@ importers:
         specifier: ^4.3.1
         version: 4.3.1
       lucide-react:
-        specifier: ^0.563.0
-        version: 0.563.0(react@19.2.4)
+        specifier: ^0.564.0
+        version: 0.564.0(react@19.2.4)
       qs:
-        specifier: ^6.14.1
-        version: 6.14.1
+        specifier: ^6.14.2
+        version: 6.14.2
       react:
         specifier: ^19.2.4
         version: 19.2.4
       react-day-picker:
-        specifier: ^9.13.0
-        version: 9.13.0(react@19.2.4)
+        specifier: ^9.13.2
+        version: 9.13.2(react@19.2.4)
       react-dom:
         specifier: ^19.2.4
         version: 19.2.4(react@19.2.4)
       react-intl:
-        specifier: ^8.1.1
-        version: 8.1.1(@types/react@19.2.10)(react@19.2.4)(typescript@5.9.3)
+        specifier: ^8.1.3
+        version: 8.1.3(@types/react@19.2.14)(react@19.2.4)(typescript@5.9.3)
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -84,53 +79,53 @@ importers:
         specifier: ^9.39.2
         version: 9.39.2
       '@formatjs/cli':
-        specifier: ^6.12.0
-        version: 6.12.0
+        specifier: ^6.12.2
+        version: 6.12.2
       '@playwright/test':
-        specifier: ^1.58.0
-        version: 1.58.0
+        specifier: ^1.58.2
+        version: 1.58.2
       '@semantic-release/changelog':
         specifier: ^6.0.3
-        version: 6.0.3(semantic-release@25.0.2(typescript@5.9.3))
+        version: 6.0.3(semantic-release@25.0.3(typescript@5.9.3))
       '@semantic-release/git':
         specifier: ^10.0.1
-        version: 10.0.1(semantic-release@25.0.2(typescript@5.9.3))
+        version: 10.0.1(semantic-release@25.0.3(typescript@5.9.3))
       '@tailwindcss/vite':
         specifier: ^4.1.18
-        version: 4.1.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        version: 4.1.18(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@tanstack/eslint-plugin-query':
-        specifier: ^5.91.3
-        version: 5.91.3(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^5.91.4
+        version: 5.91.4(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@tanstack/eslint-plugin-router':
         specifier: ^1.155.0
         version: 1.155.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@tanstack/router-plugin':
-        specifier: ^1.157.16
-        version: 1.157.16(@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^1.159.12
+        version: 1.159.12(@tanstack/react-router@1.159.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       '@types/chrome':
         specifier: ^0.1.36
         version: 0.1.36
       '@types/node':
-        specifier: ^24.10.9
-        version: 24.10.9
+        specifier: ^24.10.13
+        version: 24.10.13
       '@types/qs':
         specifier: ^6.14.0
         version: 6.14.0
       '@types/react':
-        specifier: ^19.2.10
-        version: 19.2.10
+        specifier: ^19.2.14
+        version: 19.2.14
       '@types/react-dom':
         specifier: ^19.2.3
-        version: 19.2.3(@types/react@19.2.10)
+        version: 19.2.3(@types/react@19.2.14)
       '@typescript-eslint/eslint-plugin':
-        specifier: ^8.54.0
-        version: 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.55.0
+        version: 8.55.0(@typescript-eslint/parser@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@typescript-eslint/parser':
-        specifier: ^8.54.0
-        version: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.55.0
+        version: 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       '@vitejs/plugin-react':
-        specifier: ^5.1.2
-        version: 5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
+        specifier: ^5.1.4
+        version: 5.1.4(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))
       babel-plugin-react-compiler:
         specifier: 1.0.0
         version: 1.0.0
@@ -141,8 +136,8 @@ importers:
         specifier: ^10.1.0
         version: 10.1.0
       dotenv:
-        specifier: ^17.2.3
-        version: 17.2.3
+        specifier: ^17.3.1
+        version: 17.3.1
       eslint:
         specifier: ^9.39.2
         version: 9.39.2(jiti@2.6.1)
@@ -159,8 +154,8 @@ importers:
         specifier: ^3.18.2
         version: 3.18.2(tailwindcss@4.1.18)
       globals:
-        specifier: ^17.2.0
-        version: 17.2.0
+        specifier: ^17.3.0
+        version: 17.3.0
       prettier:
         specifier: ^3.8.1
         version: 3.8.1
@@ -168,11 +163,11 @@ importers:
         specifier: ^0.7.2
         version: 0.7.2(prettier@3.8.1)
       semantic-release:
-        specifier: ^25.0.2
-        version: 25.0.2(typescript@5.9.3)
+        specifier: ^25.0.3
+        version: 25.0.3(typescript@5.9.3)
       shadcn:
-        specifier: ^3.7.0
-        version: 3.7.0(@types/node@24.10.9)(hono@4.11.4)(typescript@5.9.3)
+        specifier: ^3.8.4
+        version: 3.8.4(@types/node@24.10.13)(typescript@5.9.3)
       sharp:
         specifier: ^0.34.5
         version: 0.34.5
@@ -186,14 +181,14 @@ importers:
         specifier: ^5.9.3
         version: 5.9.3
       typescript-eslint:
-        specifier: ^8.54.0
-        version: 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+        specifier: ^8.55.0
+        version: 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       vite:
         specifier: ^7.3.1
-        version: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+        version: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
       wxt:
-        specifier: ^0.20.13
-        version: 0.20.13(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1)
+        specifier: ^0.20.17
+        version: 0.20.17(@types/node@24.10.13)(eslint@9.39.2(jiti@2.6.1))(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1)
 
 packages:
 
@@ -234,18 +229,34 @@ packages:
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/compat-data@7.28.5':
     resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/core@7.28.5':
     resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/generator@7.28.5':
     resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-annotate-as-pure@7.27.3':
     resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
@@ -254,6 +265,10 @@ packages:
     resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-create-class-features-plugin@7.28.5':
     resolution: {integrity: sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==}
     engines: {node: '>=6.9.0'}
@@ -272,12 +287,22 @@ packages:
     resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-module-transforms@7.28.3':
     resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
   '@babel/helper-optimise-call-expression@7.27.1':
     resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
@@ -320,11 +345,20 @@ packages:
     resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helpers@7.28.6':
+    resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/parser@7.28.5':
     resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/parser@7.29.0':
+    resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/plugin-syntax-jsx@7.27.1':
     resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
     engines: {node: '>=6.9.0'}
@@ -371,18 +405,26 @@ packages:
     resolution: {integrity: sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/runtime@7.28.4':
-    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+  '@babel/runtime@7.28.6':
+    resolution: {integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/template@7.27.2':
     resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/traverse@7.28.5':
     resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/types@7.26.0':
     resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
@@ -391,8 +433,12 @@ packages:
     resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
     engines: {node: '>=6.9.0'}
 
-  '@base-ui/react@1.1.0':
-    resolution: {integrity: sha512-ikcJRNj1mOiF2HZ5jQHrXoVoHcNHdBU5ejJljcBl+VTLoYXR6FidjTN86GjO6hyshi6TZFuNvv0dEOgaOFv6Lw==}
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@base-ui/react@1.2.0':
+    resolution: {integrity: sha512-O6aEQHcm+QyGTFY28xuwRD3SEJGZOBDpyjN2WvpfWYFVhg+3zfXPysAILqtM0C1kWC82MccOE/v1j+GHXE4qIw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       '@types/react': ^17 || ^18 || ^19
@@ -402,8 +448,8 @@ packages:
       '@types/react':
         optional: true
 
-  '@base-ui/utils@0.2.4':
-    resolution: {integrity: sha512-smZwpMhjO29v+jrZusBSc5T+IJ3vBb9cjIiBjtKcvWmRj9Z4DWGVR3efr1eHR56/bqY5a4qyY9ElkOY5ljo3ng==}
+  '@base-ui/utils@0.2.5':
+    resolution: {integrity: sha512-oYC7w0gp76RI5MxprlGLV0wze0SErZaRl3AAkeP3OnNB/UBMb6RqNf6ZSIlxOc9Qp68Ab3C2VOcJQyRs7Xc7Vw==}
     peerDependencies:
       '@types/react': ^17 || ^18 || ^19
       react: ^17 || ^18 || ^19
@@ -766,10 +812,6 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.12.1':
-    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
   '@eslint-community/regexpp@4.12.2':
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -786,8 +828,8 @@ packages:
     resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/eslintrc@3.3.1':
-    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
+  '@eslint/eslintrc@3.3.3':
+    resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/js@9.39.2':
@@ -821,8 +863,8 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
-  '@formatjs/cli@6.12.0':
-    resolution: {integrity: sha512-mF3U8XxwEWR+ttlG5e4onYO+M5T22jnnQq7Ce/WK10CTVYR8Us433hbML6vgBLkiTS/MuCq61L0op3yNRSp2Kg==}
+  '@formatjs/cli@6.12.2':
+    resolution: {integrity: sha512-y215aarLZXei3u1WDRAiet/VajgvUXzvz4ifPENDSPXfIog0aBJKtFvIU7EWbcFWy7rstbn5GcwwQW4F1G3TJg==}
     engines: {node: '>= 16'}
     hasBin: true
     peerDependencies:
@@ -849,23 +891,23 @@ packages:
       vue:
         optional: true
 
-  '@formatjs/ecma402-abstract@3.1.0':
-    resolution: {integrity: sha512-CjP1sUzM7XiQW6YluDreN+dMvcKZysO/J4ikvuDjDyd6nSOoSqAK9gvD1s75ZFaJVXtYOsz+y3CUXPZ1sKxcxw==}
+  '@formatjs/ecma402-abstract@3.1.1':
+    resolution: {integrity: sha512-jhZbTwda+2tcNrs4kKvxrPLPjx8QsBCLCUgrrJ/S+G9YrGHWLhAyFMMBHJBnBoOwuLHd7L14FgYudviKaxkO2Q==}
 
   '@formatjs/fast-memoize@3.1.0':
     resolution: {integrity: sha512-b5mvSWCI+XVKiz5WhnBCY3RJ4ZwfjAidU0yVlKa3d3MSgKmH1hC3tBGEAtYyN5mqL7N0G5x0BOUYyO8CEupWgg==}
 
-  '@formatjs/icu-messageformat-parser@3.5.0':
-    resolution: {integrity: sha512-Q01XuvtbDVCJQsG/E2MSfMZ+UdUoZV8v4Aex8tTH44SqKJZCeu5LjuclaKFUS0o1YoXndfEinJen5k1T1GR1vg==}
+  '@formatjs/icu-messageformat-parser@3.5.1':
+    resolution: {integrity: sha512-sSDmSvmmoVQ92XqWb499KrIhv/vLisJU8ITFrx7T7NZHUmMY7EL9xgRowAosaljhqnj/5iufG24QrdzB6X3ItA==}
 
-  '@formatjs/icu-skeleton-parser@2.1.0':
-    resolution: {integrity: sha512-wNer4imHDFBVAJnMb2OGoSyM4wL/uuLnuo5mrenliqkDaNjRbG4jzlJcwTTDEBhai8iCjnzUsE7xwNJC29SfWw==}
+  '@formatjs/icu-skeleton-parser@2.1.1':
+    resolution: {integrity: sha512-PSFABlcNefjI6yyk8f7nyX1DC7NHmq6WaCHZLySEXBrXuLOB2f935YsnzuPjlz+ibhb9yWTdPeVX1OVcj24w2Q==}
 
-  '@formatjs/intl-localematcher@0.8.0':
-    resolution: {integrity: sha512-zgMYWdUlmEZpX2Io+v3LHrfq9xZ6khpQVf9UAw2xYWhGerGgI9XgH1HvL/A34jWiruUJpYlP5pk4g8nIcaDrXQ==}
+  '@formatjs/intl-localematcher@0.8.1':
+    resolution: {integrity: sha512-xwEuwQFdtSq1UKtQnyTZWC+eHdv7Uygoa+H2k/9uzBVQjDyp9r20LNDNKedWXll7FssT3GRHvqsdJGYSUWqYFA==}
 
-  '@formatjs/intl@4.1.1':
-    resolution: {integrity: sha512-88qfxk5XK5UApY3I8ocY2WJyA64MlVQKwmqAjkaVkX25mZb9qZokDDH4+MWD6UX67uqZlsrwUg36yZr/R4X3Jw==}
+  '@formatjs/intl@4.1.2':
+    resolution: {integrity: sha512-V60fNY/X/7zqmRffr7qPwscGmVGYDmlKF069mSQ2a/7fE22q602NtIfOQY8vzRA63Gr/O/U6vjRVBHMabrnA9A==}
     peerDependencies:
       typescript: ^5.6.0
     peerDependenciesMeta:
@@ -1094,6 +1136,10 @@ packages:
     resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
     engines: {node: 20 || >=22}
 
+  '@isaacs/cliui@9.0.0':
+    resolution: {integrity: sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg==}
+    engines: {node: '>=18'}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -1124,8 +1170,8 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
-  '@modelcontextprotocol/sdk@1.25.2':
-    resolution: {integrity: sha512-LZFeo4F9M5qOhC/Uc1aQSrBHxMrvxett+9KLHt7OhcExtoiRN9DKgbZffMP/nxjutWDQpfMDfP3nkHI4X9ijww==}
+  '@modelcontextprotocol/sdk@1.26.0':
+    resolution: {integrity: sha512-Y5RmPncpiDtTXDbLKswIJzTqu2hyBKxTNsgKqKclDbhIgg1wgtf1fRuvxgTnRfcnxtvvgbIEcqUOzZrJ6iSReg==}
     engines: {node: '>=18'}
     peerDependencies:
       '@cfworker/json-schema': ^4.1.1
@@ -1219,8 +1265,8 @@ packages:
   '@open-draft/until@2.1.0':
     resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
 
-  '@playwright/test@1.58.0':
-    resolution: {integrity: sha512-fWza+Lpbj6SkQKCrU6si4iu+fD2dD3gxNHFhUPxsfXBPhnv3rRSQVd0NtBUT9Z/RhF/boCBcuUaMUSTRTopjZg==}
+  '@playwright/test@1.58.2':
+    resolution: {integrity: sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -1236,8 +1282,8 @@ packages:
     resolution: {integrity: sha512-c83qWb22rNRuB0UaVCI0uRPNRr8Z0FWnEIvT47jiHAmOIUHbBOg5XvV7pM5x+rKn9HRpjxquDbXYSXr3fAKFcw==}
     engines: {node: '>=12'}
 
-  '@rolldown/pluginutils@1.0.0-beta.53':
-    resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
+  '@rolldown/pluginutils@1.0.0-rc.3':
+    resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
 
   '@rollup/rollup-android-arm-eabi@4.53.4':
     resolution: {integrity: sha512-PWU3Y92H4DD0bOqorEPp1Y0tbzwAurFmIYpjcObv5axGVOtcTlB0b2UKMd2echo08MgN7jO8WQZSSysvfisFSQ==}
@@ -1513,18 +1559,22 @@ packages:
     resolution: {integrity: sha512-RPfGuk2bDZgcu9bAJodvO2lnZeHuz4/71HjZ0bGb/SPg8+lyTA+RLSKQvo7fSmPSi8/vcH3aKQ8EM9ywf1olaw==}
     engines: {node: '>=18'}
 
-  '@tanstack/eslint-plugin-query@5.91.3':
-    resolution: {integrity: sha512-5GMGZMYFK9dOvjpdedjJs4hU40EdPuO2AjzObQzP7eOSsikunCfrXaU3oNGXSsvoU9ve1Z1xQZZuDyPi0C1M7Q==}
+  '@tanstack/eslint-plugin-query@5.91.4':
+    resolution: {integrity: sha512-8a+GAeR7oxJ5laNyYBQ6miPK09Hi18o5Oie/jx8zioXODv/AUFLZQecKabPdpQSLmuDXEBPKFh+W5DKbWlahjQ==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
 
   '@tanstack/eslint-plugin-router@1.155.0':
     resolution: {integrity: sha512-Qq6uYYtcu1aMzFImEIz0Azcd9iCAbpkA3SBAGjwavFEyptafwnmtANKrjTqq09ej/CNTrTjEQBH72yvbqqTMqw==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@tanstack/form-core@1.28.0':
-    resolution: {integrity: sha512-MX3YveB6SKHAJ2yUwp+Ca/PCguub8bVEnLcLUbFLwdkSRMkP0lMGdaZl+F0JuEgZw56c6iFoRyfILhS7OQpydA==}
+  '@tanstack/form-core@1.28.2':
+    resolution: {integrity: sha512-HghwxfvnQ0NlbKUWNTsQEVDC5RVn1ePqmb/t6RVhVVhv/KDKHIla7PSqrak4oSx6FaGK8NHIoRXjKupa2s7YpQ==}
 
   '@tanstack/history@1.154.14':
     resolution: {integrity: sha512-xyIfof8eHBuub1CkBnbKNKQXeRZC4dClhmzePHVOEel4G7lk/dW+TQ16da7CFdeNLv6u6Owf5VoBQxoo6DFTSA==}
@@ -1540,14 +1590,14 @@ packages:
   '@tanstack/query-core@5.90.20':
     resolution: {integrity: sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==}
 
-  '@tanstack/query-devtools@5.92.0':
-    resolution: {integrity: sha512-N8D27KH1vEpVacvZgJL27xC6yPFUy0Zkezn5gnB3L3gRCxlDeSuiya7fKge8Y91uMTnC8aSxBQhcK6ocY7alpQ==}
+  '@tanstack/query-devtools@5.93.0':
+    resolution: {integrity: sha512-+kpsx1NQnOFTZsw6HAFCW3HkKg0+2cepGtAWXjiiSOJJ1CtQpt72EE2nyZb+AjAbLRPoeRmPJ8MtQd8r8gsPdg==}
 
   '@tanstack/query-persist-client-core@5.91.19':
     resolution: {integrity: sha512-whrASqbVq8261Ue+/ZzpHsrLDYVfRaENs4HTdLuYKxawkGWzdMfV7BmOdWl8ZF0mEBEbrQR8V6oE3R635JF2Fw==}
 
-  '@tanstack/react-form@1.28.0':
-    resolution: {integrity: sha512-ibLcf5QkTogV0Ly944CuqGxWTpHyreNA4Cy8Wtky7zE9wtE3HVapQt4/hUuXo51zihfTkv5URiXpoTSKF5Xosg==}
+  '@tanstack/react-form@1.28.2':
+    resolution: {integrity: sha512-1x1Jcnu8sY03kI9LRNrD3euo+mnEdxFqZ0we98go84mew8fvgjiuNU62MiudMSEQ5tU0CcctRLWq3f3aT/yygw==}
     peerDependencies:
       '@tanstack/react-start': '*'
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -1555,10 +1605,10 @@ packages:
       '@tanstack/react-start':
         optional: true
 
-  '@tanstack/react-query-devtools@5.91.2':
-    resolution: {integrity: sha512-ZJ1503ay5fFeEYFUdo7LMNFzZryi6B0Cacrgr2h1JRkvikK1khgIq6Nq2EcblqEdIlgB/r7XDW8f8DQ89RuUgg==}
+  '@tanstack/react-query-devtools@5.91.3':
+    resolution: {integrity: sha512-nlahjMtd/J1h7IzOOfqeyDh5LNfG0eULwlltPEonYy0QL+nqrBB+nyzJfULV+moL7sZyxc2sHdNJki+vLA9BSA==}
     peerDependencies:
-      '@tanstack/react-query': ^5.90.14
+      '@tanstack/react-query': ^5.90.20
       react: ^18 || ^19
 
   '@tanstack/react-query-persist-client@5.90.22':
@@ -1567,13 +1617,13 @@ packages:
       '@tanstack/react-query': ^5.90.20
       react: ^18 || ^19
 
-  '@tanstack/react-query@5.90.20':
-    resolution: {integrity: sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==}
+  '@tanstack/react-query@5.90.21':
+    resolution: {integrity: sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==}
     peerDependencies:
       react: ^18 || ^19
 
-  '@tanstack/react-router@1.157.16':
-    resolution: {integrity: sha512-xwFQa7S7dhBhm3aJYwU79cITEYgAKSrcL6wokaROIvl2JyIeazn8jueWqUPJzFjv+QF6Q8euKRlKUEyb5q2ymg==}
+  '@tanstack/react-router@1.159.10':
+    resolution: {integrity: sha512-PQO6hpnqNALmotXasfCafVBWWKpxChmYbXRjwPZQQq8au7m71z4WtAHsmUA2v/uqqhsvE9ySyWVx/Ece/Uq2ZQ==}
     engines: {node: '>=12'}
     peerDependencies:
       react: '>=18.0.0 || >=19.0.0'
@@ -1585,20 +1635,20 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tanstack/router-core@1.157.16':
-    resolution: {integrity: sha512-eJuVgM7KZYTTr4uPorbUzUflmljMVcaX2g6VvhITLnHmg9SBx9RAgtQ1HmT+72mzyIbRSlQ1q0fY/m+of/fosA==}
+  '@tanstack/router-core@1.159.9':
+    resolution: {integrity: sha512-A9B8gvklvMCjSAFG8nDAhfmROI8kjcij8wzznQaw4RfGIOrYXyNe5fCAcbHXGpgNeTE2JnK75b6AjidDPQfrmw==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-generator@1.157.16':
-    resolution: {integrity: sha512-Ae2M00VTFjjED7glSCi/mMLENRzhEym6NgjoOx7UVNbCC/rLU/5ASDe5VIlDa8QLEqP5Pj088Gi51gjmRuICvQ==}
+  '@tanstack/router-generator@1.159.9':
+    resolution: {integrity: sha512-WDn17uYP/Mk//7OP5ZnlYK228ezQ/N+pVA8BrwoF69g3Scq5CkfZUD633UI1+oXIl8Fb1pCt4CU0LkN7niMTmQ==}
     engines: {node: '>=12'}
 
-  '@tanstack/router-plugin@1.157.16':
-    resolution: {integrity: sha512-YQg7L06xyCJAYyrEJNZGAnDL8oChILU+G/eSDIwEfcWn5iLk+47x1Gcdxr82++47PWmOPhzuTo8edDQXWs7kAA==}
+  '@tanstack/router-plugin@1.159.12':
+    resolution: {integrity: sha512-0X80lU5ueimuYdb3xRf7jGtNgi12xA3c2fVfUJUoHXztOML+R/fS7bBh2WCSYH5E4BA4bt7AxqPSlMUgm93K2w==}
     engines: {node: '>=12'}
     peerDependencies:
       '@rsbuild/core': '>=1.0.2'
-      '@tanstack/react-router': ^1.157.16
+      '@tanstack/react-router': ^1.159.10
       vite: '>=5.0.0 || >=6.0.0 || >=7.0.0'
       vite-plugin-solid: ^2.11.10
       webpack: '>=5.92.0'
@@ -1614,13 +1664,10 @@ packages:
       webpack:
         optional: true
 
-  '@tanstack/router-utils@1.154.7':
-    resolution: {integrity: sha512-61bGx32tMKuEpVRseu2sh1KQe8CfB7793Mch/kyQt0EP3tD7X0sXmimCl3truRiDGUtI0CaSoQV1NPjAII1RBA==}
+  '@tanstack/router-utils@1.158.0':
+    resolution: {integrity: sha512-qZ76eaLKU6Ae9iI/mc5zizBX149DXXZkBVVO3/QRIll79uKLJZHQlMKR++2ba7JsciBWz1pgpIBcCJPE9S0LVg==}
     engines: {node: '>=12'}
 
-  '@tanstack/store@0.7.7':
-    resolution: {integrity: sha512-xa6pTan1bcaqYDS9BDpSiS63qa6EoDkPN9RsRaxHuDdVDNntzq3xNwR5YKTU/V3SkSyC9T4YVOPh2zRQN0nhIQ==}
-
   '@tanstack/store@0.8.0':
     resolution: {integrity: sha512-Om+BO0YfMZe//X2z0uLF2j+75nQga6TpTJgLJQBiq85aOyZNIhkCgleNcud2KQg4k4v9Y9l+Uhru3qWMPGTOzQ==}
 
@@ -1667,8 +1714,8 @@ packages:
   '@types/minimatch@3.0.5':
     resolution: {integrity: sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==}
 
-  '@types/node@24.10.9':
-    resolution: {integrity: sha512-ne4A0IpG3+2ETuREInjPNhUGis1SFjv1d5asp8MzEAGtOZeTeHVDOYqOgqfhvseqg/iXty2hjBf1zAOb7RNiNw==}
+  '@types/node@24.10.13':
+    resolution: {integrity: sha512-oH72nZRfDv9lADUBSo104Aq7gPHpQZc4BTx38r9xf9pg5LfP6EzSyH2n7qFmmxRQXh7YlUXODcYsg6PuTDSxGg==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -1681,8 +1728,8 @@ packages:
     peerDependencies:
       '@types/react': ^19.2.0
 
-  '@types/react@19.2.10':
-    resolution: {integrity: sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==}
+  '@types/react@19.2.14':
+    resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
   '@types/statuses@2.0.6':
     resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
@@ -1690,16 +1737,16 @@ packages:
   '@types/validate-npm-package-name@4.0.2':
     resolution: {integrity: sha512-lrpDziQipxCEeK5kWxvljWYhUvOiB2A9izZd9B2AFarYAkqZshb4lPbRs7zKEic6eGtH8V/2qJW+dPp9OtF6bw==}
 
-  '@typescript-eslint/eslint-plugin@8.54.0':
-    resolution: {integrity: sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==}
+  '@typescript-eslint/eslint-plugin@8.55.0':
+    resolution: {integrity: sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.54.0
+      '@typescript-eslint/parser': ^8.55.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.54.0':
-    resolution: {integrity: sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==}
+  '@typescript-eslint/parser@8.55.0':
+    resolution: {integrity: sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1711,8 +1758,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.54.0':
-    resolution: {integrity: sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==}
+  '@typescript-eslint/project-service@8.55.0':
+    resolution: {integrity: sha512-zRcVVPFUYWa3kNnjaZGXSu3xkKV1zXy8M4nO/pElzQhFweb7PPtluDLQtKArEOGmjXoRjnUZ29NjOiF0eCDkcQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -1721,8 +1768,8 @@ packages:
     resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/scope-manager@8.54.0':
-    resolution: {integrity: sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==}
+  '@typescript-eslint/scope-manager@8.55.0':
+    resolution: {integrity: sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/tsconfig-utils@8.48.1':
@@ -1731,14 +1778,14 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/tsconfig-utils@8.54.0':
-    resolution: {integrity: sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==}
+  '@typescript-eslint/tsconfig-utils@8.55.0':
+    resolution: {integrity: sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.54.0':
-    resolution: {integrity: sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==}
+  '@typescript-eslint/type-utils@8.55.0':
+    resolution: {integrity: sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1748,8 +1795,8 @@ packages:
     resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/types@8.54.0':
-    resolution: {integrity: sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==}
+  '@typescript-eslint/types@8.55.0':
+    resolution: {integrity: sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/typescript-estree@8.48.1':
@@ -1758,8 +1805,8 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/typescript-estree@8.54.0':
-    resolution: {integrity: sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==}
+  '@typescript-eslint/typescript-estree@8.55.0':
+    resolution: {integrity: sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
@@ -1771,8 +1818,8 @@ packages:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.54.0':
-    resolution: {integrity: sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==}
+  '@typescript-eslint/utils@8.55.0':
+    resolution: {integrity: sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1782,27 +1829,27 @@ packages:
     resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/visitor-keys@8.54.0':
-    resolution: {integrity: sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==}
+  '@typescript-eslint/visitor-keys@8.55.0':
+    resolution: {integrity: sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@vitejs/plugin-react@5.1.2':
-    resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
+  '@vitejs/plugin-react@5.1.4':
+    resolution: {integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@webext-core/fake-browser@1.3.2':
-    resolution: {integrity: sha512-jFyPWWz+VkHAC9DRIiIPOyu6X/KlC8dYqSKweHz6tsDb86QawtVgZSpYcM+GOQBlZc5DHFo92jJ7cIq4uBnU0A==}
+  '@webext-core/fake-browser@1.3.4':
+    resolution: {integrity: sha512-nZcVWr3JpwpS5E6hKpbAwAMBM/AXZShnfW0F76udW8oLd6Kv0nbW6vFS07md4Na/0ntQonk3hFnlQYGYBAlTrA==}
 
-  '@webext-core/isolated-element@1.1.2':
-    resolution: {integrity: sha512-CNHYhsIR8TPkPb+4yqTIuzaGnVn/Fshev5fyoPW+/8Cyc93tJbCjP9PC1XSK6fDWu+xASdPHLZaoa2nWAYoxeQ==}
+  '@webext-core/isolated-element@1.1.3':
+    resolution: {integrity: sha512-rbtnReIGdiVQb2UhK3MiECU6JqsiIo2K/luWvOdOw57Ot770Iw4KLCEPXUQMITIH5V5er2jfVK8hSWXaEOQGNQ==}
 
   '@webext-core/match-patterns@1.0.3':
     resolution: {integrity: sha512-NY39ACqCxdKBmHgw361M9pfJma8e4AZo20w9AY+5ZjIj1W2dvXC8J31G5fjfOGbulW9w4WKpT8fPooi0mLkn9A==}
 
-  '@wxt-dev/browser@0.1.32':
-    resolution: {integrity: sha512-jvfSppeLzlH4sOkIvMBJoA1pKoI+U5gTkjDwMKdkTWh0P/fj+KDyze3lzo3S6372viCm8tXUKNez+VKyVz2ZDw==}
+  '@wxt-dev/browser@0.1.36':
+    resolution: {integrity: sha512-48Wn8pItPNg7rCdy10c73z6Alto0z5xkBZohPApKK4/uC8C70j9tJRlaxXdHF/u8+SMZGdrvYtz16oLrOxBu6g==}
 
   '@wxt-dev/storage@1.2.6':
     resolution: {integrity: sha512-f6AknnpJvhNHW4s0WqwSGCuZAj0fjP3EVNPBO5kB30pY+3Zt/nqZGqJN6FgBLCSkYjPJ8VL1hNX5LMVmvxQoDw==}
@@ -1958,8 +2005,8 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axios@1.13.4:
-    resolution: {integrity: sha512-1wVkUaAO6WyaYtCkcYCOx12ZgpGf9Zif+qXa4n+oYzK558YryKqiL6UWwd5DqiH3VRW0GYhTZQ/vlgJrCoNQlg==}
+  axios@1.13.5:
+    resolution: {integrity: sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==}
 
   babel-dead-code-elimination@1.0.12:
     resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
@@ -1970,6 +2017,10 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@4.0.2:
+    resolution: {integrity: sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==}
+    engines: {node: 20 || >=22}
+
   baseline-browser-mapping@2.9.14:
     resolution: {integrity: sha512-B0xUquLkiGLgHhpPBqvl7GWegWBUNuujQ6kXd/r1U38ElPT6Ok8KZ8e+FpUGEc2ZoRQUzq/aUnaKFc/svWUGSg==}
     hasBin: true
@@ -2004,6 +2055,10 @@ packages:
   brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
 
+  brace-expansion@5.0.2:
+    resolution: {integrity: sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw==}
+    engines: {node: 20 || >=22}
+
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -2029,8 +2084,8 @@ packages:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
-  c12@3.3.2:
-    resolution: {integrity: sha512-QkikB2X5voO1okL3QsES0N690Sn/K9WokXqUsDQsWy5SnYb+psYQFGA10iy1bZHj3fjISKsI67Q90gruvWWM3A==}
+  c12@3.3.3:
+    resolution: {integrity: sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q==}
     peerDependencies:
       magicast: '*'
     peerDependenciesMeta:
@@ -2095,22 +2150,25 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chokidar@4.0.3:
-    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
-    engines: {node: '>= 14.16.0'}
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
 
   chrome-launcher@1.2.0:
     resolution: {integrity: sha512-JbuGuBNss258bvGil7FT4HKdC3SC2K7UAEUqiPy3ACS3Yxo3hAW6bvFpCu2HsIJLgTqxgEX6BkujvzZfLpUD0Q==}
     engines: {node: '>=12.13.0'}
     hasBin: true
 
-  ci-info@4.3.1:
-    resolution: {integrity: sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==}
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
     engines: {node: '>=8'}
 
   citty@0.1.6:
     resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
 
+  citty@0.2.1:
+    resolution: {integrity: sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg==}
+
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
@@ -2139,6 +2197,10 @@ packages:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
 
+  cli-spinners@3.4.0:
+    resolution: {integrity: sha512-bXfOC4QcT1tKXGorxL3wbJm6XJPDqEnij2gQ2m7ESQuE+/z9YFIWnl/5RpTiKWbMq3EVKR4fRLJGn6DVfu0mpw==}
+    engines: {node: '>=18.20'}
+
   cli-table3@0.6.5:
     resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
     engines: {node: 10.* || >= 12.*}
@@ -2300,8 +2362,8 @@ packages:
       typescript:
         optional: true
 
-  country-flag-icons@1.6.12:
-    resolution: {integrity: sha512-tWxbBylam6Fkkg0nu+112jmny4WomHXgmdTQFobs/+evTyizSc06bCp//HAh4W1i+g1m06uqlbPuyLC5mrimkQ==}
+  country-flag-icons@1.6.13:
+    resolution: {integrity: sha512-mR9GoTXtj3zAXoZXBkb3J4QvyDllFEPtEfZvHb9U23TAHYXfkJyP03pRtZiR0spxo6Ibja3R/hn6a68T4LHBuA==}
 
   cross-env@10.1.0:
     resolution: {integrity: sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==}
@@ -2490,8 +2552,8 @@ packages:
     resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
     engines: {node: '>=12'}
 
-  dotenv@17.2.3:
-    resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==}
+  dotenv@17.3.1:
+    resolution: {integrity: sha512-IO8C/dzEb6O3F9/twg6ZLXz164a2fhTnEWb95H23Dm4OuN+92NmEAlTrupP9VW6Jm3sO26tQlqyvyi4CsnY9GA==}
     engines: {node: '>=12'}
 
   dunder-proto@1.0.1:
@@ -2683,8 +2745,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
 
   esrecurse@4.3.0:
@@ -2729,8 +2791,8 @@ packages:
     resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
     engines: {node: ^18.19.0 || >=20.5.0}
 
-  express-rate-limit@7.5.1:
-    resolution: {integrity: sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==}
+  express-rate-limit@8.2.1:
+    resolution: {integrity: sha512-PCZEIEIxqwhzw4KF0n7QF4QqruVTcF73O5kFKUnGOyjbCCgizBBiFaYpd/fnBLUMPw/BWw9OsiN7GgrNYr7j6g==}
     engines: {node: '>= 16'}
     peerDependencies:
       express: '>= 4.11'
@@ -2833,8 +2895,8 @@ packages:
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
-  follow-redirects@1.15.6:
-    resolution: {integrity: sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==}
+  follow-redirects@1.15.11:
+    resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
     engines: {node: '>=4.0'}
     peerDependencies:
       debug: '*'
@@ -2876,6 +2938,10 @@ packages:
     resolution: {integrity: sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==}
     engines: {node: '>=14.14'}
 
+  fs-extra@11.3.3:
+    resolution: {integrity: sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg==}
+    engines: {node: '>=14.14'}
+
   fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -2986,8 +3052,8 @@ packages:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
 
-  globals@17.2.0:
-    resolution: {integrity: sha512-tovnCz/fEq+Ripoq+p/gN1u7l6A7wwkoBT9pRCzTHzsD/LvADIzXZdjmRymh5Ztf0DYC3Rwg5cZRYjxzBmzbWg==}
+  globals@17.3.0:
+    resolution: {integrity: sha512-yMqGUQVVCkD4tqjOJf3TnrvaaHDMYp4VlUSObbkIiuCPe/ofdMBFIAcBbCSRFWOnos6qRiTVStDwqPLUclaxIw==}
     engines: {node: '>=18'}
 
   globalthis@1.0.4:
@@ -3072,8 +3138,8 @@ packages:
     resolution: {integrity: sha512-IHI4bEVOt3vRUDJ+bFA9VUJlo7SzvFARPNLw75pqSmAOP2HmTWfFJtPvLBrDrlgjEYXY9zs7SFdHPQaJShkSCQ==}
     engines: {node: '>=20'}
 
-  hookable@5.5.3:
-    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+  hookable@6.0.1:
+    resolution: {integrity: sha512-uKGyY8BuzN/a5gvzvA+3FVWo0+wUjgtfSdnmjtrOVwQCZPHpHDH2WRO3VZSOeluYrHoDCiXFffZXs8Dj1ULWtw==}
 
   hosted-git-info@7.0.2:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
@@ -3173,13 +3239,17 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  intl-messageformat@11.1.1:
-    resolution: {integrity: sha512-vnrF2f4vfsdaFY6tuLZfzGcx1GZFMFAq6c7QdK3HSXNcGXEIQncNgbeAcnpjAOszQzq3Jbol2SwgshIGY08WyA==}
+  intl-messageformat@11.1.2:
+    resolution: {integrity: sha512-ucSrQmZGAxfiBHfBRXW/k7UC8MaGFlEj4Ry1tKiDcmgwQm1y3EDl40u+4VNHYomxJQMJi9NEI3riDRlth96jKg==}
 
   into-stream@7.0.0:
     resolution: {integrity: sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==}
     engines: {node: '>=12'}
 
+  ip-address@10.0.1:
+    resolution: {integrity: sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==}
+    engines: {node: '>= 12'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -3439,6 +3509,10 @@ packages:
     resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
     engines: {node: '>= 0.4'}
 
+  jackspeak@4.2.3:
+    resolution: {integrity: sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg==}
+    engines: {node: 20 || >=22}
+
   java-properties@1.0.2:
     resolution: {integrity: sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==}
     engines: {node: '>= 0.6.0'}
@@ -3460,6 +3534,10 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
   jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
     engines: {node: '>=6'}
@@ -3672,6 +3750,10 @@ packages:
     resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
     engines: {node: '>=18'}
 
+  log-symbols@7.0.1:
+    resolution: {integrity: sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg==}
+    engines: {node: '>=18'}
+
   log-update@6.1.0:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
@@ -3690,16 +3772,16 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lucide-react@0.563.0:
-    resolution: {integrity: sha512-8dXPB2GI4dI8jV4MgUDGBeLdGk8ekfqVZ0BdLcrRzocGgG75ltNEmWS+gE7uokKF/0oSUuczNDT+g9hFJ23FkA==}
+  lucide-react@0.564.0:
+    resolution: {integrity: sha512-JJ8GVTQqFwuliifD48U6+h7DXEHdkhJ/E87kksGByII3qHxtPciVb8T8woQONHBQgHVOl7rSMrrip3SeVNy7Fg==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
-  magicast@0.3.5:
-    resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
+  magicast@0.5.2:
+    resolution: {integrity: sha512-E3ZJh4J3S9KfwdjZhe2afj6R9lGIN5Pher1pF39UGrXRqq/VDaGVIGN13BjHd2u8B61hArAGOnso7nBOouW3TQ==}
 
   make-asynchronous@1.0.1:
     resolution: {integrity: sha512-T9BPOmEOhp6SmV25SwLVcHK4E6JyG/coH3C6F1NjNXSziv/fd4GmsqMk8YR6qpPOswfaOCApSNkZv6fxoaYFcQ==}
@@ -3789,6 +3871,10 @@ packages:
     resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
     engines: {node: 20 || >=22}
 
+  minimatch@10.2.0:
+    resolution: {integrity: sha512-ugkC31VaVg9cF0DFVoADH12k6061zNZkZON+aX8AWsR9GhPcErkcMBceb6znR8wLERM2AkkOxy2nWRLpT9Jq5w==}
+    engines: {node: 20 || >=22}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -3833,8 +3919,8 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
-  nano-spawn@1.0.3:
-    resolution: {integrity: sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA==}
+  nano-spawn@2.0.0:
+    resolution: {integrity: sha512-tacvGzUY5o2D8CBh2rrwxyNojUsZNU2zjNTzKQrkgGJQTbGAfArVWXSKMBokBeeg6C7OLRGUEyoFlYbfeWQIqw==}
     engines: {node: '>=20.17'}
 
   nanoid@3.3.11:
@@ -3987,9 +4073,9 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nypm@0.6.2:
-    resolution: {integrity: sha512-7eM+hpOtrKrBDCh7Ypu2lJ9Z7PNZBdi/8AT3AX8xoCj43BBVHD0hPSTEvMtkMpfs8FCqBGhxB+uToIQimA111g==}
-    engines: {node: ^14.16.0 || >=16.10.0}
+  nypm@0.6.5:
+    resolution: {integrity: sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==}
+    engines: {node: '>=18'}
     hasBin: true
 
   object-assign@4.1.1:
@@ -4053,10 +4139,6 @@ packages:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
 
-  open@10.2.0:
-    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
-    engines: {node: '>=18'}
-
   open@11.0.0:
     resolution: {integrity: sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==}
     engines: {node: '>=20'}
@@ -4073,6 +4155,10 @@ packages:
     resolution: {integrity: sha512-weP+BZ8MVNnlCm8c0Qdc1WSWq4Qn7I+9CJGm7Qali6g44e/PUzbjNqJX5NJ9ljlNMosfJvg1fKEGILklK9cwnw==}
     engines: {node: '>=18'}
 
+  ora@9.3.0:
+    resolution: {integrity: sha512-lBX72MWFduWEf7v7uWf5DHp9Jn5BI8bNPGuFgtXMmr2uDz2Gz2749y3am3agSDdkhHPHYmmxEGSKH85ZLGzgXw==}
+    engines: {node: '>=20'}
+
   os-shim@0.1.3:
     resolution: {integrity: sha512-jd0cvB8qQ5uVt0lvCIexBaROw1KyKm5sbulg2fWOHjETisuCzWyt+eTZKEMs8v6HwzoGs8xik26jg7eCM6pS+A==}
     engines: {node: '>= 0.4.0'}
@@ -4218,8 +4304,8 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
-  perfect-debounce@2.0.0:
-    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}
+  perfect-debounce@2.1.0:
+    resolution: {integrity: sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==}
 
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
@@ -4260,13 +4346,13 @@ packages:
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
-  playwright-core@1.58.0:
-    resolution: {integrity: sha512-aaoB1RWrdNi3//rOeKuMiS65UCcgOVljU46At6eFcOFPFHWtd2weHRRow6z/n+Lec0Lvu0k9ZPKJSjPugikirw==}
+  playwright-core@1.58.2:
+    resolution: {integrity: sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.58.0:
-    resolution: {integrity: sha512-2SVA0sbPktiIY/MCOPX8e86ehA/e+tDNq+e5Y8qjKYti2Z/JG7xnronT/TXTIkKbYGWlCbuucZ6dziEgkoEjQQ==}
+  playwright@1.58.2:
+    resolution: {integrity: sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -4393,8 +4479,8 @@ packages:
     resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
     engines: {node: '>=12.20'}
 
-  qs@6.14.1:
-    resolution: {integrity: sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==}
+  qs@6.14.2:
+    resolution: {integrity: sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==}
     engines: {node: '>=0.6'}
 
   quansync@0.2.11:
@@ -4421,8 +4507,8 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-day-picker@9.13.0:
-    resolution: {integrity: sha512-euzj5Hlq+lOHqI53NiuNhCP8HWgsPf/bBAVijR50hNaY1XwjKjShAnIe8jm8RD2W9IJUvihDIZ+KrmqfFzNhFQ==}
+  react-day-picker@9.13.2:
+    resolution: {integrity: sha512-IMPiXfXVIAuR5Yk58DDPBC8QKClrhdXV+Tr/alBrwrHUw0qDDYB1m5zPNuTnnPIr/gmJ4ChMxmtqPdxm8+R4Eg==}
     engines: {node: '>=18'}
     peerDependencies:
       react: '>=16.8.0'
@@ -4432,11 +4518,11 @@ packages:
     peerDependencies:
       react: ^19.2.4
 
-  react-intl@8.1.1:
-    resolution: {integrity: sha512-mXqmFZ5SCvUk1NUgRBBtCKPB8oPs0dLfWGhYf71FbP9XTF6UGdWQzkH5kE+iIu9twIqiomiLTOuNEymUH2S1IQ==}
+  react-intl@8.1.3:
+    resolution: {integrity: sha512-eL1/d+uQdnapirynOGAriW0K9uAoyarjRGL3V9LaTRuohNSvPgCfJX06EZl5M52h/Hu7Gz7A1sD7dNHcos1lNg==}
     peerDependencies:
-      '@types/react': ^19.2.8
-      react: 16 || 17 || 18 || 19
+      '@types/react': '19'
+      react: '19'
       typescript: ^5.6.0
     peerDependenciesMeta:
       typescript:
@@ -4476,9 +4562,9 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
-  readdirp@4.1.2:
-    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
-    engines: {node: '>= 14.18.0'}
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
 
   real-require@0.2.0:
     resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
@@ -4591,16 +4677,11 @@ packages:
   scule@1.3.0:
     resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
 
-  semantic-release@25.0.2:
-    resolution: {integrity: sha512-6qGjWccl5yoyugHt3jTgztJ9Y0JVzyH8/Voc/D8PlLat9pwxQYXz7W1Dpnq5h0/G5GCYGUaDSlYcyk3AMh5A6g==}
+  semantic-release@25.0.3:
+    resolution: {integrity: sha512-WRgl5GcypwramYX4HV+eQGzUbD7UUbljVmS+5G1uMwX/wLgYuJAxGeerXJDMO2xshng4+FXqCgyB5QfClV6WjA==}
     engines: {node: ^22.14.0 || >= 24.10.0}
     hasBin: true
 
-  semver-diff@5.0.0:
-    resolution: {integrity: sha512-0HbGtOm+S7T6NGQ/pxJSJipJvc4DK3FcRVMRkhsIwJDJ4Jcz5DQC1cPPzB5GhzyHjwttW878HaWQq46CkL3cqg==}
-    engines: {node: '>=12'}
-    deprecated: Deprecated as the semver package now supports this built-in.
-
   semver-regex@4.0.5:
     resolution: {integrity: sha512-hunMQrEy1T6Jr2uEVjrAIqjwWcQTgOAcIM52C8MY1EZSD3DDNft04XzvYKPqjED65bNVVko0YI38nYeEHCX3yw==}
     engines: {node: '>=12'}
@@ -4659,8 +4740,8 @@ packages:
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
-  shadcn@3.7.0:
-    resolution: {integrity: sha512-zOXNAIFclguSYmmoibyXyKiYA6qjEJtXDSvloAMziSREW9Q0R/dLqBUYdb81lOejmZkDYuZApGabbMLH7G8qvQ==}
+  shadcn@3.8.4:
+    resolution: {integrity: sha512-pSad/m1+PGzB0aLsRBV0EkyGg9al1nJqYUuucg6d8v8xZspPZ5/ehGNEp5M4b1KQYqdO5/gGPbkhVbgmXqG9Pw==}
     hasBin: true
 
   sharp@0.34.5:
@@ -4783,6 +4864,10 @@ packages:
     resolution: {integrity: sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ==}
     engines: {node: '>=18'}
 
+  stdin-discarder@0.3.1:
+    resolution: {integrity: sha512-reExS1kSGoElkextOcPkel4NE99S0BWxjUHQeDFnR8S993JxpPX7KU4MNmO19NXhlJp+8dmdCbKQVNgLJh2teA==}
+    engines: {node: '>=18'}
+
   stream-combiner2@1.1.1:
     resolution: {integrity: sha512-3PnJbYgS56AeWgtKF5jtJRT6uFJe56Z0Hc5Ngg/6sI6rIt8iiMBTa9cvdyFfpMQjaVHr8dusbNeFGIIonxOvKw==}
 
@@ -4797,6 +4882,10 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
+  string-width@8.1.1:
+    resolution: {integrity: sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==}
+    engines: {node: '>=20'}
+
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
@@ -5059,8 +5148,8 @@ packages:
   typedarray@0.0.6:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
 
-  typescript-eslint@8.54.0:
-    resolution: {integrity: sha512-CKsJ+g53QpsNPqbzUsfKVgd3Lny4yKZ1pP4qN3jdMOg/sisIDLGyDMezycquXLE5JsEU0wp3dGNdzig0/fmSVQ==}
+  typescript-eslint@8.55.0:
+    resolution: {integrity: sha512-HE4wj+r5lmDVS9gdaN0/+iqNvPZwGfnJ5lZuz7s5vLlg9ODw0bIiiETaios9LvFI1U94/VBXGm3CB2Y5cNFMpw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -5309,17 +5398,18 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  wsl-utils@0.1.0:
-    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
-    engines: {node: '>=18'}
-
   wsl-utils@0.3.1:
     resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
     engines: {node: '>=20'}
 
-  wxt@0.20.13:
-    resolution: {integrity: sha512-FwQEk+0a4/pYha6rTKGl5iicU6kRYDBDiElJf55CFEfoJKqvGzBTZpphafurQfqU1X0hvAm9w5GEWC0thXI6wQ==}
+  wxt@0.20.17:
+    resolution: {integrity: sha512-3M3og5cKYTGBoBkVbHO+Qjq+SpGQxNkcFe2YZFZjWw8QcIgmCpyxrAsvOGvzXtn7KerxHDf5VvEvf/OvlGzhFg==}
     hasBin: true
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
 
   xdg-basedir@5.1.0:
     resolution: {integrity: sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==}
@@ -5452,8 +5542,16 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
   '@babel/compat-data@7.28.5': {}
 
+  '@babel/compat-data@7.29.0': {}
+
   '@babel/core@7.28.5':
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -5474,6 +5572,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.28.6
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/generator@7.28.5':
     dependencies:
       '@babel/parser': 7.28.5
@@ -5482,6 +5600,14 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.0.2
 
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.0.2
+
   '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
       '@babel/types': 7.28.5
@@ -5494,6 +5620,14 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.0
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.1
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
   '@babel/helper-create-class-features-plugin@7.28.5(@babel/core@7.28.5)':
     dependencies:
       '@babel/core': 7.28.5
@@ -5523,6 +5657,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
     dependencies:
       '@babel/core': 7.28.5
@@ -5532,6 +5673,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
       '@babel/types': 7.28.5
@@ -5569,10 +5719,19 @@ snapshots:
       '@babel/template': 7.27.2
       '@babel/types': 7.28.5
 
+  '@babel/helpers@7.28.6':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
   '@babel/parser@7.28.5':
     dependencies:
       '@babel/types': 7.28.5
 
+  '@babel/parser@7.29.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
   '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.5)':
     dependencies:
       '@babel/core': 7.28.5
@@ -5591,14 +5750,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.27.1
 
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.5)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.5
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.27.1
 
   '@babel/plugin-transform-typescript@7.28.5(@babel/core@7.28.5)':
@@ -5625,7 +5784,7 @@ snapshots:
 
   '@babel/runtime@7.28.2': {}
 
-  '@babel/runtime@7.28.4': {}
+  '@babel/runtime@7.28.6': {}
 
   '@babel/template@7.27.2':
     dependencies:
@@ -5633,6 +5792,12 @@ snapshots:
       '@babel/parser': 7.28.5
       '@babel/types': 7.28.5
 
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
+
   '@babel/traverse@7.28.5':
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -5645,6 +5810,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.0
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/types@7.26.0':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
@@ -5655,30 +5832,34 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@base-ui/react@1.1.0(patch_hash=b2d601bc89fb5981458ddf3822777d2ec10e9afd6b14bdac39cad23e67df2498)(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@babel/types@7.29.0':
     dependencies:
-      '@babel/runtime': 7.28.4
-      '@base-ui/utils': 0.2.4(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@base-ui/react@1.2.0(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.28.6
+      '@base-ui/utils': 0.2.5(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@floating-ui/react-dom': 2.1.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@floating-ui/utils': 0.2.10
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      reselect: 5.1.1
       tabbable: 6.4.0
       use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.10
+      '@types/react': 19.2.14
 
-  '@base-ui/utils@0.2.4(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@base-ui/utils@0.2.5(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@babel/runtime': 7.28.4
+      '@babel/runtime': 7.28.6
       '@floating-ui/utils': 0.2.10
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       reselect: 5.1.1
       use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
-      '@types/react': 19.2.10
+      '@types/react': 19.2.14
 
   '@colors/colors@1.5.0':
     optional: true
@@ -5704,7 +5885,7 @@ snapshots:
   '@dotenvx/dotenvx@1.51.4':
     dependencies:
       commander: 11.1.0
-      dotenv: 17.2.3
+      dotenv: 17.3.1
       eciesjs: 0.4.16
       execa: 5.1.1
       fdir: 6.5.0(picomatch@4.0.3)
@@ -5887,8 +6068,6 @@ snapshots:
       eslint: 9.39.2(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.12.1': {}
-
   '@eslint-community/regexpp@4.12.2': {}
 
   '@eslint/config-array@0.21.1':
@@ -5907,7 +6086,7 @@ snapshots:
     dependencies:
       '@types/json-schema': 7.0.15
 
-  '@eslint/eslintrc@3.3.1':
+  '@eslint/eslintrc@3.3.3':
     dependencies:
       ajv: 6.12.6
       debug: 4.4.3
@@ -5915,7 +6094,7 @@ snapshots:
       globals: 14.0.0
       ignore: 5.3.1
       import-fresh: 3.3.0
-      js-yaml: 4.1.0
+      js-yaml: 4.1.1
       minimatch: 3.1.2
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
@@ -5949,12 +6128,12 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@formatjs/cli@6.12.0': {}
+  '@formatjs/cli@6.12.2': {}
 
-  '@formatjs/ecma402-abstract@3.1.0':
+  '@formatjs/ecma402-abstract@3.1.1':
     dependencies:
       '@formatjs/fast-memoize': 3.1.0
-      '@formatjs/intl-localematcher': 0.8.0
+      '@formatjs/intl-localematcher': 0.8.1
       decimal.js: 10.6.0
       tslib: 2.8.1
 
@@ -5962,28 +6141,28 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@formatjs/icu-messageformat-parser@3.5.0':
+  '@formatjs/icu-messageformat-parser@3.5.1':
     dependencies:
-      '@formatjs/ecma402-abstract': 3.1.0
-      '@formatjs/icu-skeleton-parser': 2.1.0
+      '@formatjs/ecma402-abstract': 3.1.1
+      '@formatjs/icu-skeleton-parser': 2.1.1
       tslib: 2.8.1
 
-  '@formatjs/icu-skeleton-parser@2.1.0':
+  '@formatjs/icu-skeleton-parser@2.1.1':
     dependencies:
-      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/ecma402-abstract': 3.1.1
       tslib: 2.8.1
 
-  '@formatjs/intl-localematcher@0.8.0':
+  '@formatjs/intl-localematcher@0.8.1':
     dependencies:
       '@formatjs/fast-memoize': 3.1.0
       tslib: 2.8.1
 
-  '@formatjs/intl@4.1.1(typescript@5.9.3)':
+  '@formatjs/intl@4.1.2(typescript@5.9.3)':
     dependencies:
-      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/ecma402-abstract': 3.1.1
       '@formatjs/fast-memoize': 3.1.0
-      '@formatjs/icu-messageformat-parser': 3.5.0
-      intl-messageformat: 11.1.1
+      '@formatjs/icu-messageformat-parser': 3.5.1
+      intl-messageformat: 11.1.2
       tslib: 2.8.1
     optionalDependencies:
       typescript: 5.9.3
@@ -6103,31 +6282,31 @@ snapshots:
 
   '@inquirer/ansi@1.0.2': {}
 
-  '@inquirer/confirm@5.1.21(@types/node@24.10.9)':
+  '@inquirer/confirm@5.1.21(@types/node@24.10.13)':
     dependencies:
-      '@inquirer/core': 10.3.2(@types/node@24.10.9)
-      '@inquirer/type': 3.0.10(@types/node@24.10.9)
+      '@inquirer/core': 10.3.2(@types/node@24.10.13)
+      '@inquirer/type': 3.0.10(@types/node@24.10.13)
     optionalDependencies:
-      '@types/node': 24.10.9
+      '@types/node': 24.10.13
 
-  '@inquirer/core@10.3.2(@types/node@24.10.9)':
+  '@inquirer/core@10.3.2(@types/node@24.10.13)':
     dependencies:
       '@inquirer/ansi': 1.0.2
       '@inquirer/figures': 1.0.15
-      '@inquirer/type': 3.0.10(@types/node@24.10.9)
+      '@inquirer/type': 3.0.10(@types/node@24.10.13)
       cli-width: 4.1.0
       mute-stream: 2.0.0
       signal-exit: 4.1.0
       wrap-ansi: 6.2.0
       yoctocolors-cjs: 2.1.3
     optionalDependencies:
-      '@types/node': 24.10.9
+      '@types/node': 24.10.13
 
   '@inquirer/figures@1.0.15': {}
 
-  '@inquirer/type@3.0.10(@types/node@24.10.9)':
+  '@inquirer/type@3.0.10(@types/node@24.10.13)':
     optionalDependencies:
-      '@types/node': 24.10.9
+      '@types/node': 24.10.13
 
   '@isaacs/balanced-match@4.0.1': {}
 
@@ -6135,6 +6314,8 @@ snapshots:
     dependencies:
       '@isaacs/balanced-match': 4.0.1
 
+  '@isaacs/cliui@9.0.0': {}
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -6169,7 +6350,7 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  '@modelcontextprotocol/sdk@1.25.2(hono@4.11.4)(zod@3.25.76)':
+  '@modelcontextprotocol/sdk@1.26.0(zod@3.25.76)':
     dependencies:
       '@hono/node-server': 1.19.9(hono@4.11.4)
       ajv: 8.17.1
@@ -6180,7 +6361,8 @@ snapshots:
       eventsource: 3.0.7
       eventsource-parser: 3.0.6
       express: 5.2.1
-      express-rate-limit: 7.5.1(express@5.2.1)
+      express-rate-limit: 8.2.1(express@5.2.1)
+      hono: 4.11.4
       jose: 6.1.3
       json-schema-typed: 8.0.2
       pkce-challenge: 5.0.1
@@ -6188,7 +6370,6 @@ snapshots:
       zod: 3.25.76
       zod-to-json-schema: 3.25.1(zod@3.25.76)
     transitivePeerDependencies:
-      - hono
       - supports-color
 
   '@mswjs/interceptors@0.40.0':
@@ -6288,9 +6469,9 @@ snapshots:
 
   '@open-draft/until@2.1.0': {}
 
-  '@playwright/test@1.58.0':
+  '@playwright/test@1.58.2':
     dependencies:
-      playwright: 1.58.0
+      playwright: 1.58.2
 
   '@pnpm/config.env-replace@1.1.0': {}
 
@@ -6304,7 +6485,7 @@ snapshots:
       '@pnpm/network.ca-file': 1.0.2
       config-chain: 1.1.13
 
-  '@rolldown/pluginutils@1.0.0-beta.53': {}
+  '@rolldown/pluginutils@1.0.0-rc.3': {}
 
   '@rollup/rollup-android-arm-eabi@4.53.4':
     optional: true
@@ -6374,15 +6555,15 @@ snapshots:
 
   '@sec-ant/readable-stream@0.4.1': {}
 
-  '@semantic-release/changelog@6.0.3(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/changelog@6.0.3(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       '@semantic-release/error': 3.0.0
       aggregate-error: 3.1.0
       fs-extra: 11.3.2
       lodash: 4.17.23
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
 
-  '@semantic-release/commit-analyzer@13.0.1(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/commit-analyzer@13.0.1(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       conventional-changelog-angular: 8.1.0
       conventional-changelog-writer: 8.2.0
@@ -6392,7 +6573,7 @@ snapshots:
       import-from-esm: 2.0.0
       lodash-es: 4.17.23
       micromatch: 4.0.8
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -6400,7 +6581,7 @@ snapshots:
 
   '@semantic-release/error@4.0.0': {}
 
-  '@semantic-release/git@10.0.1(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/git@10.0.1(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       '@semantic-release/error': 3.0.0
       aggregate-error: 3.1.0
@@ -6410,11 +6591,11 @@ snapshots:
       lodash: 4.17.23
       micromatch: 4.0.8
       p-reduce: 2.1.0
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@semantic-release/github@12.0.2(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/github@12.0.2(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       '@octokit/core': 7.0.6
       '@octokit/plugin-paginate-rest': 14.0.0(@octokit/core@7.0.6)
@@ -6430,14 +6611,14 @@ snapshots:
       lodash-es: 4.17.23
       mime: 4.1.0
       p-filter: 4.1.0
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
       tinyglobby: 0.2.15
       undici: 7.19.1
       url-join: 5.0.0
     transitivePeerDependencies:
       - supports-color
 
-  '@semantic-release/npm@13.1.3(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/npm@13.1.3(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       '@actions/core': 2.0.2
       '@semantic-release/error': 4.0.0
@@ -6452,11 +6633,11 @@ snapshots:
       rc: 1.2.8
       read-pkg: 10.0.0
       registry-auth-token: 5.1.0
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
       semver: 7.7.3
       tempy: 3.1.2
 
-  '@semantic-release/release-notes-generator@14.1.0(semantic-release@25.0.2(typescript@5.9.3))':
+  '@semantic-release/release-notes-generator@14.1.0(semantic-release@25.0.3(typescript@5.9.3))':
     dependencies:
       conventional-changelog-angular: 8.1.0
       conventional-changelog-writer: 8.2.0
@@ -6468,7 +6649,7 @@ snapshots:
       into-stream: 7.0.0
       lodash-es: 4.17.23
       read-package-up: 11.0.0
-      semantic-release: 25.0.2(typescript@5.9.3)
+      semantic-release: 25.0.3(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
@@ -6537,22 +6718,23 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
       '@tailwindcss/oxide-win32-x64-msvc': 4.1.18
 
-  '@tailwindcss/vite@4.1.18(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tailwindcss/vite@4.1.18(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@tailwindcss/node': 4.1.18
       '@tailwindcss/oxide': 4.1.18
       tailwindcss: 4.1.18
-      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
 
   '@tanstack/devtools-event-client@0.4.0': {}
 
-  '@tanstack/eslint-plugin-query@5.91.3(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@tanstack/eslint-plugin-query@5.91.4(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/utils': 8.48.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
+    optionalDependencies:
+      typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
-      - typescript
 
   '@tanstack/eslint-plugin-router@1.155.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
@@ -6562,11 +6744,11 @@ snapshots:
       - supports-color
       - typescript
 
-  '@tanstack/form-core@1.28.0':
+  '@tanstack/form-core@1.28.2':
     dependencies:
       '@tanstack/devtools-event-client': 0.4.0
       '@tanstack/pacer-lite': 0.1.1
-      '@tanstack/store': 0.7.7
+      '@tanstack/store': 0.8.0
 
   '@tanstack/history@1.154.14': {}
 
@@ -6579,42 +6761,42 @@ snapshots:
 
   '@tanstack/query-core@5.90.20': {}
 
-  '@tanstack/query-devtools@5.92.0': {}
+  '@tanstack/query-devtools@5.93.0': {}
 
   '@tanstack/query-persist-client-core@5.91.19':
     dependencies:
       '@tanstack/query-core': 5.90.20
 
-  '@tanstack/react-form@1.28.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-form@1.28.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/form-core': 1.28.0
+      '@tanstack/form-core': 1.28.2
       '@tanstack/react-store': 0.8.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react: 19.2.4
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query-devtools@5.91.2(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-query-devtools@5.91.3(@tanstack/react-query@5.90.21(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/query-devtools': 5.92.0
-      '@tanstack/react-query': 5.90.20(react@19.2.4)
+      '@tanstack/query-devtools': 5.93.0
+      '@tanstack/react-query': 5.90.21(react@19.2.4)
       react: 19.2.4
 
-  '@tanstack/react-query-persist-client@5.90.22(@tanstack/react-query@5.90.20(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-query-persist-client@5.90.22(@tanstack/react-query@5.90.21(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/query-persist-client-core': 5.91.19
-      '@tanstack/react-query': 5.90.20(react@19.2.4)
+      '@tanstack/react-query': 5.90.21(react@19.2.4)
       react: 19.2.4
 
-  '@tanstack/react-query@5.90.20(react@19.2.4)':
+  '@tanstack/react-query@5.90.21(react@19.2.4)':
     dependencies:
       '@tanstack/query-core': 5.90.20
       react: 19.2.4
 
-  '@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-router@1.159.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@tanstack/history': 1.154.14
       '@tanstack/react-store': 0.8.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@tanstack/router-core': 1.157.16
+      '@tanstack/router-core': 1.159.9
       isbot: 5.1.32
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
@@ -6628,7 +6810,7 @@ snapshots:
       react-dom: 19.2.4(react@19.2.4)
       use-sync-external-store: 1.6.0(react@19.2.4)
 
-  '@tanstack/router-core@1.157.16':
+  '@tanstack/router-core@1.159.9':
     dependencies:
       '@tanstack/history': 1.154.14
       '@tanstack/store': 0.8.0
@@ -6638,10 +6820,10 @@ snapshots:
       tiny-invariant: 1.3.3
       tiny-warning: 1.0.3
 
-  '@tanstack/router-generator@1.157.16':
+  '@tanstack/router-generator@1.159.9':
     dependencies:
-      '@tanstack/router-core': 1.157.16
-      '@tanstack/router-utils': 1.154.7
+      '@tanstack/router-core': 1.159.9
+      '@tanstack/router-utils': 1.158.0
       '@tanstack/virtual-file-routes': 1.154.7
       prettier: 3.8.1
       recast: 0.23.11
@@ -6651,7 +6833,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-plugin@1.157.16(@tanstack/react-router@1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@tanstack/router-plugin@1.159.12(@tanstack/react-router@1.159.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5)
@@ -6659,34 +6841,33 @@ snapshots:
       '@babel/template': 7.27.2
       '@babel/traverse': 7.28.5
       '@babel/types': 7.28.5
-      '@tanstack/router-core': 1.157.16
-      '@tanstack/router-generator': 1.157.16
-      '@tanstack/router-utils': 1.154.7
+      '@tanstack/router-core': 1.159.9
+      '@tanstack/router-generator': 1.159.9
+      '@tanstack/router-utils': 1.158.0
       '@tanstack/virtual-file-routes': 1.154.7
-      babel-dead-code-elimination: 1.0.12
       chokidar: 3.6.0
       unplugin: 2.3.11
       zod: 3.25.76
     optionalDependencies:
-      '@tanstack/react-router': 1.157.16(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      '@tanstack/react-router': 1.159.10(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      vite: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/router-utils@1.154.7':
+  '@tanstack/router-utils@1.158.0':
     dependencies:
       '@babel/core': 7.28.5
       '@babel/generator': 7.28.5
       '@babel/parser': 7.28.5
+      '@babel/types': 7.28.5
       ansis: 4.2.0
+      babel-dead-code-elimination: 1.0.12
       diff: 8.0.2
       pathe: 2.0.3
       tinyglobby: 0.2.15
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/store@0.7.7': {}
-
   '@tanstack/store@0.8.0': {}
 
   '@tanstack/virtual-file-routes@1.154.7': {}
@@ -6735,14 +6916,14 @@ snapshots:
 
   '@types/hoist-non-react-statics@3.3.1':
     dependencies:
-      '@types/react': 19.2.10
+      '@types/react': 19.2.14
       hoist-non-react-statics: 3.3.2
 
   '@types/json-schema@7.0.15': {}
 
   '@types/minimatch@3.0.5': {}
 
-  '@types/node@24.10.9':
+  '@types/node@24.10.13':
     dependencies:
       undici-types: 7.16.0
 
@@ -6750,11 +6931,11 @@ snapshots:
 
   '@types/qs@6.14.0': {}
 
-  '@types/react-dom@19.2.3(@types/react@19.2.10)':
+  '@types/react-dom@19.2.3(@types/react@19.2.14)':
     dependencies:
-      '@types/react': 19.2.10
+      '@types/react': 19.2.14
 
-  '@types/react@19.2.10':
+  '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
 
@@ -6762,14 +6943,14 @@ snapshots:
 
   '@types/validate-npm-package-name@4.0.2': {}
 
-  '@typescript-eslint/eslint-plugin@8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.55.0(@typescript-eslint/parser@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.54.0
-      '@typescript-eslint/type-utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.54.0
+      '@typescript-eslint/parser': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/type-utils': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.55.0
       eslint: 9.39.2(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
@@ -6778,12 +6959,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.54.0
-      '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.54.0
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.55.0
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
@@ -6799,10 +6980,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.54.0(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.55.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/tsconfig-utils': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.55.0
       debug: 4.4.3
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -6813,24 +6994,24 @@ snapshots:
       '@typescript-eslint/types': 8.48.1
       '@typescript-eslint/visitor-keys': 8.48.1
 
-  '@typescript-eslint/scope-manager@8.54.0':
+  '@typescript-eslint/scope-manager@8.55.0':
     dependencies:
-      '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/visitor-keys': 8.54.0
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/visitor-keys': 8.55.0
 
   '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/tsconfig-utils@8.54.0(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.55.0(typescript@5.9.3)':
     dependencies:
       typescript: 5.9.3
 
-  '@typescript-eslint/type-utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       debug: 4.4.3
       eslint: 9.39.2(jiti@2.6.1)
       ts-api-utils: 2.4.0(typescript@5.9.3)
@@ -6840,7 +7021,7 @@ snapshots:
 
   '@typescript-eslint/types@8.48.1': {}
 
-  '@typescript-eslint/types@8.54.0': {}
+  '@typescript-eslint/types@8.55.0': {}
 
   '@typescript-eslint/typescript-estree@8.48.1(typescript@5.9.3)':
     dependencies:
@@ -6857,12 +7038,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.54.0(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.55.0(typescript@5.9.3)':
     dependencies:
-      '@typescript-eslint/project-service': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/visitor-keys': 8.54.0
+      '@typescript-eslint/project-service': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/visitor-keys': 8.55.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
@@ -6883,12 +7064,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.54.0
-      '@typescript-eslint/types': 8.54.0
-      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -6899,41 +7080,41 @@ snapshots:
       '@typescript-eslint/types': 8.48.1
       eslint-visitor-keys: 4.2.1
 
-  '@typescript-eslint/visitor-keys@8.54.0':
+  '@typescript-eslint/visitor-keys@8.55.0':
     dependencies:
-      '@typescript-eslint/types': 8.54.0
+      '@typescript-eslint/types': 8.55.0
       eslint-visitor-keys: 4.2.1
 
-  '@vitejs/plugin-react@5.1.2(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
+  '@vitejs/plugin-react@5.1.4(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1))':
     dependencies:
-      '@babel/core': 7.28.5
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.5)
-      '@rolldown/pluginutils': 1.0.0-beta.53
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-rc.3
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@webext-core/fake-browser@1.3.2':
+  '@webext-core/fake-browser@1.3.4':
     dependencies:
       lodash.merge: 4.6.2
 
-  '@webext-core/isolated-element@1.1.2':
+  '@webext-core/isolated-element@1.1.3':
     dependencies:
       is-potential-custom-element-name: 1.0.1
 
   '@webext-core/match-patterns@1.0.3': {}
 
-  '@wxt-dev/browser@0.1.32':
+  '@wxt-dev/browser@0.1.36':
     dependencies:
       '@types/filesystem': 0.0.32
       '@types/har-format': 1.2.10
 
   '@wxt-dev/storage@1.2.6':
     dependencies:
-      '@wxt-dev/browser': 0.1.32
+      '@wxt-dev/browser': 0.1.36
       async-mutex: 0.5.0
       dequal: 2.0.3
 
@@ -7099,9 +7280,9 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axios@1.13.4:
+  axios@1.13.5:
     dependencies:
-      follow-redirects: 1.15.6
+      follow-redirects: 1.15.11
       form-data: 4.0.5
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -7122,6 +7303,10 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  balanced-match@4.0.2:
+    dependencies:
+      jackspeak: 4.2.3
+
   baseline-browser-mapping@2.9.14: {}
 
   before-after-hook@4.0.0: {}
@@ -7138,7 +7323,7 @@ snapshots:
       http-errors: 2.0.1
       iconv-lite: 0.7.2
       on-finished: 2.4.1
-      qs: 6.14.1
+      qs: 6.14.2
       raw-body: 3.0.2
       type-is: 2.0.1
     transitivePeerDependencies:
@@ -7168,6 +7353,10 @@ snapshots:
     dependencies:
       balanced-match: 1.0.2
 
+  brace-expansion@5.0.2:
+    dependencies:
+      balanced-match: 4.0.2
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -7195,22 +7384,22 @@ snapshots:
 
   bytes@3.1.2: {}
 
-  c12@3.3.2(magicast@0.3.5):
+  c12@3.3.3(magicast@0.5.2):
     dependencies:
-      chokidar: 4.0.3
+      chokidar: 5.0.0
       confbox: 0.2.2
       defu: 6.1.4
-      dotenv: 17.2.3
+      dotenv: 17.3.1
       exsolve: 1.0.8
       giget: 2.0.0
       jiti: 2.6.1
       ohash: 2.0.11
       pathe: 2.0.3
-      perfect-debounce: 2.0.0
+      perfect-debounce: 2.1.0
       pkg-types: 2.3.0
       rc9: 2.1.2
     optionalDependencies:
-      magicast: 0.3.5
+      magicast: 0.5.2
 
   cac@6.7.14: {}
 
@@ -7276,25 +7465,27 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@4.0.3:
+  chokidar@5.0.0:
     dependencies:
-      readdirp: 4.1.2
+      readdirp: 5.0.0
 
   chrome-launcher@1.2.0:
     dependencies:
-      '@types/node': 24.10.9
+      '@types/node': 24.10.13
       escape-string-regexp: 4.0.0
       is-wsl: 2.2.0
       lighthouse-logger: 2.0.2
     transitivePeerDependencies:
       - supports-color
 
-  ci-info@4.3.1: {}
+  ci-info@4.4.0: {}
 
   citty@0.1.6:
     dependencies:
       consola: 3.4.2
 
+  citty@0.2.1: {}
+
   class-variance-authority@0.7.1:
     dependencies:
       clsx: 2.1.1
@@ -7322,6 +7513,8 @@ snapshots:
 
   cli-spinners@2.9.2: {}
 
+  cli-spinners@3.4.0: {}
+
   cli-table3@0.6.5:
     dependencies:
       string-width: 4.2.3
@@ -7470,7 +7663,7 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  country-flag-icons@1.6.12: {}
+  country-flag-icons@1.6.13: {}
 
   cross-env@10.1.0:
     dependencies:
@@ -7626,7 +7819,7 @@ snapshots:
 
   dotenv@16.4.7: {}
 
-  dotenv@17.2.3: {}
+  dotenv@17.3.1: {}
 
   dunder-proto@1.0.1:
     dependencies:
@@ -7911,11 +8104,11 @@ snapshots:
   eslint@9.39.2(jiti@2.6.1):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@2.6.1))
-      '@eslint-community/regexpp': 4.12.1
+      '@eslint-community/regexpp': 4.12.2
       '@eslint/config-array': 0.21.1
       '@eslint/config-helpers': 0.4.2
       '@eslint/core': 0.17.0
-      '@eslint/eslintrc': 3.3.1
+      '@eslint/eslintrc': 3.3.3
       '@eslint/js': 9.39.2
       '@eslint/plugin-kit': 0.4.1
       '@humanfs/node': 0.16.6
@@ -7930,7 +8123,7 @@ snapshots:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
-      esquery: 1.5.0
+      esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 8.0.0
@@ -7957,7 +8150,7 @@ snapshots:
 
   esprima@4.0.1: {}
 
-  esquery@1.5.0:
+  esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
 
@@ -8022,9 +8215,10 @@ snapshots:
       strip-final-newline: 4.0.0
       yoctocolors: 2.1.2
 
-  express-rate-limit@7.5.1(express@5.2.1):
+  express-rate-limit@8.2.1(express@5.2.1):
     dependencies:
       express: 5.2.1
+      ip-address: 10.0.1
 
   express@5.2.1:
     dependencies:
@@ -8048,7 +8242,7 @@ snapshots:
       once: 1.4.0
       parseurl: 1.3.3
       proxy-addr: 2.0.7
-      qs: 6.14.1
+      qs: 6.14.2
       range-parser: 1.2.1
       router: 2.2.0
       send: 1.2.1
@@ -8142,7 +8336,7 @@ snapshots:
   firefox-profile@4.7.0:
     dependencies:
       adm-zip: 0.5.16
-      fs-extra: 11.3.2
+      fs-extra: 11.3.3
       ini: 4.1.3
       minimist: 1.2.8
       xml2js: 0.6.2
@@ -8154,7 +8348,7 @@ snapshots:
 
   flatted@3.3.2: {}
 
-  follow-redirects@1.15.6: {}
+  follow-redirects@1.15.11: {}
 
   for-each@0.3.3:
     dependencies:
@@ -8191,6 +8385,12 @@ snapshots:
       jsonfile: 6.1.0
       universalify: 2.0.1
 
+  fs-extra@11.3.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.1
+
   fsevents@2.3.2:
     optional: true
 
@@ -8280,7 +8480,7 @@ snapshots:
       consola: 3.4.2
       defu: 6.1.4
       node-fetch-native: 1.6.7
-      nypm: 0.6.2
+      nypm: 0.6.5
       pathe: 2.0.3
 
   git-log-parser@1.2.1:
@@ -8308,7 +8508,7 @@ snapshots:
 
   globals@14.0.0: {}
 
-  globals@17.2.0: {}
+  globals@17.3.0: {}
 
   globalthis@1.0.4:
     dependencies:
@@ -8378,7 +8578,7 @@ snapshots:
 
   hook-std@4.0.0: {}
 
-  hookable@5.5.3: {}
+  hookable@6.0.1: {}
 
   hosted-git-info@7.0.2:
     dependencies:
@@ -8471,11 +8671,11 @@ snapshots:
       hasown: 2.0.2
       side-channel: 1.1.0
 
-  intl-messageformat@11.1.1:
+  intl-messageformat@11.1.2:
     dependencies:
-      '@formatjs/ecma402-abstract': 3.1.0
+      '@formatjs/ecma402-abstract': 3.1.1
       '@formatjs/fast-memoize': 3.1.0
-      '@formatjs/icu-messageformat-parser': 3.5.0
+      '@formatjs/icu-messageformat-parser': 3.5.1
       tslib: 2.8.1
 
   into-stream@7.0.0:
@@ -8483,6 +8683,8 @@ snapshots:
       from2: 2.3.0
       p-is-promise: 3.0.0
 
+  ip-address@10.0.1: {}
+
   ipaddr.js@1.9.1: {}
 
   is-absolute@0.1.7:
@@ -8695,6 +8897,10 @@ snapshots:
       has-symbols: 1.1.0
       set-function-name: 2.0.2
 
+  jackspeak@4.2.3:
+    dependencies:
+      '@isaacs/cliui': 9.0.0
+
   java-properties@1.0.2: {}
 
   jiti@2.6.1: {}
@@ -8709,6 +8915,10 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
   jsesc@3.0.2: {}
 
   json-buffer@3.0.1: {}
@@ -8892,6 +9102,11 @@ snapshots:
       chalk: 5.6.2
       is-unicode-supported: 1.3.0
 
+  log-symbols@7.0.1:
+    dependencies:
+      is-unicode-supported: 2.1.0
+      yoctocolors: 2.1.2
+
   log-update@6.1.0:
     dependencies:
       ansi-escapes: 7.2.0
@@ -8912,7 +9127,7 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.563.0(react@19.2.4):
+  lucide-react@0.564.0(react@19.2.4):
     dependencies:
       react: 19.2.4
 
@@ -8920,10 +9135,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
-  magicast@0.3.5:
+  magicast@0.5.2:
     dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       source-map-js: 1.2.1
 
   make-asynchronous@1.0.1:
@@ -8992,6 +9207,10 @@ snapshots:
     dependencies:
       '@isaacs/brace-expansion': 5.0.0
 
+  minimatch@10.2.0:
+    dependencies:
+      brace-expansion: 5.0.2
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -9017,9 +9236,9 @@ snapshots:
 
   ms@2.1.3: {}
 
-  msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3):
+  msw@2.12.7(@types/node@24.10.13)(typescript@5.9.3):
     dependencies:
-      '@inquirer/confirm': 5.1.21(@types/node@24.10.9)
+      '@inquirer/confirm': 5.1.21(@types/node@24.10.13)
       '@mswjs/interceptors': 0.40.0
       '@open-draft/deferred-promise': 2.2.0
       '@types/statuses': 2.0.6
@@ -9057,7 +9276,7 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
-  nano-spawn@1.0.3: {}
+  nano-spawn@2.0.0: {}
 
   nanoid@3.3.11: {}
 
@@ -9136,12 +9355,10 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nypm@0.6.2:
+  nypm@0.6.5:
     dependencies:
-      citty: 0.1.6
-      consola: 3.4.2
+      citty: 0.2.1
       pathe: 2.0.3
-      pkg-types: 2.3.0
       tinyexec: 1.0.2
 
   object-assign@4.1.1: {}
@@ -9212,13 +9429,6 @@ snapshots:
     dependencies:
       mimic-function: 5.0.1
 
-  open@10.2.0:
-    dependencies:
-      default-browser: 5.4.0
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
-      wsl-utils: 0.1.0
-
   open@11.0.0:
     dependencies:
       default-browser: 5.4.0
@@ -9255,6 +9465,17 @@ snapshots:
       string-width: 7.2.0
       strip-ansi: 7.1.2
 
+  ora@9.3.0:
+    dependencies:
+      chalk: 5.6.2
+      cli-cursor: 5.0.0
+      cli-spinners: 3.4.0
+      is-interactive: 2.0.0
+      is-unicode-supported: 2.1.0
+      log-symbols: 7.0.1
+      stdin-discarder: 0.3.1
+      string-width: 8.1.1
+
   os-shim@0.1.3: {}
 
   outvariant@1.4.3: {}
@@ -9376,7 +9597,7 @@ snapshots:
 
   pathe@2.0.3: {}
 
-  perfect-debounce@2.0.0: {}
+  perfect-debounce@2.1.0: {}
 
   picocolors@1.1.1: {}
 
@@ -9425,11 +9646,11 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
-  playwright-core@1.58.0: {}
+  playwright-core@1.58.2: {}
 
-  playwright@1.58.0:
+  playwright@1.58.2:
     dependencies:
-      playwright-core: 1.58.0
+      playwright-core: 1.58.2
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -9492,7 +9713,7 @@ snapshots:
     dependencies:
       cac: 6.7.14
       consola: 3.4.2
-      dotenv: 17.2.3
+      dotenv: 17.3.1
       form-data-encoder: 4.1.0
       formdata-node: 6.0.3
       listr2: 8.3.3
@@ -9505,7 +9726,7 @@ snapshots:
     dependencies:
       escape-goat: 4.0.0
 
-  qs@6.14.1:
+  qs@6.14.2:
     dependencies:
       side-channel: 1.1.0
 
@@ -9536,7 +9757,7 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
-  react-day-picker@9.13.0(react@19.2.4):
+  react-day-picker@9.13.2(react@19.2.4):
     dependencies:
       '@date-fns/tz': 1.4.1
       date-fns: 4.1.0
@@ -9548,15 +9769,15 @@ snapshots:
       react: 19.2.4
       scheduler: 0.27.0
 
-  react-intl@8.1.1(@types/react@19.2.10)(react@19.2.4)(typescript@5.9.3):
+  react-intl@8.1.3(@types/react@19.2.14)(react@19.2.4)(typescript@5.9.3):
     dependencies:
-      '@formatjs/ecma402-abstract': 3.1.0
-      '@formatjs/icu-messageformat-parser': 3.5.0
-      '@formatjs/intl': 4.1.1(typescript@5.9.3)
+      '@formatjs/ecma402-abstract': 3.1.1
+      '@formatjs/icu-messageformat-parser': 3.5.1
+      '@formatjs/intl': 4.1.2(typescript@5.9.3)
       '@types/hoist-non-react-statics': 3.3.1
-      '@types/react': 19.2.10
+      '@types/react': 19.2.14
       hoist-non-react-statics: 3.3.2
-      intl-messageformat: 11.1.1
+      intl-messageformat: 11.1.2
       react: 19.2.4
       tslib: 2.8.1
     optionalDependencies:
@@ -9610,7 +9831,7 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
-  readdirp@4.1.2: {}
+  readdirp@5.0.0: {}
 
   real-require@0.2.0: {}
 
@@ -9754,13 +9975,13 @@ snapshots:
 
   scule@1.3.0: {}
 
-  semantic-release@25.0.2(typescript@5.9.3):
+  semantic-release@25.0.3(typescript@5.9.3):
     dependencies:
-      '@semantic-release/commit-analyzer': 13.0.1(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/commit-analyzer': 13.0.1(semantic-release@25.0.3(typescript@5.9.3))
       '@semantic-release/error': 4.0.0
-      '@semantic-release/github': 12.0.2(semantic-release@25.0.2(typescript@5.9.3))
-      '@semantic-release/npm': 13.1.3(semantic-release@25.0.2(typescript@5.9.3))
-      '@semantic-release/release-notes-generator': 14.1.0(semantic-release@25.0.2(typescript@5.9.3))
+      '@semantic-release/github': 12.0.2(semantic-release@25.0.3(typescript@5.9.3))
+      '@semantic-release/npm': 13.1.3(semantic-release@25.0.3(typescript@5.9.3))
+      '@semantic-release/release-notes-generator': 14.1.0(semantic-release@25.0.3(typescript@5.9.3))
       aggregate-error: 5.0.0
       cosmiconfig: 9.0.0(typescript@5.9.3)
       debug: 4.4.3
@@ -9782,17 +10003,12 @@ snapshots:
       read-package-up: 12.0.0
       resolve-from: 5.0.0
       semver: 7.7.3
-      semver-diff: 5.0.0
       signale: 1.4.0
       yargs: 18.0.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  semver-diff@5.0.0:
-    dependencies:
-      semver: 7.7.3
-
   semver-regex@4.0.5: {}
 
   semver@6.3.1: {}
@@ -9863,7 +10079,7 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
-  shadcn@3.7.0(@types/node@24.10.9)(hono@4.11.4)(typescript@5.9.3):
+  shadcn@3.8.4(@types/node@24.10.13)(typescript@5.9.3):
     dependencies:
       '@antfu/ni': 25.0.0
       '@babel/core': 7.28.5
@@ -9871,7 +10087,7 @@ snapshots:
       '@babel/plugin-transform-typescript': 7.28.5(@babel/core@7.28.5)
       '@babel/preset-typescript': 7.28.5(@babel/core@7.28.5)
       '@dotenvx/dotenvx': 1.51.4
-      '@modelcontextprotocol/sdk': 1.25.2(hono@4.11.4)(zod@3.25.76)
+      '@modelcontextprotocol/sdk': 1.26.0(zod@3.25.76)
       '@types/validate-npm-package-name': 4.0.2
       browserslist: 4.28.1
       commander: 14.0.2
@@ -9885,7 +10101,7 @@ snapshots:
       fuzzysort: 3.1.0
       https-proxy-agent: 7.0.6
       kleur: 4.1.5
-      msw: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
+      msw: 2.12.7(@types/node@24.10.13)(typescript@5.9.3)
       node-fetch: 3.3.2
       open: 11.0.0
       ora: 8.2.0
@@ -9894,6 +10110,7 @@ snapshots:
       prompts: 2.4.2
       recast: 0.23.11
       stringify-object: 5.0.0
+      tailwind-merge: 3.4.0
       ts-morph: 26.0.0
       tsconfig-paths: 4.2.0
       validate-npm-package-name: 7.0.2
@@ -9903,7 +10120,6 @@ snapshots:
       - '@cfworker/json-schema'
       - '@types/node'
       - babel-plugin-macros
-      - hono
       - supports-color
       - typescript
 
@@ -10057,6 +10273,8 @@ snapshots:
 
   stdin-discarder@0.2.2: {}
 
+  stdin-discarder@0.3.1: {}
+
   stream-combiner2@1.1.1:
     dependencies:
       duplexer2: 0.1.4
@@ -10076,6 +10294,11 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
+  string-width@8.1.1:
+    dependencies:
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -10347,12 +10570,12 @@ snapshots:
 
   typedarray@0.0.6: {}
 
-  typescript-eslint@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
+  typescript-eslint@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.54.0(@typescript-eslint/parser@8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.54.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.54.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.55.0(@typescript-eslint/parser@8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.55.0(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)
       eslint: 9.39.2(jiti@2.6.1)
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -10477,13 +10700,13 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-node@3.2.4(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
+  vite-node@3.2.4(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       cac: 6.7.14
       debug: 4.4.3
       es-module-lexer: 1.7.0
       pathe: 2.0.3
-      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -10498,7 +10721,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
+  vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       esbuild: 0.27.1
       fdir: 6.5.0(picomatch@4.0.3)
@@ -10507,7 +10730,7 @@ snapshots:
       rollup: 4.53.4
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 24.10.9
+      '@types/node': 24.10.13
       fsevents: 2.3.3
       jiti: 2.6.1
       lightningcss: 1.30.2
@@ -10635,62 +10858,60 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  wsl-utils@0.1.0:
-    dependencies:
-      is-wsl: 3.1.0
-
   wsl-utils@0.3.1:
     dependencies:
       is-wsl: 3.1.0
       powershell-utils: 0.1.0
 
-  wxt@0.20.13(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
+  wxt@0.20.17(@types/node@24.10.13)(eslint@9.39.2(jiti@2.6.1))(jiti@2.6.1)(lightningcss@1.30.2)(rollup@4.53.4)(tsx@4.19.3)(yaml@2.7.1):
     dependencies:
       '@1natsu/wait-element': 4.1.2
       '@aklinker1/rollup-plugin-visualizer': 5.12.0(rollup@4.53.4)
-      '@webext-core/fake-browser': 1.3.2
-      '@webext-core/isolated-element': 1.1.2
+      '@webext-core/fake-browser': 1.3.4
+      '@webext-core/isolated-element': 1.1.3
       '@webext-core/match-patterns': 1.0.3
-      '@wxt-dev/browser': 0.1.32
+      '@wxt-dev/browser': 0.1.36
       '@wxt-dev/storage': 1.2.6
       async-mutex: 0.5.0
-      c12: 3.3.2(magicast@0.3.5)
+      c12: 3.3.3(magicast@0.5.2)
       cac: 6.7.14
-      chokidar: 4.0.3
-      ci-info: 4.3.1
+      chokidar: 5.0.0
+      ci-info: 4.4.0
       consola: 3.4.2
       defu: 6.1.4
-      dotenv: 17.2.3
+      dotenv: 17.3.1
       dotenv-expand: 12.0.3
       esbuild: 0.27.1
       fast-glob: 3.3.3
       filesize: 11.0.13
-      fs-extra: 11.3.2
+      fs-extra: 11.3.3
       get-port-please: 3.2.0
       giget: 2.0.0
-      hookable: 5.5.3
+      hookable: 6.0.1
       import-meta-resolve: 4.2.0
       is-wsl: 3.1.0
       json5: 2.2.3
       jszip: 3.10.1
       linkedom: 0.18.12
-      magicast: 0.3.5
-      minimatch: 10.1.1
-      nano-spawn: 1.0.3
+      magicast: 0.5.2
+      minimatch: 10.2.0
+      nano-spawn: 2.0.0
       normalize-path: 3.0.0
-      nypm: 0.6.2
+      nypm: 0.6.5
       ohash: 2.0.11
-      open: 10.2.0
-      ora: 8.2.0
-      perfect-debounce: 2.0.0
+      open: 11.0.0
+      ora: 9.3.0
+      perfect-debounce: 2.1.0
       picocolors: 1.1.1
       prompts: 2.4.2
       publish-browser-extension: 3.0.3
       scule: 1.3.0
       unimport: 5.6.0
-      vite: 7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
-      vite-node: 3.2.4(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite: 7.3.1(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
+      vite-node: 3.2.4(@types/node@24.10.13)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.3)(yaml@2.7.1)
       web-ext-run: 0.2.4
+    optionalDependencies:
+      eslint: 9.39.2(jiti@2.6.1)
     transitivePeerDependencies:
       - '@types/node'
       - canvas

From 9db6385931fcb6604368514f8d7fcfe0824b1efc Mon Sep 17 00:00:00 2001
From: CrawlerCode <41094392+CrawlerCode@users.noreply.github.com>
Date: Sun, 15 Feb 2026 11:20:28 +0100
Subject: [PATCH 55/55] ci: Add super-linter for pull requests (#59)

---
 .../feature-request-ideas.yml                 |  15 +-
 .github/ISSUE_TEMPLATE/bug_report.yml         |   1 +
 .github/ISSUE_TEMPLATE/config.yml             |   1 +
 .github/linters/.codespellrc                  |   2 +
 .github/linters/.stylelintrc.json             |   3 +
 .github/linters/eslint.config.mjs             |   3 +
 .github/linters/zizmor.yaml                   |   6 +
 .github/workflows/lint.yml                    |  42 ++
 .github/workflows/publish-pre-release.yml     |  83 ++--
 .github/workflows/publish.yml                 | 142 +++---
 .github/workflows/release.yml                 |   5 +-
 .prettierignore                               |   2 +
 .redmine/README.md                            |  19 +-
 README.md                                     |  12 +-
 eslint.config.js => eslint.config.mjs         |   0
 package.json                                  |   9 +-
 pnpm-lock.yaml                                | 461 ++++++++++++++++++
 src/entrypoints/options.html                  |   1 +
 src/entrypoints/popup.html                    |   1 +
 src/index.css                                 | 148 +++---
 stylelint.config.mjs                          |   4 +
 tsconfig.json                                 |   2 -
 22 files changed, 758 insertions(+), 204 deletions(-)
 create mode 100644 .github/linters/.codespellrc
 create mode 100644 .github/linters/.stylelintrc.json
 create mode 100644 .github/linters/eslint.config.mjs
 create mode 100644 .github/linters/zizmor.yaml
 create mode 100644 .github/workflows/lint.yml
 rename eslint.config.js => eslint.config.mjs (100%)
 create mode 100644 stylelint.config.mjs

diff --git a/.github/DISCUSSION_TEMPLATE/feature-request-ideas.yml b/.github/DISCUSSION_TEMPLATE/feature-request-ideas.yml
index fe7922d..a41fc80 100644
--- a/.github/DISCUSSION_TEMPLATE/feature-request-ideas.yml
+++ b/.github/DISCUSSION_TEMPLATE/feature-request-ideas.yml
@@ -1,7 +1,8 @@
-body:
-  - type: textarea
-    attributes:
-      label: Describe the feature you'd like
-      description: A clear and concise description of what you want to happen
-    validations:
-      required: true
+---
+body:
+  - type: textarea
+    attributes:
+      label: Describe the feature you'd like
+      description: A clear and concise description of what you want to happen
+    validations:
+      required: true
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 60ac91a..4b8294e 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -1,3 +1,4 @@
+---
 name: Report an issue
 description: Create a report to help us improve
 labels: ["bug"]
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 05b2014..76df72a 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,3 +1,4 @@
+---
 blank_issues_enabled: false
 contact_links:
   - name: Feature request / Ideas
diff --git a/.github/linters/.codespellrc b/.github/linters/.codespellrc
new file mode 100644
index 0000000..9b71a68
--- /dev/null
+++ b/.github/linters/.codespellrc
@@ -0,0 +1,2 @@
+[codespell]
+skip = */src/lang/*.json
\ No newline at end of file
diff --git a/.github/linters/.stylelintrc.json b/.github/linters/.stylelintrc.json
new file mode 100644
index 0000000..c434436
--- /dev/null
+++ b/.github/linters/.stylelintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": ["../../stylelint.config.mjs"]
+}
diff --git a/.github/linters/eslint.config.mjs b/.github/linters/eslint.config.mjs
new file mode 100644
index 0000000..1b756a2
--- /dev/null
+++ b/.github/linters/eslint.config.mjs
@@ -0,0 +1,3 @@
+import config from "../../eslint.config.mjs";
+
+export default config;
diff --git a/.github/linters/zizmor.yaml b/.github/linters/zizmor.yaml
new file mode 100644
index 0000000..bbb0366
--- /dev/null
+++ b/.github/linters/zizmor.yaml
@@ -0,0 +1,6 @@
+---
+rules:
+  unpinned-uses:
+    config:
+      policies:
+        "*": ref-pin
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
new file mode 100644
index 0000000..4a8ec23
--- /dev/null
+++ b/.github/workflows/lint.yml
@@ -0,0 +1,42 @@
+---
+name: Lint
+
+on:
+  pull_request: null
+
+permissions: {}
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read
+      statuses: write
+
+    steps:
+      - uses: actions/checkout@v5
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: "pnpm"
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: super-linter
+        uses: super-linter/super-linter/slim@v8.4.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          IGNORE_GITIGNORED_FILES: true
+          STRIP_DEFAULT_WORKSPACE_FOR_REGEX: true
+          FILTER_REGEX_EXCLUDE: ^(CHANGELOG\.md|pnpm-lock\.yaml)$
+          VALIDATE_BIOME_FORMAT: false # Prettier is used instead
+          VALIDATE_BIOME_LINT: false # Prettier is used instead
+          VALIDATE_JSCPD: false # TODO: Enable this linter in the future to detect code duplication
diff --git a/.github/workflows/publish-pre-release.yml b/.github/workflows/publish-pre-release.yml
index 539605f..d4f538f 100644
--- a/.github/workflows/publish-pre-release.yml
+++ b/.github/workflows/publish-pre-release.yml
@@ -1,38 +1,45 @@
-name: Publish Pre-Release
-
-on:
-  release:
-    types:
-      - prereleased
-
-permissions:
-  contents: write
-
-jobs:
-  publish-chrome-pre-release:
-    name: Publish Pre-Release to Chrome Web Store
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: pnpm/action-setup@v4
-
-      - uses: actions/setup-node@v6
-        with:
-          node-version: 22
-
-      - run: pnpm install --frozen-lockfile
-
-      - run: pnpm run build:chrome:pre-release
-
-      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
-        env:
-          GITHUB_TOKEN: ${{ github.TOKEN }}
-
-      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
-        env:
-          CHROME_EXTENSION_ID: adgcdimdkkaddeopcabokepmaihfhklb
-          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
-          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
-          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
+---
+name: Publish Pre-Release
+
+on:
+  release:
+    types:
+      - prereleased
+
+permissions: {}
+
+jobs:
+  publish-chrome-pre-release:
+    name: Publish Pre-Release to Chrome Web Store
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run build:chrome:pre-release
+
+      - run: gh release upload "${RELEASE_TAG}" "$(ls .output/*-chrome.zip)"
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+          RELEASE_TAG: ${{ github.event.release.tag_name }}
+
+      - run: pnpm wxt submit \
+          --chrome-zip .output/*-chrome.zip
+        env:
+          CHROME_EXTENSION_ID: adgcdimdkkaddeopcabokepmaihfhklb
+          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
+          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
+          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index acca322..37d8396 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -1,64 +1,78 @@
-name: Publish
-
-on:
-  release:
-    types:
-      - released
-
-permissions:
-  contents: write
-
-jobs:
-  publish-chrome:
-    name: Publish to Chrome Web Store
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: pnpm/action-setup@v4
-
-      - uses: actions/setup-node@v6
-        with:
-          node-version: 22
-
-      - run: pnpm install --frozen-lockfile
-
-      - run: pnpm run build:chrome:release
-
-      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-chrome.zip)
-        env:
-          GITHUB_TOKEN: ${{ github.TOKEN }}
-      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
-        env:
-          CHROME_EXTENSION_ID: ldcanhhkffokndenejhafhlkapflgcjg
-          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
-          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
-          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
-
-  publish-firefox:
-    name: Publish to Firefox Addon Store
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: pnpm/action-setup@v4
-
-      - uses: actions/setup-node@v6
-        with:
-          node-version: 22
-
-      - run: pnpm install --frozen-lockfile
-
-      - run: pnpm run build:firefox:release
-
-      - run: gh release upload ${{ github.event.release.tag_name }} $(ls .output/*-firefox.zip)
-        env:
-          GITHUB_TOKEN: ${{ github.TOKEN }}
-
-      - run: pnpm wxt submit --firefox-zip .output/*-firefox.zip --firefox-sources-zip .output/*-sources.zip
-        env:
-          FIREFOX_EXTENSION_ID: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}"
-          FIREFOX_JWT_ISSUER: ${{ secrets.FIREFOX_JWT_ISSUER }}
-          FIREFOX_JWT_SECRET: ${{ secrets.FIREFOX_JWT_SECRET }}
+---
+name: Publish
+
+on:
+  release:
+    types:
+      - released
+
+permissions: {}
+
+jobs:
+  publish-chrome:
+    name: Publish to Chrome Web Store
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run build:chrome:release
+
+      - run: gh release upload "${RELEASE_TAG}" "$(ls .output/*-chrome.zip)"
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+          RELEASE_TAG: ${{ github.event.release.tag_name }}
+      - run: pnpm wxt submit --chrome-zip .output/*-chrome.zip
+        env:
+          CHROME_EXTENSION_ID: ldcanhhkffokndenejhafhlkapflgcjg
+          CHROME_CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
+          CHROME_CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
+          CHROME_REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
+
+  publish-firefox:
+    name: Publish to Firefox Addon Store
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm run build:firefox:release
+
+      - run: gh release upload "${RELEASE_TAG}" "$(ls .output/*-firefox.zip)"
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+          RELEASE_TAG: ${{ github.event.release.tag_name }}
+
+      - run: pnpm wxt submit \
+          --firefox-zip .output/*-firefox.zip \
+          --firefox-sources-zip .output/*-sources.zip
+        env:
+          FIREFOX_EXTENSION_ID: "{ea2ad5bc-e458-414d-8565-5cfe9f7cf0c2}"
+          FIREFOX_JWT_ISSUER: ${{ secrets.FIREFOX_JWT_ISSUER }}
+          FIREFOX_JWT_SECRET: ${{ secrets.FIREFOX_JWT_SECRET }}
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index c3faac8..a2d7e20 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,3 +1,4 @@
+---
 name: Release
 
 on:
@@ -6,8 +7,7 @@ on:
       - main
   workflow_dispatch:
 
-permissions:
-  contents: read
+permissions: {}
 
 jobs:
   release:
@@ -23,6 +23,7 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          persist-credentials: false
 
       - uses: pnpm/action-setup@v4
 
diff --git a/.prettierignore b/.prettierignore
index 2240fb9..661cc63 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1 +1,3 @@
+CHANGELOG.md
+pnpm-lock.yaml
 src/routeTree.gen.ts
\ No newline at end of file
diff --git a/.redmine/README.md b/.redmine/README.md
index 22fb32a..7a9d8b1 100644
--- a/.redmine/README.md
+++ b/.redmine/README.md
@@ -1,25 +1,24 @@
-## Redmine dev setup
+# Redmine dev setup
 
 This folder provides local Redmine instances for manual testing against multiple Redmine versions.
 
-### Start a version
+## Start a version
 
-Run from this directory:
+Run from this directory (`.redmine`):
 
 ```bash
-cd .redmine
 docker compose up -d redmine-v6
 ```
 
 Available services and ports:
 
-- Redmine 6: http://localhost:3006 (service `redmine-v6`)
-- Redmine 5: http://localhost:3005 (service `redmine-v5`)
-- Redmine 4: http://localhost:3004 (service `redmine-v4`)
-- Redmine 3: http://localhost:3003 (service `redmine-v3`)
-- Redmine 2: http://localhost:3002 (service `redmine-v2`)
+- Redmine 6: [http://localhost:3006](http://localhost:3006) (service `redmine-v6`)
+- Redmine 5: [http://localhost:3005](http://localhost:3005) (service `redmine-v5`)
+- Redmine 4: [http://localhost:3004](http://localhost:3004) (service `redmine-v4`)
+- Redmine 3: [http://localhost:3003](http://localhost:3003) (service `redmine-v3`)
+- Redmine 2: [http://localhost:3002](http://localhost:3002) (service `redmine-v2`)
 
-### Notes
+## Notes
 
 - [Default credentials](https://hub.docker.com/_/redmine#accessing-the-application): `admin`/`admin`
 - [Themes](https://www.redmine.org/projects/redmine/wiki/theme_list) are mounted from `.redmine/themes`
diff --git a/README.md b/README.md
index 603db55..2d20270 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@
 [Install-Button-Firefox]: https://img.shields.io/badge/Install-71b500?style=for-the-badge&logoColor=white&logo=firefox-browser
 [Install-Link-Firefox]: https://addons.mozilla.org/de/firefox/addon/redmine-time-tracking "Open in firefox add-on store"
 
-# 🚀 Features
+## 🚀 Features
 
 - View all your assigned Redmine issues grouped by projects
 - Filter issues by project and status
@@ -38,7 +38,7 @@
 - Multiple languages
 - Dark & light mode (system default)
 
-# 🛠️ Requirements
+## 🛠️ Requirements
 
 Supported browsers:
 
@@ -61,7 +61,7 @@ At least **Redmine version `3.0` or higher** required. Recommended version `5.0`
 | Display project-available time entry activities when _adding spent time entries_  | `< 3.4.0`                   |
 | Remote Redmine search                                                             | `< 3.3.0`                   |
 
-# 🌐 Supported languages
+## 🌐 Supported languages
 
 - English
 - German
@@ -70,7 +70,7 @@ At least **Redmine version `3.0` or higher** required. Recommended version `5.0`
 
 > If you want to add more languages or extend existing ones, feel free to contribute. Just create a pull request with the desired changes. The language files are located under [src/lang](src/lang) and [public/\_locales](public/_locales).
 
-# 📸 Screenshots
+## 📸 Screenshots
 
 ![issues](screenshots/en/dark/issues.png)
 ![issues-time](screenshots/en/dark/time.png)
@@ -79,6 +79,6 @@ At least **Redmine version `3.0` or higher** required. Recommended version `5.0`
 ![issues-add-spent-time](screenshots/en/dark/issues-add-spent-time.png)
 ![issues-context-menu](screenshots/en/dark/issues-context-menu.png)
 
-# Credits
+## Credits
 
-Logo is Copyright (C) 2009 Martin Herr and is licensed under Creative Commons (https://www.redmine.org/projects/redmine/wiki/logo)
+Logo is Copyright (C) 2009 Martin Herr and is licensed under Creative Commons ([https://www.redmine.org/projects/redmine/wiki/logo](https://www.redmine.org/projects/redmine/wiki/logo))
diff --git a/eslint.config.js b/eslint.config.mjs
similarity index 100%
rename from eslint.config.js
rename to eslint.config.mjs
diff --git a/package.json b/package.json
index b958165..087c558 100644
--- a/package.json
+++ b/package.json
@@ -21,11 +21,11 @@
     "build:firefox:pre-release": "cross-env NODE_ENV=production wxt zip -b firefox --mv3 --mode pre-release",
     "build:chrome:release": "cross-env NODE_ENV=production wxt zip -b chrome --mode release",
     "build:firefox:release": "cross-env NODE_ENV=production wxt zip -b firefox --mv3 --mode release",
-    "lint": "eslint --fix src tests fixtures",
-    "format": "prettier --write src tests public fixtures",
+    "lint": "eslint --fix src tests fixtures && stylelint --fix src/**/*.css",
+    "format": "prettier --write .",
     "compile": "tsc --noEmit",
+    "lang-verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json",
     "test": "playwright test",
-    "lang:verify": "formatjs verify --source-locale en --missing-keys src/lang/*.json",
     "release": "semantic-release"
   },
   "dependencies": {
@@ -85,6 +85,9 @@
     "semantic-release": "^25.0.3",
     "shadcn": "^3.8.4",
     "sharp": "^0.34.5",
+    "stylelint": "^17.3.0",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-config-tailwindcss": "^1.0.1",
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b7be029..6c1b93f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -171,6 +171,15 @@ importers:
       sharp:
         specifier: ^0.34.5
         version: 0.34.5
+      stylelint:
+        specifier: ^17.3.0
+        version: 17.3.0(typescript@5.9.3)
+      stylelint-config-standard:
+        specifier: ^40.0.0
+        version: 40.0.0(stylelint@17.3.0(typescript@5.9.3))
+      stylelint-config-tailwindcss:
+        specifier: ^1.0.1
+        version: 1.0.1(stylelint@17.3.0(typescript@5.9.3))(tailwindcss@4.1.18)
       tailwindcss:
         specifier: ^4.1.18
         version: 4.1.18
@@ -458,10 +467,55 @@ packages:
       '@types/react':
         optional: true
 
+  '@cacheable/memory@2.0.7':
+    resolution: {integrity: sha512-RbxnxAMf89Tp1dLhXMS7ceft/PGsDl1Ip7T20z5nZ+pwIAsQ1p2izPjVG69oCLv/jfQ7HDPHTWK0c9rcAWXN3A==}
+
+  '@cacheable/utils@2.3.4':
+    resolution: {integrity: sha512-knwKUJEYgIfwShABS1BX6JyJJTglAFcEU7EXqzTdiGCXur4voqkiJkdgZIQtWNFhynzDWERcTYv/sETMu3uJWA==}
+
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
     engines: {node: '>=0.1.90'}
 
+  '@csstools/css-calc@3.1.1':
+    resolution: {integrity: sha512-HJ26Z/vmsZQqs/o3a6bgKslXGFAungXGbinULZO3eMsOyNJHeBBZfup5FiZInOghgoM4Hwnmw+OgbJCNg1wwUQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0':
+    resolution: {integrity: sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.27':
+    resolution: {integrity: sha512-sxP33Jwg1bviSUXAV43cVYdmjt2TLnLXNqCWl9xmxHawWVjGz/kEbdkr7F9pxJNBN2Mh+dq0crgItbW6tQvyow==}
+
+  '@csstools/css-tokenizer@4.0.0':
+    resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/media-query-list-parser@5.0.0':
+    resolution: {integrity: sha512-T9lXmZOfnam3eMERPsszjY5NK0jX8RmThmmm99FZ8b7z8yMaFZWKwLWGZuTwdO3ddRY5fy13GmmEYZXB4I98Eg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.0
+      '@csstools/css-tokenizer': ^4.0.0
+
+  '@csstools/selector-resolve-nested@4.0.0':
+    resolution: {integrity: sha512-9vAPxmp+Dx3wQBIUwc1v7Mdisw1kbbaGqXUM8QLTgWg7SoPGYtXBsMXvsFs/0Bn5yoFhcktzxNZGNaUt0VjgjA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
+  '@csstools/selector-specificity@6.0.0':
+    resolution: {integrity: sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      postcss-selector-parser: ^7.1.1
+
   '@date-fns/tz@1.4.1':
     resolution: {integrity: sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA==}
 
@@ -1170,6 +1224,15 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
+
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
+
   '@modelcontextprotocol/sdk@1.26.0':
     resolution: {integrity: sha512-Y5RmPncpiDtTXDbLKswIJzTqu2hyBKxTNsgKqKclDbhIgg1wgtf1fRuvxgTnRfcnxtvvgbIEcqUOzZrJ6iSReg==}
     engines: {node: '>=18'}
@@ -1985,6 +2048,10 @@ packages:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
 
+  astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+
   async-mutex@0.5.0:
     resolution: {integrity: sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==}
 
@@ -2017,6 +2084,10 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  balanced-match@3.0.1:
+    resolution: {integrity: sha512-vjtV3hiLqYDNRoiAv0zC4QaGAMPomEoq83PRmYIofPswwZurCeWR5LByXm7SyoL0Zh5+2z0+HC7jG8gSZJUh0w==}
+    engines: {node: '>= 16'}
+
   balanced-match@4.0.2:
     resolution: {integrity: sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg==}
     engines: {node: 20 || >=22}
@@ -2096,6 +2167,9 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
+  cacheable@2.3.2:
+    resolution: {integrity: sha512-w+ZuRNmex9c1TR9RcsxbfTKCjSL0rh1WA5SABbrWprIHeNBdmyQLSYonlDy9gpD+63XT8DgZ/wNh1Smvc9WnJA==}
+
   call-bind-apply-helpers@1.0.1:
     resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==}
     engines: {node: '>= 0.4'}
@@ -2244,6 +2318,9 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
@@ -2378,9 +2455,17 @@ packages:
     resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
     engines: {node: '>=12'}
 
+  css-functions-list@3.3.3:
+    resolution: {integrity: sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg==}
+    engines: {node: '>=12'}
+
   css-select@5.2.2:
     resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
 
+  css-tree@3.1.0:
+    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css-what@6.2.2:
     resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
     engines: {node: '>= 6'}
@@ -2827,6 +2912,10 @@ packages:
   fast-uri@3.1.0:
     resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
 
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
@@ -2851,6 +2940,9 @@ packages:
     resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
     engines: {node: '>=18'}
 
+  file-entry-cache@11.1.2:
+    resolution: {integrity: sha512-N2WFfK12gmrK1c1GXOqiAJ1tc5YE+R53zvQ+t5P8S5XhnmKYVB5eZEiLNZKDSmoG8wqqbF9EXYBBW/nef19log==}
+
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -2892,9 +2984,15 @@ packages:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
 
+  flat-cache@6.1.20:
+    resolution: {integrity: sha512-AhHYqwvN62NVLp4lObVXGVluiABTHapoB57EyegZVmazN+hhGhLTn3uZbOofoTw4DSDvVCadzzyChXhOAvy8uQ==}
+
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
   follow-redirects@1.15.11:
     resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
     engines: {node: '>=4.0'}
@@ -3048,6 +3146,14 @@ packages:
     resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
     engines: {node: '>=18'}
 
+  global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+
+  global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+
   globals@14.0.0:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
@@ -3060,6 +3166,13 @@ packages:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
 
+  globby@16.1.0:
+    resolution: {integrity: sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==}
+    engines: {node: '>=20'}
+
+  globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -3096,6 +3209,10 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
+  has-flag@5.0.1:
+    resolution: {integrity: sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA==}
+    engines: {node: '>=12'}
+
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
@@ -3111,6 +3228,10 @@ packages:
     resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
     engines: {node: '>= 0.4'}
 
+  hashery@1.4.0:
+    resolution: {integrity: sha512-Wn2i1In6XFxl8Az55kkgnFRiAlIAushzh26PTjL2AKtQcEfXrcLa7Hn5QOWGZEf3LU057P9TwwZjFyxfS1VuvQ==}
+    engines: {node: '>=20'}
+
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -3141,6 +3262,9 @@ packages:
   hookable@6.0.1:
     resolution: {integrity: sha512-uKGyY8BuzN/a5gvzvA+3FVWo0+wUjgtfSdnmjtrOVwQCZPHpHDH2WRO3VZSOeluYrHoDCiXFffZXs8Dj1ULWtw==}
 
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
   hosted-git-info@7.0.2:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -3152,6 +3276,10 @@ packages:
   html-escaper@3.0.3:
     resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
 
+  html-tags@5.1.0:
+    resolution: {integrity: sha512-n6l5uca7/y5joxZ3LUePhzmBFUJ+U2YWzhMa8XUTecSeSlQiZdF5XAd/Q3/WUl0VsXgUwWi8I7CNIwdI5WN1SQ==}
+    engines: {node: '>=20.10'}
+
   htmlparser2@10.0.0:
     resolution: {integrity: sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==}
 
@@ -3395,6 +3523,10 @@ packages:
     resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
     engines: {node: '>=0.10.0'}
 
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
@@ -3586,6 +3718,13 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
+
+  kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+
   kleur@3.0.3:
     resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
     engines: {node: '>=6'}
@@ -3594,6 +3733,9 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
+
   ky@1.14.1:
     resolution: {integrity: sha512-hYje4L9JCmpEQBtudo+v52X5X8tgWXUYyPcxKSuxQNboqufecl9VMWjGiucAFH060AwPXHZuH+WB2rrqfkmafw==}
     engines: {node: '>=18'}
@@ -3740,6 +3882,9 @@ packages:
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
+  lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+
   lodash.uniqby@4.7.0:
     resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==}
 
@@ -3811,6 +3956,12 @@ packages:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mathml-tag-names@4.0.0:
+    resolution: {integrity: sha512-aa6AU2Pcx0VP/XWnh8IGL0SYSgQHDT6Ucror2j2mXeFAlN3ahaNs8EZtG1YiticMkSLj3Gt6VPFfZogt7G5iFQ==}
+
+  mdn-data@2.12.2:
+    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
+
   media-typer@1.1.0:
     resolution: {integrity: sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==}
     engines: {node: '>= 0.8'}
@@ -3819,6 +3970,10 @@ packages:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
     engines: {node: '>=18'}
 
+  meow@14.0.0:
+    resolution: {integrity: sha512-JhC3R1f6dbspVtmF3vKjAWz1EVIvwFrGGPLSdU6rK79xBwHWTuHoLnRX/t1/zHS1Ch1Y2UtIrih7DAHuH9JFJA==}
+    engines: {node: '>=20'}
+
   merge-descriptors@2.0.0:
     resolution: {integrity: sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==}
     engines: {node: '>=18'}
@@ -4360,10 +4515,19 @@ packages:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
 
+  postcss-safe-parser@7.0.1:
+    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.4.31
+
   postcss-selector-parser@7.1.1:
     resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
     engines: {node: '>=4'}
 
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
   postcss@8.5.6:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -4479,6 +4643,10 @@ packages:
     resolution: {integrity: sha512-LjgDO2zPtoXP2wJpDjZrGdojii1uqO0cnwKoIoUzkfS98HDmbeiGmYiXo3lXeFlq2xvne1QFQhwYXSUCLKtEuA==}
     engines: {node: '>=12.20'}
 
+  qified@0.6.0:
+    resolution: {integrity: sha512-tsSGN1x3h569ZSU1u6diwhltLyfUWDp3YbFHedapTmpBl0B3P6U3+Qptg7xu+v+1io1EwhdPyyRHYbEw0KN2FA==}
+    engines: {node: '>=20'}
+
   qs@6.14.2:
     resolution: {integrity: sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==}
     engines: {node: '>=0.6'}
@@ -4796,6 +4964,14 @@ packages:
     resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
     engines: {node: '>=8'}
 
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+
   slice-ansi@5.0.0:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
@@ -4961,10 +5137,37 @@ packages:
   stubborn-utils@1.0.2:
     resolution: {integrity: sha512-zOh9jPYI+xrNOyisSelgym4tolKTJCQd5GBhK0+0xJvcYDcwlOoxF/rnFKQ2KRZknXSG9jWAp66fwP6AxN9STg==}
 
+  stylelint-config-recommended@18.0.0:
+    resolution: {integrity: sha512-mxgT2XY6YZ3HWWe3Di8umG6aBmWmHTblTgu/f10rqFXnyWxjKWwNdjSWkgkwCtxIKnqjSJzvFmPT5yabVIRxZg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-config-standard@40.0.0:
+    resolution: {integrity: sha512-EznGJxOUhtWck2r6dJpbgAdPATIzvpLdK9+i5qPd4Lx70es66TkBPljSg4wN3Qnc6c4h2n+WbUrUynQ3fanjHw==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      stylelint: ^17.0.0
+
+  stylelint-config-tailwindcss@1.0.1:
+    resolution: {integrity: sha512-IeIMivgaB1kxPBgllMzBqyv0g61IwFxxZKo/fDDelfZ/JtPPlSBT04VuOCslk6PIaq5GQvdRnHOP1K3HpxSkeg==}
+    peerDependencies:
+      stylelint: '>=13.13.1'
+      tailwindcss: '>=2.2.16'
+
+  stylelint@17.3.0:
+    resolution: {integrity: sha512-1POV91lcEMhj6SLVaOeA0KlS9yattS+qq+cyWqP/nYzWco7K5jznpGH1ExngvPlTM9QF1Kjd2bmuzJu9TH2OcA==}
+    engines: {node: '>=20.19.0'}
+    hasBin: true
+
   super-regex@1.1.0:
     resolution: {integrity: sha512-WHkws2ZflZe41zj6AolvvmaTrWds/VuyeYr9iPVv/oQeaIoVxMKaushfFWpOGDT+GuBrM/sVqF8KUCYQlSSTdQ==}
     engines: {node: '>=18'}
 
+  supports-color@10.2.2:
+    resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
+    engines: {node: '>=18'}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -4977,13 +5180,24 @@ packages:
     resolution: {integrity: sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==}
     engines: {node: '>=14.18'}
 
+  supports-hyperlinks@4.4.0:
+    resolution: {integrity: sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg==}
+    engines: {node: '>=20'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+
   tabbable@6.4.0:
     resolution: {integrity: sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==}
 
+  table@6.9.0:
+    resolution: {integrity: sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A==}
+    engines: {node: '>=10.0.0'}
+
   tagged-tag@1.0.0:
     resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
     engines: {node: '>=20'}
@@ -5198,6 +5412,10 @@ packages:
     resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
     engines: {node: '>=18'}
 
+  unicorn-magic@0.4.0:
+    resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
+    engines: {node: '>=20'}
+
   unimport@5.6.0:
     resolution: {integrity: sha512-8rqAmtJV8o60x46kBAJKtHpJDJWkA2xcBqWKPI14MgUb05o1pnpnCnXSxedUXyeq7p8fR5g3pTo2BaswZ9lD9A==}
     engines: {node: '>=18.12.0'}
@@ -5363,6 +5581,10 @@ packages:
     resolution: {integrity: sha512-zDRAqDSBudazdfM9zpiI30Fu9ve47htYXcGi3ln0wfKu2a7SmrT6F3VDoYONu//48V8Vz4TdCRNPjtvyRO3yBA==}
     hasBin: true
 
+  which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -5398,6 +5620,10 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  write-file-atomic@7.0.0:
+    resolution: {integrity: sha512-YnlPC6JqnZl6aO4uRc+dx5PHguiR9S6WeoLtpxNT9wIG+BDya7ZNE1q7KOjVgaA73hKhKLpVPgJ5QA9THQ5BRg==}
+    engines: {node: ^20.17.0 || >=22.9.0}
+
   wsl-utils@0.3.1:
     resolution: {integrity: sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg==}
     engines: {node: '>=20'}
@@ -5861,9 +6087,47 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
+  '@cacheable/memory@2.0.7':
+    dependencies:
+      '@cacheable/utils': 2.3.4
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.3.4':
+    dependencies:
+      hashery: 1.4.0
+      keyv: 5.6.0
+
   '@colors/colors@1.5.0':
     optional: true
 
+  '@csstools/css-calc@3.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.27': {}
+
+  '@csstools/css-tokenizer@4.0.0': {}
+
+  '@csstools/media-query-list-parser@5.0.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-tokenizer': 4.0.0
+
+  '@csstools/selector-resolve-nested@4.0.0(postcss-selector-parser@7.1.1)':
+    dependencies:
+      postcss-selector-parser: 7.1.1
+
+  '@csstools/selector-specificity@6.0.0(postcss-selector-parser@7.1.1)':
+    dependencies:
+      postcss-selector-parser: 7.1.1
+
   '@date-fns/tz@1.4.1': {}
 
   '@devicefarmer/adbkit-logcat@2.1.3': {}
@@ -6350,6 +6614,14 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
+    dependencies:
+      hashery: 1.4.0
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@keyv/serialize@1.1.1': {}
+
   '@modelcontextprotocol/sdk@1.26.0(zod@3.25.76)':
     dependencies:
       '@hono/node-server': 1.19.9(hono@4.11.4)
@@ -7261,6 +7533,8 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  astral-regex@2.0.0: {}
+
   async-mutex@0.5.0:
     dependencies:
       tslib: 2.8.1
@@ -7303,6 +7577,8 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
+  balanced-match@3.0.1: {}
+
   balanced-match@4.0.2:
     dependencies:
       jackspeak: 4.2.3
@@ -7403,6 +7679,14 @@ snapshots:
 
   cac@6.7.14: {}
 
+  cacheable@2.3.2:
+    dependencies:
+      '@cacheable/memory': 2.0.7
+      '@cacheable/utils': 2.3.4
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.6.0
+
   call-bind-apply-helpers@1.0.1:
     dependencies:
       es-errors: 1.3.0
@@ -7562,6 +7846,8 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  colord@2.9.3: {}
+
   colorette@2.0.20: {}
 
   combined-stream@1.0.8:
@@ -7680,6 +7966,8 @@ snapshots:
     dependencies:
       type-fest: 1.4.0
 
+  css-functions-list@3.3.3: {}
+
   css-select@5.2.2:
     dependencies:
       boolbase: 1.0.0
@@ -7688,6 +7976,11 @@ snapshots:
       domutils: 3.2.2
       nth-check: 2.1.1
 
+  css-tree@3.1.0:
+    dependencies:
+      mdn-data: 2.12.2
+      source-map-js: 1.2.1
+
   css-what@6.2.2: {}
 
   cssesc@3.0.0: {}
@@ -8275,6 +8568,8 @@ snapshots:
 
   fast-uri@3.1.0: {}
 
+  fastest-levenshtein@1.0.16: {}
+
   fastq@1.15.0:
     dependencies:
       reusify: 1.0.4
@@ -8296,6 +8591,10 @@ snapshots:
     dependencies:
       is-unicode-supported: 2.1.0
 
+  file-entry-cache@11.1.2:
+    dependencies:
+      flat-cache: 6.1.20
+
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -8346,8 +8645,16 @@ snapshots:
       flatted: 3.3.2
       keyv: 4.5.4
 
+  flat-cache@6.1.20:
+    dependencies:
+      cacheable: 2.3.2
+      flatted: 3.3.3
+      hookified: 1.15.1
+
   flatted@3.3.2: {}
 
+  flatted@3.3.3: {}
+
   follow-redirects@1.15.11: {}
 
   for-each@0.3.3:
@@ -8506,6 +8813,16 @@ snapshots:
     dependencies:
       ini: 4.1.1
 
+  global-modules@2.0.0:
+    dependencies:
+      global-prefix: 3.0.0
+
+  global-prefix@3.0.0:
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+
   globals@14.0.0: {}
 
   globals@17.3.0: {}
@@ -8515,6 +8832,17 @@ snapshots:
       define-properties: 1.2.1
       gopd: 1.2.0
 
+  globby@16.1.0:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      fast-glob: 3.3.3
+      ignore: 7.0.5
+      is-path-inside: 4.0.0
+      slash: 5.1.0
+      unicorn-magic: 0.4.0
+
+  globjoin@0.1.4: {}
+
   gopd@1.2.0: {}
 
   graceful-fs@4.2.10: {}
@@ -8542,6 +8870,8 @@ snapshots:
 
   has-flag@4.0.0: {}
 
+  has-flag@5.0.1: {}
+
   has-property-descriptors@1.0.2:
     dependencies:
       es-define-property: 1.0.1
@@ -8556,6 +8886,10 @@ snapshots:
     dependencies:
       has-symbols: 1.1.0
 
+  hashery@1.4.0:
+    dependencies:
+      hookified: 1.15.1
+
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -8580,6 +8914,8 @@ snapshots:
 
   hookable@6.0.1: {}
 
+  hookified@1.15.1: {}
+
   hosted-git-info@7.0.2:
     dependencies:
       lru-cache: 10.4.3
@@ -8590,6 +8926,8 @@ snapshots:
 
   html-escaper@3.0.3: {}
 
+  html-tags@5.1.0: {}
+
   htmlparser2@10.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -8799,6 +9137,8 @@ snapshots:
     dependencies:
       isobject: 3.0.1
 
+  is-plain-object@5.0.0: {}
+
   is-potential-custom-element-name@1.0.1: {}
 
   is-primitive@3.0.1: {}
@@ -8963,10 +9303,18 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
+  keyv@5.6.0:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  kind-of@6.0.3: {}
+
   kleur@3.0.3: {}
 
   kleur@4.1.5: {}
 
+  known-css-properties@0.37.0: {}
+
   ky@1.14.1: {}
 
   latest-version@9.0.0:
@@ -9093,6 +9441,8 @@ snapshots:
 
   lodash.merge@4.6.2: {}
 
+  lodash.truncate@4.4.2: {}
+
   lodash.uniqby@4.7.0: {}
 
   lodash@4.17.23: {}
@@ -9168,10 +9518,16 @@ snapshots:
 
   math-intrinsics@1.1.0: {}
 
+  mathml-tag-names@4.0.0: {}
+
+  mdn-data@2.12.2: {}
+
   media-typer@1.1.0: {}
 
   meow@13.2.0: {}
 
+  meow@14.0.0: {}
+
   merge-descriptors@2.0.0: {}
 
   merge-stream@2.0.0: {}
@@ -9656,11 +10012,17 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
+  postcss-safe-parser@7.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
   postcss-selector-parser@7.1.1:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
+  postcss-value-parser@4.2.0: {}
+
   postcss@8.5.6:
     dependencies:
       nanoid: 3.3.11
@@ -9726,6 +10088,10 @@ snapshots:
     dependencies:
       escape-goat: 4.0.0
 
+  qified@0.6.0:
+    dependencies:
+      hookified: 1.15.1
+
   qs@6.14.2:
     dependencies:
       side-channel: 1.1.0
@@ -10208,6 +10574,14 @@ snapshots:
     dependencies:
       unicode-emoji-modifier-base: 1.0.0
 
+  slash@5.1.0: {}
+
+  slice-ansi@4.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+
   slice-ansi@5.0.0:
     dependencies:
       ansi-styles: 6.2.3
@@ -10387,12 +10761,73 @@ snapshots:
 
   stubborn-utils@1.0.2: {}
 
+  stylelint-config-recommended@18.0.0(stylelint@17.3.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 17.3.0(typescript@5.9.3)
+
+  stylelint-config-standard@40.0.0(stylelint@17.3.0(typescript@5.9.3)):
+    dependencies:
+      stylelint: 17.3.0(typescript@5.9.3)
+      stylelint-config-recommended: 18.0.0(stylelint@17.3.0(typescript@5.9.3))
+
+  stylelint-config-tailwindcss@1.0.1(stylelint@17.3.0(typescript@5.9.3))(tailwindcss@4.1.18):
+    dependencies:
+      stylelint: 17.3.0(typescript@5.9.3)
+      tailwindcss: 4.1.18
+
+  stylelint@17.3.0(typescript@5.9.3):
+    dependencies:
+      '@csstools/css-calc': 3.1.1(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-parser-algorithms': 4.0.0(@csstools/css-tokenizer@4.0.0)
+      '@csstools/css-syntax-patches-for-csstree': 1.0.27
+      '@csstools/css-tokenizer': 4.0.0
+      '@csstools/media-query-list-parser': 5.0.0(@csstools/css-parser-algorithms@4.0.0(@csstools/css-tokenizer@4.0.0))(@csstools/css-tokenizer@4.0.0)
+      '@csstools/selector-resolve-nested': 4.0.0(postcss-selector-parser@7.1.1)
+      '@csstools/selector-specificity': 6.0.0(postcss-selector-parser@7.1.1)
+      balanced-match: 3.0.1
+      colord: 2.9.3
+      cosmiconfig: 9.0.0(typescript@5.9.3)
+      css-functions-list: 3.3.3
+      css-tree: 3.1.0
+      debug: 4.4.3
+      fast-glob: 3.3.3
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 11.1.2
+      global-modules: 2.0.0
+      globby: 16.1.0
+      globjoin: 0.1.4
+      html-tags: 5.1.0
+      ignore: 7.0.5
+      import-meta-resolve: 4.2.0
+      imurmurhash: 0.1.4
+      is-plain-object: 5.0.0
+      known-css-properties: 0.37.0
+      mathml-tag-names: 4.0.0
+      meow: 14.0.0
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.5.6
+      postcss-safe-parser: 7.0.1(postcss@8.5.6)
+      postcss-selector-parser: 7.1.1
+      postcss-value-parser: 4.2.0
+      string-width: 8.1.1
+      supports-hyperlinks: 4.4.0
+      svg-tags: 1.0.0
+      table: 6.9.0
+      write-file-atomic: 7.0.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
   super-regex@1.1.0:
     dependencies:
       function-timeout: 1.0.2
       make-asynchronous: 1.0.1
       time-span: 5.1.0
 
+  supports-color@10.2.2: {}
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0
@@ -10406,10 +10841,25 @@ snapshots:
       has-flag: 4.0.0
       supports-color: 7.2.0
 
+  supports-hyperlinks@4.4.0:
+    dependencies:
+      has-flag: 5.0.1
+      supports-color: 10.2.2
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svg-tags@1.0.0: {}
+
   tabbable@6.4.0: {}
 
+  table@6.9.0:
+    dependencies:
+      ajv: 8.17.1
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
   tagged-tag@1.0.0: {}
 
   tailwind-merge@3.4.0: {}
@@ -10611,6 +11061,8 @@ snapshots:
 
   unicorn-magic@0.3.0: {}
 
+  unicorn-magic@0.4.0: {}
+
   unimport@5.6.0:
     dependencies:
       acorn: 8.15.0
@@ -10822,6 +11274,10 @@ snapshots:
       is-absolute: 0.1.7
       isexe: 1.1.2
 
+  which@1.3.1:
+    dependencies:
+      isexe: 2.0.0
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -10858,6 +11314,11 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  write-file-atomic@7.0.0:
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+
   wsl-utils@0.3.1:
     dependencies:
       is-wsl: 3.1.0
diff --git a/src/entrypoints/options.html b/src/entrypoints/options.html
index 2e4088f..fbe06f1 100644
--- a/src/entrypoints/options.html
+++ b/src/entrypoints/options.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/icon/16.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="manifest.open_in_tab" content="false" />
+    <!-- htmlhint-disable-next-line title-require -->
   </head>
   <body class="bg-background overflow-hidden">
     <div id="root"></div>
diff --git a/src/entrypoints/popup.html b/src/entrypoints/popup.html
index 85169fa..0fb2a71 100644
--- a/src/entrypoints/popup.html
+++ b/src/entrypoints/popup.html
@@ -5,6 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/icon/16.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="manifest.type" content="browser_action" />
+    <!-- htmlhint-disable-next-line title-require -->
   </head>
   <body class="bg-background overflow-hidden">
     <div id="root"></div>
diff --git a/src/index.css b/src/index.css
index f3cf18e..46bf94d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,79 +3,79 @@
 @import "shadcn/tailwind.css";
 
 :root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.3211 0 0);
-  --card: oklch(0.98 0 0);
-  --card-foreground: oklch(0.3211 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.3211 0 0);
-  --primary: oklch(0.6231 0.188 259.8145);
-  --primary-foreground: oklch(1 0 0);
-  --secondary: oklch(0.967 0.0029 264.5419);
-  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
-  --muted: oklch(0.9346 0.0017 247.8389);
-  --muted-foreground: oklch(0.551 0.0234 264.3637);
-  --accent: oklch(0.9514 0.025 236.8242);
-  --accent-foreground: oklch(0.3791 0.1378 265.5222);
-  --destructive: oklch(0.6368 0.2078 25.3313);
-  --destructive-foreground: oklch(1 0 0);
-  --border: oklch(0.9276 0.0058 264.5313);
-  --input: oklch(0.9276 0.0058 264.5313);
-  --ring: oklch(0.6231 0.188 259.8145);
-  --chart-1: oklch(0.6231 0.188 259.8145);
-  --chart-2: oklch(0.5461 0.2152 262.8809);
-  --chart-3: oklch(0.4882 0.2172 264.3763);
-  --chart-4: oklch(0.4244 0.1809 265.6377);
-  --chart-5: oklch(0.3791 0.1378 265.5222);
-  --sidebar: oklch(0.9846 0.0017 247.8389);
-  --sidebar-foreground: oklch(0.3211 0 0);
-  --sidebar-primary: oklch(0.6231 0.188 259.8145);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.9514 0.025 236.8242);
-  --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
-  --sidebar-border: oklch(0.9276 0.0058 264.5313);
-  --sidebar-ring: oklch(0.6231 0.188 259.8145);
-  --font-sans: Inter, sans-serif;
-  --font-serif: Source Serif 4, serif;
-  --font-mono: JetBrains Mono, monospace;
+  --background: oklch(100% 0 0deg);
+  --foreground: oklch(32.11% 0 0deg);
+  --card: oklch(98% 0 0deg);
+  --card-foreground: oklch(32.11% 0 0deg);
+  --popover: oklch(100% 0 0deg);
+  --popover-foreground: oklch(32.11% 0 0deg);
+  --primary: oklch(62.31% 0.188 259.8145deg);
+  --primary-foreground: oklch(100% 0 0deg);
+  --secondary: oklch(96.7% 0.0029 264.5419deg);
+  --secondary-foreground: oklch(44.61% 0.0263 256.8018deg);
+  --muted: oklch(93.46% 0.0017 247.8389deg);
+  --muted-foreground: oklch(55.1% 0.0234 264.3637deg);
+  --accent: oklch(95.14% 0.025 236.8242deg);
+  --accent-foreground: oklch(37.91% 0.1378 265.5222deg);
+  --destructive: oklch(63.68% 0.2078 25.3313deg);
+  --destructive-foreground: oklch(100% 0 0deg);
+  --border: oklch(92.76% 0.0058 264.5313deg);
+  --input: oklch(92.76% 0.0058 264.5313deg);
+  --ring: oklch(62.31% 0.188 259.8145deg);
+  --chart-1: oklch(62.31% 0.188 259.8145deg);
+  --chart-2: oklch(54.61% 0.2152 262.8809deg);
+  --chart-3: oklch(48.82% 0.2172 264.3763deg);
+  --chart-4: oklch(42.44% 0.1809 265.6377deg);
+  --chart-5: oklch(37.91% 0.1378 265.5222deg);
+  --sidebar: oklch(98.46% 0.0017 247.8389deg);
+  --sidebar-foreground: oklch(32.11% 0 0deg);
+  --sidebar-primary: oklch(62.31% 0.188 259.8145deg);
+  --sidebar-primary-foreground: oklch(100% 0 0deg);
+  --sidebar-accent: oklch(95.14% 0.025 236.8242deg);
+  --sidebar-accent-foreground: oklch(37.91% 0.1378 265.5222deg);
+  --sidebar-border: oklch(92.76% 0.0058 264.5313deg);
+  --sidebar-ring: oklch(62.31% 0.188 259.8145deg);
+  --font-sans: inter, sans-serif;
+  --font-serif: source serif 4, serif;
+  --font-mono: jetbrains mono, monospace;
   --radius: 0.6rem;
   --spacing: 0.225rem;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: oklch(0.2046 0 0);
-    --foreground: oklch(0.9219 0 0);
-    --card: oklch(0.245 0 0);
-    --card-foreground: oklch(0.9219 0 0);
-    --popover: oklch(0.2686 0 0);
-    --popover-foreground: oklch(0.9219 0 0);
-    --primary: oklch(0.6231 0.188 259.8145);
-    --primary-foreground: oklch(1 0 0);
-    --secondary: oklch(0.2686 0 0);
-    --secondary-foreground: oklch(0.9219 0 0);
-    --muted: oklch(0.3 0 0);
-    --muted-foreground: oklch(0.7155 0 0);
-    --accent: oklch(0.3791 0.1378 265.5222);
-    --accent-foreground: oklch(0.8823 0.0571 254.1284);
-    --destructive: oklch(0.6368 0.2078 25.3313);
-    --destructive-foreground: oklch(1 0 0);
-    --border: oklch(0.3715 0 0);
-    --input: oklch(0.3715 0 0);
-    --ring: oklch(0.6231 0.188 259.8145);
-    --chart-1: oklch(0.7137 0.1434 254.624);
-    --chart-2: oklch(0.6231 0.188 259.8145);
-    --chart-3: oklch(0.5461 0.2152 262.8809);
-    --chart-4: oklch(0.4882 0.2172 264.3763);
-    --chart-5: oklch(0.4244 0.1809 265.6377);
-    --sidebar: oklch(0.2046 0 0);
-    --sidebar-foreground: oklch(0.9219 0 0);
-    --sidebar-primary: oklch(0.6231 0.188 259.8145);
-    --sidebar-primary-foreground: oklch(1 0 0);
-    --sidebar-accent: oklch(0.3791 0.1378 265.5222);
-    --sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
-    --sidebar-border: oklch(0.3715 0 0);
-    --sidebar-ring: oklch(0.6231 0.188 259.8145);
+    --background: oklch(20.46% 0 0deg);
+    --foreground: oklch(92.19% 0 0deg);
+    --card: oklch(24.5% 0 0deg);
+    --card-foreground: oklch(92.19% 0 0deg);
+    --popover: oklch(26.86% 0 0deg);
+    --popover-foreground: oklch(92.19% 0 0deg);
+    --primary: oklch(62.31% 0.188 259.8145deg);
+    --primary-foreground: oklch(100% 0 0deg);
+    --secondary: oklch(26.86% 0 0deg);
+    --secondary-foreground: oklch(92.19% 0 0deg);
+    --muted: oklch(30% 0 0deg);
+    --muted-foreground: oklch(71.55% 0 0deg);
+    --accent: oklch(37.91% 0.1378 265.5222deg);
+    --accent-foreground: oklch(88.23% 0.0571 254.1284deg);
+    --destructive: oklch(63.68% 0.2078 25.3313deg);
+    --destructive-foreground: oklch(100% 0 0deg);
+    --border: oklch(37.15% 0 0deg);
+    --input: oklch(37.15% 0 0deg);
+    --ring: oklch(62.31% 0.188 259.8145deg);
+    --chart-1: oklch(71.37% 0.1434 254.624deg);
+    --chart-2: oklch(62.31% 0.188 259.8145deg);
+    --chart-3: oklch(54.61% 0.2152 262.8809deg);
+    --chart-4: oklch(48.82% 0.2172 264.3763deg);
+    --chart-5: oklch(42.44% 0.1809 265.6377deg);
+    --sidebar: oklch(20.46% 0 0deg);
+    --sidebar-foreground: oklch(92.19% 0 0deg);
+    --sidebar-primary: oklch(62.31% 0.188 259.8145deg);
+    --sidebar-primary-foreground: oklch(100% 0 0deg);
+    --sidebar-accent: oklch(37.91% 0.1378 265.5222deg);
+    --sidebar-accent-foreground: oklch(88.23% 0.0571 254.1284deg);
+    --sidebar-border: oklch(37.15% 0 0deg);
+    --sidebar-ring: oklch(62.31% 0.188 259.8145deg);
   }
 }
 
@@ -112,44 +112,47 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-
   --font-sans: var(--font-sans);
   --font-mono: var(--font-mono);
   --font-serif: var(--font-serif);
-
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 }
 
+/* stylelint-disable nesting-selector-no-missing-scoping-root */
 @utility appearance-none {
   &input[type="number"]::-webkit-inner-spin-button {
     appearance: none;
   }
-  & input[type="number"]::-webkit-outer-spin-button {
+
+  &input[type="number"]::-webkit-outer-spin-button {
     appearance: none;
   }
+
   &input[type="number"] {
-    -moz-appearance: textfield;
+    appearance: textfield;
   }
 
   &input[type="range"]::-webkit-slider-thumb {
-    -webkit-appearance: none;
     appearance: none;
     cursor: pointer;
     width: 2px;
   }
+
   &input[type="range"]::-moz-range-thumb {
     cursor: pointer;
     width: 2px;
   }
 }
+/* stylelint-enable nesting-selector-no-missing-scoping-root */
 
 @layer base {
   * {
     @apply border-border outline-ring/50;
   }
+
   body,
   :host {
     @apply text-foreground;
@@ -158,6 +161,7 @@
   ::-webkit-scrollbar {
     width: 5px;
   }
+
   ::-webkit-scrollbar-thumb {
     background-color: var(--color-primary);
     border-radius: 3px;
diff --git a/stylelint.config.mjs b/stylelint.config.mjs
new file mode 100644
index 0000000..6f35315
--- /dev/null
+++ b/stylelint.config.mjs
@@ -0,0 +1,4 @@
+/** @type {import("stylelint").Config} */
+export default {
+  extends: ["stylelint-config-standard", "stylelint-config-tailwindcss"],
+};
diff --git a/tsconfig.json b/tsconfig.json
index 0766891..49b743e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,6 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
@@ -19,7 +18,6 @@
     "noEmit": true,
     "jsx": "react-jsx",
 
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,