From 57ac28b277e85b371e5c9df9d5fa683d5a613f80 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Sat, 16 May 2026 15:47:20 +0800
Subject: [PATCH 01/32] chore: upgrade to daisyUI v5.5 & tailwindcss v4.3

---
 frontend/biome.json                           |   5 +
 frontend/package.json                         |   6 +-
 frontend/postcss.config.ts                    |   6 -
 frontend/src/DoughnutApp.vue                  |  10 +-
 frontend/src/assets/daisyui.css               |  29 +-
 .../components/admin/DataMigrationPanel.vue   |  14 +-
 .../components/admin/FailureReportList.vue    |  46 +-
 .../src/components/admin/ManageModelInner.vue |   2 +-
 frontend/src/components/admin/UserListing.vue |   2 +-
 .../bazaar/BazaarNotebookButtons.vue          |   2 +-
 .../src/components/bazaar/SubscribeForm.vue   |   4 +-
 .../BookLayoutReorganizePreviewDialog.vue     |   8 +-
 .../book-reading/BookLayoutToggleButton.vue   |   6 +-
 .../book-reading/BookReadingBookLayout.vue    |  66 +-
 .../book-reading/BookReadingContent.vue       |  16 +-
 .../book-reading/BookReadingEpubView.vue      |   8 +-
 .../components/book-reading/CalloutCard.vue   |   4 +-
 .../CurrentBlockNavigationBar.vue             |  10 +-
 .../book-reading/EpubBookViewer.vue           |   4 +-
 .../book-reading/NewBookBlockTitleDialog.vue  |   4 +-
 .../components/book-reading/PdfControl.vue    |   8 +-
 .../book-reading/ReadingControlPanel.vue      |  10 +-
 .../commons/AcceptRejectButtons.vue           |   6 +-
 .../components/commons/BasicBreadcrumb.vue    |  12 +-
 .../src/components/commons/CopyButton.vue     |   2 +-
 frontend/src/components/commons/DiffView.vue  |  18 +-
 .../components/commons/JsonExportSection.vue  |   6 +-
 frontend/src/components/commons/Modal.vue     |   6 +-
 .../src/components/commons/Popups/Popups.vue  |   8 +-
 .../src/components/commons/ProgressBar.vue    |   4 +-
 .../components/conversations/AiResponse.vue   |  24 +-
 .../conversations/ConversationComponent.vue   |   6 +-
 .../ConversationExportDialog.vue              |   6 +-
 .../conversations/ConversationInner.vue       |  16 +-
 .../conversations/ConversationTemplate.vue    |  16 +-
 frontend/src/components/form/FileInput.vue    |   2 +-
 .../src/components/form/InputWithType.vue     |   8 +-
 frontend/src/components/form/RadioButtons.vue |  12 +-
 .../RichFrontmatterEditablePropertyRow.vue    |  38 +-
 .../form/RichFrontmatterInsertForm.vue        |  32 +-
 .../form/RichFrontmatterProperties.vue        |  20 +-
 .../RichFrontmatterPropertyExternalLink.vue   |   8 +-
 .../RichFrontmatterPropertyKeyPresets.vue     |   4 +-
 .../form/RichFrontmatterReadOnlyList.vue      |  14 +-
 .../components/form/RichMarkdownEditor.vue    |   4 +-
 frontend/src/components/form/Select.vue       |   2 +-
 frontend/src/components/form/TextArea.vue     |   2 +-
 frontend/src/components/form/TextInput.vue    |   2 +-
 .../form/WikiPropertyValueField.vue           |   2 +-
 .../links/AddRelationshipFinalize.vue         |   4 +-
 .../components/links/LinkInsertionChoice.vue  |   6 +-
 .../components/links/RelationTypeSelect.vue   |  20 +-
 .../components/navigation/NavigationItem.vue  |  14 +-
 .../NotebookAssistantManagementForm.vue       |   2 +-
 .../notebook/NotebookAttachedBookSection.vue  |   8 +-
 .../components/notebook/NotebookButtons.vue   |  14 +-
 .../notebook/NotebookCardsWithButtons.vue     |   6 +-
 .../notebook/NotebookCatalogGroupPanel.vue    |  24 +-
 .../NotebookCatalogMoveToGroupForm.vue        |  16 +-
 .../notebook/NotebookCatalogSection.vue       |   8 +-
 .../components/notebook/NotebookListRow.vue   |  18 +-
 .../components/notebook/NotebookMoveForm.vue  |   2 +-
 .../components/notebook/NotebookNewButton.vue |   2 +-
 .../notebook/NotebookPageNameEditor.vue       |   8 +-
 .../notebook/NotebookPageReadonlySummary.vue  |   6 +-
 .../notebook/ScopedIndexNoteEditor.vue        |   6 +-
 .../src/components/notebooks/NotebookCard.vue |   6 +-
 frontend/src/components/notes/Card.vue        |   8 +-
 frontend/src/components/notes/Cards.vue       |  16 +-
 .../src/components/notes/FolderNewForm.vue    |   8 +-
 .../src/components/notes/FolderSearchForm.vue |  30 +-
 .../src/components/notes/FolderSelector.vue   |  16 +-
 .../src/components/notes/NoteAddQuestion.vue  |   8 +-
 .../notes/NoteDeadLinkCreateModal.vue         |   6 +-
 frontend/src/components/notes/NoteNewForm.vue |  10 +-
 .../notes/NoteRecentUpdateIndicator.vue       |   2 +-
 .../src/components/notes/NoteReferences.vue   |  10 +-
 frontend/src/components/notes/NoteShow.vue    |  12 +-
 .../notes/NoteWikidataAssociation.vue         |   4 +-
 .../src/components/notes/NotebookLink.vue     |   2 +-
 .../components/notes/QuestionExportDialog.vue |   6 +-
 frontend/src/components/notes/Questions.vue   |   8 +-
 frontend/src/components/notes/Sidebar.vue     |   4 +-
 .../SidebarNotebookTreeScrollportPathHint.vue |   6 +-
 .../src/components/notes/SidebarToolbar.vue   |  26 +-
 .../notes/WikidataAssociationDialogBody.vue   |  24 +-
 .../notes/WikidataSearchByLabel.vue           |   6 +-
 .../notes/core/NoteDeleteButton.vue           |   2 +-
 .../components/notes/core/NoteExportForm.vue  |  18 +-
 .../src/components/notes/core/NoteToolbar.vue |  14 +-
 .../components/notes/core/PathNameEditor.vue  |  16 +-
 .../notes/core/TextContentWrapper.vue         |   6 +-
 .../notes/noteChromeToolbarNavClass.ts        |   2 +-
 .../notes/widgets/NoteMoreOptionsForm.vue     |  20 +-
 .../components/notes/widgets/ShowImage.vue    |   2 +-
 .../src/components/recall/Assimilation.vue    |   2 +-
 .../recall/AssimilationSettings.vue           |  28 +-
 .../components/recall/ContestableQuestion.vue |  14 +-
 .../components/recall/InactiveRecallMask.vue  |   8 +-
 .../src/components/recall/NoteRefinement.vue  |  26 +-
 .../components/recall/NoteUnderQuestion.vue   |   4 +-
 .../src/components/recall/QuestionChoices.vue |  14 +-
 .../src/components/recall/QuestionDisplay.vue |  20 +-
 frontend/src/components/recall/Quiz.vue       |   6 +-
 .../components/recall/RecallProgressBar.vue   |   8 +-
 .../recall/RecallPromptComponent.vue          |   8 +-
 .../recall/RecallSessionOptionsDialog.vue     |  18 +-
 .../recall/SpellingQuestionDisplay.vue        |   8 +-
 .../recall/SpellingVerificationPopup.vue      |   8 +-
 .../recall/ViewMemoryTrackerLink.vue          |   2 +-
 .../search/SearchDropdownHitList.vue          |  24 +-
 .../search/SearchForNoteAndFolder.vue         |  20 +-
 .../components/search/SearchResultList.vue    |   2 +-
 .../search/SearchResultListItem.vue           |  20 +-
 .../subscriptions/SubscriptionNoteButtons.vue |  18 +-
 .../components/toolbars/AccountMenuItem.vue   |  24 +-
 .../src/components/toolbars/GlobalBar.vue     |  12 +-
 .../components/toolbars/HorizontalMenu.vue    |  21 +-
 .../components/toolbars/NoteUndoButton.vue    |   2 +-
 .../toolbars/UndoConfirmationForm.vue         |   6 +-
 .../src/components/toolbars/VerticalMenu.vue  |  12 +-
 .../src/layouts/NotebookSidebarLayout.vue     |  24 +-
 frontend/src/pages/AdminDashboardPage.vue     |   4 +-
 .../pages/AssimilateSingleNotePageView.vue    |   6 +-
 frontend/src/pages/AssimilationPageView.vue   |  28 +-
 frontend/src/pages/BookReadingPage.vue        |  10 +-
 frontend/src/pages/CircleShowPage.vue         |  50 +-
 frontend/src/pages/FailureReportPage.vue      |  40 +-
 frontend/src/pages/FolderPage.vue             |  28 +-
 frontend/src/pages/ManageAccessTokensPage.vue |  22 +-
 frontend/src/pages/MemoryTrackerPageView.vue  |  54 +-
 frontend/src/pages/MessageCenterPage.vue      |  10 +-
 .../src/pages/NonproductionOnlyLoginPage.vue  |  12 +-
 frontend/src/pages/NoteShowPage.vue           |   4 +-
 frontend/src/pages/NotebookGroupPage.vue      |   8 +-
 frontend/src/pages/NotebookGroupPageView.vue  |  16 +-
 frontend/src/pages/NotebookPage.vue           |   2 +-
 frontend/src/pages/NotebookPageView.vue       |  26 +-
 frontend/src/pages/NotebooksPageView.vue      |  60 +-
 frontend/src/pages/RecallPage.vue             |   6 +-
 frontend/src/pages/RecentPage.vue             |   2 +-
 frontend/src/pages/commons/ContainerPage.vue  |   4 +-
 frontend/tailwind.config.ts                   |  19 -
 .../BookReadingContentAiReorganize.spec.ts    |   4 +-
 .../tests/components/commons/DiffView.spec.ts |   2 +-
 .../RichMarkdownEditor.properties.spec.ts     |   6 +-
 .../notes/core/PathNameEditor.spec.ts         |  16 +-
 .../components/recall/Assimilation.spec.ts    |   2 +-
 .../recall/RecallPromptComponent.spec.ts      |   4 +-
 .../recall/ViewMemoryTrackerLink.spec.ts      |   2 +-
 frontend/tests/links/SearchDialog.spec.ts     |   4 +-
 frontend/tests/notes/NoteTextContent.spec.ts  |  14 +-
 .../notes/WikidataAssociationDialog.spec.ts   |   2 +-
 frontend/tests/pages/NotebookPageView.spec.ts |   2 +-
 frontend/tests/toolbars/MainMenu.spec.ts      |   2 +-
 frontend/vite.config.ts                       |  12 +-
 frontend/vitest.config.ts                     |  14 +-
 pnpm-lock.yaml                                | 622 ++++++------------
 158 files changed, 1135 insertions(+), 1355 deletions(-)
 delete mode 100644 frontend/postcss.config.ts
 delete mode 100644 frontend/tailwind.config.ts

diff --git a/frontend/biome.json b/frontend/biome.json
index f35ae8cf0c..01ed6c0943 100644
--- a/frontend/biome.json
+++ b/frontend/biome.json
@@ -225,6 +225,11 @@
       }
     }
   },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
   "javascript": {
     "formatter": {
       "trailingCommas": "es5",
diff --git a/frontend/package.json b/frontend/package.json
index 0f31b04fa0..2b9a680c2e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -39,6 +39,7 @@
     "@storybook/addon-docs": "10.4.0",
     "@storybook/vue3": "10.4.0",
     "@storybook/vue3-vite": "10.4.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
     "@types/node": "25.7.0",
@@ -50,8 +51,7 @@
     "@vue/compiler-core": "3.5.34",
     "@vue/server-renderer": "^3.5.34",
     "@vue/test-utils": "2.4.10",
-    "autoprefixer": "^10.5.0",
-    "daisyui": "4.12.24",
+    "daisyui": "5.5.19",
     "doughnut-test-fixtures": "workspace:*",
     "es-toolkit": "^1.46.0",
     "esbuild": "0.28.0",
@@ -63,7 +63,7 @@
     "postcss-load-config": "6.0.1",
     "sass": "1.99.0",
     "storybook": "10.4.0",
-    "tailwindcss": "3.4.19",
+    "tailwindcss": "4.3.0",
     "terser": "^5.47.1",
     "typescript": "6.0.3",
     "unimport": "^6.2.0",
diff --git a/frontend/postcss.config.ts b/frontend/postcss.config.ts
deleted file mode 100644
index f0fdc6fd54..0000000000
--- a/frontend/postcss.config.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import autoprefixer from "autoprefixer"
-import tailwindcss from "tailwindcss"
-
-export default {
-  plugins: [tailwindcss(), autoprefixer()],
-}
diff --git a/frontend/src/DoughnutApp.vue b/frontend/src/DoughnutApp.vue
index 9f51e6adca..d6dc6cb32d 100644
--- a/frontend/src/DoughnutApp.vue
+++ b/frontend/src/DoughnutApp.vue
@@ -57,14 +57,14 @@ onMounted(async () => {
 <template>
   <Popups />
   <LoadingThinBar v-if="user && apiStatus.states.length > 0" />
-  <div class="daisy-flex daisy-bg-base-100 daisy-text-base-content app-container">
-    <div class="main-menu daisy-flex daisy-bg-neutral daisy-text-neutral-content daisy-z-[10000]">
+  <div class="flex bg-base-100 text-base-content app-container">
+    <div class="main-menu flex bg-neutral text-neutral-content z-[10000]">
       <MainMenu
         :user="user"
         @update-user="user = $event"
       />
     </div>
-    <div class="daisy-flex daisy-flex-col daisy-flex-grow daisy-overflow-y-auto daisy-overflow-x-hidden main-content">
+    <div class="flex flex-col flex-grow overflow-y-auto overflow-x-hidden main-content">
       <UserNewRegisterPage v-if="newUser" @update-user="user = $event" />
       <template v-else-if="userLoaded">
         <router-view v-slot="{ Component }">
@@ -108,7 +108,7 @@ onMounted(async () => {
   overflow-y: auto; // Only content area scrolls on desktop
 }
 
-@media (max-width: theme('screens.lg')) {
+@media (max-width: 1024px) {
   .app-container {
     height: 100vh; // Keep fixed height for proper page height calculations
     height: 100dvh; // Dynamic viewport height for mobile devices
@@ -136,7 +136,7 @@ onMounted(async () => {
   }
 }
 
-@media (max-width: theme('screens.md')) {
+@media (max-width: 768px) {
   .main-menu {
     height: $main-menu-height-mobile;
     background-color: transparent; // Remove parent background so menu-wrapper background shows
diff --git a/frontend/src/assets/daisyui.css b/frontend/src/assets/daisyui.css
index 68811f34d7..214d27f715 100644
--- a/frontend/src/assets/daisyui.css
+++ b/frontend/src/assets/daisyui.css
@@ -1,21 +1,38 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@source inline("daisy-btn daisy-btn-primary daisy-btn-secondary daisy-btn-accent daisy-btn-ghost daisy-btn-link daisy-btn-info daisy-btn-success daisy-btn-warning daisy-btn-error daisy-btn-neutral daisy-btn-outline daisy-btn-dash daisy-btn-soft daisy-btn-xs daisy-btn-sm daisy-btn-md daisy-btn-lg daisy-btn-xl daisy-btn-wide daisy-btn-block daisy-btn-square daisy-btn-circle daisy-btn-disabled daisy-btn-active");
+@source inline("daisy-input daisy-input-ghost daisy-input-xs daisy-input-sm daisy-input-md daisy-input-lg daisy-input-xl daisy-input-primary daisy-input-secondary daisy-input-accent daisy-input-info daisy-input-success daisy-input-warning daisy-input-error");
+@source inline("daisy-modal daisy-modal-box daisy-modal-action daisy-modal-open daisy-modal-top daisy-modal-middle daisy-modal-bottom daisy-modal-start daisy-modal-end");
+@source inline("daisy-dropdown daisy-dropdown-content daisy-dropdown-end daisy-dropdown-start daisy-dropdown-top daisy-dropdown-bottom daisy-dropdown-left daisy-dropdown-right daisy-dropdown-hover daisy-dropdown-open");
+@source inline("daisy-menu daisy-menu-item daisy-menu-title daisy-menu-horizontal daisy-menu-vertical daisy-navbar daisy-navbar-start daisy-navbar-center daisy-navbar-end");
+@source inline("daisy-badge daisy-badge-primary daisy-badge-secondary daisy-badge-accent daisy-badge-ghost daisy-badge-outline daisy-badge-neutral daisy-badge-info daisy-badge-success daisy-badge-warning daisy-badge-error daisy-badge-xs daisy-badge-sm daisy-badge-md daisy-badge-lg daisy-badge-xl daisy-badge-dash");
+@source inline("daisy-card daisy-card-body daisy-card-title daisy-card-actions daisy-card-side daisy-card-border daisy-card-sm daisy-card-compact daisy-card-normal daisy-card-glass");
+@source inline("daisy-select daisy-textarea daisy-checkbox daisy-radio daisy-toggle daisy-range daisy-file-input daisy-fieldset daisy-label daisy-form-control daisy-validator");
+@source inline("daisy-alert daisy-alert-info daisy-alert-success daisy-alert-warning daisy-alert-error");
+@source inline("daisy-table daisy-table-xs daisy-table-sm daisy-table-md daisy-table-lg daisy-table-xl daisy-table-pin-rows daisy-table-pin-cols daisy-table-zebra");
+@source inline("daisy-tabs daisy-tab daisy-tab-content daisy-tabs-border daisy-tabs-lift daisy-tabs-box daisy-tab-active");
+@source inline("daisy-collapse daisy-collapse-title daisy-collapse-content daisy-collapse-open daisy-collapse-close daisy-collapse-arrow daisy-collapse-plus");
+@source inline("daisy-avatar daisy-avatar-group daisy-avatar-online daisy-avatar-offline daisy-avatar-placeholder");
+@source inline("daisy-loading daisy-loading-spinner daisy-loading-dots daisy-loading-ring daisy-loading-ball daisy-loading-bars daisy-loading-infinity daisy-loading-xs daisy-loading-sm daisy-loading-md daisy-loading-lg daisy-loading-xl");
+@source inline("daisy-progress daisy-skeleton daisy-countdown daisy-stat daisy-stats daisy-steps daisy-step daisy-step-primary");
+@source inline("daisy-join daisy-join-item daisy-divider daisy-indicator daisy-indicator-item daisy-tooltip daisy-kbd daisy-stack");
+@plugin "daisyui" {
+  themes:
+    light --default,
+    dark --prefersdark;
+  prefix: daisy;
+}
 
 svg {
   display: initial;
 }
-
 svg.lucide {
   stroke-width: 1.5;
 }
-
 h3 {
   font-size: 1.5rem;
   margin-top: 2rem;
   margin-bottom: 1rem;
 }
-
 h5 {
   font-size: 1.25rem;
   margin-bottom: 0.5rem;
diff --git a/frontend/src/components/admin/DataMigrationPanel.vue b/frontend/src/components/admin/DataMigrationPanel.vue
index 0f3be1d02e..08bb041c8c 100644
--- a/frontend/src/components/admin/DataMigrationPanel.vue
+++ b/frontend/src/components/admin/DataMigrationPanel.vue
@@ -1,23 +1,23 @@
 <template>
   <div aria-live="polite">
-    <div class="daisy-alert daisy-alert-info daisy-mb-4" role="status">
+    <div class="daisy-alert daisy-alert-info mb-4" role="status">
       Run migration sends bounded batches to the server; the UI keeps calling until the migration
       reports complete or failed. Progress is persisted so you can refresh the page between batches.
     </div>
 
-    <div v-if="error" class="daisy-alert daisy-alert-error daisy-mb-4" role="alert">
+    <div v-if="error" class="daisy-alert daisy-alert-error mb-4" role="alert">
       {{ error }}
     </div>
 
-    <div class="daisy-mb-4" data-testid="data-migration-status">
-      <p class="daisy-text-sm daisy-opacity-90">
+    <div class="mb-4" data-testid="data-migration-status">
+      <p class="text-sm opacity-90">
         {{ summaryLine }}
       </p>
     </div>
 
     <div
       v-if="hasProgressDetail"
-      class="daisy-mb-4 daisy-text-sm daisy-opacity-90"
+      class="mb-4 text-sm opacity-90"
       data-testid="data-migration-progress"
     >
       <p>
@@ -28,12 +28,12 @@
         >
         <span v-if="status?.stepStatus"> · {{ status.stepStatus }}</span>
       </p>
-      <p v-if="status?.lastError" class="daisy-text-error" data-testid="data-migration-last-error">
+      <p v-if="status?.lastError" class="text-error" data-testid="data-migration-last-error">
         {{ status.lastError }}
       </p>
     </div>
 
-    <div class="daisy-flex daisy-flex-wrap daisy-gap-2 daisy-items-center">
+    <div class="flex flex-wrap gap-2 items-center">
       <button
         type="button"
         class="daisy-btn daisy-btn-primary"
diff --git a/frontend/src/components/admin/FailureReportList.vue b/frontend/src/components/admin/FailureReportList.vue
index 27b4bb7d71..daab6a9848 100644
--- a/frontend/src/components/admin/FailureReportList.vue
+++ b/frontend/src/components/admin/FailureReportList.vue
@@ -2,7 +2,7 @@
   <div v-if="!!errorMessage" class="daisy-alert daisy-alert-error">
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      class="daisy-stroke-current daisy-shrink-0 daisy-h-6 daisy-w-6"
+      class="stroke-current shrink-0 h-6 w-6"
       fill="none"
       viewBox="0 0 24 24"
     >
@@ -16,18 +16,18 @@
     <span>{{ errorMessage }}</span>
   </div>
   <ContainerPage v-else v-bind="{ contentLoaded: failureReports !== undefined }">
-    <div v-if="!!failureReports" class="daisy-space-y-4">
-      <div class="daisy-flex daisy-items-center daisy-justify-between">
-        <h2 class="daisy-text-2xl daisy-font-bold">
+    <div v-if="!!failureReports" class="space-y-4">
+      <div class="flex items-center justify-between">
+        <h2 class="text-2xl font-bold">
           Failure Reports
           <span
             v-if="failureReports.length > 0"
-            class="daisy-badge daisy-badge-error daisy-ml-2"
+            class="daisy-badge daisy-badge-error ml-2"
           >
             {{ failureReports.length }}
           </span>
         </h2>
-        <div class="daisy-flex daisy-gap-2">
+        <div class="flex gap-2">
           <button
             class="daisy-btn daisy-btn-warning daisy-btn-sm"
             @click="triggerFailure"
@@ -41,7 +41,7 @@
           >
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="daisy-h-4 daisy-w-4"
+            class="h-4 w-4"
             fill="none"
             viewBox="0 0 24 24"
             stroke="currentColor"
@@ -60,10 +60,10 @@
 
       <div
         v-if="failureReports.length > 0"
-        class="daisy-flex daisy-items-center daisy-gap-2 daisy-px-1"
+        class="flex items-center gap-2 px-1"
       >
         <label
-          class="daisy-label daisy-cursor-pointer daisy-flex daisy-items-center daisy-gap-2 daisy-m-0 daisy-p-0"
+          class="daisy-label cursor-pointer flex items-center gap-2 m-0 p-0"
         >
           <input
             ref="selectAllCheckboxRef"
@@ -76,14 +76,14 @@
         </label>
       </div>
 
-      <div v-if="failureReports.length > 0" class="daisy-space-y-2">
+      <div v-if="failureReports.length > 0" class="space-y-2">
         <div
           v-for="report in failureReports"
           :key="report.id"
-          class="daisy-card daisy-bg-base-100 daisy-shadow-sm daisy-border daisy-border-base-300 hover:daisy-shadow-md daisy-transition-shadow"
+          class="daisy-card bg-base-100 shadow-sm border border-base-300 hover:shadow-md transition-shadow"
         >
           <div
-            class="daisy-card-body daisy-p-4 daisy-flex daisy-flex-row daisy-items-center daisy-gap-4"
+            class="daisy-card-body p-4 flex flex-row items-center gap-4"
           >
             <input
               type="checkbox"
@@ -91,22 +91,22 @@
               v-model="selectedFailureReports"
               class="daisy-checkbox daisy-checkbox-error"
             />
-            <div class="daisy-flex-1 daisy-min-w-0">
+            <div class="flex-1 min-w-0">
               <router-link
                 :to="{
                   name: 'failureReport',
                   params: { failureReportId: report.id },
                 }"
-                class="daisy-link daisy-link-primary daisy-font-medium daisy-text-base hover:daisy-link-hover daisy-truncate daisy-block"
+                class="daisy-link daisy-link-primary font-medium text-base hover:daisy-link-hover truncate block"
               >
                 {{ report.errorName }}
               </router-link>
               <div
-                class="daisy-text-sm daisy-text-base-content/60 daisy-mt-1 daisy-flex daisy-items-center daisy-gap-2"
+                class="text-sm text-base-content/60 mt-1 flex items-center gap-2"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  class="daisy-h-4 daisy-w-4"
+                  class="h-4 w-4"
                   fill="none"
                   viewBox="0 0 24 24"
                   stroke="currentColor"
@@ -130,12 +130,12 @@
 
       <div
         v-else
-        class="daisy-card daisy-bg-base-100 daisy-shadow-sm daisy-border daisy-border-base-300"
+        class="daisy-card bg-base-100 shadow-sm border border-base-300"
       >
-        <div class="daisy-card-body daisy-items-center daisy-text-center">
+        <div class="daisy-card-body items-center text-center">
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="daisy-h-16 daisy-w-16 daisy-text-success daisy-mb-2"
+            class="h-16 w-16 text-success mb-2"
             fill="none"
             viewBox="0 0 24 24"
             stroke="currentColor"
@@ -147,8 +147,8 @@
               d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
             />
           </svg>
-          <h3 class="daisy-text-lg daisy-font-medium">All Clear!</h3>
-          <p class="daisy-text-base-content/60">No failure reports found.</p>
+          <h3 class="text-lg font-medium">All Clear!</h3>
+          <p class="text-base-content/60">No failure reports found.</p>
         </div>
       </div>
     </div>
@@ -158,8 +158,8 @@
       :class="{ 'daisy-modal-open': showDeleteModal }"
     >
       <div class="daisy-modal-box">
-        <h3 class="daisy-font-bold daisy-text-lg">Confirm Deletion</h3>
-        <p class="daisy-py-4">
+        <h3 class="font-bold text-lg">Confirm Deletion</h3>
+        <p class="py-4">
           Are you sure you want to delete {{ selectedFailureReports.length }}
           failure report{{ selectedFailureReports.length > 1 ? "s" : "" }}? This
           action cannot be undone.
diff --git a/frontend/src/components/admin/ManageModelInner.vue b/frontend/src/components/admin/ManageModelInner.vue
index ab91a4abaa..1f827cb571 100644
--- a/frontend/src/components/admin/ManageModelInner.vue
+++ b/frontend/src/components/admin/ManageModelInner.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-container">
+  <div class="container">
     <div>
       <label
         >Question Generation
diff --git a/frontend/src/components/admin/UserListing.vue b/frontend/src/components/admin/UserListing.vue
index 6f2f83e22f..b73701fab5 100644
--- a/frontend/src/components/admin/UserListing.vue
+++ b/frontend/src/components/admin/UserListing.vue
@@ -25,7 +25,7 @@
 
     <div
       v-if="userPage.totalPages && userPage.totalPages > 1"
-      class="daisy-join daisy-mt-4"
+      class="daisy-join mt-4"
     >
       <button
         class="daisy-join-item daisy-btn"
diff --git a/frontend/src/components/bazaar/BazaarNotebookButtons.vue b/frontend/src/components/bazaar/BazaarNotebookButtons.vue
index ca5fd390ac..01beec3224 100644
--- a/frontend/src/components/bazaar/BazaarNotebookButtons.vue
+++ b/frontend/src/components/bazaar/BazaarNotebookButtons.vue
@@ -5,7 +5,7 @@
       title="Add to my learning"
     >
       <template #button_face>
-        <Plus class="daisy-w-6 daisy-h-6" />
+        <Plus class="w-6 h-6" />
       </template>
       <template #default="{ closer }">
         <SubscribeForm
diff --git a/frontend/src/components/bazaar/SubscribeForm.vue b/frontend/src/components/bazaar/SubscribeForm.vue
index 4fd72ac29f..9c76a913e8 100644
--- a/frontend/src/components/bazaar/SubscribeForm.vue
+++ b/frontend/src/components/bazaar/SubscribeForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-card daisy-w-96 daisy-shadow-xl">
+  <div class="daisy-card w-96 shadow-xl">
     <div class="daisy-card-body">
       <h3 class="daisy-card-title">Add to my learning</h3>
       <p v-if="!loggedIn">Please login first</p>
@@ -13,7 +13,7 @@
         <input
           type="submit"
           value="Submit"
-          class="daisy-btn daisy-btn-primary daisy-mt-4"
+          class="daisy-btn daisy-btn-primary mt-4"
         />
       </form>
     </div>
diff --git a/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue b/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
index 5bb3861570..f61fe2c08c 100644
--- a/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
+++ b/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
@@ -8,20 +8,20 @@
     <div class="daisy-modal-box">
       <h2
         id="book-layout-reorganize-preview-title"
-        class="daisy-text-lg daisy-font-semibold"
+        class="text-lg font-semibold"
       >
         Reorganize layout (preview)
       </h2>
       <div
-        class="daisy-max-h-[min(24rem,50vh)] daisy-overflow-y-auto daisy-py-2"
+        class="max-h-[min(24rem,50vh)] overflow-y-auto py-2"
       >
         <div
           v-for="row in previewRows"
           :key="row.block.id"
           data-testid="book-layout-reorganize-preview-row"
-          class="daisy-rounded daisy-py-1.5 daisy-pr-2 daisy-text-sm daisy-leading-snug"
+          class="rounded py-1.5 pr-2 text-sm leading-snug"
           :class="{
-            'daisy-bg-warning/15': row.depthChanged,
+            'bg-warning/15': row.depthChanged,
           }"
           :data-suggested-depth="row.suggestedDepth"
           :data-depth-changed="row.depthChanged ? 'true' : undefined"
diff --git a/frontend/src/components/book-reading/BookLayoutToggleButton.vue b/frontend/src/components/book-reading/BookLayoutToggleButton.vue
index e0d8afa6bb..48bdfcb8f3 100644
--- a/frontend/src/components/book-reading/BookLayoutToggleButton.vue
+++ b/frontend/src/components/book-reading/BookLayoutToggleButton.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     type="button"
-    class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-shrink-0"
+    class="daisy-btn daisy-btn-sm daisy-btn-ghost shrink-0"
     :class="{ 'sidebar-expanded': opened }"
     data-testid="book-reading-book-layout-toggle"
     aria-label="Book layout"
@@ -10,7 +10,7 @@
     :aria-controls="panelId"
     @click="opened = !opened"
   >
-    <div class="daisy-w-4 daisy-h-4">
+    <div class="w-4 h-4">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 24 24"
@@ -19,7 +19,7 @@
         stroke-width="2"
         stroke-linecap="round"
         stroke-linejoin="round"
-        class="daisy-w-4 daisy-h-4"
+        class="w-4 h-4"
       >
         <template v-if="opened">
           <path d="M19 12H5M12 19l-7-7 7-7" />
diff --git a/frontend/src/components/book-reading/BookReadingBookLayout.vue b/frontend/src/components/book-reading/BookReadingBookLayout.vue
index 0845a67acc..3535510234 100644
--- a/frontend/src/components/book-reading/BookReadingBookLayout.vue
+++ b/frontend/src/components/book-reading/BookReadingBookLayout.vue
@@ -1,17 +1,17 @@
 <template>
   <div
     v-if="!isMdOrLarger && opened"
-    class="daisy-fixed daisy-inset-0 daisy-bg-black/50 daisy-z-30"
+    class="fixed inset-0 bg-black/50 z-30"
     aria-hidden="true"
     @click="closeOverlay"
   />
   <div
-    class="daisy-flex daisy-flex-1 daisy-min-h-0 daisy-relative"
+    class="flex flex-1 min-h-0 relative"
     :aria-busy="fullLayoutBusy ? true : undefined"
   >
     <div
       v-if="fullLayoutBusy"
-      class="book-reading-layout-full-busy daisy-absolute daisy-inset-0 daisy-z-50 daisy-flex daisy-items-center daisy-justify-center daisy-bg-base-100/70"
+      class="book-reading-layout-full-busy absolute inset-0 z-50 flex items-center justify-center bg-base-100/70"
       data-testid="book-reading-layout-full-busy"
       aria-hidden="true"
     >
@@ -24,19 +24,19 @@
       ref="asideRef"
       data-testid="book-reading-book-layout-aside"
       :class="[
-        'daisy-relative daisy-bg-base-200 daisy-w-72 daisy-min-w-[16rem] daisy-max-w-[min(20rem,85vw)] daisy-transition-transform daisy-ease-in-out daisy-duration-200 daisy-overflow-y-auto daisy-overflow-x-hidden',
+        'relative bg-base-200 w-72 min-w-[16rem] max-w-[min(20rem,85vw)] transition-transform ease-in-out duration-200 overflow-y-auto overflow-x-hidden',
         isMdOrLarger
           ? opened
-            ? 'daisy-shrink-0 daisy-border-r daisy-border-base-300'
-            : 'daisy-hidden'
+            ? 'shrink-0 border-r border-base-300'
+            : 'hidden'
           : opened
-            ? 'daisy-translate-x-0 daisy-fixed daisy-top-0 daisy-left-0 daisy-z-40 daisy-h-full daisy-pt-[env(safe-area-inset-top)]'
-            : '-daisy-translate-x-full daisy-fixed daisy-top-0 daisy-left-0 daisy-z-40 daisy-h-full',
+            ? 'translate-x-0 fixed top-0 left-0 z-40 h-full pt-[env(safe-area-inset-top)]'
+            : '-translate-x-full fixed top-0 left-0 z-40 h-full',
       ]"
     >
       <div
         v-if="fullLayoutBusy && !isMdOrLarger && opened"
-        class="book-reading-layout-full-busy daisy-absolute daisy-inset-0 daisy-z-50 daisy-flex daisy-items-center daisy-justify-center daisy-bg-base-200/70"
+        class="book-reading-layout-full-busy absolute inset-0 z-50 flex items-center justify-center bg-base-200/70"
         data-testid="book-reading-layout-aside-full-busy"
         aria-hidden="true"
       >
@@ -46,12 +46,12 @@
       </div>
       <div
         data-testid="book-reading-book-layout"
-        class="daisy-p-3 daisy-pb-8"
+        class="p-3 pb-8"
       >
         <button
           type="button"
           data-testid="book-reading-ai-reorganize-layout"
-          class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-btn-primary daisy-mb-3 daisy-w-full"
+          class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-btn-primary mb-3 w-full"
           :disabled="layoutActionsLocked"
           @click="emit('requestAiReorganize')"
         >
@@ -126,19 +126,19 @@
             {{ block.title }}
             <span
               v-if="dispositionForBlock(block.id) === 'READ'"
-              class="daisy-sr-only"
+              class="sr-only"
             >
               Marked as read
             </span>
             <span
               v-else-if="dispositionForBlock(block.id) === 'SKIMMED'"
-              class="daisy-sr-only"
+              class="sr-only"
             >
               Marked as skimmed
             </span>
             <span
               v-else-if="dispositionForBlock(block.id) === 'SKIPPED'"
-              class="daisy-sr-only"
+              class="sr-only"
             >
               Marked as skipped
             </span>
@@ -376,61 +376,63 @@ watch(
 </script>
 
 <style scoped>
+@reference "@/assets/daisyui.css";
+
 aside {
   max-height: 100%;
 }
 
 .book-reading-book-block--pending {
-  @apply daisy-relative;
+  @apply relative;
 }
 
 .book-reading-book-block-pending-overlay {
-  @apply daisy-absolute daisy-inset-0 daisy-z-[1] daisy-flex daisy-items-center daisy-justify-center daisy-bg-base-200/70;
+  @apply absolute inset-0 z-[1] flex items-center justify-center bg-base-200/70;
 }
 
 .book-reading-book-block {
-  @apply daisy-flex daisy-w-full daisy-min-h-10 daisy-items-stretch daisy-gap-1 daisy-text-left daisy-rounded-none;
-  @apply daisy-border-0 daisy-border-solid daisy-border-l-4 daisy-border-transparent;
-  @apply daisy-py-0 daisy-pr-2 daisy-pl-1 daisy-text-sm daisy-leading-snug daisy-font-normal;
-  @apply daisy-transition-colors daisy-duration-150;
-  @apply hover:daisy-bg-base-300/55;
-  @apply focus:daisy-outline-none focus-visible:daisy-ring-2 focus-visible:daisy-ring-primary/50;
-  @apply focus-visible:daisy-ring-offset-2 focus-visible:daisy-ring-offset-base-200;
+  @apply flex w-full min-h-10 items-stretch gap-1 text-left rounded-none;
+  @apply border-0 border-solid border-l-4 border-transparent;
+  @apply py-0 pr-2 pl-1 text-sm leading-snug font-normal;
+  @apply transition-colors duration-150;
+  @apply hover:bg-base-300/55;
+  @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50;
+  @apply focus-visible:ring-offset-2 focus-visible:ring-offset-base-200;
 }
 
 .book-reading-book-block-guides {
-  @apply daisy-flex daisy-shrink-0 daisy-items-stretch;
+  @apply flex shrink-0 items-stretch;
 }
 
 .book-reading-book-block-guide {
-  @apply daisy-flex daisy-w-3 daisy-shrink-0 daisy-flex-col daisy-items-center daisy-self-stretch daisy-min-h-0;
+  @apply flex w-3 shrink-0 flex-col items-center self-stretch min-h-0;
 }
 
 .book-reading-book-block-guide-line {
-  @apply daisy-w-0.5 daisy-min-h-0 daisy-flex-1 daisy-rounded-none daisy-bg-base-content/25;
+  @apply w-0.5 min-h-0 flex-1 rounded-none bg-base-content/25;
 }
 
 .book-reading-book-block-title {
-  @apply daisy-min-w-0 daisy-flex-1 daisy-py-2 daisy-pl-0 daisy-text-left;
+  @apply min-w-0 flex-1 py-2 pl-0 text-left;
 }
 
 .book-reading-book-block[data-current-block="true"] {
-  @apply daisy-bg-primary/35;
+  @apply bg-primary/35;
 }
 
 .book-reading-book-block[data-current-selection="true"] {
-  @apply daisy-border-primary daisy-font-medium;
+  @apply border-primary font-medium;
 }
 
 .book-reading-book-block[data-direct-content-read="true"] {
-  @apply daisy-border-r-4 daisy-border-r-success;
+  @apply border-r-4 border-r-success;
 }
 
 .book-reading-book-block[data-direct-content-skimmed="true"] {
-  @apply daisy-border-r-4 daisy-border-r-warning;
+  @apply border-r-4 border-r-warning;
 }
 
 .book-reading-book-block[data-direct-content-skipped="true"] {
-  @apply daisy-border-r-4 daisy-border-r-neutral;
+  @apply border-r-4 border-r-neutral;
 }
 </style>
diff --git a/frontend/src/components/book-reading/BookReadingContent.vue b/frontend/src/components/book-reading/BookReadingContent.vue
index 480166a536..03b6bdac2f 100644
--- a/frontend/src/components/book-reading/BookReadingContent.vue
+++ b/frontend/src/components/book-reading/BookReadingContent.vue
@@ -4,7 +4,7 @@
     aria-live="polite"
     aria-atomic="true"
     data-testid="book-reading-current-block-live"
-    class="daisy-sr-only"
+    class="sr-only"
   >
     {{ currentBlockLiveText }}
   </div>
@@ -15,18 +15,18 @@
     />
     <router-link
       :to="{ name: 'notebookPage', params: { notebookId: notebookId } }"
-      class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-shrink-0 daisy-no-underline"
+      class="daisy-btn daisy-btn-sm daisy-btn-ghost shrink-0 no-underline"
     >
       Notebook
     </router-link>
     <span
-      class="daisy-truncate daisy-text-sm daisy-font-medium daisy-min-w-0 daisy-ml-1"
+      class="truncate text-sm font-medium min-w-0 ml-1"
       :title="book.bookName"
     >
       {{ book.bookName }}
     </span>
     <PdfControl
-      class="daisy-ml-auto daisy-mr-2"
+      class="ml-auto mr-2"
       :current-page="pdfBarCurrentPage"
       :pages-total="pdfBarPagesTotal"
       @zoom-in="pdfViewerRef?.zoomIn()"
@@ -50,22 +50,22 @@
     @request-ai-reorganize="requestAiReorganize"
   >
     <main
-      class="daisy-flex daisy-flex-1 daisy-min-h-0 daisy-min-w-0 daisy-flex-col"
+      class="flex flex-1 min-h-0 min-w-0 flex-col"
     >
       <div
         v-if="pdfViewerLoadError"
-        class="daisy-alert daisy-alert-error daisy-mb-2 daisy-mx-2 daisy-mt-2"
+        class="daisy-alert daisy-alert-error mb-2 mx-2 mt-2"
         data-testid="book-reading-pdf-viewer-load-error"
       >
         {{ pdfViewerLoadError }}
       </div>
       <div
         v-else
-        class="daisy-flex daisy-min-h-0 daisy-min-w-0 daisy-flex-1 daisy-flex-col"
+        class="flex min-h-0 min-w-0 flex-1 flex-col"
       >
         <div
           ref="pdfPaneRef"
-          class="daisy-relative daisy-min-h-0 daisy-min-w-0 daisy-flex-1"
+          class="relative min-h-0 min-w-0 flex-1"
         >
           <PdfBookViewer
             ref="pdfViewerRef"
diff --git a/frontend/src/components/book-reading/BookReadingEpubView.vue b/frontend/src/components/book-reading/BookReadingEpubView.vue
index 22ce719aba..4067007bee 100644
--- a/frontend/src/components/book-reading/BookReadingEpubView.vue
+++ b/frontend/src/components/book-reading/BookReadingEpubView.vue
@@ -6,18 +6,18 @@
     />
     <router-link
       :to="{ name: 'notebookPage', params: { notebookId: notebookId } }"
-      class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-shrink-0 daisy-no-underline"
+      class="daisy-btn daisy-btn-sm daisy-btn-ghost shrink-0 no-underline"
     >
       Notebook
     </router-link>
     <span
-      class="daisy-truncate daisy-text-sm daisy-font-medium daisy-min-w-0 daisy-ml-1"
+      class="truncate text-sm font-medium min-w-0 ml-1"
       data-testid="book-reading-epub-global-bar-title"
       :title="book.bookName"
     >
       {{ book.bookName }}
     </span>
-    <span class="daisy-ml-auto daisy-shrink-0" aria-hidden="true" />
+    <span class="ml-auto shrink-0" aria-hidden="true" />
   </GlobalBar>
   <BookReadingBookLayout
     v-model:opened="bookLayoutOpened"
@@ -31,7 +31,7 @@
   >
     <main
       ref="epubMainPaneRef"
-      class="daisy-flex daisy-flex-1 daisy-min-h-0 daisy-min-w-0 daisy-flex-col daisy-relative"
+      class="flex flex-1 min-h-0 min-w-0 flex-col relative"
     >
       <EpubBookViewer
         ref="epubViewerRef"
diff --git a/frontend/src/components/book-reading/CalloutCard.vue b/frontend/src/components/book-reading/CalloutCard.vue
index 489247dc13..263a6c83d2 100644
--- a/frontend/src/components/book-reading/CalloutCard.vue
+++ b/frontend/src/components/book-reading/CalloutCard.vue
@@ -1,12 +1,12 @@
 <template>
   <div
     ref="rootRef"
-    class="daisy-pointer-events-auto daisy-mx-auto daisy-max-w-3xl daisy-rounded-lg daisy-bg-base-200/95 daisy-border daisy-border-base-300 daisy-shadow-lg daisy-px-3 daisy-py-2 daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2 daisy-relative"
+    class="pointer-events-auto mx-auto max-w-3xl rounded-lg bg-base-200/95 border border-base-300 shadow-lg px-3 py-2 flex flex-wrap items-center gap-2 relative"
   >
     <span
       v-if="showCaret"
       aria-hidden="true"
-      class="daisy-absolute daisy-left-[30%] -daisy-top-[9px] -daisy-translate-x-1/2 daisy-w-4 daisy-h-4 daisy-bg-base-200/95 daisy-border-l daisy-border-t daisy-border-base-300 -daisy-rotate-45"
+      class="absolute left-[30%] -top-[9px] -translate-x-1/2 w-4 h-4 bg-base-200/95 border-l border-t border-base-300 -rotate-45"
     />
     <slot />
   </div>
diff --git a/frontend/src/components/book-reading/CurrentBlockNavigationBar.vue b/frontend/src/components/book-reading/CurrentBlockNavigationBar.vue
index d15eff0a6e..e147d39ebd 100644
--- a/frontend/src/components/book-reading/CurrentBlockNavigationBar.vue
+++ b/frontend/src/components/book-reading/CurrentBlockNavigationBar.vue
@@ -1,15 +1,15 @@
 <template>
   <div
     data-testid="current-block-navigation-bar"
-    class="daisy-pointer-events-none daisy-absolute daisy-left-0 daisy-right-0 daisy-bottom-0 daisy-z-20 daisy-px-2 daisy-pb-[max(0.5rem,env(safe-area-inset-bottom))] daisy-pt-2"
+    class="pointer-events-none absolute left-0 right-0 bottom-0 z-20 px-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] pt-2"
   >
     <div
-      class="daisy-pointer-events-auto daisy-mx-auto daisy-max-w-3xl daisy-rounded-lg daisy-bg-base-100/95 daisy-border daisy-border-base-300 daisy-shadow-lg daisy-px-3 daisy-py-2 daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2"
+      class="pointer-events-auto mx-auto max-w-3xl rounded-lg bg-base-100/95 border border-base-300 shadow-lg px-3 py-2 flex flex-wrap items-center gap-2"
     >
-      <p class="daisy-text-sm daisy-min-w-0 daisy-flex-1 daisy-basis-full sm:daisy-basis-auto daisy-m-0 daisy-text-base-content/70">
-        Now reading: <span class="daisy-font-medium daisy-text-base-content">{{ currentBlockTitle }}</span>
+      <p class="text-sm min-w-0 flex-1 basis-full sm:basis-auto m-0 text-base-content/70">
+        Now reading: <span class="font-medium text-base-content">{{ currentBlockTitle }}</span>
       </p>
-      <div class="daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2 daisy-shrink-0">
+      <div class="flex flex-wrap items-center gap-2 shrink-0">
         <button
           type="button"
           data-testid="read-from-here"
diff --git a/frontend/src/components/book-reading/EpubBookViewer.vue b/frontend/src/components/book-reading/EpubBookViewer.vue
index f8b3306096..17a0aec944 100644
--- a/frontend/src/components/book-reading/EpubBookViewer.vue
+++ b/frontend/src/components/book-reading/EpubBookViewer.vue
@@ -1,12 +1,12 @@
 <template>
   <div
     data-testid="epub-book-viewer"
-    class="epub-book-viewer-root daisy-relative daisy-min-h-0 daisy-min-w-0 daisy-flex-1"
+    class="epub-book-viewer-root relative min-h-0 min-w-0 flex-1"
     :aria-label="book.bookName"
   >
     <div
       ref="renditionHostRef"
-      class="epub-book-viewer-host daisy-absolute daisy-inset-0 daisy-overflow-hidden"
+      class="epub-book-viewer-host absolute inset-0 overflow-hidden"
     />
   </div>
 </template>
diff --git a/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue b/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
index af6e8472e0..0560c7b03f 100644
--- a/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
+++ b/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
@@ -5,12 +5,12 @@
     data-testid="new-block-title-dialog"
   >
     <div class="daisy-modal-box">
-      <h2 class="daisy-text-lg daisy-font-semibold">Name the new block</h2>
+      <h2 class="text-lg font-semibold">Name the new block</h2>
       <input
         v-if="open"
         v-model="titleInput"
         data-testid="new-block-title-input"
-        class="daisy-input daisy-input-bordered daisy-w-full daisy-mt-2"
+        class="daisy-input w-full mt-2"
         type="text"
       />
       <div class="daisy-modal-action">
diff --git a/frontend/src/components/book-reading/PdfControl.vue b/frontend/src/components/book-reading/PdfControl.vue
index 2c995f13c2..76e90bacc1 100644
--- a/frontend/src/components/book-reading/PdfControl.vue
+++ b/frontend/src/components/book-reading/PdfControl.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-join daisy-join-horizontal daisy-items-center">
+  <div class="daisy-join daisy-join-horizontal items-center">
     <button
       type="button"
       class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-join-item"
@@ -7,12 +7,12 @@
       data-testid="pdf-zoom-out"
       @click="emit('zoomOut')"
     >
-      <ZoomOut class="daisy-w-4 daisy-h-4" />
+      <ZoomOut class="w-4 h-4" />
     </button>
     <span
       v-if="currentPage != null && pagesTotal != null && pagesTotal > 0"
       data-testid="book-reading-page-indicator"
-      class="daisy-shrink-0 daisy-text-sm daisy-text-base-content/70 daisy-tabular-nums daisy-px-1"
+      class="shrink-0 text-sm text-base-content/70 tabular-nums px-1"
       :aria-label="`Page ${currentPage} of ${pagesTotal}`"
     >
       {{ currentPage }} / {{ pagesTotal }}
@@ -24,7 +24,7 @@
       data-testid="pdf-zoom-in"
       @click="emit('zoomIn')"
     >
-      <ZoomIn class="daisy-w-4 daisy-h-4" />
+      <ZoomIn class="w-4 h-4" />
     </button>
   </div>
 </template>
diff --git a/frontend/src/components/book-reading/ReadingControlPanel.vue b/frontend/src/components/book-reading/ReadingControlPanel.vue
index 49f83f5f27..bf96872488 100644
--- a/frontend/src/components/book-reading/ReadingControlPanel.vue
+++ b/frontend/src/components/book-reading/ReadingControlPanel.vue
@@ -7,11 +7,11 @@
     :style="wrapperStyle"
   >
     <CalloutCard ref="cardRef" :show-caret="panelPlacement === 'anchored'">
-      <p class="daisy-text-sm daisy-min-w-0 daisy-flex-1 daisy-basis-full sm:daisy-basis-auto daisy-m-0">
-        <span class="daisy-font-medium">{{ selectedBlockTitle }}</span>
+      <p class="text-sm min-w-0 flex-1 basis-full sm:basis-auto m-0">
+        <span class="font-medium">{{ selectedBlockTitle }}</span>
       </p>
       <div
-        class="daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2 daisy-shrink-0"
+        class="flex flex-wrap items-center gap-2 shrink-0"
       >
         <button
           type="button"
@@ -64,8 +64,8 @@ const panelPlacement = computed(() =>
 
 const wrapperClass = computed(() => {
   const base =
-    "daisy-pointer-events-none daisy-absolute daisy-left-0 daisy-right-0 daisy-z-20 daisy-px-2 daisy-pb-[max(0.5rem,env(safe-area-inset-bottom))] daisy-pt-2"
-  return props.anchorTopPx === null ? `${base} daisy-bottom-0` : base
+    "pointer-events-none absolute left-0 right-0 z-20 px-2 pb-[max(0.5rem,env(safe-area-inset-bottom))] pt-2"
+  return props.anchorTopPx === null ? `${base} bottom-0` : base
 })
 
 const wrapperStyle = computed(() =>
diff --git a/frontend/src/components/commons/AcceptRejectButtons.vue b/frontend/src/components/commons/AcceptRejectButtons.vue
index b8610ca76e..bf57163d22 100644
--- a/frontend/src/components/commons/AcceptRejectButtons.vue
+++ b/frontend/src/components/commons/AcceptRejectButtons.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="daisy-card daisy-py-2 daisy-px-3 daisy-bg-light ai-chat">
+  <div class="daisy-card py-2 px-3 daisy-bg-light ai-chat">
     <div>
       <slot name="title" />
     </div>
-    <div class="suggestion-content daisy-mb-2">
+    <div class="suggestion-content mb-2">
       <slot name="content" />
     </div>
-    <div class="daisy-flex daisy-gap-2">
+    <div class="flex gap-2">
       <button
         v-if="!hideAccept"
         class="daisy-btn daisy-btn-primary daisy-btn-sm"
diff --git a/frontend/src/components/commons/BasicBreadcrumb.vue b/frontend/src/components/commons/BasicBreadcrumb.vue
index 381abe353e..f190bc222d 100644
--- a/frontend/src/components/commons/BasicBreadcrumb.vue
+++ b/frontend/src/components/commons/BasicBreadcrumb.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="daisy-text-sm daisy-breadcrumbs daisy-max-w-full">
-    <ul class="daisy-m-0 daisy-pl-0">
+  <div class="text-sm daisy-breadcrumbs max-w-full">
+    <ul class="m-0 pl-0">
       <slot name="topLink" />
       <li
         v-for="segment in folderSegments"
@@ -8,14 +8,14 @@
       >
         <router-link
           v-if="breadcrumbNotebookId != null"
-          class="daisy-inline-flex daisy-items-center daisy-gap-1 daisy-text-base-content"
+          class="inline-flex items-center gap-1 text-base-content"
           :to="folderPageTo(segment.id)"
         >
-          <FolderIcon class="daisy-h-3.5 daisy-w-3.5 daisy-shrink-0" aria-hidden="true" />
+          <FolderIcon class="h-3.5 w-3.5 shrink-0" aria-hidden="true" />
           {{ segment.name }}
         </router-link>
-        <span v-else class="daisy-inline-flex daisy-items-center daisy-gap-1 daisy-text-base-content">
-          <FolderIcon class="daisy-h-3.5 daisy-w-3.5 daisy-shrink-0" aria-hidden="true" />
+        <span v-else class="inline-flex items-center gap-1 text-base-content">
+          <FolderIcon class="h-3.5 w-3.5 shrink-0" aria-hidden="true" />
           {{ segment.name }}
         </span>
       </li>
diff --git a/frontend/src/components/commons/CopyButton.vue b/frontend/src/components/commons/CopyButton.vue
index 715e5443c8..ab2d6686ee 100644
--- a/frontend/src/components/commons/CopyButton.vue
+++ b/frontend/src/components/commons/CopyButton.vue
@@ -6,7 +6,7 @@
     :aria-label="ariaLabel || 'Copy to clipboard'"
     :data-testid="testId"
   >
-    <ClipboardCheck v-if="!copied" class="daisy-w-6 daisy-h-6" />
+    <ClipboardCheck v-if="!copied" class="w-6 h-6" />
     <svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24">
       <path stroke="currentColor" stroke-width="2" d="M5 13l4 4L19 7"/>
     </svg>
diff --git a/frontend/src/components/commons/DiffView.vue b/frontend/src/components/commons/DiffView.vue
index dfd57be89d..1c894f2881 100644
--- a/frontend/src/components/commons/DiffView.vue
+++ b/frontend/src/components/commons/DiffView.vue
@@ -1,17 +1,17 @@
 <template>
-  <div class="diff-view daisy-flex daisy-flex-col md:daisy-flex-row daisy-gap-2">
-    <div class="daisy-flex-1 daisy-flex daisy-flex-col">
-      <div class="daisy-text-sm daisy-font-semibold daisy-mb-2 daisy-text-error">
+  <div class="diff-view flex flex-col md:flex-row gap-2">
+    <div class="flex-1 flex flex-col">
+      <div class="text-sm font-semibold mb-2 text-error">
         Current
       </div>
       <div
         ref="leftPane"
-        class="diff-pane daisy-border daisy-border-base-300 daisy-rounded daisy-bg-base-200 daisy-text-sm daisy-overflow-auto"
+        class="diff-pane border border-base-300 rounded bg-base-200 text-sm overflow-auto"
         :style="{ maxHeight: maxHeight }"
         @scroll="onLeftScroll"
         data-testid="diff-left-pane"
       >
-        <table class="diff-table daisy-font-mono">
+        <table class="diff-table font-mono">
           <tbody>
             <tr
               v-for="(row, index) in pairedRows"
@@ -42,18 +42,18 @@
         </table>
       </div>
     </div>
-    <div class="daisy-flex-1 daisy-flex daisy-flex-col">
-      <div class="daisy-text-sm daisy-font-semibold daisy-mb-2 daisy-text-success">
+    <div class="flex-1 flex flex-col">
+      <div class="text-sm font-semibold mb-2 text-success">
         Will restore to
       </div>
       <div
         ref="rightPane"
-        class="diff-pane daisy-border daisy-border-base-300 daisy-rounded daisy-bg-base-200 daisy-text-sm daisy-overflow-auto"
+        class="diff-pane border border-base-300 rounded bg-base-200 text-sm overflow-auto"
         :style="{ maxHeight: maxHeight }"
         @scroll="onRightScroll"
         data-testid="diff-right-pane"
       >
-        <table class="diff-table daisy-font-mono">
+        <table class="diff-table font-mono">
           <tbody>
             <tr
               v-for="(row, index) in pairedRows"
diff --git a/frontend/src/components/commons/JsonExportSection.vue b/frontend/src/components/commons/JsonExportSection.vue
index 4b5737159e..a143bbf3e3 100644
--- a/frontend/src/components/commons/JsonExportSection.vue
+++ b/frontend/src/components/commons/JsonExportSection.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <textarea
-      class="daisy-textarea daisy-textarea-bordered daisy-w-full daisy-h-48 daisy-bg-base-100 daisy-font-mono daisy-text-xs"
+      class="daisy-textarea daisy-textarea w-full h-48 bg-base-100 font-mono text-xs"
       readonly
       :value="jsonData"
       :data-testid="textareaTestId"
     />
-    <div class="daisy-flex daisy-gap-2 daisy-justify-end daisy-mt-2">
+    <div class="flex gap-2 justify-end mt-2">
       <CopyButton
         :text="jsonData"
         :disabled="!jsonData || loading"
@@ -20,7 +20,7 @@
         :data-testid="downloadButtonTestId"
         :aria-label="downloadAriaLabel"
       >
-        <Download class="daisy-w-6 daisy-h-6" />
+        <Download class="w-6 h-6" />
       </button>
     </div>
   </div>
diff --git a/frontend/src/components/commons/Modal.vue b/frontend/src/components/commons/Modal.vue
index 3b0a115665..5eac2538e0 100644
--- a/frontend/src/components/commons/Modal.vue
+++ b/frontend/src/components/commons/Modal.vue
@@ -2,7 +2,7 @@
   <Teleport to="body">
     <dialog
       ref="dialogRef"
-      class="modal-mask daisy-text-base-content"
+      class="modal-mask text-base-content"
       :class="{ 'modal-align-top': alignTop }"
       @cancel.prevent
     >
@@ -10,7 +10,7 @@
       <div
         :class="[
           sidebarStyle,
-          'daisy-bg-base-200',
+          'bg-base-200',
           { 'modal-panel--no-close': !showCloseButton },
         ]"
       >
@@ -19,7 +19,7 @@
           class="close-button"
           @click="$emit('close_request')"
         >
-          <X class="daisy-w-6 daisy-h-6" />
+          <X class="w-6 h-6" />
         </button>
 
         <div v-if="$slots.header" class="modal-header">
diff --git a/frontend/src/components/commons/Popups/Popups.vue b/frontend/src/components/commons/Popups/Popups.vue
index 560bd0f767..17f93f47a1 100644
--- a/frontend/src/components/commons/Popups/Popups.vue
+++ b/frontend/src/components/commons/Popups/Popups.vue
@@ -19,7 +19,7 @@
 
     <Modal
       v-if="popupInfo.type === 'confirm'"
-      class="popups daisy-z-[9998]"
+      class="popups z-[9998]"
       :isPopup="true"
       @close_request="resolve(false)"
     >
@@ -39,7 +39,7 @@
 
     <Modal
       v-if="popupInfo.type === 'options'"
-      class="popups daisy-z-[9998]"
+      class="popups z-[9998]"
       :isPopup="true"
       @close_request="resolve(null)"
     >
@@ -47,10 +47,10 @@
         <h2>Select an option</h2>
       </template>
       <template #body>
-        <div class="daisy-mb-4">
+        <div class="mb-4">
           <span>{{ popupInfo.message }}</span>
         </div>
-        <div class="daisy-flex daisy-flex-wrap daisy-gap-2">
+        <div class="flex flex-wrap gap-2">
           <button
             v-for="opt in (popupInfo as OptionsPopupInfo).options"
             :key="opt.value"
diff --git a/frontend/src/components/commons/ProgressBar.vue b/frontend/src/components/commons/ProgressBar.vue
index 7a44e14ef4..b7dfa5fe2b 100644
--- a/frontend/src/components/commons/ProgressBar.vue
+++ b/frontend/src/components/commons/ProgressBar.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="daisy-flex-shrink-0">
+  <div class="flex-shrink-0">
     <slot name="buttons" />
   </div>
-  <div class="daisy-flex-grow" @click.prevent="$emit('showSettings')">
+  <div class="flex-grow" @click.prevent="$emit('showSettings')">
     <div
       :class="['daisy-progress-bar', { thin : $slots.default !== undefined, 'diligent-mode': diligentMode }]"
       v-if="toRepeatCount !== null"
diff --git a/frontend/src/components/conversations/AiResponse.vue b/frontend/src/components/conversations/AiResponse.vue
index 6fb68a45cc..5898bbcf15 100644
--- a/frontend/src/components/conversations/AiResponse.vue
+++ b/frontend/src/components/conversations/AiResponse.vue
@@ -1,16 +1,16 @@
 <template>
-  <div v-if="currentAiReply" class="daisy-flex daisy-mb-3">
-    <div class="message-avatar daisy-me-2" title="AI Assistant">
-      <Bot class="daisy-w-6 daisy-h-6" />
+  <div v-if="currentAiReply" class="flex mb-3">
+    <div class="message-avatar me-2" title="AI Assistant">
+      <Bot class="w-6 h-6" />
     </div>
-    <div class="daisy-card daisy-py-2 daisy-px-3 daisy-bg-light ai-chat"
+    <div class="daisy-card py-2 px-3 daisy-bg-light ai-chat"
     v-html="markdowntToHtml(currentAiReply)"
     />
   </div>
 
-  <div v-if="currentSuggestion" class="daisy-flex daisy-mb-3">
-    <div class="message-avatar daisy-me-2" title="AI Assistant">
-      <Bot class="daisy-w-6 daisy-h-6" />
+  <div v-if="currentSuggestion" class="flex mb-3">
+    <div class="message-avatar me-2" title="AI Assistant">
+      <Bot class="w-6 h-6" />
     </div>
     <ToolCallHandler
       v-if="currentSuggestion"
@@ -21,15 +21,15 @@
     />
   </div>
 
-  <div v-if="lastErrorMessage" class="last-error-message daisy-text-danger daisy-mb-3">
+  <div v-if="lastErrorMessage" class="last-error-message daisy-text-danger mb-3">
     {{ lastErrorMessage }}
   </div>
 
-  <div v-if="aiStatus" class="daisy-flex daisy-align-items-center status-bar daisy-mb-3">
-    <div class="daisy-spinner-border daisy-spinner-border-sm daisy-me-2" role="status">
-      <span class="daisy-sr-only">Loading...</span>
+  <div v-if="aiStatus" class="flex daisy-align-items-center status-bar mb-3">
+    <div class="daisy-spinner-border daisy-spinner-border-sm me-2" role="status">
+      <span class="sr-only">Loading...</span>
     </div>
-    <small class="daisy-text-secondary">{{ aiStatus }}</small>
+    <small class="text-secondary">{{ aiStatus }}</small>
   </div>
 </template>
 
diff --git a/frontend/src/components/conversations/ConversationComponent.vue b/frontend/src/components/conversations/ConversationComponent.vue
index 9eb59a4d54..9a2ea08b82 100644
--- a/frontend/src/components/conversations/ConversationComponent.vue
+++ b/frontend/src/components/conversations/ConversationComponent.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="conversation-container daisy-flex daisy-flex-col daisy-flex-1 min-h-0">
+  <div class="conversation-container flex flex-col flex-1 min-h-0">
     <!-- Upper half -->
-    <div v-if="!isMaximized" class="subject-container daisy-flex-1 daisy-overflow-auto daisy-p-4 daisy-border-b daisy-border-base-300">
+    <div v-if="!isMaximized" class="subject-container flex-1 overflow-auto p-4 border-b border-base-300">
       <NoteShow
         v-if="conversation.subject?.note?.id"
         v-bind="{
@@ -20,7 +20,7 @@
     </div>
 
     <!-- Lower half -->
-    <div class="daisy-flex-1 daisy-flex daisy-flex-col daisy-bg-base-200 min-h-0" :class="{ 'maximized': isMaximized }">
+    <div class="flex-1 flex flex-col bg-base-200 min-h-0" :class="{ 'maximized': isMaximized }">
       <ConversationInner
         v-bind="{
           conversation,
diff --git a/frontend/src/components/conversations/ConversationExportDialog.vue b/frontend/src/components/conversations/ConversationExportDialog.vue
index 2d0365a889..0a2d8fa57d 100644
--- a/frontend/src/components/conversations/ConversationExportDialog.vue
+++ b/frontend/src/components/conversations/ConversationExportDialog.vue
@@ -4,14 +4,14 @@
       <div class="daisy-card">
         <div class="daisy-card-body">
           <h3 class="daisy-card-title">Export Conversation for ChatGPT</h3>
-          <div class="daisy-mt-4">
+          <div class="mt-4">
             <textarea
-              class="daisy-textarea daisy-textarea-bordered daisy-w-full daisy-h-96 daisy-bg-base-100 daisy-font-mono daisy-text-xs"
+              class="daisy-textarea daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
               readonly
               :value="exportContent"
               data-testid="export-textarea"
             />
-            <div class="daisy-flex daisy-gap-2 daisy-justify-end daisy-mt-2">
+            <div class="flex gap-2 justify-end mt-2">
               <CopyButton
                 :text="exportContent"
                 :disabled="!exportContent"
diff --git a/frontend/src/components/conversations/ConversationInner.vue b/frontend/src/components/conversations/ConversationInner.vue
index 637b8fcae6..73238d534a 100644
--- a/frontend/src/components/conversations/ConversationInner.vue
+++ b/frontend/src/components/conversations/ConversationInner.vue
@@ -16,24 +16,24 @@
       <div
         v-for="conversationMessage in currentConversationMessages"
         :key="conversationMessage.id"
-        class="daisy-flex daisy-mb-3"
-        :class="{ 'daisy-justify-end': isCurrentUser(conversationMessage.sender?.id || 0) }"
+        class="flex mb-3"
+        :class="{ 'justify-end': isCurrentUser(conversationMessage.sender?.id || 0) }"
       >
         <div
           v-if="!isCurrentUser(conversationMessage.sender?.id || 0)"
-          class="message-avatar daisy-me-2"
+          class="message-avatar me-2"
           :title="conversationMessage.sender?.name || 'AI Assistant'"
         >
           <template v-if="conversationMessage.sender?.id === undefined">
-            <Bot class="daisy-w-8 daisy-h-8" />
+            <Bot class="w-8 h-8" />
           </template>
           <template v-else>
-            <UserIcon class="daisy-w-8 daisy-h-8" />
+            <UserIcon class="w-8 h-8" />
           </template>
         </div>
 
         <div
-          class="daisy-card daisy-py-2 daisy-px-3"
+          class="daisy-card py-2 px-3"
           :class="[
             isCurrentUser(conversationMessage.sender?.id || 0) ? 'daisy-text-bg-dark' : 'daisy-bg-light',
             conversationMessage.sender?.id === undefined ? 'ai-chat' : '',
@@ -166,6 +166,8 @@ const showDefaultMessages = computed(
 </script>
 
 <style scoped>
+@reference "@/assets/daisyui.css";
+
 .message-avatar {
   width: 32px;
   height: 32px;
@@ -183,7 +185,7 @@ const showDefaultMessages = computed(
 
 .unknown-request {
   font-family: monospace;
-  @apply daisy-bg-base-200;
+  @apply bg-base-200;
   padding: 0.5rem;
   border-radius: 0.25rem;
   white-space: pre-wrap;
diff --git a/frontend/src/components/conversations/ConversationTemplate.vue b/frontend/src/components/conversations/ConversationTemplate.vue
index 8f2284c19b..263c677ff5 100644
--- a/frontend/src/components/conversations/ConversationTemplate.vue
+++ b/frontend/src/components/conversations/ConversationTemplate.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="dialog-bar daisy-bg-base-300">
-    <div class="daisy-flex daisy-align-items-center daisy-gap-2">
+  <div class="dialog-bar bg-base-300">
+    <div class="flex daisy-align-items-center gap-2">
       <select
         v-if="conversations?.length && conversations.length > 1"
         class="conversation-select"
@@ -25,14 +25,14 @@
       </button>
     </div>
     <div class="daisy-spacer"></div>
-    <div class="daisy-flex daisy-align-items-center daisy-gap-2">
+    <div class="flex daisy-align-items-center gap-2">
       <button
         class="export-button"
         @click="showExportDialog = true"
         aria-label="Export conversation"
         title="Export conversation to continue in external AI tools"
       >
-        <Upload class="daisy-w-6 daisy-h-6" />
+        <Upload class="w-6 h-6" />
       </button>
       <button
         class="maximize-button"
@@ -87,21 +87,21 @@
     <slot name="messages" />
   </div>
 
-  <div class="bottom-container daisy-bg-base-100">
+  <div class="bottom-container bg-base-100">
     <div v-if="defaultMessages" class="default-messages">
       <button
         v-for="(message, index) in defaultMessages"
         :key="index"
-        class="default-message-button daisy-bg-base-200 daisy-text-base-content"
+        class="default-message-button bg-base-200 text-base-content"
         @click="handleDefaultMessageClick(message)"
       >
         {{ message }}
       </button>
     </div>
 
-    <div class="chat-controls daisy-bg-base-100">
+    <div class="chat-controls bg-base-100">
       <form
-        class="chat-input-form daisy-bg-base-200"
+        class="chat-input-form bg-base-200"
         @submit.prevent="handleSendMessageWithAI()"
         :disabled="!trimmedMessage"
       >
diff --git a/frontend/src/components/form/FileInput.vue b/frontend/src/components/form/FileInput.vue
index fb1cdb88e6..a2ca85ec96 100644
--- a/frontend/src/components/form/FileInput.vue
+++ b/frontend/src/components/form/FileInput.vue
@@ -1,7 +1,7 @@
 <template>
   <InputWithType v-bind="{ scopeName, field, errorMessage }">
     <input
-      :class="`daisy-file-input daisy-w-full ${!!errorMessage ? 'daisy-file-input-error' : ''}`"
+      :class="`daisy-file-input w-full ${!!errorMessage ? 'daisy-file-input-error' : ''}`"
       :id="`${scopeName}-${field}`"
       type="file"
       :name="field"
diff --git a/frontend/src/components/form/InputWithType.vue b/frontend/src/components/form/InputWithType.vue
index 9c68873082..debeb7704e 100644
--- a/frontend/src/components/form/InputWithType.vue
+++ b/frontend/src/components/form/InputWithType.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="daisy-form-control">
-    <div v-if="beforeLabel" class="daisy-flex daisy-items-center daisy-gap-2">
+    <div v-if="beforeLabel" class="flex items-center gap-2">
       <slot />
       <label
         v-if="showLabel"
@@ -15,13 +15,13 @@
         {{ titlized }}
       </label>
       <i v-if="hint" class="hint" v-text="hint" />
-      <div class="daisy-join daisy-w-full daisy-items-stretch">
+      <div class="daisy-join w-full items-stretch">
         <template v-if="$slots.input_prepend">
           <div class="daisy-join-item daisy-flex daisy-h-full daisy-items-stretch">
             <slot name="input_prepend" />
           </div>
         </template>
-        <div v-if="$slots.input_prepend || $slots.input_append" class="daisy-join-item daisy-flex-1">
+        <div v-if="$slots.input_prepend || $slots.input_append" class="daisy-join-item flex-1">
           <slot />
         </div>
         <template v-else>
@@ -34,7 +34,7 @@
         </template>
       </div>
     </template>
-    <div class="daisy-text-error daisy-text-sm" v-if="!!errorMessage">{{ errorMessage }}</div>
+    <div class="text-error text-sm" v-if="!!errorMessage">{{ errorMessage }}</div>
   </div>
 </template>
 
diff --git a/frontend/src/components/form/RadioButtons.vue b/frontend/src/components/form/RadioButtons.vue
index fd546c6d44..0dc3c04f0f 100644
--- a/frontend/src/components/form/RadioButtons.vue
+++ b/frontend/src/components/form/RadioButtons.vue
@@ -7,7 +7,7 @@
     >
       <template v-for="option in options" :key="option.value">
         <input
-          class="daisy-join-item daisy-hidden"
+          class="daisy-join-item hidden"
           type="radio"
           :value="option.value"
           :id="`${scopeName}-${option.value}`"
@@ -53,8 +53,8 @@ const props = defineProps({
 const radiogroupClassList = computed(() => {
   const base =
     props.variant === "chips"
-      ? "radio-buttons-chips daisy-flex daisy-flex-wrap daisy-gap-2 daisy-content-start"
-      : "radio-buttons-join daisy-join daisy-flex daisy-flex-wrap"
+      ? "radio-buttons-chips flex flex-wrap gap-2 content-start"
+      : "radio-buttons-join daisy-join flex flex-wrap"
   return [base, props.radiogroupClass].filter(Boolean)
 })
 
@@ -63,11 +63,11 @@ function labelClassList(optionValue: string) {
   const classes: (string | Record<string, boolean>)[] = [
     "daisy-btn",
     "daisy-btn-outline",
-    "daisy-text-nowrap",
+    "text-nowrap",
     props.variant === "chips"
-      ? "daisy-btn-sm daisy-inline-flex daisy-items-center daisy-gap-1 daisy-rounded-lg daisy-normal-case"
+      ? "daisy-btn-sm inline-flex items-center gap-1 rounded-lg normal-case"
       : "daisy-join-item",
-    { "daisy-bg-primary daisy-border-primary": selected },
+    { "bg-primary border-primary": selected },
   ]
   return classes
 }
diff --git a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
index af555a56f8..2f2f468ce7 100644
--- a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
+++ b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
@@ -1,12 +1,12 @@
 <template>
   <div
-    class="daisy-grid daisy-grid-cols-[minmax(8rem,auto)_minmax(0,1fr)_auto] daisy-gap-x-4 daisy-gap-y-1 daisy-items-center"
+    class="grid grid-cols-[minmax(8rem,auto)_minmax(0,1fr)_auto] gap-x-4 gap-y-1 items-center"
     data-testid="rich-note-property-row"
     :data-row-index="idx"
     :data-property-key="modelValue.key"
   >
     <div
-      class="daisy-relative daisy-min-w-[8rem]"
+      class="relative min-w-[8rem]"
       @focusout="onKeyPresetWrapperFocusOut"
     >
       <input
@@ -14,7 +14,7 @@
         :value="modelValue.key"
         type="text"
         autocapitalize="off"
-        class="daisy-input daisy-input-bordered daisy-input-sm daisy-w-full daisy-min-w-[8rem]"
+        class="daisy-input daisy-input-sm w-full min-w-[8rem]"
         :aria-label="`Existing note property key (row ${idx + 1})`"
         :aria-expanded="presetPanelOpen"
         :aria-controls="presetPanelOpen ? presetListId : undefined"
@@ -41,20 +41,20 @@
     />
     <div
       v-else-if="isImagePropertyKey(modelValue.key)"
-      class="daisy-flex daisy-min-w-0 daisy-items-center daisy-gap-2"
+      class="flex min-w-0 items-center gap-2"
     >
       <input
         ref="imageFileInputRef"
         type="file"
         accept="image/*"
-        class="daisy-hidden"
+        class="hidden"
         data-testid="rich-note-image-property-file-input"
         @change="onImageFileSelected"
       />
       <template v-if="modelValue.value.trim()">
         <button
           type="button"
-          class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-min-w-0 daisy-max-w-full daisy-shrink daisy-truncate daisy-justify-start daisy-py-0.5 daisy-px-1 daisy-font-mono daisy-text-sm daisy-font-normal daisy-text-base-content/90 daisy-normal-case"
+          class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 min-w-0 max-w-full shrink truncate justify-start py-0.5 px-1 font-mono text-sm font-normal text-base-content/90 normal-case"
           :title="modelValue.value.trim()"
           data-testid="rich-note-image-property-path"
         >
@@ -67,14 +67,14 @@
       </template>
       <template v-else>
         <span
-          class="daisy-truncate daisy-font-mono daisy-text-sm daisy-text-base-content/90"
+          class="truncate font-mono text-sm text-base-content/90"
           aria-hidden="true"
           >—</span
         >
       </template>
       <button
         type="button"
-        class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-shrink-0"
+        class="daisy-btn daisy-btn-sm daisy-btn-outline shrink-0"
         data-testid="rich-note-image-property-choose"
         :disabled="!noteId || imageUploading"
         @click="openImageFilePicker"
@@ -83,7 +83,7 @@
       </button>
       <span
         v-if="!noteId"
-        class="daisy-text-xs daisy-text-base-content/70"
+        class="text-xs text-base-content/70"
         data-testid="rich-note-image-upload-requires-note"
       >
         Save the note before attaching an image.
@@ -91,13 +91,13 @@
     </div>
     <div
       v-else-if="isWikidataIdPropertyKey(modelValue.key)"
-      class="daisy-flex daisy-min-w-0 daisy-items-center daisy-gap-2"
-      :class="modelValue.value.trim() ? '' : 'daisy-justify-between'"
+      class="flex min-w-0 items-center gap-2"
+      :class="modelValue.value.trim() ? '' : 'justify-between'"
     >
       <template v-if="modelValue.value.trim()">
         <button
           type="button"
-          class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-min-w-0 daisy-max-w-full daisy-shrink daisy-truncate daisy-justify-start daisy-py-0.5 daisy-px-1 daisy-font-mono daisy-text-sm daisy-font-normal daisy-text-base-content/90 daisy-normal-case"
+          class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 min-w-0 max-w-full shrink truncate justify-start py-0.5 px-1 font-mono text-sm font-normal text-base-content/90 normal-case"
           :title="modelValue.value.trim()"
           data-testid="rich-note-wikidata-property-edit"
           :aria-label="`Edit Wikidata ID ${modelValue.value.trim()}`"
@@ -112,13 +112,13 @@
       </template>
       <template v-else>
         <span
-          class="daisy-truncate daisy-font-mono daisy-text-sm daisy-text-base-content/90"
+          class="truncate font-mono text-sm text-base-content/90"
           aria-hidden="true"
           >—</span
         >
         <button
           type="button"
-          class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-shrink-0"
+          class="daisy-btn daisy-btn-sm daisy-btn-outline shrink-0"
           data-testid="rich-note-wikidata-property-edit"
           aria-label="Set Wikidata ID"
           @click="emit('wikidata-dialog-open')"
@@ -129,16 +129,16 @@
     </div>
     <div
       v-else
-      class="daisy-min-w-0"
+      class="min-w-0"
       :class="
         isUrlPropertyKey(modelValue.key)
-          ? 'daisy-flex daisy-items-center daisy-gap-2'
+          ? 'flex items-center gap-2'
           : ''
       "
     >
       <div
         :class="
-          isUrlPropertyKey(modelValue.key) ? 'daisy-min-w-0 daisy-flex-1' : ''
+          isUrlPropertyKey(modelValue.key) ? 'min-w-0 flex-1' : ''
         "
       >
         <WikiPropertyValueField
@@ -160,12 +160,12 @@
     </div>
     <button
       type="button"
-      class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square daisy-shrink-0"
+      class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square shrink-0"
       :aria-label="`Remove note property ${modelValue.key}`"
       data-testid="rich-note-property-row-remove"
       @click="emit('remove')"
     >
-      <Minus class="daisy-h-4 daisy-w-4" aria-hidden="true" />
+      <Minus class="h-4 w-4" aria-hidden="true" />
     </button>
   </div>
 </template>
diff --git a/frontend/src/components/form/RichFrontmatterInsertForm.vue b/frontend/src/components/form/RichFrontmatterInsertForm.vue
index cc86a99401..ad545abf94 100644
--- a/frontend/src/components/form/RichFrontmatterInsertForm.vue
+++ b/frontend/src/components/form/RichFrontmatterInsertForm.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="daisy-mt-1">
+  <div class="mt-1">
     <div
       v-if="insertOpen"
-      class="daisy-flex daisy-flex-wrap daisy-gap-2 daisy-items-end"
+      class="flex flex-wrap gap-2 items-end"
     >
       <label
-        class="daisy-form-control daisy-w-full sm:daisy-w-auto daisy-min-w-[8rem]"
+        class="daisy-form-control w-full sm:w-auto min-w-[8rem]"
       >
-        <span class="daisy-label daisy-text-xs">Property key</span>
+        <span class="daisy-label text-xs">Property key</span>
         <div
-          class="daisy-relative daisy-w-full"
+          class="relative w-full"
           @focusout="onKeyPresetWrapperFocusOut"
         >
           <input
@@ -17,7 +17,7 @@
             :value="draftKey"
             type="text"
             autocapitalize="off"
-            class="daisy-input daisy-input-bordered daisy-input-sm daisy-w-full"
+            class="daisy-input daisy-input-sm w-full"
             aria-label="Property key"
             :aria-expanded="presetPanelOpen"
             :aria-controls="presetPanelOpen ? insertKeyPresetListId : undefined"
@@ -35,14 +35,14 @@
         </div>
       </label>
       <label
-        class="daisy-form-control daisy-w-full sm:daisy-flex-1 daisy-min-w-[8rem]"
+        class="daisy-form-control w-full sm:flex-1 min-w-[8rem]"
       >
-        <span class="daisy-label daisy-text-xs">Property value</span>
+        <span class="daisy-label text-xs">Property value</span>
         <div
           v-if="isWikidataIdPropertyKey(draftKey)"
-          class="daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2"
+          class="flex flex-wrap items-center gap-2"
         >
-          <span class="daisy-font-mono daisy-text-sm">{{
+          <span class="font-mono text-sm">{{
             draftValue.trim() || "—"
           }}</span>
           <RichFrontmatterPropertyExternalLink
@@ -60,17 +60,17 @@
         </div>
         <div
           v-else-if="isImagePropertyKey(draftKey)"
-          class="daisy-flex daisy-flex-wrap daisy-items-center daisy-gap-2"
+          class="flex flex-wrap items-center gap-2"
         >
           <input
             ref="insertImageFileInputRef"
             type="file"
             accept="image/*"
-            class="daisy-hidden"
+            class="hidden"
             data-testid="rich-note-image-insert-file-input"
             @change="onInsertImageFileSelected"
           />
-          <span class="daisy-font-mono daisy-text-sm">{{
+          <span class="font-mono text-sm">{{
             draftValue.trim() || "—"
           }}</span>
           <RichFrontmatterPropertyExternalLink
@@ -89,7 +89,7 @@
           </button>
           <span
             v-if="!noteId"
-            class="daisy-text-xs daisy-text-base-content/70"
+            class="text-xs text-base-content/70"
             data-testid="rich-note-image-insert-requires-note"
           >
             Save the note before attaching an image.
@@ -99,13 +99,13 @@
           v-else
           :class="
             isUrlPropertyKey(draftKey)
-              ? 'daisy-flex daisy-min-w-0 daisy-items-center daisy-gap-2'
+              ? 'flex min-w-0 items-center gap-2'
               : ''
           "
         >
           <div
             :class="
-              isUrlPropertyKey(draftKey) ? 'daisy-min-w-0 daisy-flex-1' : ''
+              isUrlPropertyKey(draftKey) ? 'min-w-0 flex-1' : ''
             "
           >
             <WikiPropertyValueField
diff --git a/frontend/src/components/form/RichFrontmatterProperties.vue b/frontend/src/components/form/RichFrontmatterProperties.vue
index 055948a044..89257f1792 100644
--- a/frontend/src/components/form/RichFrontmatterProperties.vue
+++ b/frontend/src/components/form/RichFrontmatterProperties.vue
@@ -1,10 +1,10 @@
 <template>
   <section
     v-if="showSection"
-    class="daisy-mb-3"
+    class="mb-3"
     :class="
       isInteractionLocked
-        ? 'daisy-pointer-events-none daisy-opacity-60'
+        ? 'pointer-events-none opacity-60'
         : ''
     "
     :aria-labelledby="headingVisible ? headingId : undefined"
@@ -12,21 +12,21 @@
   >
     <div
       v-if="headingVisible"
-      class="daisy-flex daisy-items-center daisy-justify-between daisy-gap-2 daisy-mb-2"
+      class="flex items-center justify-between gap-2 mb-2"
     >
       <h4
         :id="headingId"
-        class="daisy-mb-0 daisy-text-sm daisy-font-semibold"
+        class="mb-0 text-sm font-semibold"
       >
         Properties
       </h4>
       <button
         v-if="showInsertChrome && propertyRows.length > 0"
         type="button"
-        class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-inline-flex daisy-shrink-0 daisy-items-center daisy-gap-1"
+        class="daisy-btn daisy-btn-ghost daisy-btn-sm inline-flex shrink-0 items-center gap-1"
         @click="openPropertyInsert"
       >
-        <Plus class="daisy-h-4 daisy-w-4" aria-hidden="true" />
+        <Plus class="h-4 w-4" aria-hidden="true" />
         Add property
       </button>
     </div>
@@ -36,7 +36,7 @@
     />
     <div
       v-else-if="propertyRows.length > 0"
-      class="daisy-flex daisy-flex-col daisy-gap-2 daisy-text-sm"
+      class="flex flex-col gap-2 text-sm"
     >
       <RichFrontmatterEditablePropertyRow
         v-for="(_, idx) in propertyRows"
@@ -61,7 +61,7 @@
       v-if="validationMessage"
       role="alert"
       aria-live="polite"
-      class="daisy-text-error daisy-text-xs daisy-mt-1"
+      class="text-error text-xs mt-1"
       data-testid="rich-note-property-validation"
     >
       {{ validationMessage }}
@@ -69,10 +69,10 @@
     <button
       v-if="showInsertChrome && !insertOpen && propertyRows.length === 0"
       type="button"
-      class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-inline-flex daisy-self-start daisy-items-center daisy-gap-1"
+      class="daisy-btn daisy-btn-ghost daisy-btn-sm inline-flex self-start items-center gap-1"
       @click="openPropertyInsert"
     >
-      <Plus class="daisy-h-4 daisy-w-4" aria-hidden="true" />
+      <Plus class="h-4 w-4" aria-hidden="true" />
       Add property
     </button>
     <RichFrontmatterInsertForm
diff --git a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
index 5edfe18a30..ca6efee05d 100644
--- a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
+++ b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
@@ -28,13 +28,11 @@ const ariaLabel = computed(() =>
 
 const btnClass = computed(() =>
   props.compact
-    ? "daisy-btn daisy-btn-ghost daisy-btn-xs daisy-square daisy-shrink-0"
-    : "daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square daisy-shrink-0"
+    ? "daisy-btn daisy-btn-ghost daisy-btn-xs daisy-square shrink-0"
+    : "daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square shrink-0"
 )
 
-const iconClass = computed(() =>
-  props.compact ? "daisy-h-3.5 daisy-w-3.5" : "daisy-h-4 daisy-w-4"
-)
+const iconClass = computed(() => (props.compact ? "h-3.5 w-3.5" : "h-4 w-4"))
 
 function onClick() {
   if (!trimmed.value) return
diff --git a/frontend/src/components/form/RichFrontmatterPropertyKeyPresets.vue b/frontend/src/components/form/RichFrontmatterPropertyKeyPresets.vue
index bf61c5dc10..7d237872a2 100644
--- a/frontend/src/components/form/RichFrontmatterPropertyKeyPresets.vue
+++ b/frontend/src/components/form/RichFrontmatterPropertyKeyPresets.vue
@@ -37,7 +37,7 @@ const emit = defineEmits<{
     v-if="presetKeys.length"
     :id="listId"
     role="listbox"
-    class="daisy-menu daisy-absolute daisy-left-0 daisy-right-0 daisy-top-full daisy-z-20 daisy-mt-0.5 daisy-w-full daisy-rounded-box daisy-bg-base-100 daisy-p-1 daisy-shadow"
+    class="daisy-menu absolute left-0 right-0 top-full z-20 mt-0.5 w-full rounded-box bg-base-100 p-1 shadow"
     data-testid="rich-note-property-key-preset-list"
   >
     <li
@@ -47,7 +47,7 @@ const emit = defineEmits<{
       <button
         type="button"
         role="option"
-        class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-w-full daisy-justify-start daisy-font-mono"
+        class="daisy-btn daisy-btn-ghost daisy-btn-sm w-full justify-start font-mono"
         data-testid="rich-note-property-key-preset-option"
         :data-preset-key="presetKey"
         @mousedown.prevent
diff --git a/frontend/src/components/form/RichFrontmatterReadOnlyList.vue b/frontend/src/components/form/RichFrontmatterReadOnlyList.vue
index 4d29b8c969..04505ef5db 100644
--- a/frontend/src/components/form/RichFrontmatterReadOnlyList.vue
+++ b/frontend/src/components/form/RichFrontmatterReadOnlyList.vue
@@ -1,18 +1,18 @@
 <template>
   <dl
-    class="daisy-grid daisy-grid-cols-[auto_minmax(0,1fr)] daisy-gap-x-4 daisy-gap-y-1 daisy-text-sm"
+    class="grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1 text-sm"
   >
     <template v-for="row in propertyRows" :key="row.key">
-      <dt class="daisy-font-medium daisy-text-base-content/80">{{ row.key }}</dt>
-      <dd class="daisy-m-0">
+      <dt class="font-medium text-base-content/80">{{ row.key }}</dt>
+      <dd class="m-0">
         <template v-if="isRelationPropertyKey(row.key)">{{
           relationLabelFromKebab(row.value)
         }}</template>
         <span
           v-else-if="isWikidataIdPropertyKey(row.key)"
-          class="daisy-inline-flex daisy-min-w-0 daisy-max-w-full daisy-items-center daisy-gap-1"
+          class="inline-flex min-w-0 max-w-full items-center gap-1"
         >
-          <span class="daisy-truncate daisy-font-mono">{{
+          <span class="truncate font-mono">{{
             row.value.trim() || "—"
           }}</span>
           <RichFrontmatterPropertyExternalLink
@@ -23,9 +23,9 @@
         </span>
         <span
           v-else-if="isUrlPropertyKey(row.key)"
-          class="daisy-inline-flex daisy-min-w-0 daisy-max-w-full daisy-items-center daisy-gap-1"
+          class="inline-flex min-w-0 max-w-full items-center gap-1"
         >
-          <span class="daisy-truncate">{{ row.value }}</span>
+          <span class="truncate">{{ row.value }}</span>
           <RichFrontmatterPropertyExternalLink
             kind="url"
             :value="row.value"
diff --git a/frontend/src/components/form/RichMarkdownEditor.vue b/frontend/src/components/form/RichMarkdownEditor.vue
index 84ae24826c..441ca3d18e 100644
--- a/frontend/src/components/form/RichMarkdownEditor.vue
+++ b/frontend/src/components/form/RichMarkdownEditor.vue
@@ -18,10 +18,10 @@
       role="alert"
       aria-live="polite"
       data-testid="rich-note-frontmatter-parse-error"
-      class="daisy-alert daisy-alert-warning daisy-mb-3 daisy-text-sm"
+      class="daisy-alert daisy-alert-warning mb-3 text-sm"
     >
       <span>{{ frontmatterParseErrorMessage }}</span>
-      <span class="daisy-block daisy-mt-1 daisy-text-xs daisy-opacity-90">
+      <span class="block mt-1 text-xs opacity-90">
         Switch to Markdown mode to fix the frontmatter.
       </span>
     </div>
diff --git a/frontend/src/components/form/Select.vue b/frontend/src/components/form/Select.vue
index d4c6a88337..f30ec68afd 100644
--- a/frontend/src/components/form/Select.vue
+++ b/frontend/src/components/form/Select.vue
@@ -1,7 +1,7 @@
 <template>
   <InputWithType v-bind="{ scopeName, field, errorMessage }">
     <select
-      :class="`daisy-select daisy-select-bordered ${!!errorMessage ? 'daisy-select-error' : ''}`"
+      :class="`daisy-select daisy-select ${!!errorMessage ? 'daisy-select-error' : ''}`"
       :id="`${scopeName}-${field}`"
       :name="scopeName"
       :value="modelValue"
diff --git a/frontend/src/components/form/TextArea.vue b/frontend/src/components/form/TextArea.vue
index 1cf10ef0fc..5a6343c614 100644
--- a/frontend/src/components/form/TextArea.vue
+++ b/frontend/src/components/form/TextArea.vue
@@ -1,7 +1,7 @@
 <template>
   <InputWithType v-bind="{ class: $attrs.class, scopeName, field, errorMessage }">
     <textarea
-      :class="`daisy-textarea daisy-textarea-bordered daisy-w-full ${!!errorMessage ? 'daisy-textarea-error' : ''}`"
+      :class="`daisy-textarea daisy-textarea w-full ${!!errorMessage ? 'daisy-textarea-error' : ''}`"
       :id="`${scopeName}-${field}`"
       :name="field"
       :value="modelValue"
diff --git a/frontend/src/components/form/TextInput.vue b/frontend/src/components/form/TextInput.vue
index 0de585342f..8cad74af1c 100644
--- a/frontend/src/components/form/TextInput.vue
+++ b/frontend/src/components/form/TextInput.vue
@@ -7,7 +7,7 @@
     </template>
     <input
       ref="input"
-      :class="`daisy-input daisy-input-bordered daisy-w-full ${!!errorMessage ? 'daisy-input-error' : ''} ${$slots.input_prepend ? 'daisy-rounded-l-none' : ''} ${$slots.input_append ? 'daisy-rounded-r-none' : ''}`"
+      :class="`daisy-input w-full ${!!errorMessage ? 'daisy-input-error' : ''} ${$slots.input_prepend ? 'rounded-l-none' : ''} ${$slots.input_append ? 'rounded-r-none' : ''}`"
       :id="`${scopeName}-${field}`"
       :name="field"
       :value="modelValue"
diff --git a/frontend/src/components/form/WikiPropertyValueField.vue b/frontend/src/components/form/WikiPropertyValueField.vue
index 6621fab11a..d198b105df 100644
--- a/frontend/src/components/form/WikiPropertyValueField.vue
+++ b/frontend/src/components/form/WikiPropertyValueField.vue
@@ -2,7 +2,7 @@
   <div
     ref="root"
     tabindex="0"
-    class="wiki-property-value-field daisy-input daisy-input-bordered daisy-input-sm daisy-w-full daisy-min-h-0 daisy-py-1 daisy-px-3 daisy-leading-normal"
+    class="wiki-property-value-field daisy-input daisy-input-sm w-full min-h-0 py-1 px-3 leading-normal"
     :class="{ 'daisy-input-disabled': readonly }"
     :contenteditable="!readonly"
     role="textbox"
diff --git a/frontend/src/components/links/AddRelationshipFinalize.vue b/frontend/src/components/links/AddRelationshipFinalize.vue
index ef18d9f363..5498c9067d 100644
--- a/frontend/src/components/links/AddRelationshipFinalize.vue
+++ b/frontend/src/components/links/AddRelationshipFinalize.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <span class="daisy-label daisy-p-0">Relation note location</span>
+    <span class="daisy-label p-0">Relation note location</span>
     <RadioButtons
       field=""
       scope-name="relationship-placement"
@@ -24,7 +24,7 @@
       /></strong>
     </div>
     <button class="daisy-btn daisy-btn-secondary go-back-button" @click="$emit('goBack')">
-      <Reply class="daisy-w-6 daisy-h-6" />
+      <Reply class="w-6 h-6" />
     </button>
   </div>
 </template>
diff --git a/frontend/src/components/links/LinkInsertionChoice.vue b/frontend/src/components/links/LinkInsertionChoice.vue
index 5260182e36..fb6953f92e 100644
--- a/frontend/src/components/links/LinkInsertionChoice.vue
+++ b/frontend/src/components/links/LinkInsertionChoice.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="daisy-flex daisy-flex-col daisy-gap-3">
+  <div class="flex flex-col gap-3">
     <div>
       Link to:
       <strong>
         <NoteTitleComponent v-bind="{ noteTopology: targetNoteTopology }" />
       </strong>
     </div>
-    <div class="daisy-flex daisy-flex-col daisy-gap-2">
+    <div class="flex flex-col gap-2">
       <button class="daisy-btn daisy-btn-primary" @click="onPrimaryClick">
         {{ primaryLabel }}
       </button>
@@ -26,7 +26,7 @@
       </button>
     </div>
     <button class="daisy-btn daisy-btn-ghost go-back-button" @click="$emit('goBack')">
-      <Reply class="daisy-w-6 daisy-h-6" />
+      <Reply class="w-6 h-6" />
     </button>
   </div>
 </template>
diff --git a/frontend/src/components/links/RelationTypeSelect.vue b/frontend/src/components/links/RelationTypeSelect.vue
index c1d3c79a16..9e39bb0566 100644
--- a/frontend/src/components/links/RelationTypeSelect.vue
+++ b/frontend/src/components/links/RelationTypeSelect.vue
@@ -2,7 +2,7 @@
   <RadioButtons
     :model-value="selectedRadioValue"
     variant="chips"
-    radiogroup-class="daisy-max-h-[min(50vh,18rem)] daisy-overflow-y-auto daisy-overflow-x-hidden daisy-overscroll-y-contain daisy-pe-1"
+    radiogroup-class="max-h-[min(50vh,18rem)] overflow-y-auto overflow-x-hidden overscroll-y-contain pe-1"
     @update:model-value="onRadioSelection($event)"
     :scope-name="scopeName"
     :field="field"
@@ -12,12 +12,12 @@
     <template #labelAddition="{ value }">
       <PenLine
         v-if="value === CUSTOM_SENTINEL"
-        class="daisy-h-4 daisy-w-4 daisy-shrink-0 daisy-opacity-80"
+        class="h-4 w-4 shrink-0 opacity-80"
         aria-hidden="true"
       />
       <div
         v-else
-        class="daisy-flex daisy-shrink-0 daisy-items-center"
+        class="flex shrink-0 items-center"
       >
         <SvgRelationTypeIcon
           width="32px"
@@ -30,36 +30,36 @@
   </RadioButtons>
   <div
     v-if="selectedRadioValue === CUSTOM_SENTINEL"
-    class="daisy-mt-3 daisy-rounded-box daisy-border daisy-border-base-content/15 daisy-bg-base-200/40 daisy-p-3"
+    class="mt-3 rounded-box border border-base-content/15 bg-base-200/40 p-3"
   >
     <label
-      class="daisy-label daisy-mb-2 daisy-block daisy-p-0 daisy-text-sm daisy-font-medium"
+      class="daisy-label mb-2 block p-0 text-sm font-medium"
       :for="customInputId"
     >
       Custom relationship
     </label>
-    <div class="daisy-join daisy-join-horizontal daisy-w-full">
+    <div class="daisy-join daisy-join-horizontal w-full">
       <input
         :id="customInputId"
         v-model="customText"
         type="text"
-        class="daisy-input daisy-input-bordered daisy-input-sm daisy-join-item daisy-min-w-0 daisy-flex-1"
+        class="daisy-input daisy-input-sm daisy-join-item min-w-0 flex-1"
         placeholder="Type any phrase (e.g. inspired by)"
         autocomplete="off"
         @keydown.enter.prevent="emitCustomCommitted"
       />
       <button
         type="button"
-        class="daisy-btn daisy-btn-primary daisy-btn-sm daisy-join-item daisy-shrink-0"
+        class="daisy-btn daisy-btn-primary daisy-btn-sm daisy-join-item shrink-0"
         title="Apply custom relationship"
         aria-label="Apply custom relationship"
         @mousedown.prevent
         @click="emitCustomCommitted"
       >
-        <CornerDownLeft class="daisy-w-4 daisy-h-4" />
+        <CornerDownLeft class="w-4 h-4" />
       </button>
     </div>
-    <p class="daisy-mb-0 daisy-mt-2 daisy-text-xs daisy-leading-snug daisy-text-base-content/60">
+    <p class="mb-0 mt-2 text-xs leading-snug text-base-content/60">
       Confirm with Enter or the apply button (same as choosing a preset).
     </p>
   </div>
diff --git a/frontend/src/components/navigation/NavigationItem.vue b/frontend/src/components/navigation/NavigationItem.vue
index 18139064f4..3b21db2a6d 100644
--- a/frontend/src/components/navigation/NavigationItem.vue
+++ b/frontend/src/components/navigation/NavigationItem.vue
@@ -1,16 +1,16 @@
 <template>
   <div
-    class="nav-item daisy-text-neutral-content daisy-rounded-lg daisy-px-2"
+    class="nav-item text-neutral-content rounded-lg px-2"
     :class="{
-      'daisy-text-primary daisy-bg-primary/10': isActive && name !== 'resumeRecall' && !nonClickable,
+      'text-primary bg-primary/10': isActive && name !== 'resumeRecall' && !nonClickable,
       'resume-recall-active': name === 'resumeRecall' && isActive,
-      'hover:daisy-bg-base-content/5': !isActive && !nonClickable,
+      'hover:bg-base-content/5': !isActive && !nonClickable,
       'non-clickable': nonClickable
     }"
   >
     <div
       v-if="nonClickable"
-      class="daisy-flex daisy-flex-col daisy-items-center"
+      class="flex flex-col items-center"
       :aria-label="label"
     >
       <div class="icon-container">
@@ -25,7 +25,7 @@
       v-else-if="name && !hasDropdown && name !== 'resumeRecall'"
       :to="{ name: name }"
       :aria-label="label"
-      class="daisy-flex daisy-flex-col daisy-items-center"
+      class="flex flex-col items-center"
     >
       <div class="icon-container">
         <component :is="icon" :size="24" />
@@ -38,7 +38,7 @@
     <a
       v-else-if="name === 'resumeRecall' && !hasDropdown"
       :aria-label="label"
-      class="daisy-flex daisy-flex-col daisy-items-center"
+      class="flex flex-col items-center"
       @click.prevent="$emit('resumeRecall')"
     >
       <div class="icon-container">
@@ -58,7 +58,7 @@
       <summary
         tabindex="0"
         role="button"
-        class="daisy-flex daisy-flex-col daisy-items-center cursor-pointer list-none"
+        class="flex flex-col items-center cursor-pointer list-none"
         :aria-label="label"
       >
         <div class="icon-container">
diff --git a/frontend/src/components/notebook/NotebookAssistantManagementForm.vue b/frontend/src/components/notebook/NotebookAssistantManagementForm.vue
index cb4cc2697a..8451875a58 100644
--- a/frontend/src/components/notebook/NotebookAssistantManagementForm.vue
+++ b/frontend/src/components/notebook/NotebookAssistantManagementForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <h4 class="daisy-text-lg">Notebook Assistant Management</h4>
+  <h4 class="text-lg">Notebook Assistant Management</h4>
 
   <!-- AI Instructions Form -->
   <form @submit.prevent="updateAiInstructions">
diff --git a/frontend/src/components/notebook/NotebookAttachedBookSection.vue b/frontend/src/components/notebook/NotebookAttachedBookSection.vue
index 4f13d784f7..fc1a578158 100644
--- a/frontend/src/components/notebook/NotebookAttachedBookSection.vue
+++ b/frontend/src/components/notebook/NotebookAttachedBookSection.vue
@@ -1,7 +1,7 @@
 <template>
   <section
     v-if="book"
-    class="settings-section daisy-mb-6"
+    class="settings-section mb-6"
     data-testid="notebook-attached-book"
   >
     <div class="section-header">
@@ -10,7 +10,7 @@
         Open the book reader to read and use this notebook's attached book.
       </p>
     </div>
-    <div class="daisy-flex daisy-flex-wrap daisy-gap-2">
+    <div class="flex flex-wrap gap-2">
       <button
         type="button"
         class="daisy-btn daisy-btn-primary daisy-btn-sm"
@@ -31,7 +31,7 @@
 
   <section
     v-else-if="bookLoadFinished && !book"
-    class="settings-section daisy-mb-6"
+    class="settings-section mb-6"
     data-testid="notebook-no-book"
   >
     <div class="section-header">
@@ -43,7 +43,7 @@
     <input
       ref="attachFileInputRef"
       type="file"
-      class="daisy-sr-only"
+      class="sr-only"
       accept=".epub,application/epub+zip"
       @change="onAttachFileSelected"
     />
diff --git a/frontend/src/components/notebook/NotebookButtons.vue b/frontend/src/components/notebook/NotebookButtons.vue
index 7370bb8692..8d6e96ee46 100644
--- a/frontend/src/components/notebook/NotebookButtons.vue
+++ b/frontend/src/components/notebook/NotebookButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-btn-group daisy-btn-group-sm daisy-flex daisy-align-items-center daisy-flex-wrap">
+  <div class="daisy-btn-group daisy-btn-group-sm flex daisy-align-items-center flex-wrap">
     <BazaarNotebookButtons v-if="notebook.circle" :notebook="notebook" :logged-in="true" />
     <button
       v-if="hasAttachedBook === true"
@@ -10,7 +10,7 @@
       data-testid="notebook-catalog-read-book"
       @click="onReadBook"
     >
-      <BookOpen class="daisy-h-6 daisy-w-6" />
+      <BookOpen class="h-6 w-6" />
     </button>
     <AutoCollapseDropdown
       v-slot="{ closeDropdown }"
@@ -18,19 +18,19 @@
     >
       <summary
         data-cy="notebook-catalog-overflow"
-        class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none daisy-cursor-pointer"
+        class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none cursor-pointer"
         aria-label="Notebook actions"
       >
-        <MoreHorizontal class="daisy-h-6 daisy-w-6" />
+        <MoreHorizontal class="h-6 w-6" />
       </summary>
       <ul
         tabindex="0"
-        class="daisy-dropdown-content daisy-menu daisy-bg-base-100 daisy-rounded-box daisy-w-52 daisy-p-2 daisy-shadow daisy-z-[1000]"
+        class="daisy-dropdown-content daisy-menu bg-base-100 rounded-box w-52 p-2 shadow z-[1000]"
       >
-        <li class="daisy-menu-item daisy-p-0">
+        <li class="daisy-menu-item p-0">
           <button
             type="button"
-            class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-py-2 daisy-font-normal"
+            class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start py-2 font-normal"
             title="Move to group"
             @click="openMoveToGroup(closeDropdown)"
           >
diff --git a/frontend/src/components/notebook/NotebookCardsWithButtons.vue b/frontend/src/components/notebook/NotebookCardsWithButtons.vue
index 4bd018982c..c6df754a94 100644
--- a/frontend/src/components/notebook/NotebookCardsWithButtons.vue
+++ b/frontend/src/components/notebook/NotebookCardsWithButtons.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="layout === 'list'"
-    class="notebook-cards-list daisy-flex daisy-flex-col daisy-gap-2"
+    class="notebook-cards-list flex flex-col gap-2"
   >
     <NotebookListRow
       v-for="notebook in notebooks"
@@ -13,7 +13,7 @@
   </div>
   <div
     v-else
-    class="daisy-grid daisy-grid-cols-1 sm:daisy-grid-cols-2 md:daisy-grid-cols-2 lg:daisy-grid-cols-3 xl:daisy-grid-cols-4 daisy-gap-4"
+    class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
   >
     <div
       v-for="notebook in notebooks"
@@ -24,7 +24,7 @@
     >
       <NotebookCard :notebook="notebook">
         <template #cardHeader>
-          <span class="daisy-flex daisy-justify-end daisy-p-0">
+          <span class="flex justify-end p-0">
             <slot :notebook="notebook" />
           </span>
         </template>
diff --git a/frontend/src/components/notebook/NotebookCatalogGroupPanel.vue b/frontend/src/components/notebook/NotebookCatalogGroupPanel.vue
index 78d7edc4ef..f5646e72bc 100644
--- a/frontend/src/components/notebook/NotebookCatalogGroupPanel.vue
+++ b/frontend/src/components/notebook/NotebookCatalogGroupPanel.vue
@@ -2,7 +2,7 @@
   <div
     v-if="layout === 'list'"
     data-cy="notebook-group-card"
-    class="notebook-catalog-group daisy-rounded-box daisy-border daisy-border-primary/25 daisy-bg-primary/5 daisy-p-4"
+    class="notebook-catalog-group rounded-box border border-primary/25 bg-primary/5 p-4"
     :aria-label="hint.ariaLabel"
   >
     <component
@@ -21,16 +21,16 @@
           : {}
       "
     >
-      <div class="daisy-mb-3 daisy-flex daisy-flex-col daisy-gap-0.5">
-        <h3 class="daisy-m-0 daisy-text-base daisy-font-semibold daisy-text-base-content">
+      <div class="mb-3 flex flex-col gap-0.5">
+        <h3 class="m-0 text-base font-semibold text-base-content">
           {{ group.name }}
         </h3>
-        <p class="daisy-m-0 daisy-text-sm daisy-text-base-content/65">
+        <p class="m-0 text-sm text-base-content/65">
           {{ hint.subtitle }}
         </p>
       </div>
     </component>
-    <div class="daisy-flex daisy-flex-col daisy-gap-2 daisy-border-l-2 daisy-border-primary/30 daisy-pl-3">
+    <div class="flex flex-col gap-2 border-l-2 border-primary/30 pl-3">
       <NotebookListRow
         v-for="nb in previewNotebooks"
         :key="nb.notebook.id"
@@ -58,7 +58,7 @@
   <div
     v-else
     data-cy="notebook-group-card"
-    class="notebook-catalog-group daisy-col-span-full daisy-rounded-box daisy-border daisy-border-primary/25 daisy-bg-primary/5 daisy-p-4"
+    class="notebook-catalog-group col-span-full rounded-box border border-primary/25 bg-primary/5 p-4"
     :aria-label="hint.ariaLabel"
   >
     <component
@@ -77,17 +77,17 @@
           : {}
       "
     >
-      <div class="daisy-mb-4 daisy-flex daisy-flex-col daisy-gap-0.5">
-        <h3 class="daisy-m-0 daisy-text-lg daisy-font-semibold daisy-text-base-content">
+      <div class="mb-4 flex flex-col gap-0.5">
+        <h3 class="m-0 text-lg font-semibold text-base-content">
           {{ group.name }}
         </h3>
-        <p class="daisy-m-0 daisy-text-sm daisy-text-base-content/65">
+        <p class="m-0 text-sm text-base-content/65">
           {{ hint.subtitle }}
         </p>
       </div>
     </component>
     <div
-      class="daisy-grid daisy-grid-cols-1 sm:daisy-grid-cols-2 md:daisy-grid-cols-2 lg:daisy-grid-cols-3 xl:daisy-grid-cols-4 daisy-gap-4"
+      class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
     >
       <div
         v-for="nb in previewNotebooks"
@@ -98,7 +98,7 @@
       >
         <NotebookCard :notebook="nb.notebook" :compact="compactMembers">
           <template #cardHeader>
-            <span class="daisy-flex daisy-justify-end daisy-p-0">
+            <span class="flex justify-end p-0">
               <SubscriptionNoteButtons
                 v-if="subscriptionForNotebook(nb.notebook.id)"
                 :subscription="subscriptionForNotebook(nb.notebook.id)!"
@@ -179,7 +179,7 @@ defineEmits<{
 }>()
 
 const headerLinkClassList =
-  "daisy-block daisy-rounded-md daisy-no-underline daisy-text-inherit daisy-outline-offset-2 hover:daisy-bg-primary/10"
+  "block rounded-md no-underline text-inherit outline-offset-2 hover:bg-primary/10"
 
 const previewNotebooks = computed(() => {
   const all = props.group.notebooks
diff --git a/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue b/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
index 5f6a11a1f4..a7abf02e44 100644
--- a/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
+++ b/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
@@ -3,24 +3,24 @@
     role="dialog"
     aria-modal="true"
     aria-labelledby="notebook-catalog-move-to-group-title"
-    class="daisy-px-1"
+    class="px-1"
   >
     <h2
       id="notebook-catalog-move-to-group-title"
-      class="daisy-m-0 daisy-mb-4 daisy-text-lg daisy-font-semibold"
+      class="m-0 mb-4 text-lg font-semibold"
     >
       Move to group
     </h2>
-    <div v-if="loadError" class="daisy-text-error daisy-text-sm">
+    <div v-if="loadError" class="text-error text-sm">
       {{ loadError }}
     </div>
-    <form v-else class="daisy-flex daisy-flex-col daisy-gap-3" @submit.prevent="submit">
-      <label class="daisy-form-control daisy-w-full">
+    <form v-else class="flex flex-col gap-3" @submit.prevent="submit">
+      <label class="daisy-form-control w-full">
         <span class="daisy-label-text">Target</span>
         <select
           id="notebook-catalog-move-to-group-target"
           v-model="selectedTarget"
-          class="daisy-select daisy-select-bordered daisy-w-full"
+          class="daisy-select daisy-select w-full"
           :disabled="loadingGroups"
         >
           <option disabled value="">Choose…</option>
@@ -46,10 +46,10 @@
           :error-message="newGroupError"
         />
       </template>
-      <p v-if="submitError" class="daisy-m-0 daisy-text-sm daisy-text-error">
+      <p v-if="submitError" class="m-0 text-sm text-error">
         {{ submitError }}
       </p>
-      <div class="daisy-flex daisy-justify-end daisy-gap-2">
+      <div class="flex justify-end gap-2">
         <button
           type="button"
           class="daisy-btn daisy-btn-ghost daisy-btn-sm"
diff --git a/frontend/src/components/notebook/NotebookCatalogSection.vue b/frontend/src/components/notebook/NotebookCatalogSection.vue
index e866843824..276d837bdd 100644
--- a/frontend/src/components/notebook/NotebookCatalogSection.vue
+++ b/frontend/src/components/notebook/NotebookCatalogSection.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="layout === 'list'"
-    class="notebook-catalog-section notebook-catalog-section--list daisy-flex daisy-flex-col daisy-gap-2"
+    class="notebook-catalog-section notebook-catalog-section--list flex flex-col gap-2"
   >
     <template v-for="item in catalogItems" :key="catalogItemKey(item)">
       <NotebookListRow
@@ -50,7 +50,7 @@
   </div>
   <div
     v-else
-    class="notebook-catalog-section notebook-catalog-section--grid daisy-grid daisy-grid-cols-1 sm:daisy-grid-cols-2 md:daisy-grid-cols-2 lg:daisy-grid-cols-3 xl:daisy-grid-cols-4 daisy-gap-4"
+    class="notebook-catalog-section notebook-catalog-section--grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
   >
     <template v-for="item in catalogItems" :key="catalogItemKey(item)">
       <div
@@ -61,7 +61,7 @@
       >
         <NotebookCard :notebook="item.notebook">
           <template #cardHeader>
-            <span class="daisy-flex daisy-justify-end daisy-p-0">
+            <span class="flex justify-end p-0">
               <NotebookButtons
                 v-bind="{ notebook: item.notebook, user }"
                 :has-attached-book="item.hasAttachedBook"
@@ -80,7 +80,7 @@
       >
         <NotebookCard :notebook="item.notebook">
           <template #cardHeader>
-            <span class="daisy-flex daisy-justify-end daisy-p-0">
+            <span class="flex justify-end p-0">
               <SubscriptionNoteButtons
                 v-if="subscriptionById(item.subscriptionId)"
                 :subscription="subscriptionById(item.subscriptionId)!"
diff --git a/frontend/src/components/notebook/NotebookListRow.vue b/frontend/src/components/notebook/NotebookListRow.vue
index 52b3da3cd2..17e9d92471 100644
--- a/frontend/src/components/notebook/NotebookListRow.vue
+++ b/frontend/src/components/notebook/NotebookListRow.vue
@@ -1,37 +1,37 @@
 <template>
   <div
-    class="notebook-list-row daisy-rounded-box daisy-border daisy-border-base-300/80 daisy-bg-base-100 daisy-transition-colors hover:daisy-border-primary/30 hover:daisy-bg-base-200/40"
+    class="notebook-list-row rounded-box border border-base-300/80 bg-base-100 transition-colors hover:border-primary/30 hover:bg-base-200/40"
     :class="{
       'notebook-list-row--compact': compact,
     }"
     data-cy="notebook-card"
   >
     <div
-      class="notebook-card notebook-list-row__shell daisy-flex daisy-flex-row daisy-items-stretch daisy-gap-3"
+      class="notebook-card notebook-list-row__shell flex flex-row items-stretch gap-3"
       :class="
-        compact ? 'daisy-px-3 daisy-py-2 daisy-gap-2' : 'daisy-px-4 daisy-py-3'
+        compact ? 'px-3 py-2 gap-2' : 'px-4 py-3'
       "
     >
       <router-link
         :to="{ name: 'notebookPage', params: { notebookId: notebook.id } }"
-        class="notebook-list-row__main daisy-flex daisy-min-w-0 daisy-flex-1 daisy-flex-col daisy-justify-center daisy-gap-0.5 daisy-no-underline"
+        class="notebook-list-row__main flex min-w-0 flex-1 flex-col justify-center gap-0.5 no-underline"
       >
         <h5
-          class="daisy-font-semibold daisy-leading-snug daisy-text-base-content daisy-truncate"
-          :class="compact ? 'daisy-text-sm' : 'daisy-text-base'"
+          class="font-semibold leading-snug text-base-content truncate"
+          :class="compact ? 'text-sm' : 'text-base'"
         >
           {{ notebook.name }}
         </h5>
         <p
           v-if="notebook.description"
-          class="daisy-m-0 daisy-line-clamp-2 daisy-leading-relaxed daisy-text-base-content/60"
-          :class="compact ? 'daisy-text-xs' : 'daisy-text-sm'"
+          class="m-0 line-clamp-2 leading-relaxed text-base-content/60"
+          :class="compact ? 'text-xs' : 'text-sm'"
         >
           {{ notebook.description }}
         </p>
       </router-link>
       <div
-        class="notebook-list-row__toolbar daisy-flex daisy-shrink-0 daisy-items-center daisy-self-center"
+        class="notebook-list-row__toolbar flex shrink-0 items-center self-center"
         @click.stop
       >
         <slot />
diff --git a/frontend/src/components/notebook/NotebookMoveForm.vue b/frontend/src/components/notebook/NotebookMoveForm.vue
index 87ca338881..d5ed3a11c0 100644
--- a/frontend/src/components/notebook/NotebookMoveForm.vue
+++ b/frontend/src/components/notebook/NotebookMoveForm.vue
@@ -1,6 +1,6 @@
 <template>
   <h3>Move notebook to</h3>
-  <div class="daisy-overflow-auto daisy-max-h-40" style="max-height: 200px">
+  <div class="overflow-auto max-h-40" style="max-height: 200px">
     <ul class="daisy-menu">
       <li
         class="daisy-menu-item"
diff --git a/frontend/src/components/notebook/NotebookNewButton.vue b/frontend/src/components/notebook/NotebookNewButton.vue
index 1921ec1c88..d99ee6b5d9 100644
--- a/frontend/src/components/notebook/NotebookNewButton.vue
+++ b/frontend/src/components/notebook/NotebookNewButton.vue
@@ -1,7 +1,7 @@
 <template>
   <PopButton title="New notebook" :btn-class="btnClass">
     <template #button_face>
-      <BookPlus class="daisy-w-6 daisy-h-6" />
+      <BookPlus class="w-6 h-6" />
       <slot />
     </template>
     <NotebookNewForm :circle="circle" />
diff --git a/frontend/src/components/notebook/NotebookPageNameEditor.vue b/frontend/src/components/notebook/NotebookPageNameEditor.vue
index 9fc24802a4..2379ada312 100644
--- a/frontend/src/components/notebook/NotebookPageNameEditor.vue
+++ b/frontend/src/components/notebook/NotebookPageNameEditor.vue
@@ -1,11 +1,11 @@
 <template>
   <h1
     v-if="!editingNotebookName"
-    class="daisy-text-xl daisy-font-semibold daisy-text-base-content daisy-m-0 daisy-inline-block daisy-max-w-full"
+    class="text-xl font-semibold text-base-content m-0 inline-block max-w-full"
   >
     <button
       type="button"
-      class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-p-0 daisy-normal-case daisy-text-xl daisy-font-semibold daisy-text-base-content daisy-justify-start daisy-text-left"
+      class="daisy-btn daisy-btn-ghost h-auto min-h-0 p-0 normal-case text-xl font-semibold text-base-content justify-start text-left"
       title="Click to rename notebook"
       data-testid="notebook-page-name-edit"
       @click="startEditingNotebookName"
@@ -15,12 +15,12 @@
   </h1>
   <div
     v-else
-    class="daisy-flex daisy-flex-col daisy-gap-2 daisy-w-full"
+    class="flex flex-col gap-2 w-full"
     data-testid="notebook-page-name-edit-row"
     @keydown.escape.prevent="cancelEditingNotebookName"
   >
     <p
-      class="daisy-text-sm daisy-text-base-content/80 daisy-m-0"
+      class="text-sm text-base-content/80 m-0"
       data-testid="notebook-page-name-rename-warning"
     >
       If you change this notebook&apos;s name, links from other notebooks to notes here may
diff --git a/frontend/src/components/notebook/NotebookPageReadonlySummary.vue b/frontend/src/components/notebook/NotebookPageReadonlySummary.vue
index 655b28d7cf..d0951cb9d6 100644
--- a/frontend/src/components/notebook/NotebookPageReadonlySummary.vue
+++ b/frontend/src/components/notebook/NotebookPageReadonlySummary.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="daisy-container daisy-mx-auto daisy-py-4 daisy-max-w-6xl">
-    <div class="notebook-page-summary daisy-mb-6" data-testid="notebook-page-summary">
-      <h1 class="daisy-text-xl daisy-font-semibold daisy-text-base-content">
+  <div class="container mx-auto py-4 max-w-6xl">
+    <div class="notebook-page-summary mb-6" data-testid="notebook-page-summary">
+      <h1 class="text-xl font-semibold text-base-content">
         {{ notebook.name }}
       </h1>
       <p v-if="notebook.description" class="notebook-page-summary-description">
diff --git a/frontend/src/components/notebook/ScopedIndexNoteEditor.vue b/frontend/src/components/notebook/ScopedIndexNoteEditor.vue
index 2b8af73f98..8e5d9f6b42 100644
--- a/frontend/src/components/notebook/ScopedIndexNoteEditor.vue
+++ b/frontend/src/components/notebook/ScopedIndexNoteEditor.vue
@@ -1,9 +1,9 @@
 <template>
   <div
-    class="scoped-index-note-editor daisy-mb-6"
+    class="scoped-index-note-editor mb-6"
     :data-testid="`${testIdPrefix}-body`"
   >
-    <h2 class="daisy-text-lg daisy-font-semibold daisy-text-base-content daisy-mb-2">
+    <h2 class="text-lg font-semibold text-base-content mb-2">
       {{ headingLabel }}
     </h2>
     <div :data-testid="`${testIdPrefix}-editor`">
@@ -19,7 +19,7 @@
     </div>
     <button
       type="button"
-      class="daisy-btn daisy-btn-primary daisy-btn-sm daisy-mt-3"
+      class="daisy-btn daisy-btn-primary daisy-btn-sm mt-3"
       :data-testid="`${testIdPrefix}-save`"
       :disabled="saving"
       @click="save"
diff --git a/frontend/src/components/notebooks/NotebookCard.vue b/frontend/src/components/notebooks/NotebookCard.vue
index 08bee910ee..fe65589f00 100644
--- a/frontend/src/components/notebooks/NotebookCard.vue
+++ b/frontend/src/components/notebooks/NotebookCard.vue
@@ -6,10 +6,10 @@
       :to="{ name: 'notebookPage', params: { notebookId: notebook.id } }"
       class="no-underline"
     >
-      <div :class="compact ? 'daisy-p-2' : 'daisy-p-4'">
+      <div :class="compact ? 'p-2' : 'p-4'">
         <h5
-          class="daisy-font-semibold"
-          :class="compact ? 'daisy-text-sm' : 'daisy-text-lg'"
+          class="font-semibold"
+          :class="compact ? 'text-sm' : 'text-lg'"
         >
           {{ notebook.name }}
         </h5>
diff --git a/frontend/src/components/notes/Card.vue b/frontend/src/components/notes/Card.vue
index 4a91340e2c..8fb863f6d9 100644
--- a/frontend/src/components/notes/Card.vue
+++ b/frontend/src/components/notes/Card.vue
@@ -1,16 +1,16 @@
 <template>
   <div
     role="card"
-    class="daisy-card daisy-bg-base-100 daisy-shadow-xl hover:daisy-shadow-2xl hover:daisy-bg-base-300 daisy-transition-all"
+    class="daisy-card bg-base-100 shadow-xl hover:shadow-2xl hover:bg-base-300 transition-all"
   >
     <slot name="cardHeader" />
-      <div class="daisy-card-body daisy-p-4">
-    <router-link :to="noteShowLocation" class="daisy-no-underline">
+      <div class="daisy-card-body p-4">
+    <router-link :to="noteShowLocation" class="no-underline">
         <h5 class="daisy-card-title">
           <NoteTitleWithLink v-bind="{ noteTopology }" />
         </h5>
     </router-link>
-    <div class="daisy-card-actions daisy-justify-end" v-if="$slots.button">
+    <div class="daisy-card-actions justify-end" v-if="$slots.button">
       <slot name="button" :note-title="noteTopology" />
     </div>
       </div>
diff --git a/frontend/src/components/notes/Cards.vue b/frontend/src/components/notes/Cards.vue
index 137b6aed91..fea68cd7ac 100644
--- a/frontend/src/components/notes/Cards.vue
+++ b/frontend/src/components/notes/Cards.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="daisy-grid daisy-gap-3" :class="{
-    'daisy-grid-cols-1': true,
-    'md:daisy-grid-cols-3': columns === 4,
-    'lg:daisy-grid-cols-4': columns === 4,
-    'md:daisy-grid-cols-2': columns === 3,
-    'lg:daisy-grid-cols-3': columns === 3,
-    'md:daisy-grid-cols-1': columns === 2,
-    'lg:daisy-grid-cols-2': columns === 2,
+  <div class="grid gap-3" :class="{
+    'grid-cols-1': true,
+    'md:grid-cols-3': columns === 4,
+    'lg:grid-cols-4': columns === 4,
+    'md:grid-cols-2': columns === 3,
+    'lg:grid-cols-3': columns === 3,
+    'md:grid-cols-1': columns === 2,
+    'lg:grid-cols-2': columns === 2,
   }">
     <div v-for="noteTopology in noteTopologies" :key="noteTopology.id">
       <Card :note-topology="noteTopology">
diff --git a/frontend/src/components/notes/FolderNewForm.vue b/frontend/src/components/notes/FolderNewForm.vue
index b92b7781b7..fd20939086 100644
--- a/frontend/src/components/notes/FolderNewForm.vue
+++ b/frontend/src/components/notes/FolderNewForm.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="daisy-card daisy-w-full" data-testid="folder-new-dialog">
+  <div class="daisy-card w-full" data-testid="folder-new-dialog">
     <div class="daisy-card-body">
       <form @submit.prevent="processForm">
         <fieldset :disabled="processing">
-          <label class="daisy-label daisy-mb-2">
+          <label class="daisy-label mb-2">
             <span class="daisy-label-text">Parent folder</span>
           </label>
-          <div class="daisy-mb-4">
+          <div class="mb-4">
             <FolderSelector
               v-model="selectedParentFolder"
               :notebook-id="notebookId"
@@ -27,7 +27,7 @@
           <input
             type="submit"
             value="Submit"
-            class="daisy-btn daisy-btn-primary daisy-mt-4"
+            class="daisy-btn daisy-btn-primary mt-4"
             data-testid="folder-new-dialog-submit"
           />
         </fieldset>
diff --git a/frontend/src/components/notes/FolderSearchForm.vue b/frontend/src/components/notes/FolderSearchForm.vue
index 695c2e8176..0cade24783 100644
--- a/frontend/src/components/notes/FolderSearchForm.vue
+++ b/frontend/src/components/notes/FolderSearchForm.vue
@@ -1,25 +1,25 @@
 <template>
-  <div class="daisy-w-full" data-testid="folder-selector-search-dialog">
-    <h3 class="daisy-font-bold daisy-text-lg daisy-mb-2">Find folder</h3>
-    <p class="daisy-text-sm daisy-text-base-content/70 daisy-mb-1">
+  <div class="w-full" data-testid="folder-selector-search-dialog">
+    <h3 class="font-bold text-lg mb-2">Find folder</h3>
+    <p class="text-sm text-base-content/70 mb-1">
       Current selection
     </p>
     <p
-      class="daisy-text-sm daisy-mb-4 daisy-break-words daisy-whitespace-normal daisy-max-w-full"
+      class="text-sm mb-4 break-words whitespace-normal max-w-full"
       data-testid="folder-selector-search-current-path"
     >
       {{ currentPathDisplay }}
     </p>
-    <p v-if="indexLoadError" class="daisy-text-error daisy-text-sm daisy-mb-2">
+    <p v-if="indexLoadError" class="text-error text-sm mb-2">
       {{ indexLoadError }}
     </p>
     <div
-      class="daisy-flex daisy-items-center daisy-gap-2 daisy-w-full daisy-mb-3 daisy-input daisy-input-bordered"
+      class="flex items-center gap-2 w-full mb-3 daisy-input"
       :aria-busy="foldersLoading"
     >
       <span
         v-if="foldersLoading"
-        class="daisy-inline-flex daisy-shrink-0 daisy-items-center"
+        class="inline-flex shrink-0 items-center"
         role="status"
         aria-label="Loading folders"
       >
@@ -30,13 +30,13 @@
       </span>
       <Search
         v-else
-        class="daisy-w-4 daisy-h-4 daisy-shrink-0 daisy-opacity-50"
+        class="w-4 h-4 shrink-0 opacity-50"
       />
       <input
         ref="searchInputRef"
         v-model="query"
         type="search"
-        class="daisy-grow daisy-min-w-0 daisy-border-0 daisy-bg-transparent daisy-outline-none"
+        class="grow min-w-0 border-0 bg-transparent outline-none"
         placeholder="Search by name or path"
         data-testid="folder-selector-search-input"
         autocomplete="off"
@@ -44,12 +44,12 @@
       />
     </div>
     <ul
-      class="daisy-menu daisy-flex-nowrap daisy-w-full daisy-bg-base-200 daisy-rounded-box daisy-max-h-64 daisy-overflow-y-auto"
+      class="daisy-menu flex-nowrap w-full bg-base-200 rounded-box max-h-64 overflow-y-auto"
     >
-      <li v-if="showRootRow" class="daisy-w-full">
+      <li v-if="showRootRow" class="w-full">
         <button
           type="button"
-          class="daisy-text-left daisy-w-full daisy-break-words daisy-whitespace-normal"
+          class="text-left w-full break-words whitespace-normal"
           data-testid="folder-selector-search-result"
           data-folder-id="__root__"
           @click="pickRow(null)"
@@ -57,10 +57,10 @@
           Notebook root
         </button>
       </li>
-      <li v-for="r in filteredFolders" :key="r.id" class="daisy-w-full">
+      <li v-for="r in filteredFolders" :key="r.id" class="w-full">
         <button
           type="button"
-          class="daisy-text-left daisy-w-full daisy-break-words daisy-whitespace-normal"
+          class="text-left w-full break-words whitespace-normal"
           data-testid="folder-selector-search-result"
           :data-folder-id="String(r.id)"
           @click="pickRow(r)"
@@ -69,7 +69,7 @@
         </button>
       </li>
     </ul>
-    <div class="daisy-flex daisy-w-full daisy-justify-end daisy-mt-4">
+    <div class="flex w-full justify-end mt-4">
       <button
         type="button"
         class="daisy-btn"
diff --git a/frontend/src/components/notes/FolderSelector.vue b/frontend/src/components/notes/FolderSelector.vue
index 1ffae01f2c..74817a471e 100644
--- a/frontend/src/components/notes/FolderSelector.vue
+++ b/frontend/src/components/notes/FolderSelector.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="daisy-w-full">
-    <p v-if="loadError" class="daisy-text-error daisy-text-sm daisy-mb-2">
+  <div class="w-full">
+    <p v-if="loadError" class="text-error text-sm mb-2">
       {{ loadError }}
     </p>
-    <div class="daisy-join daisy-w-full folder-selector-join">
+    <div class="daisy-join w-full folder-selector-join">
       <div
-        class="folder-selector-join-select daisy-join-item daisy-flex daisy-flex-1 daisy-min-w-0 daisy-items-center daisy-border daisy-border-base-content/20 daisy-bg-base-100 daisy-pl-3 daisy-pr-2 daisy-rounded-l-lg daisy-min-h-[2.75rem]"
+        class="folder-selector-join-select daisy-join-item flex flex-1 min-w-0 items-center border border-base-content/20 bg-base-100 pl-3 pr-2 rounded-l-lg min-h-[2.75rem]"
       >
         <select
           v-model="selectModel"
-          class="daisy-select daisy-select-sm daisy-w-full daisy-min-h-0 daisy-flex-1 daisy-border-0 daisy-bg-transparent daisy-shadow-none focus:daisy-outline-none focus:daisy-ring-0"
+          class="daisy-select daisy-select-sm w-full min-h-0 flex-1 border-0 bg-transparent shadow-none focus:outline-none focus:ring-0"
           data-testid="folder-move-parent-select"
           :disabled="disabled"
         >
@@ -42,18 +42,18 @@
         </select>
       </div>
       <div
-        class="folder-selector-join-append daisy-join-item daisy-flex daisy-shrink-0 daisy-self-stretch daisy-items-stretch"
+        class="folder-selector-join-append daisy-join-item flex shrink-0 self-stretch items-stretch"
       >
         <button
           type="button"
-          class="daisy-btn daisy-btn-outline daisy-btn-neutral daisy-rounded-l-none daisy-rounded-r-lg"
+          class="daisy-btn daisy-btn-outline daisy-btn-neutral rounded-l-none rounded-r-lg"
           :disabled="disabled"
           title="Search folders"
           aria-label="Search folders"
           data-testid="folder-selector-more-button"
           @click="searchOpen = true"
         >
-          <MoreHorizontal class="daisy-w-5 daisy-h-5" />
+          <MoreHorizontal class="w-5 h-5" />
         </button>
       </div>
     </div>
diff --git a/frontend/src/components/notes/NoteAddQuestion.vue b/frontend/src/components/notes/NoteAddQuestion.vue
index 2f9a4a5ae5..f22e55a711 100644
--- a/frontend/src/components/notes/NoteAddQuestion.vue
+++ b/frontend/src/components/notes/NoteAddQuestion.vue
@@ -23,7 +23,7 @@
       :disabled="
         multipleChoicesQuestion.responseChoices.length >= maximumNumberOfChoices
       "
-      class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-mr-2"
+      class="daisy-btn daisy-btn-sm daisy-btn-outline mr-2"
     >
       +
     </button>
@@ -32,21 +32,21 @@
       :disabled="
         multipleChoicesQuestion.responseChoices.length <= minimumNumberOfChoices
       "
-      class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-mr-2"
+      class="daisy-btn daisy-btn-sm daisy-btn-outline mr-2"
     >
       -
     </button>
     <button
       @click="refineQuestion"
       :disabled="!dirty"
-      class="daisy-btn daisy-btn-sm daisy-btn-secondary daisy-mr-2"
+      class="daisy-btn daisy-btn-sm daisy-btn-secondary mr-2"
     >
       Refine
     </button>
     <button
       @click="generateQuestionByAI"
       :disabled="dirty"
-      class="daisy-btn daisy-btn-sm daisy-btn-accent daisy-mr-2"
+      class="daisy-btn daisy-btn-sm daisy-btn-accent mr-2"
     >
       Generate by AI
     </button>
diff --git a/frontend/src/components/notes/NoteDeadLinkCreateModal.vue b/frontend/src/components/notes/NoteDeadLinkCreateModal.vue
index e4bbe28cfc..fdacd43ac1 100644
--- a/frontend/src/components/notes/NoteDeadLinkCreateModal.vue
+++ b/frontend/src/components/notes/NoteDeadLinkCreateModal.vue
@@ -1,11 +1,11 @@
 <template>
   <Modal v-if="modelValue !== null" @close_request="close">
     <template #body>
-      <div v-if="!showCreateForm && !linkingToExisting" class="daisy-flex daisy-flex-col daisy-gap-3">
-        <p class="daisy-text-sm daisy-opacity-70">
+      <div v-if="!showCreateForm && !linkingToExisting" class="flex flex-col gap-3">
+        <p class="text-sm opacity-70">
           Dead link: <strong>{{ modelValue.displayText }}</strong>
         </p>
-        <div class="daisy-flex daisy-flex-col daisy-gap-2">
+        <div class="flex flex-col gap-2">
           <button
             class="daisy-btn daisy-btn-primary"
             @click="showCreateForm = true"
diff --git a/frontend/src/components/notes/NoteNewForm.vue b/frontend/src/components/notes/NoteNewForm.vue
index b6184e5c73..5277653751 100644
--- a/frontend/src/components/notes/NoteNewForm.vue
+++ b/frontend/src/components/notes/NoteNewForm.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="daisy-card daisy-w-full">
+  <div class="daisy-card w-full">
     <div class="daisy-card-body">
       <form data-testid="note-new-form" @submit.prevent="processForm">
         <fieldset :disabled="processing">
-          <div class="daisy-mb-4">
-            <p class="daisy-text-sm daisy-mb-2">
+          <div class="mb-4">
+            <p class="text-sm mb-2">
               Folder
             </p>
-            <p class="daisy-text-xs daisy-opacity-70 daisy-mb-2">
+            <p class="text-xs opacity-70 mb-2">
               {{ parentLocationDescription }}
             </p>
             <FolderSelector
@@ -48,7 +48,7 @@
           <input
             type="submit"
             value="Submit"
-            class="daisy-btn daisy-btn-primary daisy-mt-4"
+            class="daisy-btn daisy-btn-primary mt-4"
           />
         </fieldset>
       </form>
diff --git a/frontend/src/components/notes/NoteRecentUpdateIndicator.vue b/frontend/src/components/notes/NoteRecentUpdateIndicator.vue
index 37e41d95e2..03522db267 100644
--- a/frontend/src/components/notes/NoteRecentUpdateIndicator.vue
+++ b/frontend/src/components/notes/NoteRecentUpdateIndicator.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="note-recent-update-indicator daisy-flex daisy-flex-col daisy-gap-1 daisy-py-2"
+    class="note-recent-update-indicator flex flex-col gap-1 py-2"
     :style="`color: ${bgColor}`"
   >
     <slot />
diff --git a/frontend/src/components/notes/NoteReferences.vue b/frontend/src/components/notes/NoteReferences.vue
index f94bc1b278..d6820b8ac7 100644
--- a/frontend/src/components/notes/NoteReferences.vue
+++ b/frontend/src/components/notes/NoteReferences.vue
@@ -1,6 +1,6 @@
 <template>
-  <div v-if="noteTopologies.length > 0" class="daisy-flex">
-    <div class="daisy-w-10 daisy-p-0">
+  <div v-if="noteTopologies.length > 0" class="flex">
+    <div class="w-10 p-0">
       <button
         class="daisy-btn daisy-btn-sm"
         v-if="internalExpandChildren"
@@ -8,7 +8,7 @@
         title="collapse children"
         @click="collapse()"
       >
-        <ChevronsUpDown class="daisy-w-6 daisy-h-6 daisy-rotate-180" />
+        <ChevronsUpDown class="w-6 h-6 rotate-180" />
       </button>
       <button
         class="daisy-btn daisy-btn-sm"
@@ -17,10 +17,10 @@
         title="expand children"
         @click="expand()"
       >
-        <ChevronsUpDown class="daisy-w-6 daisy-h-6" />
+        <ChevronsUpDown class="w-6 h-6" />
       </button>
     </div>
-    <div class="daisy-flex-1">
+    <div class="flex-1">
       <div v-if="!internalExpandChildren">
         <div role="collapsed-children-count">{{ noteTopologies.length }}</div>
       </div>
diff --git a/frontend/src/components/notes/NoteShow.vue b/frontend/src/components/notes/NoteShow.vue
index 460371f6c2..631ec573d0 100644
--- a/frontend/src/components/notes/NoteShow.vue
+++ b/frontend/src/components/notes/NoteShow.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="note-show-container daisy-flex daisy-flex-col daisy-h-full">
+  <div class="note-show-container flex flex-col h-full">
     <NoteRealmLoader v-bind="{ noteId }">
       <template #default="{ noteRealm }">
         <ContentLoader v-if="!noteRealm" />
         <template v-else>
           <template v-if="!isMinimized">
-            <div v-if="showBreadcrumb" class="breadcrumb-wrapper daisy-mb-2">
+            <div v-if="showBreadcrumb" class="breadcrumb-wrapper mb-2">
               <BreadcrumbWithCircle
                 v-bind="{
                   ancestorFolders,
@@ -24,10 +24,10 @@
               @edit-as-markdown="asMarkdown = $event"
             />
             <div
-              class="note-content-wrapper daisy-flex-1 daisy-min-h-0 daisy-overflow-auto daisy-flex daisy-flex-col daisy-gap-4"
+              class="note-content-wrapper flex-1 min-h-0 overflow-auto flex flex-col gap-4"
               :class="{ minimized: isMinimized }"
             >
-              <div id="main-note-content" class="daisy-flex daisy-flex-col daisy-w-full">
+              <div id="main-note-content" class="flex flex-col w-full">
                 <NoteTextContent
                   v-bind="{
                     note: noteRealm.note,
@@ -53,7 +53,7 @@
                   }"
                 >
                   <p>
-                    <span class="daisy-mr-3">
+                    <span class="mr-3">
                       Created: {{ toLocalDateString(noteRealm.note.noteTopology.createdAt) }}
                     </span>
                     <span>
@@ -62,7 +62,7 @@
                   </p>
                 </NoteRecentUpdateIndicator>
                 <template v-if="noteHasInboundWikiReferences(noteRealm)">
-                  <h3 class="daisy-text-lg daisy-font-medium daisy-mb-2">References</h3>
+                  <h3 class="text-lg font-medium mb-2">References</h3>
                   <NoteReferences
                     v-bind="{ expandChildren, readonly: readonly(noteRealm) }"
                     :note-topologies="noteRealm.references ?? []"
diff --git a/frontend/src/components/notes/NoteWikidataAssociation.vue b/frontend/src/components/notes/NoteWikidataAssociation.vue
index 7124e61427..778334ea43 100644
--- a/frontend/src/components/notes/NoteWikidataAssociation.vue
+++ b/frontend/src/components/notes/NoteWikidataAssociation.vue
@@ -1,11 +1,11 @@
 <template>
   <button
-    class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-gap-2"
+    class="daisy-btn daisy-btn-sm daisy-btn-ghost gap-2"
     role="button"
     title="Wiki Association"
     @click="onClickWikidata"
   >
-    <Link2 class="daisy-w-6 daisy-h-6" />
+    <Link2 class="w-6 h-6" />
     Go to Wikidata
   </button>
 </template>
diff --git a/frontend/src/components/notes/NotebookLink.vue b/frontend/src/components/notes/NotebookLink.vue
index 46932a1e06..e6e5ffd4b8 100644
--- a/frontend/src/components/notes/NotebookLink.vue
+++ b/frontend/src/components/notes/NotebookLink.vue
@@ -3,7 +3,7 @@
     :to="{ name: 'notebookPage', params: { notebookId: notebook.id } }"
     class="daisy-text-decoration-none"
   >
-    <BookText class="daisy-me-1 daisy-w-4 daisy-h-4 daisy-inline-block" />
+    <BookText class="me-1 w-4 h-4 inline-block" />
     <span>{{ notebook.name }}</span>
   </router-link>
 </template>
diff --git a/frontend/src/components/notes/QuestionExportDialog.vue b/frontend/src/components/notes/QuestionExportDialog.vue
index 24c200304f..e8b0ec40b0 100644
--- a/frontend/src/components/notes/QuestionExportDialog.vue
+++ b/frontend/src/components/notes/QuestionExportDialog.vue
@@ -4,14 +4,14 @@
       <div class="daisy-card">
         <div class="daisy-card-body">
           <h3 class="daisy-card-title">Export Question Generation Request for ChatGPT</h3>
-          <div class="daisy-mt-4">
+          <div class="mt-4">
             <textarea
-              class="daisy-textarea daisy-textarea-bordered daisy-w-full daisy-h-96 daisy-bg-base-100 daisy-font-mono daisy-text-xs"
+              class="daisy-textarea daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
               readonly
               :value="exportContent"
               data-testid="export-textarea"
             />
-            <div class="daisy-flex daisy-gap-2 daisy-justify-end daisy-mt-2">
+            <div class="flex gap-2 justify-end mt-2">
               <CopyButton
                 :text="exportContent"
                 :disabled="!exportContent"
diff --git a/frontend/src/components/notes/Questions.vue b/frontend/src/components/notes/Questions.vue
index 6d5bbe0e7e..f766e9c4fd 100644
--- a/frontend/src/components/notes/Questions.vue
+++ b/frontend/src/components/notes/Questions.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="daisy-flex daisy-gap-2">
+    <div class="flex gap-2">
       <PopButton btn-class="daisy-btn daisy-btn-primary" title="Add Question">
         <template #default="{ closer }">
           <NoteAddQuestion
@@ -18,10 +18,10 @@
         aria-label="Export question generation request"
         title="Export question generation request for ChatGPT"
       >
-        <Upload class="daisy-w-6 daisy-h-6" />
+        <Upload class="w-6 h-6" />
       </button>
     </div>
-    <table class="question-table daisy-mt-2" v-if="questions.length">
+    <table class="question-table mt-2" v-if="questions.length">
       <thead>
         <tr>
           <th>Question Text</th>
@@ -56,7 +56,7 @@
         </tr>
       </tbody>
     </table>
-    <div v-else class="daisy-mt-2 daisy-w-full daisy-text-center">
+    <div v-else class="mt-2 w-full text-center">
       <b>No questions</b>
     </div>
   </div>
diff --git a/frontend/src/components/notes/Sidebar.vue b/frontend/src/components/notes/Sidebar.vue
index 6782fa949f..63d33cea7d 100644
--- a/frontend/src/components/notes/Sidebar.vue
+++ b/frontend/src/components/notes/Sidebar.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     data-note-sidebar-root
-    class="daisy-flex daisy-flex-col daisy-flex-1 daisy-min-h-0 daisy-overflow-x-visible"
+    class="flex flex-col flex-1 min-h-0 overflow-x-visible"
   >
     <SidebarToolbar
       v-if="!sidebarReadonly"
@@ -12,7 +12,7 @@
     />
     <div
       ref="treeScrollRef"
-      class="sidebar-tree-scroll daisy-overflow-y-auto daisy-flex-1 daisy-min-h-0"
+      class="sidebar-tree-scroll overflow-y-auto flex-1 min-h-0"
     >
       <SidebarNotebookTreeScrollportPathHint
         v-if="sidebarTreeShown && breadcrumbFolders.length > 0"
diff --git a/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue b/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
index a82b581eb5..73d7dc9f42 100644
--- a/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
+++ b/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
@@ -5,13 +5,13 @@
     data-testid="sidebar-scrollport-path-hint-anchor"
   >
     <div
-      class="scrollport-path-hint daisy-flex daisy-flex-row daisy-items-center daisy-gap-1 daisy-min-w-0 daisy-px-1 daisy-py-1 daisy-text-sm"
+      class="scrollport-path-hint flex flex-row items-center gap-1 min-w-0 px-1 py-1 text-sm"
       role="region"
       aria-label="Ancestor folders scrolled out of view"
       data-testid="sidebar-scrollport-path-hint"
     >
-      <ChevronUp :size="14" class="hint-chevron daisy-shrink-0" aria-hidden="true" />
-      <span class="hint-links daisy-min-w-0 daisy-flex daisy-flex-wrap daisy-items-center">
+      <ChevronUp :size="14" class="hint-chevron shrink-0" aria-hidden="true" />
+      <span class="hint-links min-w-0 flex flex-wrap items-center">
         <template v-for="(folder, i) in clippedFolders" :key="folder.id">
           <span v-if="i > 0" class="hint-sep" aria-hidden="true">·</span>
           <RouterLink
diff --git a/frontend/src/components/notes/SidebarToolbar.vue b/frontend/src/components/notes/SidebarToolbar.vue
index 6f7ab5beb7..29fc7aab0f 100644
--- a/frontend/src/components/notes/SidebarToolbar.vue
+++ b/frontend/src/components/notes/SidebarToolbar.vue
@@ -1,12 +1,12 @@
 <template>
   <nav
-    :class="[noteChromeToolbarNavClass, 'daisy-overflow-visible daisy-relative daisy-z-20']"
+    :class="[noteChromeToolbarNavClass, 'overflow-visible relative z-20']"
     data-note-sidebar-toolbar
   >
     <div
-      class="daisy-flex daisy-flex-row daisy-items-center daisy-overflow-visible daisy-min-w-0"
+      class="flex flex-row items-center overflow-visible min-w-0"
     >
-      <div class="daisy-btn-group daisy-btn-group-sm daisy-overflow-visible">
+      <div class="daisy-btn-group daisy-btn-group-sm overflow-visible">
         <NoteNewButton
           :notebook-id="notebookId"
           :initial-folder="parentFolderForCreation ?? undefined"
@@ -14,7 +14,7 @@
           :ancestor-folders="breadcrumbFolders"
           :initial-title="initialTitle"
         >
-          <NotebookPen class="daisy-w-6 daisy-h-6" />
+          <NotebookPen class="w-6 h-6" />
         </NoteNewButton>
         <FolderNewButton
           :notebook-id="notebookId"
@@ -23,43 +23,43 @@
           button-title="New folder"
           aria-label="New folder"
         >
-          <FolderPlus class="daisy-w-6 daisy-h-6" />
+          <FolderPlus class="w-6 h-6" />
         </FolderNewButton>
       </div>
       <AutoCollapseDropdown
         v-slot="{ closeDropdown }"
         data-note-sidebar-sort
-        class="daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom daisy-relative daisy-z-30 daisy-shrink-0"
+        class="daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom relative z-30 shrink-0"
       >
         <summary
-          class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-rounded-none list-none daisy-cursor-pointer"
+          class="daisy-btn daisy-btn-ghost daisy-btn-sm rounded-none list-none cursor-pointer"
           aria-label="Sort sidebar"
           title="Sort sidebar"
         >
-          <component :is="triggerIcon" class="daisy-w-6 daisy-h-6" aria-hidden="true" />
+          <component :is="triggerIcon" class="w-6 h-6" aria-hidden="true" />
         </summary>
         <ul
           tabindex="0"
-          class="daisy-dropdown-content daisy-menu daisy-bg-base-100 daisy-rounded-box daisy-min-w-[16rem] daisy-w-[17.5rem] daisy-max-w-[17.5rem] daisy-p-2 daisy-shadow daisy-z-[1000]"
+          class="daisy-dropdown-content daisy-menu bg-base-100 rounded-box min-w-[16rem] w-[17.5rem] max-w-[17.5rem] p-2 shadow z-[1000]"
         >
           <li
             v-for="row in SIDEBAR_PEER_SORT_MENU_ROWS"
             :key="`${row.spec.field}-${row.spec.direction}`"
-            class="daisy-menu-item daisy-p-0"
+            class="daisy-menu-item p-0"
           >
             <button
               type="button"
-              class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal daisy-whitespace-normal daisy-items-start daisy-text-left"
+              class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal whitespace-normal items-start text-left"
               :title="row.label"
               @click="selectSort(row.spec, closeDropdown)"
             >
               <component
                 :is="row.Icon"
                 :size="14"
-                class="daisy-mt-0.5 daisy-shrink-0"
+                class="mt-0.5 shrink-0"
                 aria-hidden="true"
               />
-              <span class="daisy-min-w-0 daisy-text-left daisy-leading-snug">{{
+              <span class="min-w-0 text-left leading-snug">{{
                 row.label
               }}</span>
             </button>
diff --git a/frontend/src/components/notes/WikidataAssociationDialogBody.vue b/frontend/src/components/notes/WikidataAssociationDialogBody.vue
index ce4c85fb9d..d65e0cb87c 100644
--- a/frontend/src/components/notes/WikidataAssociationDialogBody.vue
+++ b/frontend/src/components/notes/WikidataAssociationDialogBody.vue
@@ -3,7 +3,7 @@
     id="wikidata-association-form"
     @submit.prevent="handleSave"
   >
-    <div class="daisy-mb-4">
+    <div class="mb-4">
       <TextInput
         scope-name="wikidataID"
         field="wikidataID"
@@ -16,7 +16,7 @@
         <template #input_append>
           <button
             type="button"
-            class="daisy-btn daisy-rounded-l-none"
+            class="daisy-btn rounded-l-none"
             :class="[
               isLoadingUrl ? 'daisy-btn-disabled' : 'daisy-btn-primary',
             ]"
@@ -25,25 +25,25 @@
             :disabled="isLoadingUrl || !hasValidWikidataId"
             v-show="hasValidWikidataId"
           >
-            <ExternalLink class="daisy-w-6 daisy-h-6" />
+            <ExternalLink class="w-6 h-6" />
           </button>
         </template>
       </TextInput>
     </div>
   </form>
-  <div v-if="loading" class="daisy-text-center daisy-p-4">
+  <div v-if="loading" class="text-center p-4">
     Searching...
   </div>
   <div
     v-else-if="searchResults && searchResults.length === 0 && hasSearched"
-    class="daisy-text-center daisy-p-4"
+    class="text-center p-4"
   >
     <p>No Wikidata entries found for '{{ searchKeyRef }}'</p>
   </div>
   <div v-else-if="searchResults && searchResults.length > 0 && !showTitleOptions">
     <div
       data-testid="wikidata-search-results"
-      class="daisy-border daisy-border-base-300 daisy-rounded-lg daisy-bg-base-100 daisy-w-full"
+      class="border border-base-300 rounded-lg bg-base-100 w-full"
       style="max-height: 300px; overflow-y: auto;"
     >
       <div
@@ -53,18 +53,18 @@
         :data-wikidata-id="suggestion.id"
         @click="onSelectSearchResultItem(suggestion.id)"
         :class="[
-          'daisy-px-4 daisy-py-2 daisy-border-b daisy-border-base-300',
+          'px-4 py-2 border-b border-base-300',
           props.disabled
-            ? 'daisy-cursor-not-allowed daisy-opacity-50'
-            : 'daisy-cursor-pointer hover:daisy-bg-base-200',
-          selectedOption === suggestion.id ? 'daisy-bg-primary daisy-text-primary-content' : '',
+            ? 'cursor-not-allowed opacity-50'
+            : 'cursor-pointer hover:bg-base-200',
+          selectedOption === suggestion.id ? 'bg-primary text-primary-content' : '',
         ]"
       >
         {{ suggestion.label }} - {{ suggestion.description }}
       </div>
     </div>
   </div>
-  <div v-else-if="showTitleOptions" class="daisy-p-4">
+  <div v-else-if="showTitleOptions" class="p-4">
     <label class="daisy-label">
       <span class="daisy-label-text"
         >Suggested Title: {{ selectedItem?.label }}</span
@@ -82,7 +82,7 @@
       />
     </fieldset>
   </div>
-  <div class="daisy-mt-4 daisy-flex daisy-gap-2">
+  <div class="mt-4 flex gap-2">
     <button
       v-if="hasSaveButton"
       type="submit"
diff --git a/frontend/src/components/notes/WikidataSearchByLabel.vue b/frontend/src/components/notes/WikidataSearchByLabel.vue
index 1ad7341f88..67de26edd9 100644
--- a/frontend/src/components/notes/WikidataSearchByLabel.vue
+++ b/frontend/src/components/notes/WikidataSearchByLabel.vue
@@ -41,11 +41,7 @@ export default defineComponent({
       return !!this.modelValue && this.modelValue.trim() !== ""
     },
     buttonClasses(): string[] {
-      const baseClasses = [
-        "daisy-btn",
-        "daisy-rounded-l-none",
-        "daisy-rounded-r-lg",
-      ]
+      const baseClasses = ["daisy-btn", "rounded-l-none", "rounded-r-lg"]
       if (this.errorMessage) {
         return [...baseClasses, "daisy-btn-error"]
       }
diff --git a/frontend/src/components/notes/core/NoteDeleteButton.vue b/frontend/src/components/notes/core/NoteDeleteButton.vue
index 6e3e0298da..bb2fff202a 100644
--- a/frontend/src/components/notes/core/NoteDeleteButton.vue
+++ b/frontend/src/components/notes/core/NoteDeleteButton.vue
@@ -1,6 +1,6 @@
 <template>
   <button title="Delete note" @click="deleteNote">
-    <Trash2 class="daisy-w-6 daisy-h-6" />Delete note
+    <Trash2 class="w-6 h-6" />Delete note
   </button>
 </template>
 
diff --git a/frontend/src/components/notes/core/NoteExportForm.vue b/frontend/src/components/notes/core/NoteExportForm.vue
index 62a679749e..755866b172 100644
--- a/frontend/src/components/notes/core/NoteExportForm.vue
+++ b/frontend/src/components/notes/core/NoteExportForm.vue
@@ -2,11 +2,11 @@
   <div class="daisy-card">
     <div class="daisy-card-body">
       <h3 class="daisy-card-title">Export Note Data</h3>
-      <p class="daisy-text-sm daisy-text-base-content/70 daisy-mb-2">
+      <p class="text-sm text-base-content/70 mb-2">
         Focus-context markdown. The token budget limits approximate size of the focus note body plus
         all included related note bodies combined (same value for graph JSON below).
       </p>
-      <div class="daisy-flex daisy-items-center daisy-gap-2 daisy-mb-2">
+      <div class="flex items-center gap-2 mb-2">
         <label for="context-token-limit" class="daisy-label-text">Token budget:</label>
         <input
           id="context-token-limit"
@@ -15,7 +15,7 @@
           max="10000"
           step="100"
           v-model.number="tokenLimit"
-          class="daisy-input daisy-input-sm daisy-w-24"
+          class="daisy-input daisy-input-sm w-24"
           data-testid="token-limit-input"
         />
         <button
@@ -42,19 +42,19 @@
         copy-aria-label="Copy markdown"
         download-aria-label="Download markdown"
       />
-      <details :open="expandedGraph" class="daisy-collapse daisy-bg-base-200 daisy-rounded-box daisy-mt-4">
+      <details :open="expandedGraph" class="daisy-collapse bg-base-200 rounded-box mt-4">
         <summary
-          class="daisy-flex daisy-items-center daisy-gap-2 daisy-underline daisy-cursor-pointer daisy-py-2 daisy-px-1"
+          class="flex items-center gap-2 underline cursor-pointer py-2 px-1"
           @click="toggleGraphExpanded($event)"
         >
-          <svg :class="['daisy-transition-transform', 'daisy-duration-200', expandedGraph ? 'daisy-rotate-90' : '']" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
+          <svg :class="['transition-transform', 'duration-200', expandedGraph ? 'rotate-90' : '']" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
           Export Note Graph (JSON)
         </summary>
-        <div v-if="expandedGraph" class="daisy-mt-4">
-          <p class="daisy-text-xs daisy-text-base-content/60 daisy-mb-2">
+        <div v-if="expandedGraph" class="mt-4">
+          <p class="text-xs text-base-content/60 mb-2">
             Uses the same combined token budget as above.
           </p>
-          <div class="daisy-flex daisy-items-center daisy-gap-2 daisy-mb-2">
+          <div class="flex items-center gap-2 mb-2">
             <button
               class="daisy-btn daisy-btn-ghost daisy-btn-xs"
               type="button"
diff --git a/frontend/src/components/notes/core/NoteToolbar.vue b/frontend/src/components/notes/core/NoteToolbar.vue
index 92e4d13362..eada15a7a8 100644
--- a/frontend/src/components/notes/core/NoteToolbar.vue
+++ b/frontend/src/components/notes/core/NoteToolbar.vue
@@ -32,18 +32,18 @@
         })"
         title="Star a conversation about this note"
       >
-        <MessageCircle class="daisy-w-6 daisy-h-6" />
+        <MessageCircle class="w-6 h-6" />
       </a>
 
       <button v-if="!readonly && !asMarkdown" type="button" class="daisy-btn daisy-btn-ghost daisy-btn-sm" title="Edit as markdown" aria-label="Edit as markdown" @click="$emit('edit-as-markdown', true)">
-        <FileCode class="daisy-w-6 daisy-h-6" />
+        <FileCode class="w-6 h-6" />
       </button>
       <button v-else-if="!readonly" type="button" class="daisy-btn daisy-btn-ghost daisy-btn-sm" title="Edit as rich content" aria-label="Edit as rich content" @click="$emit('edit-as-markdown', false)">
-        <LayoutTemplate class="daisy-w-6 daisy-h-6" />
+        <LayoutTemplate class="w-6 h-6" />
       </button>
 
       <button v-if="!readonly && !audioTools" type="button" class="daisy-btn daisy-btn-ghost daisy-btn-sm" title="Audio tools" @click="audioTools = true">
-        <Mic class="daisy-w-6 daisy-h-6" />
+        <Mic class="w-6 h-6" />
       </button>
 
       <AutoCollapseDropdown
@@ -54,7 +54,7 @@
       >
         <summary
           :class="[
-            'daisy-btn daisy-btn-ghost daisy-btn-sm list-none daisy-cursor-pointer',
+            'daisy-btn daisy-btn-ghost daisy-btn-sm list-none cursor-pointer',
             { 'daisy-btn-active': open },
           ]"
           title="more options"
@@ -62,11 +62,11 @@
           role="button"
           tabindex="0"
         >
-          <Settings class="daisy-w-6 daisy-h-6" />
+          <Settings class="w-6 h-6" />
         </summary>
         <NoteMoreOptionsForm
           v-if="open"
-          class="daisy-dropdown-content daisy-z-[1000] daisy-mt-1"
+          class="daisy-dropdown-content z-[1000] mt-1"
           v-bind="{ note }"
           @close-dialog="closeDropdown"
         />
diff --git a/frontend/src/components/notes/core/PathNameEditor.vue b/frontend/src/components/notes/core/PathNameEditor.vue
index e1471a905b..4b5e42de86 100644
--- a/frontend/src/components/notes/core/PathNameEditor.vue
+++ b/frontend/src/components/notes/core/PathNameEditor.vue
@@ -5,18 +5,18 @@
     :data-autofocus="autofocus ? 'true' : undefined"
     :data-autofocus-select-all="initialSelectAll ? 'true' : undefined"
   >
-    <div v-if="$slots.append" class="daisy-join daisy-w-full path-name-editor-join">
+    <div v-if="$slots.append" class="daisy-join w-full path-name-editor-join">
       <div
-        class="path-name-editor-join-editor daisy-join-item daisy-flex daisy-flex-1 daisy-min-w-0 daisy-items-center daisy-border daisy-border-base-content/20 daisy-bg-base-100 daisy-px-3 daisy-py-2 daisy-rounded-l-lg"
+        class="path-name-editor-join-editor daisy-join-item flex flex-1 min-w-0 items-center border border-base-content/20 bg-base-100 px-3 py-2 rounded-l-lg"
       >
-        <div class="daisy-w-full daisy-min-w-0">
+        <div class="w-full min-w-0">
           <slot name="title" :bindings="seamlessBindings" :editor="SeamlessTextEditor">
             <SeamlessTextEditor v-bind="seamlessBindings" />
           </slot>
         </div>
       </div>
       <div
-        class="path-name-editor-join-append daisy-join-item daisy-flex daisy-shrink-0 daisy-self-stretch daisy-items-stretch"
+        class="path-name-editor-join-append daisy-join-item flex shrink-0 self-stretch items-stretch"
       >
         <slot name="append" />
       </div>
@@ -24,9 +24,9 @@
 
     <div
       v-else-if="!$slots.title"
-      class="path-name-editor-shell daisy-w-full daisy-min-w-0 daisy-flex daisy-items-center daisy-border daisy-border-base-content/20 daisy-bg-base-100 daisy-px-3 daisy-py-2 daisy-rounded-lg"
+      class="path-name-editor-shell w-full min-w-0 flex items-center border border-base-content/20 bg-base-100 px-3 py-2 rounded-lg"
     >
-      <div class="daisy-w-full daisy-min-w-0">
+      <div class="w-full min-w-0">
         <SeamlessTextEditor v-bind="seamlessBindings" />
       </div>
     </div>
@@ -38,10 +38,10 @@
       :editor="SeamlessTextEditor"
     />
 
-    <div v-if="errorMessage" class="daisy-text-error daisy-text-sm">
+    <div v-if="errorMessage" class="text-error text-sm">
       {{ errorMessage }}
     </div>
-    <div v-else-if="displayWarning" class="daisy-text-warning daisy-text-sm">
+    <div v-else-if="displayWarning" class="text-warning text-sm">
       {{ displayWarning }}
     </div>
   </div>
diff --git a/frontend/src/components/notes/core/TextContentWrapper.vue b/frontend/src/components/notes/core/TextContentWrapper.vue
index c0a207d232..6fce72f9aa 100644
--- a/frontend/src/components/notes/core/TextContentWrapper.vue
+++ b/frontend/src/components/notes/core/TextContentWrapper.vue
@@ -8,14 +8,14 @@
     />
     <div
       v-if="showReferencedTitleSavePanel"
-      class="referenced-title-save daisy-mt-3 daisy-flex daisy-flex-col daisy-gap-3"
+      class="referenced-title-save mt-3 flex flex-col gap-3"
       data-testid="referenced-title-save-panel"
     >
-      <p class="daisy-text-sm daisy-opacity-80">
+      <p class="text-sm opacity-80">
         This note is linked from other notes. Choose how wiki links to this note
         should change:
       </p>
-      <div class="daisy-flex daisy-flex-wrap daisy-gap-2">
+      <div class="flex flex-wrap gap-2">
         <button
           v-for="opt in TITLE_RENAME_REFERENCE_SAVE_OPTIONS"
           :key="opt.value"
diff --git a/frontend/src/components/notes/noteChromeToolbarNavClass.ts b/frontend/src/components/notes/noteChromeToolbarNavClass.ts
index c0bb47b8cb..8e14d44b3a 100644
--- a/frontend/src/components/notes/noteChromeToolbarNavClass.ts
+++ b/frontend/src/components/notes/noteChromeToolbarNavClass.ts
@@ -1 +1 @@
-export const noteChromeToolbarNavClass = "daisy-navbar daisy-bg-base-200"
+export const noteChromeToolbarNavClass = "daisy-navbar bg-base-200"
diff --git a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
index b978065444..574d2ae46e 100644
--- a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
+++ b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="daisy-bg-base-200 daisy-rounded-b-lg daisy-p-5 daisy-shadow-lg animate-dropdown daisy-relative">
-    <ul class="daisy-menu daisy-mt-2 daisy-min-w-64 daisy-p-0">
+  <div class="bg-base-200 rounded-b-lg p-5 shadow-lg animate-dropdown relative">
+    <ul class="daisy-menu mt-2 min-w-64 p-0">
       <li>
         <PopButton
-          btn-class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal"
+          btn-class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal"
           title="Export..."
         >
           <template #button_face>
-            <Upload class="daisy-w-5 daisy-h-5 daisy-shrink-0" aria-hidden="true" />
+            <Upload class="w-5 h-5 shrink-0" aria-hidden="true" />
             <span>Export...</span>
           </template>
           <template #default="{ closer }">
@@ -18,12 +18,12 @@
 
       <li>
         <PopButton
-          btn-class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal"
+          btn-class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal"
           title="Questions for the note"
         >
           <template #button_face>
             <MessageCircleQuestion
-              class="daisy-w-5 daisy-h-5 daisy-shrink-0"
+              class="w-5 h-5 shrink-0"
               aria-hidden="true"
             />
             <span>Questions for the note</span>
@@ -36,22 +36,22 @@
 
       <li>
         <button
-          class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal"
+          class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal"
           title="Assimilation settings"
           @click="assimilateNote"
         >
-          <CircleCheck class="daisy-w-5 daisy-h-5 daisy-shrink-0" aria-hidden="true" />
+          <CircleCheck class="w-5 h-5 shrink-0" aria-hidden="true" />
           <span>Assimilation settings</span>
         </button>
       </li>
 
       <li>
         <button
-          class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal"
+          class="daisy-btn daisy-btn-ghost daisy-btn-sm h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal"
           title="Delete note"
           @click="deleteNote"
         >
-          <Trash2 class="daisy-w-5 daisy-h-5 daisy-shrink-0" aria-hidden="true" />
+          <Trash2 class="w-5 h-5 shrink-0" aria-hidden="true" />
           <span>Delete note</span>
         </button>
       </li>
diff --git a/frontend/src/components/notes/widgets/ShowImage.vue b/frontend/src/components/notes/widgets/ShowImage.vue
index ae41bdc00d..7027acfde5 100644
--- a/frontend/src/components/notes/widgets/ShowImage.vue
+++ b/frontend/src/components/notes/widgets/ShowImage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="note-image daisy-text-center" v-if="!!noteImage">
+  <div class="note-image text-center" v-if="!!noteImage">
     <div style="position: relative; display: inline-block" id="note-image">
       <img :src="noteImage" />
       <svg
diff --git a/frontend/src/components/recall/Assimilation.vue b/frontend/src/components/recall/Assimilation.vue
index 3fa04fcf28..277cdcfc15 100644
--- a/frontend/src/components/recall/Assimilation.vue
+++ b/frontend/src/components/recall/Assimilation.vue
@@ -24,7 +24,7 @@
     <div
       v-if="showSpellingPopup"
       data-test="opaque-content-blocker"
-      class="fixed inset-0 daisy-bg-black"
+      class="fixed inset-0 bg-black"
       style="z-index: 9989"
       aria-hidden="true"
     />
diff --git a/frontend/src/components/recall/AssimilationSettings.vue b/frontend/src/components/recall/AssimilationSettings.vue
index 87b7c071bc..25de14b1ca 100644
--- a/frontend/src/components/recall/AssimilationSettings.vue
+++ b/frontend/src/components/recall/AssimilationSettings.vue
@@ -1,20 +1,20 @@
 <template>
   <footer
-    class="assimilation-settings-bar daisy-pointer-events-none daisy-z-40"
+    class="assimilation-settings-bar pointer-events-none z-40"
     aria-label="Assimilation settings"
   >
     <div
-      class="assimilation-settings-inner daisy-pointer-events-auto daisy-w-full daisy-px-4 daisy-pb-[max(0.75rem,env(safe-area-inset-bottom))] daisy-pt-0"
+      class="assimilation-settings-inner pointer-events-auto w-full px-4 pb-[max(0.75rem,env(safe-area-inset-bottom))] pt-0"
     >
       <div
-        class="daisy-card daisy-bg-base-100 daisy-border daisy-border-base-300 daisy-shadow-xl"
+        class="daisy-card bg-base-100 border border-base-300 shadow-xl"
       >
-        <div class="daisy-card-body daisy-gap-0 daisy-p-4">
-          <h2 class="daisy-card-title daisy-mb-3 daisy-text-base daisy-font-semibold">
+        <div class="daisy-card-body gap-0 p-4">
+          <h2 class="daisy-card-title mb-3 text-base font-semibold">
             Assimilation settings
           </h2>
           <div
-            class="assimilation-settings-scroll daisy-max-h-[min(40vh,22rem)] daisy-overflow-y-auto daisy-pr-1"
+            class="assimilation-settings-scroll max-h-[min(40vh,22rem)] overflow-y-auto pr-1"
           >
             <NoteInfoBar
               :note-id="note.id"
@@ -23,21 +23,21 @@
               @note-recall-info-loaded="emit('noteRecallInfoLoaded', $event)"
             />
           </div>
-          <div class="daisy-divider daisy-my-4" />
+          <div class="daisy-divider my-4" />
           <div
-            class="daisy-flex daisy-flex-col daisy-gap-3 sm:daisy-flex-row sm:daisy-items-center sm:daisy-justify-between"
+            class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
           >
             <button
               v-if="(note.content ?? '').trim()"
               type="button"
               data-test="open-refine-note-modal"
-              class="daisy-btn daisy-btn-neutral daisy-shrink-0"
+              class="daisy-btn daisy-btn-neutral shrink-0"
               @click="showRefineNoteModal = true"
             >
               Refine note
             </button>
             <div
-              class="daisy-flex daisy-flex-wrap daisy-items-stretch daisy-justify-end daisy-gap-2 sm:daisy-flex-1"
+              class="flex flex-wrap items-stretch justify-end gap-2 sm:flex-1"
             >
               <AssimilationButtons
                 :disabled="!noteInfoLoaded"
@@ -58,11 +58,11 @@
       data-test="refine-note-modal"
     >
       <div
-        class="daisy-modal-box daisy-max-w-4xl daisy-max-h-[90vh] daisy-overflow-y-auto"
+        class="daisy-modal-box max-w-4xl max-h-[90vh] overflow-y-auto"
       >
         <h3
           v-if="showRefineNoteModal"
-          class="daisy-font-bold daisy-text-lg daisy-mb-3"
+          class="font-bold text-lg mb-3"
         >
           Refine note
         </h3>
@@ -73,7 +73,7 @@
           @content-updated="emit('refinementContentUpdated')"
           @understanding-points-ignored="closeRefineNoteModal"
         />
-        <div v-if="showRefineNoteModal" class="daisy-modal-action daisy-mt-4">
+        <div v-if="showRefineNoteModal" class="daisy-modal-action mt-4">
           <button
             type="button"
             class="daisy-btn"
@@ -147,7 +147,7 @@ const closeRefineNoteModal = () => {
   }
 }
 
-@media (min-height: $assimilation-dock-min-height) and (max-width: theme("screens.lg")) {
+@media (min-height: $assimilation-dock-min-height) and (max-width: 1024px) {
   .assimilation-settings-bar {
     left: 0;
   }
diff --git a/frontend/src/components/recall/ContestableQuestion.vue b/frontend/src/components/recall/ContestableQuestion.vue
index e5daea3933..4168c134e7 100644
--- a/frontend/src/components/recall/ContestableQuestion.vue
+++ b/frontend/src/components/recall/ContestableQuestion.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-for="(q, index) in prevQuestions"
     :key="index"
-    class="daisy-card daisy-shadow-sm daisy-mb-4"
+    class="daisy-card shadow-sm mb-4"
   >
     <div class="daisy-card-body">
       <h3 class="daisy-card-title">Previous Question Contested ...</h3>
@@ -9,12 +9,12 @@
       <QuestionDisplay v-if="q.quizeQuestion.multipleChoicesQuestion" :multiple-choices-question="q.quizeQuestion.multipleChoicesQuestion" :disabled="true" :key="q.quizeQuestion.id"/>
     </div>
   </div>
-  <p v-if="currentQuestionLegitMessage" class="daisy-text-warning daisy-mb-4">
+  <p v-if="currentQuestionLegitMessage" class="text-warning mb-4">
     {{ currentQuestionLegitMessage }}
   </p>
   <ContentLoader v-if="regenerating" />
-  <div class="recall-prompt daisy-overflow-y-auto" v-else>
-    <div class="daisy-flex daisy-flex-col daisy-gap-4" :class="{ 'daisy-opacity-50 daisy-pointer-events-none': contesting }">
+  <div class="recall-prompt overflow-y-auto" v-else>
+    <div class="flex flex-col gap-4" :class="{ 'opacity-50 pointer-events-none': contesting }">
       <RecallPromptComponent
         v-if="currentQuestion"
         :recall-prompt="currentQuestion"
@@ -28,7 +28,7 @@
         class="daisy-btn daisy-btn-ghost daisy-btn-sm"
         @click="contestQuestion"
       >
-        <Target class="daisy-w-6 daisy-h-6" />
+        <Target class="w-6 h-6" />
       </a>
     </div>
   </div>
@@ -123,7 +123,7 @@ const onAnswered = (answer: RecallPrompt) => {
 }
 
 /* These styles are to-be replaced by DaisyUI classes:
-.recall-prompt -> daisy-overflow-y-auto
-.notebook-source -> daisy-mb-4
+.recall-prompt -> overflow-y-auto
+.notebook-source -> mb-4
 */
 </style>
diff --git a/frontend/src/components/recall/InactiveRecallMask.vue b/frontend/src/components/recall/InactiveRecallMask.vue
index 8d42301f68..4facadbc36 100644
--- a/frontend/src/components/recall/InactiveRecallMask.vue
+++ b/frontend/src/components/recall/InactiveRecallMask.vue
@@ -2,11 +2,11 @@
   <div
     v-if="show"
     data-test="inactive-recall-mask"
-    class="daisy-absolute daisy-inset-0 daisy-z-40 daisy-flex daisy-items-center daisy-justify-center daisy-bg-base-100/90 daisy-rounded-lg"
+    class="absolute inset-0 z-40 flex items-center justify-center bg-base-100/90 rounded-lg"
   >
-    <div class="daisy-text-center daisy-p-6">
-      <p class="daisy-text-lg daisy-font-medium daisy-mb-2">Inactive</p>
-      <p class="daisy-text-base-200">Focus to activate</p>
+    <div class="text-center p-6">
+      <p class="text-lg font-medium mb-2">Inactive</p>
+      <p class="text-base-200">Focus to activate</p>
     </div>
   </div>
 </template>
diff --git a/frontend/src/components/recall/NoteRefinement.vue b/frontend/src/components/recall/NoteRefinement.vue
index eea149fe0c..2f56d440fb 100644
--- a/frontend/src/components/recall/NoteRefinement.vue
+++ b/frontend/src/components/recall/NoteRefinement.vue
@@ -1,49 +1,49 @@
 <template>
   <div
     v-if="understandingPoints.length > 0"
-    class="daisy-mb-4 daisy-rounded-lg daisy-bg-accent daisy-p-4"
+    class="mb-4 rounded-lg bg-accent p-4"
     data-test-id="understanding-checklist"
   >
-    <div class="daisy-text-base">
-      <div class="daisy-font-semibold daisy-mb-3 daisy-text-accent-content">
+    <div class="text-base">
+      <div class="font-semibold mb-3 text-accent-content">
         Understanding Checklist:
       </div>
-      <ul class="daisy-space-y-2">
+      <ul class="space-y-2">
         <li
           v-for="(point, index) in understandingPoints"
           :key="index"
-          class="daisy-text-accent-content daisy-flex daisy-items-start daisy-gap-2"
+          class="text-accent-content flex items-start gap-2"
         >
           <label
-            class="daisy-flex daisy-items-start daisy-cursor-pointer daisy-gap-2 daisy-flex-1 daisy-min-w-0"
+            class="flex items-start cursor-pointer gap-2 flex-1 min-w-0"
           >
             <input
               type="checkbox"
               :value="index"
               v-model="selectedPointIndices"
-              class="daisy-checkbox daisy-checkbox-accent daisy-checkbox-sm daisy-mt-1 daisy-border-black dark:daisy-border-white hover:daisy-border-black hover:dark:daisy-border-white checked:daisy-border-black checked:dark:daisy-border-white daisy-border-2 daisy-shrink-0"
+              class="daisy-checkbox daisy-checkbox-accent daisy-checkbox-sm mt-1 border-black dark:border-white hover:border-black hover:dark:border-white checked:border-black checked:dark:border-white border-2 shrink-0"
             />
-            <span class="daisy-break-words">{{ point }}</span>
+            <span class="break-words">{{ point }}</span>
           </label>
-          <div class="daisy-flex daisy-gap-1 daisy-shrink-0">
+          <div class="flex gap-1 shrink-0">
             <button
               class="daisy-btn daisy-btn-xs daisy-btn-ghost"
               @click="promotePointToSiblingNote(point, index)"
               title="Promote to sibling note"
             >
-              <Folders class="daisy-w-4 daisy-h-4" />
+              <Folders class="w-4 h-4" />
               Sibling
             </button>
           </div>
         </li>
       </ul>
 
-      <div class="daisy-flex daisy-gap-2 daisy-mt-4">
+      <div class="flex gap-2 mt-4">
         <button
           data-test-id="delete-understanding-points"
           :disabled="selectedPointIndices.length === 0"
           @click="deleteSelectedPoints"
-          class="daisy-btn daisy-btn-error daisy-btn-sm !daisy-text-white"
+          class="daisy-btn daisy-btn-error daisy-btn-sm !text-white"
         >
           Delete selected points
         </button>
@@ -51,7 +51,7 @@
           data-test-id="ignore-understanding-points"
           :disabled="selectedPointIndices.length === 0"
           @click="ignoreSelectedPoints"
-          class="daisy-btn daisy-btn-warning daisy-btn-sm !daisy-text-white"
+          class="daisy-btn daisy-btn-warning daisy-btn-sm !text-white"
         >
           Ignore questions
         </button>
diff --git a/frontend/src/components/recall/NoteUnderQuestion.vue b/frontend/src/components/recall/NoteUnderQuestion.vue
index ba1ffd741d..40ca774b74 100644
--- a/frontend/src/components/recall/NoteUnderQuestion.vue
+++ b/frontend/src/components/recall/NoteUnderQuestion.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="note-under-question daisy-bg-base-200 daisy-border-base-300">
-    <div class="note-label daisy-bg-base-200 daisy-text-base-content">Note under question</div>
+  <div class="note-under-question bg-base-200 border-base-300">
+    <div class="note-label bg-base-200 text-base-content">Note under question</div>
     <div class="breadcrumb-wrapper">
       <Breadcrumb
         :ancestor-folders="ancestorFolders ?? []"
diff --git a/frontend/src/components/recall/QuestionChoices.vue b/frontend/src/components/recall/QuestionChoices.vue
index 62a014d343..29bacafd97 100644
--- a/frontend/src/components/recall/QuestionChoices.vue
+++ b/frontend/src/components/recall/QuestionChoices.vue
@@ -1,17 +1,17 @@
 <template>
-  <ol class="choices daisy-grid daisy-grid-cols-1 sm:daisy-grid-cols-2 daisy-list-none daisy-p-0 daisy-gap-4 daisy-mt-4" v-if="choices && choices.length > 0">
+  <ol class="choices grid grid-cols-1 sm:grid-cols-2 list-none p-0 gap-4 mt-4" v-if="choices && choices.length > 0">
     <li
-      class="choice daisy-min-h-[80px]"
+      class="choice min-h-[80px]"
       v-for="(choice, index) in choices"
       :key="index"
     >
       <button
         :class="[
-          'daisy-w-full daisy-h-full daisy-flex daisy-justify-center daisy-items-center',
-          'daisy-rounded-lg daisy-bg-base-200 daisy-p-4',
+          'w-full h-full flex justify-center items-center',
+          'rounded-lg bg-base-200 p-4',
           'choice-button',
-          'focus:daisy-outline-none focus:daisy-ring-2 focus:daisy-ring-primary',
-          'disabled:daisy-opacity-65 daisy-transition-colors',
+          'focus:outline-none focus:ring-2 focus:ring-primary',
+          'disabled:opacity-65 transition-colors',
           {
             'is-correct': isOptionCorrect(index),
             'is-incorrect': !isOptionCorrect(index),
@@ -23,7 +23,7 @@
       >
         <div
           v-html="getChoiceHtml(choice)"
-          class="daisy-whitespace-normal daisy-break-words choice-text"
+          class="whitespace-normal break-words choice-text"
           @click.capture="handleInnerClick"
         />
       </button>
diff --git a/frontend/src/components/recall/QuestionDisplay.vue b/frontend/src/components/recall/QuestionDisplay.vue
index 8559d30459..c388599c8f 100644
--- a/frontend/src/components/recall/QuestionDisplay.vue
+++ b/frontend/src/components/recall/QuestionDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="quiz-instruction daisy-relative daisy-max-w-6xl daisy-mx-auto" data-test="question-section">
+  <div class="quiz-instruction relative max-w-6xl mx-auto" data-test="question-section">
     <InactiveRecallMask :show="isActiveQuestion && isPaused" />
     <QuestionStem :stem="multipleChoicesQuestion.questionStem" />
     <QuestionChoices
@@ -12,23 +12,23 @@
     />
     <div
       v-if="answeredWithAiNotes"
-      class="daisy-mt-6 daisy-border daisy-border-base-300 daisy-rounded-lg daisy-p-4 daisy-bg-base-200/40"
+      class="mt-6 border border-base-300 rounded-lg p-4 bg-base-200/40"
       data-test="question-ai-notes"
     >
-      <p class="daisy-text-xs daisy-font-semibold daisy-opacity-60 daisy-mb-3 daisy-uppercase daisy-tracking-wide">
+      <p class="text-xs font-semibold opacity-60 mb-3 uppercase tracking-wide">
         Question designer notes
       </p>
-      <div v-if="testedFocus?.trim()" class="daisy-space-y-1">
-        <h3 class="daisy-text-sm daisy-font-semibold">Tested focus</h3>
-        <p class="daisy-text-sm daisy-whitespace-pre-wrap">{{ testedFocus }}</p>
+      <div v-if="testedFocus?.trim()" class="space-y-1">
+        <h3 class="text-sm font-semibold">Tested focus</h3>
+        <p class="text-sm whitespace-pre-wrap">{{ testedFocus }}</p>
       </div>
       <div
         v-if="validationRationale?.trim()"
-        :class="{ 'daisy-mt-4': testedFocus?.trim() }"
-        class="daisy-space-y-1"
+        :class="{ 'mt-4': testedFocus?.trim() }"
+        class="space-y-1"
       >
-        <h3 class="daisy-text-sm daisy-font-semibold">Why the answer fits</h3>
-        <p class="daisy-text-sm daisy-whitespace-pre-wrap">{{ validationRationale }}</p>
+        <h3 class="text-sm font-semibold">Why the answer fits</h3>
+        <p class="text-sm whitespace-pre-wrap">{{ validationRationale }}</p>
       </div>
     </div>
   </div>
diff --git a/frontend/src/components/recall/Quiz.vue b/frontend/src/components/recall/Quiz.vue
index 26c368c944..efc67a9a83 100644
--- a/frontend/src/components/recall/Quiz.vue
+++ b/frontend/src/components/recall/Quiz.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="content daisy-h-full">
+  <div class="content h-full">
     <ContentLoader v-if="!currentQuestionFetched || isCurrentMemoryTrackerFetching" />
     <template v-else>
-      <div class="daisy-pt-5 daisy-h-full">
+      <div class="pt-5 h-full">
       <SpellingQuestionDisplay
         v-if="currentMemoryTracker?.spelling"
         v-bind="{
@@ -21,7 +21,7 @@
           />
         </div>
         <template v-else>
-         <div class="notebook-source daisy-mb-4">
+         <div class="notebook-source mb-4">
             <NotebookLink :notebook="currentRecallPrompt.notebook" />
           </div>
           <ContestableQuestion
diff --git a/frontend/src/components/recall/RecallProgressBar.vue b/frontend/src/components/recall/RecallProgressBar.vue
index 45097a75ea..8fa6c0d890 100644
--- a/frontend/src/components/recall/RecallProgressBar.vue
+++ b/frontend/src/components/recall/RecallProgressBar.vue
@@ -4,7 +4,7 @@
     @showSettings="showSettings = !showSettings"
   >
     <template #buttons>
-      <div class="btn-group-wrapper daisy-relative" style="overflow: visible;">
+      <div class="btn-group-wrapper relative" style="overflow: visible;">
         <div class="btn-group">
           <template v-if="previousAnsweredQuestionCursor !== undefined">
             <button
@@ -20,7 +20,7 @@
                 )
               "
             >
-              <SkipBack class="daisy-w-8 daisy-h-8" />
+              <SkipBack class="w-8 h-8" />
             </button>
           </template>
           <button
@@ -30,7 +30,7 @@
             :disabled="finished === 0"
             @click="$emit('viewLastAnsweredQuestion', finished - 1)"
           >
-            <Pause class="daisy-w-8 daisy-h-8 daisy-text-green-600" />
+            <Pause class="w-8 h-8 text-green-600" />
           </button>
         </div>
         <RecallSessionOptionsDialog
@@ -51,7 +51,7 @@
       </div>
     </template>
     <template #cogIcon>
-      <Settings class="daisy-w-6 daisy-h-6" />
+      <Settings class="w-6 h-6" />
     </template>
   </ProgressBar>
 </template>
diff --git a/frontend/src/components/recall/RecallPromptComponent.vue b/frontend/src/components/recall/RecallPromptComponent.vue
index bc3e046a38..efb0b718e4 100644
--- a/frontend/src/components/recall/RecallPromptComponent.vue
+++ b/frontend/src/components/recall/RecallPromptComponent.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-relative">
+  <div class="relative">
     <QuestionDisplay
       v-if="recallPrompt.multipleChoicesQuestion"
       v-bind="{
@@ -10,13 +10,13 @@
       :disabled="isLoading || isAnswered"
     />
 
-    <div v-if="isAnswered" data-test="answered-overlay" class="daisy-absolute daisy-inset-0 daisy-bg-base-100/80 daisy-z-50">
-      <div v-if="isLoading" class="daisy-flex daisy-justify-center daisy-items-center daisy-h-full">
+    <div v-if="isAnswered" data-test="answered-overlay" class="absolute inset-0 bg-base-100/80 z-50">
+      <div v-if="isLoading" class="flex justify-center items-center h-full">
         <span class="daisy-loading daisy-loading-spinner daisy-loading-lg"></span>
       </div>
     </div>
 
-    <div v-if="error" class="daisy-alert daisy-alert-error daisy-mt-4">
+    <div v-if="error" class="daisy-alert daisy-alert-error mt-4">
       <span>{{ error }}</span>
     </div>
   </div>
diff --git a/frontend/src/components/recall/RecallSessionOptionsDialog.vue b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
index 51c72264c8..5c32e6c8ed 100644
--- a/frontend/src/components/recall/RecallSessionOptionsDialog.vue
+++ b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
@@ -4,19 +4,19 @@
       <h2>Recall Session Options</h2>
     </template>
     <template #body>
-      <div class="daisy-flex daisy-flex-col daisy-gap-4">
-        <div class="daisy-flex daisy-flex-col daisy-gap-2">
-          <p class="daisy-my-2 daisy-text-neutral">Daily Progress: {{ finished }} / {{ finished + toRepeatCount }}</p>
-          <p class="daisy-my-2 daisy-text-neutral">Total assimilated: {{ finished }} / {{ totalAssimilatedCount }}</p>
+      <div class="flex flex-col gap-4">
+        <div class="flex flex-col gap-2">
+          <p class="my-2 text-neutral">Daily Progress: {{ finished }} / {{ finished + toRepeatCount }}</p>
+          <p class="my-2 text-neutral">Total assimilated: {{ finished }} / {{ totalAssimilatedCount }}</p>
           <p
             v-if="averageThinkingTime !== null"
-            class="daisy-my-2 daisy-text-neutral"
+            class="my-2 text-neutral"
           >
             Average thinking time: {{ formatThinkingTime(averageThinkingTime) }}
           </p>
         </div>
         <div class="daisy-divider"></div>
-        <div class="daisy-flex daisy-flex-col daisy-gap-2">
+        <div class="flex flex-col gap-2">
           <button
             v-if="canMoveToEnd && previousAnsweredQuestionCursor === undefined"
             class="btn large-btn"
@@ -24,10 +24,10 @@
             aria-label="Move to end of list"
             @click="handleMoveToEnd"
           >
-            <SkipForward class="daisy-w-6 daisy-h-6" />
-            <span class="daisy-ml-2">Move to end of list</span>
+            <SkipForward class="w-6 h-6" />
+            <span class="ml-2">Move to end of list</span>
           </button>
-          <label class="daisy-label daisy-cursor-pointer daisy-flex daisy-items-center daisy-gap-2">
+          <label class="daisy-label cursor-pointer flex items-center gap-2">
             <input
               type="checkbox"
               class="daisy-toggle daisy-toggle-primary"
diff --git a/frontend/src/components/recall/SpellingQuestionDisplay.vue b/frontend/src/components/recall/SpellingQuestionDisplay.vue
index 7837d800ac..4840a5af2c 100644
--- a/frontend/src/components/recall/SpellingQuestionDisplay.vue
+++ b/frontend/src/components/recall/SpellingQuestionDisplay.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="quiz-instruction daisy-relative daisy-h-full daisy-flex daisy-flex-col" data-test="question-section">
+  <div class="quiz-instruction relative h-full flex flex-col" data-test="question-section">
     <InactiveRecallMask :show="isActiveQuestion && isPaused" />
     <ContentLoader v-if="loading" />
     <template v-else>
-      <div class="daisy-flex-1 daisy-overflow-y-auto daisy-pb-4">
-        <div v-if="recallPrompt?.spellingQuestion?.notebook" class="notebook-source daisy-mb-4">
+      <div class="flex-1 overflow-y-auto pb-4">
+        <div v-if="recallPrompt?.spellingQuestion?.notebook" class="notebook-source mb-4">
           <NotebookLink :notebook="recallPrompt.spellingQuestion.notebook" />
         </div>
         <QuestionStem :stem="stem" />
       </div>
-      <form @submit.prevent="submitAnswer" class="daisy-sticky daisy-bottom-0 daisy-bg-base-100 daisy-pt-4 daisy-pb-4">
+      <form @submit.prevent="submitAnswer" class="sticky bottom-0 bg-base-100 pt-4 pb-4">
         <TextInput
           scope-name="memory_tracker"
           field="answer"
diff --git a/frontend/src/components/recall/SpellingVerificationPopup.vue b/frontend/src/components/recall/SpellingVerificationPopup.vue
index f456f90512..d97a846f8a 100644
--- a/frontend/src/components/recall/SpellingVerificationPopup.vue
+++ b/frontend/src/components/recall/SpellingVerificationPopup.vue
@@ -4,16 +4,16 @@
       <h2 data-test="spelling-verification-popup">Verify Spelling</h2>
     </template>
     <template #body>
-      <p class="daisy-mb-4">Please type the note title from memory:</p>
+      <p class="mb-4">Please type the note title from memory:</p>
       <input
         v-model="userInput"
         type="text"
-        class="daisy-input daisy-input-bordered daisy-w-full"
+        class="daisy-input w-full"
         data-test="spelling-verification-input"
         @keyup.enter="verify"
       />
-      <p v-if="errorMessage" class="daisy-text-error daisy-mt-2" data-test="spelling-error-message">{{ errorMessage }}</p>
-      <div class="daisy-mt-4 daisy-flex daisy-gap-2">
+      <p v-if="errorMessage" class="text-error mt-2" data-test="spelling-error-message">{{ errorMessage }}</p>
+      <div class="mt-4 flex gap-2">
         <button
           class="daisy-btn daisy-btn-primary"
           data-test="verify-spelling"
diff --git a/frontend/src/components/recall/ViewMemoryTrackerLink.vue b/frontend/src/components/recall/ViewMemoryTrackerLink.vue
index 902e11fe7f..8a82ab045c 100644
--- a/frontend/src/components/recall/ViewMemoryTrackerLink.vue
+++ b/frontend/src/components/recall/ViewMemoryTrackerLink.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     @click="navigateToMemoryTracker"
-    class="daisy-btn daisy-btn-primary daisy-mt-4"
+    class="daisy-btn daisy-btn-primary mt-4"
   >
     View Memory Tracker
   </button>
diff --git a/frontend/src/components/search/SearchDropdownHitList.vue b/frontend/src/components/search/SearchDropdownHitList.vue
index 6233177b0e..8b718d99fb 100644
--- a/frontend/src/components/search/SearchDropdownHitList.vue
+++ b/frontend/src/components/search/SearchDropdownHitList.vue
@@ -6,27 +6,27 @@
     >
       <div
         v-if="hit.hitKind === 'NOTE' && hit.noteSearchResult"
-        class="dropdown-hit-row daisy-flex daisy-items-start daisy-gap-2 daisy-py-1 daisy-px-2"
+        class="dropdown-hit-row flex items-start gap-2 py-1 px-2"
       >
         <div
-          class="dropdown-hit-icon-col daisy-flex daisy-w-5 daisy-shrink-0 daisy-items-start daisy-justify-center daisy-mt-0.5"
+          class="dropdown-hit-icon-col flex w-5 shrink-0 items-start justify-center mt-0.5"
         >
           <FileText :size="14" class="dropdown-hit-kind-icon" aria-hidden="true" />
         </div>
-        <div class="daisy-min-w-0 daisy-flex-1">
+        <div class="min-w-0 flex-1">
           <NoteTitleWithLink :note-topology="hit.noteSearchResult.noteTopology" />
         </div>
       </div>
       <div
         v-else-if="hit.hitKind === 'FOLDER'"
-        class="dropdown-hit-row folder-search-hit daisy-flex daisy-items-start daisy-gap-2 daisy-py-1 daisy-px-2"
+        class="dropdown-hit-row folder-search-hit flex items-start gap-2 py-1 px-2"
       >
         <div
-          class="dropdown-hit-icon-col daisy-flex daisy-w-5 daisy-shrink-0 daisy-items-start daisy-justify-center daisy-mt-0.5"
+          class="dropdown-hit-icon-col flex w-5 shrink-0 items-start justify-center mt-0.5"
         >
           <Folder :size="14" class="dropdown-hit-kind-icon" aria-hidden="true" />
         </div>
-        <div class="daisy-min-w-0 daisy-flex-1">
+        <div class="min-w-0 flex-1">
           <router-link
             v-if="hit.folderId != null && hit.notebookId != null"
             :to="{
@@ -36,27 +36,27 @@
                 folderId: hit.folderId,
               },
             }"
-            class="daisy-block daisy-font-medium daisy-text-decoration-none"
+            class="block font-medium daisy-text-decoration-none"
           >{{ hit.folderName }}</router-link>
-          <span v-else class="daisy-font-medium">{{ hit.folderName }}</span>
+          <span v-else class="font-medium">{{ hit.folderName }}</span>
           <span
             v-if="hit.notebookName"
-            class="daisy-block daisy-text-xs daisy-opacity-70"
+            class="block text-xs opacity-70"
           >{{ hit.notebookName }}</span>
         </div>
       </div>
       <div
         v-else-if="hit.hitKind === 'NOTEBOOK' && hit.notebookId != null"
-        class="dropdown-hit-row daisy-flex daisy-items-start daisy-gap-2 daisy-py-1 daisy-px-2"
+        class="dropdown-hit-row flex items-start gap-2 py-1 px-2"
       >
         <div
-          class="dropdown-hit-icon-col daisy-flex daisy-w-5 daisy-shrink-0 daisy-items-start daisy-justify-center daisy-mt-0.5"
+          class="dropdown-hit-icon-col flex w-5 shrink-0 items-start justify-center mt-0.5"
         >
           <BookText :size="14" class="dropdown-hit-kind-icon" aria-hidden="true" />
         </div>
         <router-link
           :to="{ name: 'notebookPage', params: { notebookId: hit.notebookId } }"
-          class="daisy-min-w-0 daisy-flex-1 daisy-text-decoration-none daisy-font-medium"
+          class="min-w-0 flex-1 daisy-text-decoration-none font-medium"
         >{{ hit.notebookName }}</router-link>
       </div>
     </template>
diff --git a/frontend/src/components/search/SearchForNoteAndFolder.vue b/frontend/src/components/search/SearchForNoteAndFolder.vue
index 9b070ce01c..36d08659d5 100644
--- a/frontend/src/components/search/SearchForNoteAndFolder.vue
+++ b/frontend/src/components/search/SearchForNoteAndFolder.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div class="daisy-flex daisy-items-center daisy-gap-2 daisy-w-full">
+    <div class="flex items-center gap-2 w-full">
       <TextInput
-        class="daisy-flex-1 daisy-min-w-0"
+        class="flex-1 min-w-0"
         scope-name="searchTerm"
         field="searchKey"
         v-model="inputSearchKey"
@@ -61,12 +61,12 @@
         :class="[
           'daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square',
           allMyNotebooksAndSubscriptions
-            ? 'daisy-text-primary'
-            : 'daisy-opacity-30',
+            ? 'text-primary'
+            : 'opacity-30',
         ]"
         @click="allMyNotebooksAndSubscriptions = !allMyNotebooksAndSubscriptions"
       >
-        <BookOpen class="daisy-w-6 daisy-h-6" />
+        <BookOpen class="w-6 h-6" />
       </button>
       <button
         type="button"
@@ -74,11 +74,11 @@
         aria-label="All My Circles"
         :class="[
           'daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square',
-          allMyCircles ? 'daisy-text-primary' : 'daisy-opacity-30',
+          allMyCircles ? 'text-primary' : 'opacity-30',
         ]"
         @click="allMyCircles = !allMyCircles"
       >
-        <Users class="daisy-w-6 daisy-h-6" />
+        <Users class="w-6 h-6" />
       </button>
       <button
         type="button"
@@ -86,11 +86,11 @@
         aria-label="Semantic search"
         :class="[
           'daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square',
-          semanticSearchEnabled ? 'daisy-text-primary' : 'daisy-opacity-30',
+          semanticSearchEnabled ? 'text-primary' : 'opacity-30',
         ]"
         @click="semanticSearchEnabled = !semanticSearchEnabled"
       >
-        <Sparkles class="daisy-w-6 daisy-h-6" />
+        <Sparkles class="w-6 h-6" />
       </button>
       <button
         v-if="modalCloser"
@@ -100,7 +100,7 @@
         class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square"
         @click="modalCloser()"
       >
-        <X class="daisy-w-6 daisy-h-6" />
+        <X class="w-6 h-6" />
       </button>
     </div>
     <SearchResults
diff --git a/frontend/src/components/search/SearchResultList.vue b/frontend/src/components/search/SearchResultList.vue
index 729117102a..e82a6df0a9 100644
--- a/frontend/src/components/search/SearchResultList.vue
+++ b/frontend/src/components/search/SearchResultList.vue
@@ -1,7 +1,7 @@
 <template>
   <ul
     role="list"
-    class="daisy-m-0 daisy-list-none daisy-p-0 daisy-flex daisy-flex-col"
+    class="m-0 list-none p-0 flex flex-col"
   >
     <SearchResultListItem
       v-for="searchHit in searchHits"
diff --git a/frontend/src/components/search/SearchResultListItem.vue b/frontend/src/components/search/SearchResultListItem.vue
index 268f5992a4..0980744324 100644
--- a/frontend/src/components/search/SearchResultListItem.vue
+++ b/frontend/src/components/search/SearchResultListItem.vue
@@ -1,18 +1,18 @@
 <template>
   <li
     role="listitem"
-    class="daisy-flex daisy-flex-row daisy-items-start daisy-gap-2 daisy-border-b daisy-border-base-300 daisy-py-2 daisy-px-1 last:daisy-border-b-0 hover:daisy-bg-base-200 daisy-transition-colors"
+    class="flex flex-row items-start gap-2 border-b border-base-300 py-2 px-1 last:border-b-0 hover:bg-base-200 transition-colors"
     :class="{
-      'different-notebook-border daisy-border-l-primary': isDifferentNotebook,
+      'different-notebook-border border-l-primary': isDifferentNotebook,
     }"
   >
     <div
-      class="search-hit-kind-icon daisy-flex daisy-w-5 daisy-shrink-0 daisy-items-start daisy-justify-center daisy-pt-0.5 daisy-text-base-content/50"
+      class="search-hit-kind-icon flex w-5 shrink-0 items-start justify-center pt-0.5 text-base-content/50"
       aria-hidden="true"
     >
-      <component :is="kindIcon" :size="14" class="daisy-block" />
+      <component :is="kindIcon" :size="14" class="block" />
     </div>
-    <div class="daisy-min-w-0 daisy-flex-1">
+    <div class="min-w-0 flex-1">
       <div class="search-result-item-title">
         <NoteTitleWithLink
           v-if="searchHit.hitKind === 'NOTE' && searchHit.noteSearchResult"
@@ -45,7 +45,7 @@
       </div>
       <div
         v-if="displayNotebookName || displayDistance != null"
-        class="search-hit-meta daisy-flex daisy-flex-row daisy-flex-wrap daisy-items-baseline daisy-gap-1"
+        class="search-hit-meta flex flex-row flex-wrap items-baseline gap-1"
       >
         <span v-if="displayNotebookName" class="notebook-name-label">{{
           displayNotebookName
@@ -54,23 +54,23 @@
       </div>
     </div>
     <div
-      class="daisy-ms-1 daisy-flex daisy-shrink-0 daisy-flex-col daisy-items-end daisy-gap-1 daisy-self-center"
+      class="ms-1 flex shrink-0 flex-col items-end gap-1 self-center"
     >
       <div
         v-if="$slots.button"
-        class="daisy-flex daisy-flex-row daisy-flex-wrap daisy-justify-end daisy-gap-1"
+        class="flex flex-row flex-wrap justify-end gap-1"
       >
         <slot name="button" />
       </div>
       <div
         v-if="$slots.folderButton"
-        class="daisy-flex daisy-flex-row daisy-flex-wrap daisy-justify-end daisy-gap-1"
+        class="flex flex-row flex-wrap justify-end gap-1"
       >
         <slot name="folderButton" />
       </div>
       <div
         v-if="$slots.notebookButton"
-        class="daisy-flex daisy-flex-row daisy-flex-wrap daisy-justify-end daisy-gap-1"
+        class="flex flex-row flex-wrap justify-end gap-1"
       >
         <slot name="notebookButton" />
       </div>
diff --git a/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue b/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
index ff80c38b75..78bd7721e3 100644
--- a/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
+++ b/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
@@ -1,34 +1,34 @@
 <template>
-  <div class="daisy-join daisy-flex daisy-items-center">
+  <div class="daisy-join flex items-center">
     <AutoCollapseDropdown
       v-slot="{ closeDropdown }"
       class="daisy-dropdown daisy-dropdown-end daisy-dropdown-bottom"
     >
       <summary
         data-cy="notebook-catalog-overflow"
-        class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none daisy-cursor-pointer"
+        class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none cursor-pointer"
         aria-label="Notebook actions"
       >
-        <MoreHorizontal class="daisy-w-6 daisy-h-6" />
+        <MoreHorizontal class="w-6 h-6" />
       </summary>
       <ul
         tabindex="0"
-        class="daisy-dropdown-content daisy-menu daisy-bg-base-100 daisy-rounded-box daisy-w-52 daisy-p-2 daisy-shadow daisy-z-[1000]"
+        class="daisy-dropdown-content daisy-menu bg-base-100 rounded-box w-52 p-2 shadow z-[1000]"
       >
-        <li class="daisy-menu-item daisy-p-0">
+        <li class="daisy-menu-item p-0">
           <button
             type="button"
-            class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-py-2 daisy-font-normal"
+            class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start py-2 font-normal"
             title="Edit subscription"
             @click="openEdit(closeDropdown)"
           >
             Edit subscription
           </button>
         </li>
-        <li class="daisy-menu-item daisy-p-0">
+        <li class="daisy-menu-item p-0">
           <button
             type="button"
-            class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-py-2 daisy-font-normal"
+            class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start py-2 font-normal"
             title="Move to group"
             @click="openMoveToGroup(closeDropdown)"
           >
@@ -42,7 +42,7 @@
       title="Unsubscribe"
       @click="processForm"
     >
-      <Minus class="daisy-w-6 daisy-h-6" />
+      <Minus class="w-6 h-6" />
     </button>
     <Modal v-if="showEdit" @close_request="closeEdit">
       <template #body>
diff --git a/frontend/src/components/toolbars/AccountMenuItem.vue b/frontend/src/components/toolbars/AccountMenuItem.vue
index 6926a15f48..5dae6ee670 100644
--- a/frontend/src/components/toolbars/AccountMenuItem.vue
+++ b/frontend/src/components/toolbars/AccountMenuItem.vue
@@ -7,29 +7,29 @@
       :is-active="false"
     >
       <template #dropdown="slotProps">
-        <ul tabindex="0" class="daisy-dropdown-content daisy-menu daisy-p-2 daisy-bg-base-100 daisy-rounded-box daisy-w-52 daisy-shadow daisy-max-w-52 daisy-overflow-hidden daisy-z-[1000]">
-          <li v-if="user?.admin" class="daisy-menu-item hover:daisy-bg-base-200">
-            <router-link :to="{ name: 'adminDashboard' }" class="daisy-menu-title daisy-justify-start daisy-text-primary hover:daisy-text-primary-focus daisy-w-full daisy-text-left daisy-truncate" @click="slotProps.closeDropdown">
+        <ul tabindex="0" class="daisy-dropdown-content daisy-menu p-2 bg-base-100 rounded-box w-52 shadow max-w-52 overflow-hidden z-[1000]">
+          <li v-if="user?.admin" class="daisy-menu-item hover:bg-base-200">
+            <router-link :to="{ name: 'adminDashboard' }" class="daisy-menu-title justify-start text-primary hover:text-primary-focus w-full text-left truncate" @click="slotProps.closeDropdown">
               Admin Dashboard
             </router-link>
           </li>
-          <li class="daisy-menu-item hover:daisy-bg-base-200">
-            <router-link :to="{ name: 'recent' }" class="daisy-menu-title daisy-justify-start daisy-text-primary hover:daisy-text-primary-focus daisy-w-full daisy-text-left daisy-truncate" @click="slotProps.closeDropdown">
-              <CircleCheck class="daisy-mr-2 daisy-w-6 daisy-h-6 daisy-shrink-0" />Recent...
+          <li class="daisy-menu-item hover:bg-base-200">
+            <router-link :to="{ name: 'recent' }" class="daisy-menu-title justify-start text-primary hover:text-primary-focus w-full text-left truncate" @click="slotProps.closeDropdown">
+              <CircleCheck class="mr-2 w-6 h-6 shrink-0" />Recent...
             </router-link>
           </li>
-          <li class="daisy-menu-item hover:daisy-bg-base-200">
-            <a href="#" class="daisy-menu-title daisy-justify-start daisy-text-primary hover:daisy-text-primary-focus daisy-w-full daisy-text-left daisy-truncate" @click="(e) => { e.preventDefault(); showUserSettingsDialog(); slotProps.closeDropdown(); }">
+          <li class="daisy-menu-item hover:bg-base-200">
+            <a href="#" class="daisy-menu-title justify-start text-primary hover:text-primary-focus w-full text-left truncate" @click="(e) => { e.preventDefault(); showUserSettingsDialog(); slotProps.closeDropdown(); }">
               Settings for {{ user.name }}
             </a>
           </li>
-          <li class="daisy-menu-item hover:daisy-bg-base-200">
-            <router-link :to="{ name: 'manageAccessTokens' }" class="daisy-menu-title daisy-justify-start daisy-text-primary hover:daisy-text-primary-focus daisy-w-full daisy-text-left daisy-truncate" @click="slotProps.closeDropdown">
+          <li class="daisy-menu-item hover:bg-base-200">
+            <router-link :to="{ name: 'manageAccessTokens' }" class="daisy-menu-title justify-start text-primary hover:text-primary-focus w-full text-left truncate" @click="slotProps.closeDropdown">
               Manage Access Tokens
             </router-link>
           </li>
-          <li class="daisy-menu-item hover:daisy-bg-base-200">
-            <a href="#" class="daisy-menu-title daisy-justify-start daisy-text-primary hover:daisy-text-primary-focus daisy-w-full daisy-text-left daisy-truncate" @click="(e) => { e.preventDefault(); logout(); slotProps.closeDropdown(); }">
+          <li class="daisy-menu-item hover:bg-base-200">
+            <a href="#" class="daisy-menu-title justify-start text-primary hover:text-primary-focus w-full text-left truncate" @click="(e) => { e.preventDefault(); logout(); slotProps.closeDropdown(); }">
               Logout
             </a>
           </li>
diff --git a/frontend/src/components/toolbars/GlobalBar.vue b/frontend/src/components/toolbars/GlobalBar.vue
index 06f8624d51..97fd06f00e 100644
--- a/frontend/src/components/toolbars/GlobalBar.vue
+++ b/frontend/src/components/toolbars/GlobalBar.vue
@@ -1,9 +1,9 @@
 <template>
-  <nav class="daisy-navbar daisy-max-w-full daisy-flex daisy-justify-between daisy-relative">
-    <div class="daisy-flex daisy-flex-1 daisy-overflow-x-auto">
+  <nav class="daisy-navbar max-w-full flex justify-between relative">
+    <div class="flex flex-1 overflow-x-auto">
       <slot />
     </div>
-    <div class="daisy-join daisy-join-horizontal daisy-flex-none">
+    <div class="daisy-join daisy-join-horizontal flex-none">
       <slot name="right" />
       <PopButton
         v-if="user"
@@ -14,7 +14,7 @@
         :show-close-button="false"
       >
         <template #button_face>
-          <Search class="daisy-w-6 daisy-h-6" />
+          <Search class="w-6 h-6" />
         </template>
         <template #default="{ closer }">
           <SearchForm :modal-closer="closer" @close-dialog="closer" />
@@ -60,7 +60,7 @@ onUnmounted(() => {
 <style scoped lang="scss">
 @use "@/assets/menu-variables.scss" as *;
 
-@media (max-width: theme('screens.lg')) {
+@media (max-width: 1024px) {
   .daisy-navbar {
     padding-left: $collapsed-menu-width-tablet;
     height: $main-menu-height-tablet;
@@ -68,7 +68,7 @@ onUnmounted(() => {
   }
 }
 
-@media (max-width: theme('screens.md')) {
+@media (max-width: 768px) {
   .daisy-navbar {
     padding-left: $collapsed-menu-width-mobile;
     height: $main-menu-height-mobile;
diff --git a/frontend/src/components/toolbars/HorizontalMenu.vue b/frontend/src/components/toolbars/HorizontalMenu.vue
index 53c9258669..aeba4f6baa 100644
--- a/frontend/src/components/toolbars/HorizontalMenu.vue
+++ b/frontend/src/components/toolbars/HorizontalMenu.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="sidebar-container daisy-w-full daisy-h-full">
+  <div class="sidebar-container test-probe-class w-full h-full">
     <div
       ref="menuRef"
       tabindex="0"
-      class="menu-wrapper daisy-flex daisy-flex-col daisy-h-full daisy-bg-neutral"
+      class="menu-wrapper flex flex-col h-full bg-neutral"
       :class="{ 'is-expanded': shouldShowExpanded, 'is-collapsed': !shouldShowExpanded }"
       @blur="handleFocusLoss"
       @click="handleMenuWrapperClick"
     >
       <div
-        class="menu-content daisy-flex daisy-flex-row daisy-items-center"
+        class="menu-content flex flex-row items-center"
         :class="{ 'clickable-when-collapsed': !shouldShowExpanded && user }"
         @click="handleMenuContentClick"
       >
@@ -39,7 +39,7 @@
           <ul v-if="!shouldShowExpanded && !hasActiveItem && !isHomePage" class="collapsed-menu daisy-menu">
             <li class="daisy-menu-item active-item-only">
               <div @click.capture.stop.prevent="handleMenuIconClick" class="active-item-wrapper">
-                <div class="nav-item daisy-text-neutral-content daisy-rounded-lg daisy-px-2 daisy-flex daisy-flex-col daisy-items-center" aria-label="Menu">
+                <div class="nav-item text-neutral-content rounded-lg px-2 flex flex-col items-center" aria-label="Menu">
                   <div class="icon-container">
                     <Menu :size="24" />
                   </div>
@@ -50,7 +50,7 @@
           </ul>
 
           <!-- Expanded state: show all items -->
-          <ul v-if="shouldShowExpanded" class="top-menu daisy-menu daisy-flex-1">
+          <ul v-if="shouldShowExpanded" class="top-menu daisy-menu flex-1">
         <template v-if="!isHomePage">
           <li v-for="item in upperNavItems" :title="item.label" :key="item.name" class="daisy-menu-item">
             <NavigationItem v-bind="{ ...item }" @resumeRecall="resumeRecall" />
@@ -238,6 +238,7 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 @use "@/assets/menu-variables.scss" as *;
+@reference "@/assets/daisyui.css";
 
 .sidebar-container {
   height: auto;
@@ -256,7 +257,7 @@ onUnmounted(() => {
   border-bottom-right-radius: 1rem;
   margin-right: 0.5rem; // Add space on the right to show rounded border
   overflow: visible; // Allow dropdowns to overflow
-  // Background color comes from daisy-bg-neutral class
+  // Background color comes from bg-neutral class
   flex-direction: row; // Ensure horizontal layout
   flex-wrap: nowrap; // Prevent wrapping
 }
@@ -290,7 +291,7 @@ onUnmounted(() => {
   min-width: $collapsed-menu-width-tablet;
 }
 
-@media (max-width: theme('screens.md')) {
+@media (max-width: 768px) {
   .menu-wrapper.is-collapsed {
     min-width: $collapsed-menu-width-mobile;
   }
@@ -412,11 +413,7 @@ onUnmounted(() => {
   cursor: pointer;
 }
 
-.daisy-dropdown {
-  @apply daisy-dropdown-end;
-}
-
-@media (max-width: theme('screens.md')) {
+@media (max-width: 768px) {
   :deep(.label) {
     display: none;
   }
diff --git a/frontend/src/components/toolbars/NoteUndoButton.vue b/frontend/src/components/toolbars/NoteUndoButton.vue
index 054ae53645..ccedf29d56 100644
--- a/frontend/src/components/toolbars/NoteUndoButton.vue
+++ b/frontend/src/components/toolbars/NoteUndoButton.vue
@@ -6,7 +6,7 @@
     btn-class="daisy-btn daisy-btn-sm daisy-btn-ghost"
   >
     <template #button_face>
-      <Undo2 class="daisy-w-6 daisy-h-6" />
+      <Undo2 class="w-6 h-6" />
     </template>
     <template #default="{ closer }">
       <UndoConfirmationForm
diff --git a/frontend/src/components/toolbars/UndoConfirmationForm.vue b/frontend/src/components/toolbars/UndoConfirmationForm.vue
index fcb5542d01..c36cad31c6 100644
--- a/frontend/src/components/toolbars/UndoConfirmationForm.vue
+++ b/frontend/src/components/toolbars/UndoConfirmationForm.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="undo-confirmation">
-    <div class="daisy-mb-4">
-      <h2 class="daisy-text-xl daisy-font-bold daisy-mb-4">Confirm Undo</h2>
+    <div class="mb-4">
+      <h2 class="text-xl font-bold mb-4">Confirm Undo</h2>
       <p>
         {{ message }}
         <NoteTitleWithLink
@@ -16,7 +16,7 @@
       :old="oldContent"
       maxHeight="300px"
     />
-    <div class="daisy-flex daisy-gap-2 daisy-mt-4 daisy-justify-end">
+    <div class="flex gap-2 mt-4 justify-end">
       <button class="daisy-btn daisy-btn-secondary" @click="handleCancel">
         Cancel
       </button>
diff --git a/frontend/src/components/toolbars/VerticalMenu.vue b/frontend/src/components/toolbars/VerticalMenu.vue
index e1794cd418..ef332861e6 100644
--- a/frontend/src/components/toolbars/VerticalMenu.vue
+++ b/frontend/src/components/toolbars/VerticalMenu.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="sidebar-container daisy-w-full daisy-h-full">
-    <div class="daisy-flex daisy-flex-col daisy-h-full">
-      <ul v-if="user" class="top-menu daisy-menu daisy-w-full daisy-flex-1">
+  <div class="sidebar-container w-full h-full">
+    <div class="flex flex-col h-full">
+      <ul v-if="user" class="top-menu daisy-menu w-full flex-1">
         <template v-if="!isHomePage">
           <li v-for="item in upperNavItems" :title="item.label" :key="item.name" class="daisy-menu-item">
             <NavigationItem v-bind="{ ...item }" @resumeRecall="handleResumeRecall" />
@@ -21,14 +21,14 @@
         />
       </ul>
       <LoginButton v-else />
-      <div class="daisy-flex daisy-flex-col daisy-items-center">
+      <div class="flex flex-col items-center">
         <router-link
           to="/"
-          class="brand-text [writing-mode:vertical-lr] daisy-text-center daisy-py-4 daisy-font-bold daisy-text-neutral-400 daisy-whitespace-nowrap daisy-no-underline"
+          class="brand-text [writing-mode:vertical-lr] text-center py-4 font-bold text-neutral-400 whitespace-nowrap no-underline"
         >
           Doughnut by
         </router-link>
-        <a href="https://odd-e.com" target="_blank" class="daisy-mb-4">
+        <a href="https://odd-e.com" target="_blank" class="mb-4">
           <img
             src="/odd-e.png"
             width="35"
diff --git a/frontend/src/layouts/NotebookSidebarLayout.vue b/frontend/src/layouts/NotebookSidebarLayout.vue
index 22cbce7f1f..a10c886459 100644
--- a/frontend/src/layouts/NotebookSidebarLayout.vue
+++ b/frontend/src/layouts/NotebookSidebarLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-flex daisy-flex-col daisy-h-full">
+  <div class="flex flex-col h-full">
     <GlobalBar>
       <button
         type="button"
@@ -10,12 +10,12 @@
       >
         <PanelLeftClose
           v-if="sidebarOpened"
-          class="daisy-w-6 daisy-h-6"
+          class="w-6 h-6"
           aria-hidden="true"
         />
         <PanelLeft
           v-else
-          class="daisy-w-6 daisy-h-6"
+          class="w-6 h-6"
           aria-hidden="true"
         />
       </button>
@@ -27,11 +27,11 @@
     </GlobalBar>
     <div
       v-if="!isMdOrLarger && sidebarOpened"
-      class="notebook-sidebar-drawer-backdrop daisy-fixed daisy-inset-x-0 daisy-bottom-0 daisy-bg-black/50 daisy-z-30"
+      class="notebook-sidebar-drawer-backdrop fixed inset-x-0 bottom-0 bg-black/50 z-30"
       @click="sidebarOpened = false"
     />
     <div
-      class="daisy-h-full daisy-relative daisy-flex daisy-flex-1 daisy-min-h-0"
+      class="h-full relative flex flex-1 min-h-0"
     >
       <aside :class="sidebarClasses">
         <Sidebar
@@ -45,7 +45,7 @@
         />
       </aside>
       <main
-        class="daisy-flex-1 daisy-px-4 daisy-container daisy-mx-auto daisy-overflow-y-auto"
+        class="flex-1 px-4 container mx-auto overflow-y-auto"
       >
         <slot>
           <RouterView v-slot="{ Component }">
@@ -123,16 +123,16 @@ watch(
 )
 
 const desktopSidebarClass = computed(() =>
-  sidebarOpened.value ? "daisy-relative" : "daisy-hidden"
+  sidebarOpened.value ? "relative" : "hidden"
 )
 
 const mobileSidebarClass = computed(() => [
-  "notebook-sidebar-drawer daisy-fixed daisy-left-0 daisy-z-40",
-  sidebarOpened.value ? "daisy-translate-x-0" : "-daisy-translate-x-full",
+  "notebook-sidebar-drawer fixed left-0 z-40",
+  sidebarOpened.value ? "translate-x-0" : "-translate-x-full",
 ])
 
 const sidebarClasses = computed(() => [
-  "daisy-bg-base-200 daisy-w-72 daisy-transition-all daisy-ease-in-out daisy-flex daisy-flex-col daisy-overflow-x-visible",
+  "bg-base-200 w-72 transition-all ease-in-out flex flex-col overflow-x-visible",
   ...(isMdOrLarger.value
     ? [desktopSidebarClass.value]
     : mobileSidebarClass.value),
@@ -234,7 +234,7 @@ onBeforeUnmount(() => {
 @use "@/assets/menu-variables.scss" as *;
 
 .notebook-sidebar-drawer {
-  @media (max-width: theme("screens.md")) {
+  @media (max-width: 768px) {
     top: calc(#{$main-menu-height-mobile} + env(safe-area-inset-top, 0px));
     bottom: 0;
     height: auto;
@@ -242,7 +242,7 @@ onBeforeUnmount(() => {
 }
 
 .notebook-sidebar-drawer-backdrop {
-  @media (max-width: theme("screens.md")) {
+  @media (max-width: 768px) {
     top: calc(#{$main-menu-height-mobile} + env(safe-area-inset-top, 0px));
   }
 }
diff --git a/frontend/src/pages/AdminDashboardPage.vue b/frontend/src/pages/AdminDashboardPage.vue
index 741fcd47b7..47b00b1b02 100644
--- a/frontend/src/pages/AdminDashboardPage.vue
+++ b/frontend/src/pages/AdminDashboardPage.vue
@@ -1,6 +1,6 @@
 <template>
   <ContainerPage v-bind="{ title: 'Admin Dashboard' }" />
-  <div class="daisy-tabs daisy-tabs-boxed daisy-bg-base-200 daisy-p-2 daisy-flex daisy-justify-center daisy-mb-4">
+  <div class="daisy-tabs daisy-tabs-box bg-base-200 p-2 flex justify-center mb-4">
     <a
       :class="`daisy-tab daisy-tab-lg ${activePage === 'failureReport' ? 'daisy-tab-active' : ''}`"
       role="button"
@@ -32,7 +32,7 @@
       @click.prevent="setActivePage('dataMigration')"
     >Data migration</a>
   </div>
-  <div class="daisy-container daisy-mx-auto">
+  <div class="container mx-auto">
     <FailureReportList v-if="activePage === 'failureReport'" />
     <ManageModel v-if="activePage === 'manageModel'" />
     <ManageBazaar v-if="activePage === 'manageBazaar'" />
diff --git a/frontend/src/pages/AssimilateSingleNotePageView.vue b/frontend/src/pages/AssimilateSingleNotePageView.vue
index 964e898707..2ab531c334 100644
--- a/frontend/src/pages/AssimilateSingleNotePageView.vue
+++ b/frontend/src/pages/AssimilateSingleNotePageView.vue
@@ -1,10 +1,10 @@
 <template>
   <GlobalBar>
-    <div class="daisy-flex daisy-items-center daisy-justify-center daisy-w-full">
-      <span class="daisy-text-lg daisy-font-semibold">Assimilate Note</span>
+    <div class="flex items-center justify-center w-full">
+      <span class="text-lg font-semibold">Assimilate Note</span>
     </div>
   </GlobalBar>
-  <div class="daisy-mx-auto daisy-min-w-0 daisy-container daisy-mt-3">
+  <div class="mx-auto min-w-0 container mt-3">
     <ContentLoader v-if="!note" />
     <Assimilation
       v-if="note"
diff --git a/frontend/src/pages/AssimilationPageView.vue b/frontend/src/pages/AssimilationPageView.vue
index b3d15acb74..145da5c938 100644
--- a/frontend/src/pages/AssimilationPageView.vue
+++ b/frontend/src/pages/AssimilationPageView.vue
@@ -1,51 +1,51 @@
 <template>
   <GlobalBar>
-    <div class="progress-container daisy-relative daisy-w-full">
+    <div class="progress-container relative w-full">
       <div
-        :class="`daisy-progress-bar daisy-w-full daisy-bg-gray-500 daisy-h-[25px] daisy-rounded-lg daisy-relative daisy-cursor-help ${false ? 'daisy-h-[5px]' : ''}`"
+        :class="`daisy-progress-bar w-full bg-gray-500 h-[25px] rounded-lg relative cursor-help ${false ? 'h-[5px]' : ''}`"
         v-if="remainingAssimilationCountForToday !== null"
         :title="`Daily Progress: ${assimilatedCountOfTheDay || 0} completed out of ${plannedForTheDay} planned for today`"
         @click="showTooltip = true"
       >
         <div
-          class="progress daisy-h-full daisy-bg-blue-500"
+          class="progress h-full bg-blue-500"
           :style="`width: ${(assimilatedCountOfTheDay || 0) * 100 / plannedForTheDay}%`"
         >
         </div>
-        <span class="progress-text daisy-absolute daisy-top-1/2 daisy-left-1/2 daisy-transform daisy--translate-x-1/2 daisy--translate-y-1/2 daisy-text-white">
+        <span class="progress-text absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-white">
           Assimilating: {{ assimilatedCountOfTheDay || 0 }}/{{ plannedForTheDay }}
         </span>
       </div>
       <div
-        class="daisy-progress-bar daisy-w-full daisy-bg-gray-500 daisy-h-[5px] daisy-rounded-lg daisy-relative daisy-cursor-help"
+        class="daisy-progress-bar w-full bg-gray-500 h-[5px] rounded-lg relative cursor-help"
         v-if="totalUnassimilatedCount !== undefined"
         :title="`Total Progress: ${assimilatedCountOfTheDay || 0} completed out of ${totalPlannedCount} total notes to assimilate`"
         @click="showTooltip = true"
       >
         <span
-          class="progress daisy-block daisy-h-full daisy-bg-green-500"
+          class="progress block h-full bg-green-500"
           :style="`width: ${(assimilatedCountOfTheDay || 0) * 100 / totalPlannedCount}%`"
         >
         </span>
-        <span class="progress-text daisy-hidden">
+        <span class="progress-text hidden">
           Total: {{ assimilatedCountOfTheDay || 0 }}/{{ totalPlannedCount }}
         </span>
       </div>
 
       <!-- Popup tooltip -->
-      <div v-if="showTooltip" class="tooltip-popup daisy-fixed daisy-inset-0 daisy-bg-black/50 daisy-flex daisy-justify-center daisy-items-center daisy-z-[1000]" @click="showTooltip = false">
-        <div class="tooltip-content daisy-bg-white daisy-p-4 daisy-rounded-lg daisy-shadow-lg">
-          <p class="daisy-my-2 daisy-text-neutral">Daily Progress: {{ assimilatedCountOfTheDay || 0 }} / {{ plannedForTheDay }}</p>
-          <p class="daisy-my-2 daisy-text-neutral">Total Progress: {{ assimilatedCountOfTheDay || 0 }} / {{ totalPlannedCount }}</p>
+      <div v-if="showTooltip" class="tooltip-popup fixed inset-0 bg-black/50 flex justify-center items-center z-[1000]" @click="showTooltip = false">
+        <div class="tooltip-content bg-white p-4 rounded-lg shadow-lg">
+          <p class="my-2 text-neutral">Daily Progress: {{ assimilatedCountOfTheDay || 0 }} / {{ plannedForTheDay }}</p>
+          <p class="my-2 text-neutral">Total Progress: {{ assimilatedCountOfTheDay || 0 }} / {{ totalPlannedCount }}</p>
         </div>
       </div>
     </div>
   </GlobalBar>
-  <div class="daisy-mx-auto daisy-min-w-0 daisy-container daisy-mt-3">
+  <div class="mx-auto min-w-0 container mt-3">
     <ContentLoader v-if="notes === undefined" />
     <template v-else>
-      <div v-if="(notes?.length ?? 0) === 0" class="daisy-text-center daisy-py-8">
-        <h1 class="celebration-message daisy-text-3xl daisy-font-bold daisy-text-slate-700 daisy-my-4">
+      <div v-if="(notes?.length ?? 0) === 0" class="text-center py-8">
+        <h1 class="celebration-message text-3xl font-bold text-slate-700 my-4">
           🎉 Congratulations! You've achieved your daily assimilation goal! 🎯
         </h1>
       </div>
diff --git a/frontend/src/pages/BookReadingPage.vue b/frontend/src/pages/BookReadingPage.vue
index ca006ffd2f..ba13852cd6 100644
--- a/frontend/src/pages/BookReadingPage.vue
+++ b/frontend/src/pages/BookReadingPage.vue
@@ -1,23 +1,23 @@
 <template>
   <div
     data-testid="book-reading-page"
-    class="book-reading-page daisy-flex daisy-flex-col daisy-h-full daisy-min-h-0"
+    class="book-reading-page flex flex-col h-full min-h-0"
   >
     <template v-if="book">
       <div
         v-if="fileLoading"
-        class="daisy-flex daisy-flex-1 daisy-min-h-0 daisy-flex-col"
+        class="flex flex-1 min-h-0 flex-col"
       >
-        <div class="daisy-px-2 daisy-py-2 sm:daisy-px-4 daisy-flex-1">
+        <div class="px-2 py-2 sm:px-4 flex-1">
           <ContentLoader />
         </div>
       </div>
       <div
         v-else-if="fileError"
-        class="daisy-px-2 daisy-py-2 sm:daisy-px-4"
+        class="px-2 py-2 sm:px-4"
       >
         <div
-          class="daisy-alert daisy-alert-error daisy-mb-2 daisy-mx-2 daisy-mt-2"
+          class="daisy-alert daisy-alert-error mb-2 mx-2 mt-2"
           data-testid="book-reading-book-file-load-error"
         >
           {{ fileError }}
diff --git a/frontend/src/pages/CircleShowPage.vue b/frontend/src/pages/CircleShowPage.vue
index c067f2deee..b82ca26001 100644
--- a/frontend/src/pages/CircleShowPage.vue
+++ b/frontend/src/pages/CircleShowPage.vue
@@ -11,9 +11,9 @@
 
       <div
         v-if="user && catalogItems.length > 0"
-        class="daisy-mb-4"
+        class="mb-4"
       >
-        <div class="daisy-flex daisy-flex-wrap daisy-items-center daisy-justify-between daisy-gap-2">
+        <div class="flex flex-wrap items-center justify-between gap-2">
           <div class="daisy-join">
             <button
               type="button"
@@ -25,7 +25,7 @@
               :aria-pressed="notebooksLayout === 'list'"
               @click="notebooksLayout = 'list'"
             >
-              <List class="daisy-h-6 daisy-w-6" />
+              <List class="h-6 w-6" />
             </button>
             <button
               type="button"
@@ -37,17 +37,17 @@
               :aria-pressed="notebooksLayout === 'grid'"
               @click="notebooksLayout = 'grid'"
             >
-              <LayoutGrid class="daisy-h-6 daisy-w-6" />
+              <LayoutGrid class="h-6 w-6" />
             </button>
           </div>
-          <div class="daisy-form-control daisy-w-auto">
-            <label class="daisy-label daisy-sr-only" for="circle-notebook-catalog-sort">
+          <div class="daisy-form-control w-auto">
+            <label class="daisy-label sr-only" for="circle-notebook-catalog-sort">
               Sort notebooks
             </label>
             <select
               id="circle-notebook-catalog-sort"
               v-model="notebooksSortOrder"
-              class="daisy-select daisy-select-bordered daisy-select-sm daisy-w-max daisy-max-w-[12rem]"
+              class="daisy-select daisy-select daisy-select-sm w-max max-w-[12rem]"
               title="Sort notebooks"
             >
               <option value="created">By created time</option>
@@ -56,21 +56,21 @@
           </div>
         </div>
         <label
-          class="daisy-label daisy-px-0 daisy-pt-3 daisy-pb-1"
+          class="daisy-label px-0 pt-3 pb-1"
           for="circle-notebook-filter-input"
         >
-          <span class="daisy-label-text daisy-text-sm daisy-text-base-content/70">
+          <span class="daisy-label-text text-sm text-base-content/70">
             Filter notebooks
           </span>
         </label>
-        <div class="daisy-flex daisy-items-center daisy-gap-2">
-          <div class="daisy-input daisy-input-bordered daisy-input-sm daisy-flex daisy-items-center daisy-gap-2 daisy-flex-1">
-            <Search class="daisy-h-4 daisy-w-4 daisy-text-base-content/50" />
+        <div class="flex items-center gap-2">
+          <div class="daisy-input daisy-input-sm flex items-center gap-2 flex-1">
+            <Search class="h-4 w-4 text-base-content/50" />
             <input
               id="circle-notebook-filter-input"
               v-model="filterText"
               type="text"
-              class="daisy-grow"
+              class="grow"
               placeholder="Search by notebook or group name"
             />
           </div>
@@ -81,14 +81,14 @@
             aria-label="Clear filter"
             @click="clearFilter"
           >
-            <X class="daisy-h-4 daisy-w-4" />
+            <X class="h-4 w-4" />
           </button>
         </div>
       </div>
 
       <main
         :class="
-          notebooksLayout === 'grid' ? 'daisy-max-w-7xl' : 'daisy-max-w-3xl'
+          notebooksLayout === 'grid' ? 'max-w-7xl' : 'max-w-3xl'
         "
       >
         <NotebookCatalogSection
@@ -103,14 +103,14 @@
         />
         <div
           v-else-if="user && catalogItems.length > 0"
-          class="daisy-rounded-box daisy-border daisy-border-dashed daisy-border-base-300 daisy-bg-base-200/30 daisy-px-6 daisy-py-10 daisy-text-center"
+          class="rounded-box border border-dashed border-base-300 bg-base-200/30 px-6 py-10 text-center"
         >
-          <p class="daisy-m-0 daisy-text-base daisy-text-base-content/70">
+          <p class="m-0 text-base text-base-content/70">
             No notebooks match
           </p>
           <button
             type="button"
-            class="daisy-btn daisy-btn-link daisy-btn-sm daisy-mt-2"
+            class="daisy-btn daisy-btn-link daisy-btn-sm mt-2"
             @click="clearFilter"
           >
             Clear filter
@@ -118,29 +118,29 @@
         </div>
         <div
           v-else-if="user && catalogItems.length === 0"
-          class="daisy-rounded-box daisy-border daisy-border-dashed daisy-border-base-300 daisy-bg-base-200/30 daisy-px-6 daisy-py-10 daisy-text-center"
+          class="rounded-box border border-dashed border-base-300 bg-base-200/30 px-6 py-10 text-center"
         >
-          <p class="daisy-m-0 daisy-text-base daisy-text-base-content/70">
+          <p class="m-0 text-base text-base-content/70">
             This circle has no notebooks yet.
           </p>
         </div>
       </main>
 
-      <nav class="daisy-flex daisy-justify-end">
+      <nav class="flex justify-end">
         <div
-          class="daisy-flex-none circle-member"
+          class="flex-none circle-member"
           v-for="member in circle.members"
           :key="member.name"
         >
-          <span :title="member.name"> <UserIcon class="daisy-w-6 daisy-h-6" /> </span>
+          <span :title="member.name"> <UserIcon class="w-6 h-6" /> </span>
         </div>
       </nav>
 
       <h2>Invite People To Your Circle</h2>
       Please share this invitation code so that they can join your circle:
 
-      <div class="daisy-hero daisy-bg-base-200">
-        <input id="invitation-code" :value="invitationUrl" readonly class="daisy-input daisy-input-bordered daisy-w-full" />
+      <div class="daisy-hero bg-base-200">
+        <input id="invitation-code" :value="invitationUrl" readonly class="daisy-input w-full" />
       </div>
     </div>
   </ContainerPage>
diff --git a/frontend/src/pages/FailureReportPage.vue b/frontend/src/pages/FailureReportPage.vue
index 5a5bbfbb3c..f3bb7ff74d 100644
--- a/frontend/src/pages/FailureReportPage.vue
+++ b/frontend/src/pages/FailureReportPage.vue
@@ -5,15 +5,15 @@
       title: 'Failure Report',
     }"
   >
-    <div v-if="!!failureReport" class="daisy-space-y-4">
-      <div class="daisy-flex daisy-items-center daisy-gap-2">
+    <div v-if="!!failureReport" class="space-y-4">
+      <div class="flex items-center gap-2">
         <router-link
           :to="{ name: 'adminDashboard', query: { tab: 'failureReport' } }"
           class="daisy-btn daisy-btn-ghost daisy-btn-sm"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg"
-            class="daisy-h-4 daisy-w-4"
+            class="h-4 w-4"
             fill="none"
             viewBox="0 0 24 24"
             stroke="currentColor"
@@ -29,17 +29,17 @@
         </router-link>
       </div>
 
-      <div class="daisy-card daisy-bg-base-100 daisy-shadow-lg daisy-border daisy-border-base-300">
+      <div class="daisy-card bg-base-100 shadow-lg border border-base-300">
         <div class="daisy-card-body">
           <div
-            class="daisy-flex daisy-flex-col sm:daisy-flex-row sm:daisy-items-start sm:daisy-justify-between daisy-gap-2"
+            class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2"
           >
             <h2
-              class="daisy-card-title daisy-text-error daisy-flex daisy-items-center daisy-gap-2"
+              class="daisy-card-title text-error flex items-center gap-2"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                class="daisy-h-6 daisy-w-6"
+                class="h-6 w-6"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor"
@@ -56,15 +56,15 @@
             <div class="daisy-badge daisy-badge-ghost">#{{ failureReport.id }}</div>
           </div>
 
-          <div class="daisy-divider daisy-my-2"></div>
+          <div class="daisy-divider my-2"></div>
 
           <div
-            class="daisy-grid daisy-grid-cols-1 md:daisy-grid-cols-2 daisy-gap-4 daisy-mb-4"
+            class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4"
           >
-            <div class="daisy-flex daisy-items-center daisy-gap-2 daisy-text-base-content/70">
+            <div class="flex items-center gap-2 text-base-content/70">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                class="daisy-h-5 daisy-w-5"
+                class="h-5 w-5"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor"
@@ -76,16 +76,16 @@
                   d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
                 />
               </svg>
-              <span class="daisy-font-medium">Created:</span>
+              <span class="font-medium">Created:</span>
               {{ formatDateTime(failureReport.createDatetime) }}
             </div>
             <div
               v-if="githubIssueUrl"
-              class="daisy-flex daisy-items-center daisy-gap-2"
+              class="flex items-center gap-2"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                class="daisy-h-5 daisy-w-5"
+                class="h-5 w-5"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor"
@@ -101,12 +101,12 @@
                 :href="githubIssueUrl"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="daisy-link daisy-link-primary daisy-flex daisy-items-center daisy-gap-1"
+                class="daisy-link daisy-link-primary flex items-center gap-1"
               >
                 View GitHub Issue
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  class="daisy-h-4 daisy-w-4"
+                  class="h-4 w-4"
                   fill="none"
                   viewBox="0 0 24 24"
                   stroke="currentColor"
@@ -122,12 +122,12 @@
             </div>
           </div>
 
-          <div class="daisy-collapse daisy-collapse-arrow daisy-bg-base-200">
+          <div class="daisy-collapse daisy-collapse-arrow bg-base-200">
             <input type="checkbox" checked />
-            <div class="daisy-collapse-title daisy-font-medium daisy-flex daisy-items-center daisy-gap-2">
+            <div class="daisy-collapse-title font-medium flex items-center gap-2">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                class="daisy-h-5 daisy-w-5"
+                class="h-5 w-5"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke="currentColor"
@@ -143,7 +143,7 @@
             </div>
             <div class="daisy-collapse-content">
               <pre
-                class="daisy-bg-base-300 daisy-p-4 daisy-rounded-lg daisy-overflow-x-auto daisy-text-sm daisy-whitespace-pre-wrap daisy-break-words"
+                class="bg-base-300 p-4 rounded-lg overflow-x-auto text-sm whitespace-pre-wrap break-words"
               >{{ failureReport.errorDetail }}</pre>
             </div>
           </div>
diff --git a/frontend/src/pages/FolderPage.vue b/frontend/src/pages/FolderPage.vue
index fa167774fc..3bb0098c73 100644
--- a/frontend/src/pages/FolderPage.vue
+++ b/frontend/src/pages/FolderPage.vue
@@ -1,14 +1,14 @@
 <template>
   <ContentLoader v-if="folderForView === undefined" />
-  <div v-else class="daisy-py-4">
+  <div v-else class="py-4">
     <NotebookPageReadonlySummary
       v-if="folderForView.notebookRealm.readonly === true"
       :notebook="folderForView.notebookRealm.notebook"
     />
-    <div v-else class="daisy-container daisy-mx-auto daisy-max-w-6xl">
-      <p class="daisy-text-sm daisy-text-base-content/70 daisy-mb-4">
+    <div v-else class="container mx-auto max-w-6xl">
+      <p class="text-sm text-base-content/70 mb-4">
         Folder
-        <span class="daisy-font-semibold daisy-text-base-content">{{
+        <span class="font-semibold text-base-content">{{
           folderForView.folder.name
         }}</span>
       </p>
@@ -24,11 +24,11 @@
         success-toast-saved="Folder index saved"
         @saved="refreshFolderPage"
       />
-      <div class="daisy-card daisy-w-full daisy-mb-6" data-testid="folder-move-dialog">
+      <div class="daisy-card w-full mb-6" data-testid="folder-move-dialog">
         <div class="daisy-card-body">
           <form @submit.prevent="() => submitMove()">
             <fieldset :disabled="processing">
-              <p class="daisy-text-sm daisy-mb-3">
+              <p class="text-sm mb-3">
                 Move folder "{{ folderForView.folder.name }}".
               </p>
               <label class="daisy-label" for="folder-move-destination">
@@ -43,12 +43,12 @@
                   :disabled="processing"
                 />
               </div>
-              <p v-if="moveError" class="daisy-text-error daisy-text-sm daisy-mt-2">
+              <p v-if="moveError" class="text-error text-sm mt-2">
                 {{ moveError }}
               </p>
               <button
                 type="submit"
-                class="daisy-btn daisy-btn-primary daisy-mt-4"
+                class="daisy-btn daisy-btn-primary mt-4"
                 data-testid="folder-move-submit"
                 :disabled="processing"
               >
@@ -56,10 +56,10 @@
               </button>
             </fieldset>
           </form>
-          <div class="daisy-divider daisy-my-4" />
+          <div class="daisy-divider my-4" />
           <form @submit.prevent="submitRename">
             <fieldset :disabled="processing">
-              <p class="daisy-text-sm daisy-mb-3">
+              <p class="text-sm mb-3">
                 Rename folder "{{ folderForView.folder.name }}".
               </p>
               <PathNameEditor
@@ -72,7 +72,7 @@
               />
               <button
                 type="submit"
-                class="daisy-btn daisy-btn-secondary daisy-mt-4"
+                class="daisy-btn daisy-btn-secondary mt-4"
                 data-testid="folder-rename-submit"
                 :disabled="renameSubmitDisabled"
               >
@@ -80,14 +80,14 @@
               </button>
             </fieldset>
           </form>
-          <div class="daisy-divider daisy-my-4">or</div>
-          <p class="daisy-text-sm daisy-mb-2">
+          <div class="daisy-divider my-4">or</div>
+          <p class="text-sm mb-2">
             Dissolve "{{ folderForView.folder.name }}". Notes and subfolders will move to
             {{ dissolveParentLabel }}.
           </p>
           <p
             v-if="dissolveError"
-            class="daisy-text-error daisy-text-sm daisy-mt-2"
+            class="text-error text-sm mt-2"
           >
             {{ dissolveError }}
           </p>
diff --git a/frontend/src/pages/ManageAccessTokensPage.vue b/frontend/src/pages/ManageAccessTokensPage.vue
index 2a1d25156a..c46ea9271d 100644
--- a/frontend/src/pages/ManageAccessTokensPage.vue
+++ b/frontend/src/pages/ManageAccessTokensPage.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="daisy-container daisy-mx-auto daisy-p-4">
-    <h1 class="daisy-text-2xl daisy-font-bold daisy-mb-4">Generate Token</h1>
+  <div class="container mx-auto p-4">
+    <h1 class="text-2xl font-bold mb-4">Generate Token</h1>
 
     <PopButton ref="popbutton" btn-class="daisy-btn daisy-btn-primary daisy-btn-md">
       <template #button_face>
@@ -17,8 +17,8 @@
       </form>
     </PopButton>
 
-    <div v-if="token" class="daisy-flex daisy-items-center daisy-mt-6">
-      <span class="daisy-mr-2 daisy-px-2 daisy-py-1 daisy-bg-base-200 daisy-rounded daisy-font-mono" data-testid="token-result">
+    <div v-if="token" class="flex items-center mt-6">
+      <span class="mr-2 px-2 py-1 bg-base-200 rounded font-mono" data-testid="token-result">
         {{ token }}
       </span>
       <CopyButton
@@ -29,24 +29,24 @@
       />
     </div>
 
-    <h2 class="daisy-text-xl daisy-font-bold daisy-mt-8">Existing Tokens</h2>
-    <table class="daisy-table daisy-table-zebra daisy-mt-8 daisy-w-full">
+    <h2 class="text-xl font-bold mt-8">Existing Tokens</h2>
+    <table class="daisy-table daisy-table-zebra mt-8 w-full">
       <thead>
         <tr>
-          <th class="daisy-text-left daisy-px-4 daisy-py-2">Label</th>
+          <th class="text-left px-4 py-2">Label</th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="(item, idx) in tokens" :key="idx">
-          <td class="daisy-px-4 daisy-py-2 daisy-font-mono">{{ item.label || 'No Label' }}</td>
-          <td class="daisy-px-4 daisy-py-2 daisy-font-mono">
-            <div class="daisy-flex daisy-justify-end">
+          <td class="px-4 py-2 font-mono">{{ item.label || 'No Label' }}</td>
+          <td class="px-4 py-2 font-mono">
+            <div class="flex justify-end">
               <button class="daisy-btn daisy-btn-error daisy-btn-xs" @click="deleteToken(item.id)">Delete</button>
             </div>
           </td>
         </tr>
         <tr v-if="tokens.length === 0">
-          <td class="daisy-px-4 daisy-py-2 daisy-text-gray-400">No tokens yet</td>
+          <td class="px-4 py-2 text-gray-400">No tokens yet</td>
         </tr>
       </tbody>
     </table>
diff --git a/frontend/src/pages/MemoryTrackerPageView.vue b/frontend/src/pages/MemoryTrackerPageView.vue
index 65759307ee..735a2d71bf 100644
--- a/frontend/src/pages/MemoryTrackerPageView.vue
+++ b/frontend/src/pages/MemoryTrackerPageView.vue
@@ -1,6 +1,6 @@
 <template>
-  <div v-if="isSkipped" class="daisy-alert daisy-alert-warning daisy-mb-4">
-    <div class="daisy-flex daisy-items-center daisy-justify-between">
+  <div v-if="isSkipped" class="daisy-alert daisy-alert-warning mb-4">
+    <div class="flex items-center justify-between">
       <span>This memory tracker is currently skipped and will not appear in recall sessions.</span>
       <button
         class="daisy-btn daisy-btn-sm daisy-btn-primary"
@@ -13,50 +13,50 @@
     </div>
   </div>
   <div>
-    <div v-if="memoryTracker" class="daisy-card daisy-shadow-sm daisy-mb-6">
+    <div v-if="memoryTracker" class="daisy-card shadow-sm mb-6">
       <div class="daisy-card-body">
-        <h2 class="daisy-card-title daisy-text-lg daisy-mb-4">Memory Tracker Information</h2>
-        <div class="daisy-grid daisy-grid-cols-2 daisy-gap-4 daisy-text-sm">
+        <h2 class="daisy-card-title text-lg mb-4">Memory Tracker Information</h2>
+        <div class="grid grid-cols-2 gap-4 text-sm">
           <div>
-            <span class="daisy-font-semibold">Assimilated Time:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Assimilated Time:</span>
+            <span class="ml-2">
               {{ memoryTracker.assimilatedAt ? new Date(memoryTracker.assimilatedAt).toLocaleString() : 'N/A' }}
             </span>
           </div>
           <div>
-            <span class="daisy-font-semibold">Last Recall Time:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Last Recall Time:</span>
+            <span class="ml-2">
               {{ memoryTracker.lastRecalledAt ? new Date(memoryTracker.lastRecalledAt).toLocaleString() : 'N/A' }}
             </span>
           </div>
           <div>
-            <span class="daisy-font-semibold">Next Recall Time:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Next Recall Time:</span>
+            <span class="ml-2">
               {{ new Date(memoryTracker.nextRecallAt).toLocaleString() }}
             </span>
           </div>
           <div>
-            <span class="daisy-font-semibold">Forgetting Curve Index:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Forgetting Curve Index:</span>
+            <span class="ml-2">
               {{ memoryTracker.forgettingCurveIndex ?? 'N/A' }}
             </span>
           </div>
           <div>
-            <span class="daisy-font-semibold">Recall Count:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Recall Count:</span>
+            <span class="ml-2">
               {{ memoryTracker.recallCount ?? 'N/A' }}
             </span>
           </div>
           <div>
-            <span class="daisy-font-semibold">Spelling:</span>
-            <span class="daisy-ml-2">
+            <span class="font-semibold">Spelling:</span>
+            <span class="ml-2">
               {{ memoryTracker.spelling ? 'Yes' : 'No' }}
             </span>
           </div>
         </div>
       </div>
     </div>
-    <div class="daisy-mb-4 daisy-flex daisy-justify-end daisy-gap-2">
+    <div class="mb-4 flex justify-end gap-2">
       <button
         v-if="hasUnansweredPrompts"
         class="daisy-btn daisy-btn-error"
@@ -73,11 +73,11 @@
         aria-label="remove this note from recall"
         @click="removeFromRecall"
       >
-        <EyeOff class="daisy-w-6 daisy-h-6" />
+        <EyeOff class="w-6 h-6" />
         <span>Remove from Recall</span>
       </button>
     </div>
-    <div v-if="memoryTracker.note" class="daisy-mb-6">
+    <div v-if="memoryTracker.note" class="mb-6">
       <NoteUnderQuestion
         v-bind="{
           noteTopology: memoryTracker.note.noteTopology,
@@ -93,10 +93,10 @@
       <div
         v-for="prompt in recallPrompts"
         :key="prompt.id"
-        class="daisy-card daisy-shadow-sm daisy-mb-4"
+        class="daisy-card shadow-sm mb-4"
       >
         <div class="daisy-card-body">
-          <div class="daisy-text-sm daisy-text-base-content/70 daisy-mb-2 daisy-flex daisy-gap-2 daisy-flex-wrap">
+          <div class="text-sm text-base-content/70 mb-2 flex gap-2 flex-wrap">
             <span v-if="prompt.questionGeneratedTime">
               Generated: {{ new Date(prompt.questionGeneratedTime).toLocaleString() }}
             </span>
@@ -114,13 +114,13 @@
             </span>
           </div>
           <div v-if="prompt.questionType === 'SPELLING'">
-            <div v-if="prompt.answer" class="daisy-space-y-2">
-              <div class="daisy-flex daisy-items-center daisy-gap-2">
-                <span class="daisy-font-semibold">Your answer:</span>
+            <div v-if="prompt.answer" class="space-y-2">
+              <div class="flex items-center gap-2">
+                <span class="font-semibold">Your answer:</span>
                 <span>{{ prompt.answer.spellingAnswer }}</span>
               </div>
-              <div class="daisy-flex daisy-items-center daisy-gap-2">
-                <span class="daisy-font-semibold">Result:</span>
+              <div class="flex items-center gap-2">
+                <span class="font-semibold">Result:</span>
                 <span
                   :class="{
                     'daisy-badge-success': prompt.answer.correct,
diff --git a/frontend/src/pages/MessageCenterPage.vue b/frontend/src/pages/MessageCenterPage.vue
index bb3d574f1a..2fe34f9b94 100644
--- a/frontend/src/pages/MessageCenterPage.vue
+++ b/frontend/src/pages/MessageCenterPage.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="message-center-page daisy-h-full daisy-flex daisy-flex-col">
+  <div class="message-center-page h-full flex flex-col">
     <GlobalBar>
-      <h2 class="fs-4 daisy-text-2xl">Message Center</h2>
+      <h2 class="fs-4 text-2xl">Message Center</h2>
     </GlobalBar>
 
-    <div class="daisy-flex-1 daisy-min-h-0 daisy-mx-auto daisy-min-w-0 daisy-w-full">
+    <div class="flex-1 min-h-0 mx-auto min-w-0 w-full">
       <ContentLoader v-if="conversations === undefined" />
       <template v-else>
         <h2 v-if="!conversations?.length" class="info-heading">
@@ -175,7 +175,7 @@ const handleConversationChanged = (conversationId: number) => {
   flex-direction: column;
 }
 
-@media (min-width: theme('screens.md')) {
+@media (min-width: 768px) {
   .message-center-container {
     flex-direction: row;
   }
@@ -242,7 +242,7 @@ const handleConversationChanged = (conversationId: number) => {
   background-color: #e9ecef;
 }
 
-@media (max-width: theme('screens.md')) {
+@media (max-width: 768px) {
   .hide-on-mobile {
     display: none !important;
   }
diff --git a/frontend/src/pages/NonproductionOnlyLoginPage.vue b/frontend/src/pages/NonproductionOnlyLoginPage.vue
index b3b75ad6fe..dbf31aede0 100644
--- a/frontend/src/pages/NonproductionOnlyLoginPage.vue
+++ b/frontend/src/pages/NonproductionOnlyLoginPage.vue
@@ -10,24 +10,24 @@
     {{ errorMessage }}
   </div>
 
-  <div class="daisy-min-h-screen daisy-flex daisy-justify-center daisy-items-center">
-    <form @submit.prevent="handleSubmit" class="daisy-text-center">
-      <div class="daisy-form-control daisy-mb-4">
+  <div class="min-h-screen flex justify-center items-center">
+    <form @submit.prevent="handleSubmit" class="text-center">
+      <div class="daisy-form-control mb-4">
         <label for="username" class="daisy-label">Username</label>
         <input
           type="text"
           v-model="username"
-          class="daisy-input daisy-input-bordered"
+          class="daisy-input"
           id="username"
           required
         />
       </div>
-      <div class="daisy-form-control daisy-mb-4">
+      <div class="daisy-form-control mb-4">
         <label for="password" class="daisy-label">Password</label>
         <input
           type="password"
           v-model="password"
-          class="daisy-input daisy-input-bordered"
+          class="daisy-input"
           id="password"
           required
         />
diff --git a/frontend/src/pages/NoteShowPage.vue b/frontend/src/pages/NoteShowPage.vue
index 8785c65729..7627d1efef 100644
--- a/frontend/src/pages/NoteShowPage.vue
+++ b/frontend/src/pages/NoteShowPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-flex daisy-flex-col daisy-h-full">
+  <div class="flex flex-col h-full">
     <ContentLoader v-if="resolvedNoteId === undefined" />
     <NoteShow
       v-else
@@ -12,7 +12,7 @@
       <template #note-conversation="{ noteRealm: conversationRealm }">
         <div
           v-if="Boolean(route.query.conversation)"
-          class="conversation-wrapper daisy-border-t daisy-border-base-200 daisy-flex-1 daisy-flex daisy-flex-col daisy-bg-base-100/50"
+          class="conversation-wrapper border-t border-base-200 flex-1 flex flex-col bg-base-100/50"
         >
           <NoteConversation
             :note-id="conversationRealm.id"
diff --git a/frontend/src/pages/NotebookGroupPage.vue b/frontend/src/pages/NotebookGroupPage.vue
index b141746594..92a84bc8c2 100644
--- a/frontend/src/pages/NotebookGroupPage.vue
+++ b/frontend/src/pages/NotebookGroupPage.vue
@@ -10,17 +10,17 @@
   />
   <main
     v-else-if="user !== undefined"
-    class="daisy-container daisy-mx-auto daisy-max-w-3xl daisy-px-4 daisy-py-6"
+    class="container mx-auto max-w-3xl px-4 py-6"
   >
     <div
-      class="daisy-rounded-box daisy-border daisy-border-dashed daisy-border-base-300 daisy-bg-base-200/30 daisy-px-6 daisy-py-10 daisy-text-center"
+      class="rounded-box border border-dashed border-base-300 bg-base-200/30 px-6 py-10 text-center"
     >
-      <p class="daisy-m-0 daisy-text-base daisy-text-base-content/70">
+      <p class="m-0 text-base text-base-content/70">
         This notebook group could not be found.
       </p>
       <router-link
         :to="{ name: 'notebooks' }"
-        class="daisy-btn daisy-btn-link daisy-btn-sm daisy-mt-3 daisy-inline-block"
+        class="daisy-btn daisy-btn-link daisy-btn-sm mt-3 inline-block"
       >
         Back to My notebooks
       </router-link>
diff --git a/frontend/src/pages/NotebookGroupPageView.vue b/frontend/src/pages/NotebookGroupPageView.vue
index e7fc5b6622..750cd7688f 100644
--- a/frontend/src/pages/NotebookGroupPageView.vue
+++ b/frontend/src/pages/NotebookGroupPageView.vue
@@ -1,15 +1,15 @@
 <template>
   <GlobalBar>
-    <div class="daisy-flex daisy-min-w-0 daisy-items-center daisy-gap-3">
+    <div class="flex min-w-0 items-center gap-3">
       <button
         type="button"
-        class="daisy-btn daisy-btn-sm daisy-btn-ghost daisy-shrink-0"
+        class="daisy-btn daisy-btn-sm daisy-btn-ghost shrink-0"
         @click="goToNotebooks"
       >
         Back to notebooks
       </button>
       <h1
-        class="daisy-m-0 daisy-truncate daisy-self-center daisy-text-2xl daisy-font-bold daisy-tracking-tight daisy-text-base-content"
+        class="m-0 truncate self-center text-2xl font-bold tracking-tight text-base-content"
       >
         {{ group.name }}
       </h1>
@@ -24,7 +24,7 @@
         :aria-pressed="notebooksLayout === 'list'"
         @click="notebooksLayout = 'list'"
       >
-        <List class="daisy-h-6 daisy-w-6" />
+        <List class="h-6 w-6" />
       </button>
       <button
         type="button"
@@ -35,17 +35,17 @@
         :aria-pressed="notebooksLayout === 'grid'"
         @click="notebooksLayout = 'grid'"
       >
-        <LayoutGrid class="daisy-h-6 daisy-w-6" />
+        <LayoutGrid class="h-6 w-6" />
       </button>
     </template>
   </GlobalBar>
   <main
-    class="daisy-container daisy-mx-auto daisy-px-4 daisy-py-6"
+    class="container mx-auto px-4 py-6"
     :class="
-      notebooksLayout === 'grid' ? 'daisy-max-w-7xl' : 'daisy-max-w-3xl'
+      notebooksLayout === 'grid' ? 'max-w-7xl' : 'max-w-3xl'
     "
   >
-    <section class="daisy-mb-12">
+    <section class="mb-12">
       <NotebookCatalogGroupPanel
         :group="group"
         :layout="notebooksLayout"
diff --git a/frontend/src/pages/NotebookPage.vue b/frontend/src/pages/NotebookPage.vue
index 42506f0086..ebedb980c1 100644
--- a/frontend/src/pages/NotebookPage.vue
+++ b/frontend/src/pages/NotebookPage.vue
@@ -1,6 +1,6 @@
 <template>
   <ContentLoader v-if="notebook === undefined" />
-  <div v-else class="daisy-py-4">
+  <div v-else class="py-4">
     <NotebookPageReadonlySummary
       v-if="isNotebookReadOnly"
       :notebook="notebook"
diff --git a/frontend/src/pages/NotebookPageView.vue b/frontend/src/pages/NotebookPageView.vue
index 7af41c9e85..33871b2491 100644
--- a/frontend/src/pages/NotebookPageView.vue
+++ b/frontend/src/pages/NotebookPageView.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="daisy-container daisy-mx-auto daisy-py-4 daisy-max-w-6xl">
-    <div class="notebook-page-summary daisy-mb-6" data-testid="notebook-page-summary">
+  <div class="container mx-auto py-4 max-w-6xl">
+    <div class="notebook-page-summary mb-6" data-testid="notebook-page-summary">
       <NotebookPageNameEditor
         :notebook-id="notebook.id"
         :name="notebook.name ?? ''"
@@ -21,22 +21,22 @@
     <NotebookAttachedBookSection :notebook-id="notebook.id" />
 
     <!-- Notebook Management Section -->
-    <section class="settings-section daisy-mb-6">
+    <section class="settings-section mb-6">
       <div class="section-header">
         <h4 class="section-title">Notebook Management</h4>
         <p class="section-description">
           Manage your notebook's organization and sharing settings.
         </p>
       </div>
-      <div class="daisy-flex daisy-flex-wrap daisy-gap-2">
+      <div class="flex flex-wrap gap-2">
         <PopButton
           title="Move to ..."
           v-if="user?.externalIdentifier === notebook.creatorId"
           btnClass="daisy-btn daisy-btn-outline daisy-btn-sm"
         >
           <template #button_face>
-            <div class="daisy-flex daisy-items-center daisy-gap-2">
-              <GitMerge class="daisy-w-6 daisy-h-6" />
+            <div class="flex items-center gap-2">
+              <GitMerge class="w-6 h-6" />
               <span>Move to ...</span>
             </div>
           </template>
@@ -47,8 +47,8 @@
           @click="shareNotebook()"
           title="Share notebook to bazaar"
         >
-          <div class="daisy-flex daisy-items-center daisy-gap-2">
-            <Share2 class="daisy-w-6 daisy-h-6" />
+          <div class="flex items-center gap-2">
+            <Share2 class="w-6 h-6" />
             <span>Share notebook to bazaar</span>
           </div>
         </button>
@@ -56,7 +56,7 @@
     </section>
     
     <!-- Notebook Settings Section -->
-    <section class="settings-section daisy-mb-6">
+    <section class="settings-section mb-6">
       <div class="section-header">
         <h4 class="section-title">Notebook Settings</h4>
         <p class="section-description">
@@ -91,12 +91,12 @@
           </p>
         </div>
       </div>
-      <button class="daisy-btn daisy-btn-primary daisy-btn-sm daisy-mt-4" @click="processForm">
+      <button class="daisy-btn daisy-btn-primary daisy-btn-sm mt-4" @click="processForm">
         Update Settings
       </button>
     </section>
 
-    <section class="settings-section daisy-mb-6">
+    <section class="settings-section mb-6">
       <div class="section-header">
         <h4 class="section-title">Assistant Management</h4>
         <p class="section-description">
@@ -110,14 +110,14 @@
     </section>
 
     <!-- Notebook Indexing Section -->
-    <section class="settings-section daisy-mb-6">
+    <section class="settings-section mb-6">
       <div class="section-header">
         <h4 class="section-title">Notebook Indexing</h4>
         <p class="section-description">
           Manage the search index for this notebook. Reset to rebuild from scratch, or update to index new content.
         </p>
       </div>
-      <div class="daisy-flex daisy-flex-wrap daisy-gap-2">
+      <div class="flex flex-wrap gap-2">
         <button
           class="daisy-btn daisy-btn-outline daisy-btn-sm"
           @click="reindexNotebook"
diff --git a/frontend/src/pages/NotebooksPageView.vue b/frontend/src/pages/NotebooksPageView.vue
index 8db55ac8db..b1ce81f4b6 100644
--- a/frontend/src/pages/NotebooksPageView.vue
+++ b/frontend/src/pages/NotebooksPageView.vue
@@ -1,12 +1,12 @@
 <template>
   <GlobalBar>
     <h1
-      class="daisy-m-0 daisy-self-center daisy-text-2xl daisy-font-bold daisy-tracking-tight daisy-text-base-content"
+      class="m-0 self-center text-2xl font-bold tracking-tight text-base-content"
     >
       My notebooks
     </h1>
     <template #right>
-      <div class="daisy-flex daisy-items-center daisy-gap-2">
+      <div class="flex items-center gap-2">
         <div class="daisy-join">
           <button
             type="button"
@@ -17,7 +17,7 @@
             :aria-pressed="notebooksLayout === 'list'"
             @click="notebooksLayout = 'list'"
           >
-            <List class="daisy-h-6 daisy-w-6" />
+            <List class="h-6 w-6" />
           </button>
           <button
             type="button"
@@ -28,37 +28,37 @@
             :aria-pressed="notebooksLayout === 'grid'"
             @click="notebooksLayout = 'grid'"
           >
-            <LayoutGrid class="daisy-h-6 daisy-w-6" />
+            <LayoutGrid class="h-6 w-6" />
           </button>
         </div>
         <AutoCollapseDropdown
           v-slot="{ closeDropdown }"
           data-testid="notebook-catalog-sort"
-          class="daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom daisy-relative daisy-z-30 daisy-shrink-0"
+          class="daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom relative z-30 shrink-0"
         >
           <summary
-            class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none daisy-cursor-pointer"
+            class="daisy-btn daisy-btn-ghost daisy-btn-sm list-none cursor-pointer"
             aria-label="Sort notebooks"
             title="Sort notebooks"
           >
             <component
               :is="catalogPeerSortTriggerIcon"
-              class="daisy-h-6 daisy-w-6"
+              class="h-6 w-6"
               aria-hidden="true"
             />
           </summary>
           <ul
             tabindex="0"
-            class="daisy-dropdown-content daisy-menu daisy-bg-base-100 daisy-rounded-box daisy-min-w-[16rem] daisy-w-[17.5rem] daisy-max-w-[17.5rem] daisy-p-2 daisy-shadow daisy-z-[1000]"
+            class="daisy-dropdown-content daisy-menu bg-base-100 rounded-box min-w-[16rem] w-[17.5rem] max-w-[17.5rem] p-2 shadow z-[1000]"
           >
             <li
               v-for="row in SIDEBAR_PEER_SORT_MENU_ROWS"
               :key="`${row.spec.field}-${row.spec.direction}`"
-              class="daisy-menu-item daisy-p-0"
+              class="daisy-menu-item p-0"
             >
               <button
                 type="button"
-                class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-gap-2 daisy-py-2 daisy-font-normal daisy-whitespace-normal daisy-items-start daisy-text-left"
+                class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start gap-2 py-2 font-normal whitespace-normal items-start text-left"
                 :title="row.label"
                 :data-catalog-sort="`${row.spec.field}-${row.spec.direction}`"
                 @click="selectCatalogPeerSort(row.spec, closeDropdown)"
@@ -66,10 +66,10 @@
                 <component
                   :is="row.Icon"
                   :size="14"
-                  class="daisy-mt-0.5 daisy-shrink-0"
+                  class="mt-0.5 shrink-0"
                   aria-hidden="true"
                 />
-                <span class="daisy-min-w-0 daisy-text-left daisy-leading-snug">{{
+                <span class="min-w-0 text-left leading-snug">{{
                   row.label
                 }}</span>
               </button>
@@ -86,33 +86,33 @@
     </template>
   </GlobalBar>
   <main
-    class="daisy-container daisy-mx-auto daisy-px-4 daisy-py-6"
+    class="container mx-auto px-4 py-6"
     :class="
-      notebooksLayout === 'grid' ? 'daisy-max-w-7xl' : 'daisy-max-w-3xl'
+      notebooksLayout === 'grid' ? 'max-w-7xl' : 'max-w-3xl'
     "
   >
-    <section class="daisy-mb-12">
+    <section class="mb-12">
       <div
         v-if="catalogItems.length > 0"
-        class="daisy-mb-4"
+        class="mb-4"
       >
         <label
-          class="daisy-label daisy-px-0 daisy-pb-1"
+          class="daisy-label px-0 pb-1"
           for="notebook-filter-input"
         >
-          <span class="daisy-label-text daisy-text-sm daisy-text-base-content/70">
+          <span class="daisy-label-text text-sm text-base-content/70">
             Filter notebooks
           </span>
         </label>
-        <div class="daisy-flex daisy-items-center daisy-gap-2">
-          <div class="daisy-input daisy-input-bordered daisy-input-sm daisy-flex daisy-items-center daisy-gap-2 daisy-flex-1">
-            <Search class="daisy-h-4 daisy-w-4 daisy-text-base-content/50" />
+        <div class="flex items-center gap-2">
+          <div class="daisy-input daisy-input-sm flex items-center gap-2 flex-1">
+            <Search class="h-4 w-4 text-base-content/50" />
             <input
               id="notebook-filter-input"
               ref="filterInputRef"
               v-model="filterText"
               type="text"
-              class="daisy-grow"
+              class="grow"
               placeholder="Search by notebook or group name"
             />
           </div>
@@ -123,7 +123,7 @@
             aria-label="Clear filter"
             @click="clearFilter"
           >
-            <X class="daisy-h-4 daisy-w-4" />
+            <X class="h-4 w-4" />
           </button>
         </div>
       </div>
@@ -139,14 +139,14 @@
       />
       <div
         v-else-if="catalogItems.length > 0"
-        class="daisy-rounded-box daisy-border daisy-border-dashed daisy-border-base-300 daisy-bg-base-200/30 daisy-px-6 daisy-py-10 daisy-text-center"
+        class="rounded-box border border-dashed border-base-300 bg-base-200/30 px-6 py-10 text-center"
       >
-        <p class="daisy-m-0 daisy-text-base daisy-text-base-content/70">
+        <p class="m-0 text-base text-base-content/70">
           No notebooks match
         </p>
         <button
           type="button"
-          class="daisy-btn daisy-btn-link daisy-btn-sm daisy-mt-2"
+          class="daisy-btn daisy-btn-link daisy-btn-sm mt-2"
           @click="clearFilter"
         >
           Clear filter
@@ -154,13 +154,13 @@
       </div>
       <div
         v-else
-        class="daisy-rounded-box daisy-border daisy-border-dashed daisy-border-base-300 daisy-bg-base-200/30 daisy-px-6 daisy-py-10 daisy-text-center"
+        class="rounded-box border border-dashed border-base-300 bg-base-200/30 px-6 py-10 text-center"
       >
-        <p class="daisy-m-0 daisy-text-base daisy-text-base-content/70">
+        <p class="m-0 text-base text-base-content/70">
           You do not have any notebooks yet.
         </p>
-        <p class="daisy-mt-2 daisy-mb-0 daisy-text-sm daisy-text-base-content/50">
-          Use <span class="daisy-font-medium daisy-text-base-content/80">Add New Notebook</span> above to create your first one.
+        <p class="mt-2 mb-0 text-sm text-base-content/50">
+          Use <span class="font-medium text-base-content/80">Add New Notebook</span> above to create your first one.
         </p>
       </div>
     </section>
diff --git a/frontend/src/pages/RecallPage.vue b/frontend/src/pages/RecallPage.vue
index 631b63c6c9..31a906a296 100644
--- a/frontend/src/pages/RecallPage.vue
+++ b/frontend/src/pages/RecallPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="recall-page daisy-h-full daisy-flex daisy-flex-col">
+  <div class="recall-page h-full flex flex-col">
     <GlobalBar
       v-if="isProgressBarVisible"
       :class="[
@@ -25,7 +25,7 @@
       </RecallProgressBar>
     </GlobalBar>
 
-    <div class="daisy-flex-1 daisy-min-h-0 daisy-overflow-y-auto">
+    <div class="flex-1 min-h-0 overflow-y-auto">
     <template v-if="toRepeat != undefined">
       <Quiz
         v-if="toRepeatCount !== 0 && getCurrentMemoryTracker() && (!treadmillMode || !getCurrentMemoryTracker()?.spelling)"
@@ -48,7 +48,7 @@
         <div class="daisy-alert daisy-alert-success">
           You have finished all recalls for this half a day!
         </div>
-        <div v-if="isLoadingMore" class="daisy-flex daisy-items-center daisy-gap-2 daisy-py-4">
+        <div v-if="isLoadingMore" class="flex items-center gap-2 py-4">
           <span class="daisy-loading daisy-loading-spinner daisy-loading-md"></span>
           <span>Loading more items...</span>
         </div>
diff --git a/frontend/src/pages/RecentPage.vue b/frontend/src/pages/RecentPage.vue
index 383ca225aa..2a9f2b0064 100644
--- a/frontend/src/pages/RecentPage.vue
+++ b/frontend/src/pages/RecentPage.vue
@@ -2,7 +2,7 @@
   <ContainerPage
     v-bind="{ contentLoaded: true, title: `Recent` }"
   >
-    <div class="daisy-tabs daisy-tabs-boxed daisy-bg-base-200 daisy-p-2 daisy-flex daisy-justify-center daisy-mb-4">
+    <div class="daisy-tabs daisy-tabs-box bg-base-200 p-2 flex justify-center mb-4">
       <a
         :class="`daisy-tab daisy-tab-lg ${activePage === 'recentlyLearned' ? 'daisy-tab-active' : ''}`"
         role="button"
diff --git a/frontend/src/pages/commons/ContainerPage.vue b/frontend/src/pages/commons/ContainerPage.vue
index ba06281b3b..cba5080c2a 100644
--- a/frontend/src/pages/commons/ContainerPage.vue
+++ b/frontend/src/pages/commons/ContainerPage.vue
@@ -1,9 +1,9 @@
 <template>
   <GlobalBar v-if="title">
-    <h2 class="fs-4 daisy-text-2xl">{{ title }}</h2>
+    <h2 class="fs-4 text-2xl">{{ title }}</h2>
   </GlobalBar>
 
-  <div class="daisy-mx-auto daisy-min-w-0 daisy-container daisy-mt-3">
+  <div class="mx-auto min-w-0 container mt-3">
     <ContentLoader v-if="!contentLoaded" />
     <template v-else>
       <slot />
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
deleted file mode 100644
index e6e8177e7e..0000000000
--- a/frontend/tailwind.config.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { Config } from "tailwindcss"
-import daisyui from "daisyui"
-
-export default {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
-  prefix: "daisy-",
-  theme: {
-    extend: {},
-  },
-  plugins: [daisyui],
-  daisyui: {
-    themes: ["light", "dark"],
-    darkTheme: "dark",
-    base: true,
-    styled: true,
-    utils: true,
-    themeRoot: ":root",
-  },
-} satisfies Config
diff --git a/frontend/tests/components/book-reading/BookReadingContentAiReorganize.spec.ts b/frontend/tests/components/book-reading/BookReadingContentAiReorganize.spec.ts
index f1c16e5b89..7004827e1f 100644
--- a/frontend/tests/components/book-reading/BookReadingContentAiReorganize.spec.ts
+++ b/frontend/tests/components/book-reading/BookReadingContentAiReorganize.spec.ts
@@ -185,11 +185,11 @@ describe("BookReadingContent AI reorganize suggest", () => {
     expect(rows).toHaveLength(2)
     expect(rows[0]!.text()).toContain("Alpha")
     expect(rows[0]!.attributes("data-suggested-depth")).toBe("0")
-    expect(rows[0]!.classes()).not.toContain("daisy-bg-warning/15")
+    expect(rows[0]!.classes()).not.toContain("bg-warning/15")
 
     expect(rows[1]!.text()).toContain("Beta")
     expect(rows[1]!.attributes("data-suggested-depth")).toBe("1")
-    expect(rows[1]!.classes()).toContain("daisy-bg-warning/15")
+    expect(rows[1]!.classes()).toContain("bg-warning/15")
 
     wrapper.unmount()
   })
diff --git a/frontend/tests/components/commons/DiffView.spec.ts b/frontend/tests/components/commons/DiffView.spec.ts
index 834849bd80..afd4d971c6 100644
--- a/frontend/tests/components/commons/DiffView.spec.ts
+++ b/frontend/tests/components/commons/DiffView.spec.ts
@@ -471,7 +471,7 @@ describe("DiffView", () => {
       const leftPane = screen.getByTestId("diff-left-pane")
       const table = leftPane.querySelector(".diff-table")
 
-      expect(table?.classList.contains("daisy-font-mono")).toBe(true)
+      expect(table?.classList.contains("font-mono")).toBe(true)
     })
 
     it("displays Current and Will restore to labels", () => {
diff --git a/frontend/tests/components/form/RichMarkdownEditor.properties.spec.ts b/frontend/tests/components/form/RichMarkdownEditor.properties.spec.ts
index 26687b2966..f5ab511e81 100644
--- a/frontend/tests/components/form/RichMarkdownEditor.properties.spec.ts
+++ b/frontend/tests/components/form/RichMarkdownEditor.properties.spec.ts
@@ -451,7 +451,7 @@ Body line`
         .trigger("change")
       await flushPromises()
 
-      const field = rt.find('input[type="text"].daisy-input-bordered')
+      const field = rt.find('input[type="text"].daisy-input')
       expect(field.exists()).toBe(true)
       await field.setValue("novel connector phrase")
       await field.trigger("keydown", { key: "Enter" })
@@ -468,7 +468,7 @@ Body line`
       await flushPromises()
 
       const rt = h.getWrapper().findComponent({ name: "RelationTypeSelect" })
-      const field = rt.find('input[type="text"].daisy-input-bordered')
+      const field = rt.find('input[type="text"].daisy-input')
       expect(field.exists()).toBe(true)
       expect((field.element as HTMLInputElement).value).toBe(
         "xyz-unknown-kebab"
@@ -477,7 +477,7 @@ Body line`
         `label[for="rich-note-relation-property-${CUSTOM_RELATION_RADIO_SENTINEL}"]`
       )
       expect(primaryLabelForCustom.exists()).toBe(true)
-      expect(primaryLabelForCustom.classes()).toContain("daisy-bg-primary")
+      expect(primaryLabelForCustom.classes()).toContain("bg-primary")
     })
   })
 
diff --git a/frontend/tests/components/notes/core/PathNameEditor.spec.ts b/frontend/tests/components/notes/core/PathNameEditor.spec.ts
index 840ad6344f..53726bff0c 100644
--- a/frontend/tests/components/notes/core/PathNameEditor.spec.ts
+++ b/frontend/tests/components/notes/core/PathNameEditor.spec.ts
@@ -36,7 +36,7 @@ describe("PathNameEditor.vue", () => {
       attachTo: document.body,
     })
     await emitEditorValue(wrapper, "x/y")
-    const warn = wrapper.find(".daisy-text-warning")
+    const warn = wrapper.find(".text-warning")
     expect(warn.exists()).toBe(true)
     expect(warn.text()).toContain(
       "'/' was replaced with fullwidth '／' (the only separator between alternative title spellings)"
@@ -50,7 +50,7 @@ describe("PathNameEditor.vue", () => {
       attachTo: document.body,
     })
     await emitEditorValue(wrapper, "see #tag")
-    const warn = wrapper.find(".daisy-text-warning")
+    const warn = wrapper.find(".text-warning")
     expect(warn.exists()).toBe(true)
     expect(warn.text()).toContain(
       "Links will not work with names containing any of `#^[]|`"
@@ -67,8 +67,8 @@ describe("PathNameEditor.vue", () => {
       attachTo: document.body,
     })
     await emitEditorValue(wrapper, "bad|name")
-    expect(wrapper.find(".daisy-text-error").text()).toBe("Name already taken")
-    expect(wrapper.find(".daisy-text-warning").exists()).toBe(false)
+    expect(wrapper.find(".text-error").text()).toBe("Name already taken")
+    expect(wrapper.find(".text-warning").exists()).toBe(false)
     wrapper.unmount()
   })
 
@@ -78,9 +78,9 @@ describe("PathNameEditor.vue", () => {
       attachTo: document.body,
     })
     await emitEditorValue(wrapper, "a:b")
-    expect(wrapper.find(".daisy-text-warning").exists()).toBe(true)
+    expect(wrapper.find(".text-warning").exists()).toBe(true)
     await emitEditorValue(wrapper, "a：bx")
-    expect(wrapper.find(".daisy-text-warning").exists()).toBe(false)
+    expect(wrapper.find(".text-warning").exists()).toBe(false)
     wrapper.unmount()
   })
 
@@ -90,7 +90,7 @@ describe("PathNameEditor.vue", () => {
       attachTo: document.body,
     })
     await emitEditorValue(wrapper, "a|b:c")
-    const warn = wrapper.find(".daisy-text-warning").text()
+    const warn = wrapper.find(".text-warning").text()
     expect(warn).toContain("fullwidth")
     expect(warn).toContain("Links will not work")
     wrapper.unmount()
@@ -103,7 +103,7 @@ describe("PathNameEditor.vue", () => {
     })
     await emitEditorValue(wrapper, "x/y:z")
     expect(wrapper.emitted("update:modelValue")?.at(-1)?.[0]).toBe("x/y:z")
-    expect(wrapper.find(".daisy-text-warning").exists()).toBe(false)
+    expect(wrapper.find(".text-warning").exists()).toBe(false)
     wrapper.unmount()
   })
 
diff --git a/frontend/tests/components/recall/Assimilation.spec.ts b/frontend/tests/components/recall/Assimilation.spec.ts
index 7ed257e886..54d2322654 100644
--- a/frontend/tests/components/recall/Assimilation.spec.ts
+++ b/frontend/tests/components/recall/Assimilation.spec.ts
@@ -162,7 +162,7 @@ describe("Assimilation component", () => {
       const opaqueLayer = getOpaqueContentBlocker()
       expect(opaqueLayer).not.toBeNull()
       expect(opaqueLayer?.style.zIndex).toBe("9989")
-      expect(opaqueLayer?.className).toContain("daisy-bg-black")
+      expect(opaqueLayer?.className).toContain("bg-black")
     })
 
     it("hides opaque layer when spelling popup closes", async () => {
diff --git a/frontend/tests/components/recall/RecallPromptComponent.spec.ts b/frontend/tests/components/recall/RecallPromptComponent.spec.ts
index 46d8c262bd..0ae298ebfe 100644
--- a/frontend/tests/components/recall/RecallPromptComponent.spec.ts
+++ b/frontend/tests/components/recall/RecallPromptComponent.spec.ts
@@ -65,7 +65,7 @@ describe("RecallPromptComponent", () => {
         .vm.$emit("answer", { choiceIndex: 0 })
 
       // Verify loading overlay is shown
-      expect(wrapper.find(".daisy-absolute.daisy-inset-0").exists()).toBe(true)
+      expect(wrapper.find(".absolute.inset-0").exists()).toBe(true)
       expect(
         wrapper.find(".daisy-loading.daisy-loading-spinner").exists()
       ).toBe(true)
@@ -78,7 +78,7 @@ describe("RecallPromptComponent", () => {
         wrapper.find(".daisy-loading.daisy-loading-spinner").exists()
       ).toBe(false)
       // The gray overlay should remain visible after answering (isAnswered stays true)
-      expect(wrapper.find(".daisy-absolute.daisy-inset-0").exists()).toBe(true)
+      expect(wrapper.find(".absolute.inset-0").exists()).toBe(true)
     })
 
     it("allows retrying on API error", async () => {
diff --git a/frontend/tests/components/recall/ViewMemoryTrackerLink.spec.ts b/frontend/tests/components/recall/ViewMemoryTrackerLink.spec.ts
index 0f0f5f6dd9..8866635bce 100644
--- a/frontend/tests/components/recall/ViewMemoryTrackerLink.spec.ts
+++ b/frontend/tests/components/recall/ViewMemoryTrackerLink.spec.ts
@@ -41,6 +41,6 @@ describe("ViewMemoryTrackerLink", () => {
     const button = wrapper.find("button")
     expect(button.classes()).toContain("daisy-btn")
     expect(button.classes()).toContain("daisy-btn-primary")
-    expect(button.classes()).toContain("daisy-mt-4")
+    expect(button.classes()).toContain("mt-4")
   })
 })
diff --git a/frontend/tests/links/SearchDialog.spec.ts b/frontend/tests/links/SearchDialog.spec.ts
index 938c3f6234..5e08c60aa0 100644
--- a/frontend/tests/links/SearchDialog.spec.ts
+++ b/frontend/tests/links/SearchDialog.spec.ts
@@ -69,7 +69,7 @@ describe("SearchForm", () => {
       await screen.findByRole("button", {
         name: "All My Notebooks And Subscriptions",
       })
-    ).toHaveClass("daisy-text-primary")
+    ).toHaveClass("text-primary")
     flushPromises()
     ;(
       await screen.findByRole("button", {
@@ -78,7 +78,7 @@ describe("SearchForm", () => {
     ).click()
     expect(
       await screen.findByRole("button", { name: "All My Circles" })
-    ).not.toHaveClass("daisy-text-primary")
+    ).not.toHaveClass("text-primary")
   })
 
   describe("Add link choice step", () => {
diff --git a/frontend/tests/notes/NoteTextContent.spec.ts b/frontend/tests/notes/NoteTextContent.spec.ts
index 16e1cb945b..4ecb2bf409 100644
--- a/frontend/tests/notes/NoteTextContent.spec.ts
+++ b/frontend/tests/notes/NoteTextContent.spec.ts
@@ -251,7 +251,7 @@ describe("in place edit on title", () => {
     })
 
     it("should display error when saving failed", async () => {
-      expect(wrapper.find(".path-name-editor .daisy-text-error").text()).toBe(
+      expect(wrapper.find(".path-name-editor .text-error").text()).toBe(
         "size must be between 1 and 100"
       )
     })
@@ -259,9 +259,7 @@ describe("in place edit on title", () => {
     it("should clean up errors when editing", async () => {
       await editTitleThenBlur(wrapper)
       await flushPromises()
-      expect(
-        wrapper.findAll(".path-name-editor .daisy-text-error")
-      ).toHaveLength(0)
+      expect(wrapper.findAll(".path-name-editor .text-error")).toHaveLength(0)
       expect(mockedUpdateTitleCall).toBeCalledTimes(2)
     })
   })
@@ -278,9 +276,9 @@ describe("in place edit on title", () => {
     })
 
     it("displays the reserved title error in the title field", async () => {
-      expect(
-        wrapper.find(".path-name-editor .daisy-text-error").text()
-      ).toContain("reserved")
+      expect(wrapper.find(".path-name-editor .text-error").text()).toContain(
+        "reserved"
+      )
     })
   })
 
@@ -330,7 +328,7 @@ describe("in place edit on title", () => {
       )
       await editTitleThenBlur(wrapper)
       await flushPromises()
-      expect(wrapper.find(".path-name-editor .daisy-text-error").text()).toBe(
+      expect(wrapper.find(".path-name-editor .text-error").text()).toBe(
         "You are not authorized to edit this note. Perhaps you are not logged in?"
       )
     })
diff --git a/frontend/tests/notes/WikidataAssociationDialog.spec.ts b/frontend/tests/notes/WikidataAssociationDialog.spec.ts
index f10839209f..eaa16a03e7 100644
--- a/frontend/tests/notes/WikidataAssociationDialog.spec.ts
+++ b/frontend/tests/notes/WikidataAssociationDialog.spec.ts
@@ -84,7 +84,7 @@ describe("WikidataAssociationDialog", () => {
     it("displays error message in the input field", async () => {
       mountDialog("Test Title", { errorMessage: "Invalid Wikidata ID" })
       await flushPromises()
-      const errorMessage = getModal()?.querySelector(".daisy-text-error")
+      const errorMessage = getModal()?.querySelector(".text-error")
       expect(errorMessage?.textContent).toContain("Invalid Wikidata ID")
     })
 
diff --git a/frontend/tests/pages/NotebookPageView.spec.ts b/frontend/tests/pages/NotebookPageView.spec.ts
index 2df364f842..2a27f25fb8 100644
--- a/frontend/tests/pages/NotebookPageView.spec.ts
+++ b/frontend/tests/pages/NotebookPageView.spec.ts
@@ -90,7 +90,7 @@ describe("NotebookPageView.spec", () => {
       .mount()
 
     await wrapper.find("[name='description']").setValue("Saved blurb")
-    await wrapper.find("button.daisy-btn-primary.daisy-mt-4").trigger("click")
+    await wrapper.find("button.daisy-btn-primary.mt-4").trigger("click")
     await flushPromises()
 
     expect(updateSpy).toHaveBeenCalledWith(
diff --git a/frontend/tests/toolbars/MainMenu.spec.ts b/frontend/tests/toolbars/MainMenu.spec.ts
index 7592d72c34..5a8de75231 100644
--- a/frontend/tests/toolbars/MainMenu.spec.ts
+++ b/frontend/tests/toolbars/MainMenu.spec.ts
@@ -140,7 +140,7 @@ describe("main menu", () => {
 
   const expectNavLinkPrimary = (ariaLabel: string) => {
     const link = screen.getByLabelText(ariaLabel)
-    expect(link.closest(".nav-item")).toHaveClass("daisy-text-primary")
+    expect(link.closest(".nav-item")).toHaveClass("text-primary")
   }
 
   beforeEach(() => {
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 6c5cac4240..d222f838ae 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -2,10 +2,9 @@
 import { URL, fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
 
+import tailwindcss from '@tailwindcss/vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import autoprefixer from 'autoprefixer'
-import tailwindcss from 'tailwindcss'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import Inspector from 'unplugin-vue-inspector/vite'
@@ -33,16 +32,9 @@ const config = defineConfig({
   css: {
     // Disable sourcemaps during tests (saves ~0.3s)
     devSourcemap: !isTest,
-    postcss: {
-      plugins: [
-        tailwindcss({
-          config: './tailwind.config.ts',
-        }),
-        autoprefixer(),
-      ],
-    },
   },
   plugins: [
+    tailwindcss(),
     vue({
       template: {
         compilerOptions: {
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
index 4627a7e015..5e7ca5155c 100644
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -3,11 +3,10 @@
 import { URL, fileURLToPath } from "node:url"
 import { defineConfig } from "vitest/config"
 
+import tailwindcss from "@tailwindcss/vite"
 import vue from "@vitejs/plugin-vue"
 import vueJsx from "@vitejs/plugin-vue-jsx"
 import { playwright } from "@vitest/browser-playwright"
-import autoprefixer from "autoprefixer"
-import tailwindcss from "tailwindcss"
 import AutoImport from "unplugin-auto-import/vite"
 import Components from "unplugin-vue-components/vite"
 import Inspector from "unplugin-vue-inspector/vite"
@@ -93,17 +92,8 @@ const config = defineConfig({
       enabled: false,
     },
   },
-  css: {
-    postcss: {
-      plugins: [
-        tailwindcss({
-          config: "./tailwind.config.ts",
-        }),
-        autoprefixer(),
-      ],
-    },
-  },
   plugins: [
+    tailwindcss(),
     vue({
       template: {
         compilerOptions: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d236a786b6..01e7d5b66d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -258,13 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+      '@tailwindcss/vite':
+        specifier: ^4.3.0
+        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -279,13 +282,13 @@ importers:
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.6
-        version: 6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -298,12 +301,9 @@ importers:
       '@vue/test-utils':
         specifier: 2.4.10
         version: 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      autoprefixer:
-        specifier: ^10.5.0
-        version: 10.5.0(postcss@8.5.14)
       daisyui:
-        specifier: 4.12.24
-        version: 4.12.24(postcss@8.5.14)
+        specifier: 5.5.19
+        version: 5.5.19
       doughnut-test-fixtures:
         specifier: workspace:*
         version: link:../packages/doughnut-test-fixtures
@@ -330,7 +330,7 @@ importers:
         version: 8.5.14
       postcss-load-config:
         specifier: 6.0.1
-        version: 6.0.1(jiti@1.21.7)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0)
+        version: 6.0.1(jiti@2.6.1)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0)
       sass:
         specifier: 1.99.0
         version: 1.99.0
@@ -338,8 +338,8 @@ importers:
         specifier: 10.4.0
         version: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       tailwindcss:
-        specifier: 3.4.19
-        version: 3.4.19(tsx@4.21.0)(yaml@2.9.0)
+        specifier: 4.3.0
+        version: 4.3.0
       terser:
         specifier: ^5.47.1
         version: 5.47.1
@@ -357,16 +357,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -453,10 +453,6 @@ packages:
     resolution: {integrity: sha512-p+CMKJ93HFmLkjXKlXiVGlMQEuRb6H0MokBSwUsX+S6BRX8eV5naFZpQJFfJHjRZY0Hmnqy1/r6UWl3x+19zYA==}
     engines: {node: '>=18'}
 
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
   '@anev/ts-mountebank@1.8.0':
     resolution: {integrity: sha512-84oEW6UJPOQDjOFKd8evtCLhhYFb7nIwEcp8i13HYc45Ne0FthsALCJfTf+Cmn32rZ08VSN/Yg3JqyfNh9R2BA==}
 
@@ -2248,6 +2244,100 @@ packages:
     resolution: {integrity: sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==}
     engines: {node: '>=10'}
 
+  '@tailwindcss/node@4.3.0':
+    resolution: {integrity: sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==}
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    resolution: {integrity: sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    resolution: {integrity: sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    resolution: {integrity: sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    resolution: {integrity: sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    resolution: {integrity: sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    resolution: {integrity: sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    resolution: {integrity: sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    resolution: {integrity: sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    resolution: {integrity: sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    resolution: {integrity: sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==}
+    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.3.0':
+    resolution: {integrity: sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    resolution: {integrity: sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.3.0':
+    resolution: {integrity: sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/vite@4.3.0':
+    resolution: {integrity: sha512-t6J3OrB5Fc0ExuhohouH0fWUGMYL6PTLhW+E7zIk/pdbnJARZDCwjBznFnkh5ynRnIRSI4YjtTH0t6USjJISrw==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
   '@teppeis/multimaps@3.0.0':
     resolution: {integrity: sha512-ID7fosbc50TbT0MK0EG12O+gAP3W3Aa/Pz4DaTtQtEvlc9Odaqi0de+xuZ7Li2GtK4HzEX7IuRWS/JmZLksR3Q==}
     engines: {node: '>=14'}
@@ -2706,10 +2796,6 @@ packages:
   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'}
-
   app-module-path@2.2.0:
     resolution: {integrity: sha512-gkco+qxENJV+8vFcDiiFhuoSvRXb2a/QPqpSoWhVz829VNJfOTnELbBmPmNKFxf3xdNnw4DWCkzkDaavcX/1YQ==}
 
@@ -2786,13 +2872,6 @@ packages:
     resolution: {integrity: sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  autoprefixer@10.5.0:
-    resolution: {integrity: sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==}
-    engines: {node: ^10 || ^12 || >=14}
-    hasBin: true
-    peerDependencies:
-      postcss: '>=8.5.14'
-
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
@@ -2831,10 +2910,6 @@ packages:
     peerDependencies:
       ajv: '>=8.18.0'
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   bintrees@1.0.2:
     resolution: {integrity: sha512-VOMgTMwjAaUG580SXn3LacVgjurrbMme7ZZNYGSSV7mmtY6QQRh0Eg3pwIcntQ77DErK1L0NxkbetjcoXzVwKw==}
 
@@ -2941,10 +3016,6 @@ packages:
     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'}
-
   camelcase@6.3.0:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
@@ -2994,10 +3065,6 @@ packages:
     resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
-  chokidar@3.6.0:
-    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'}
@@ -3153,10 +3220,6 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   commander@6.2.1:
     resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
     engines: {node: '>= 6'}
@@ -3244,17 +3307,9 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
-  css-selector-tokenizer@0.8.0:
-    resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}
-
   css.escape@1.5.1:
     resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
 
-  cssesc@3.0.0:
-    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   cssstyle@4.6.0:
     resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
     engines: {node: '>=18'}
@@ -3265,10 +3320,6 @@ packages:
   csv-parse@5.6.0:
     resolution: {integrity: sha512-l3nz3euub2QMg5ouu5U09Ew9Wf6/wQ8I++ch1loQ0ljmzhmfZYrH9fflS22i/PQEvsPvxCwxgz5q7UB8K1JO4Q==}
 
-  culori@3.3.0:
-    resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   cypress-file-upload@5.0.8:
     resolution: {integrity: sha512-+8VzNabRk3zG6x8f8BWArF/xA/W0VK4IZNx3MV0jFWrJS/qKn8eHfa5nU73P9fOQAgwHFJx7zjg4lwOnljMO8g==}
     engines: {node: '>=8.2.1'}
@@ -3284,9 +3335,8 @@ packages:
     resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
     engines: {node: '>=0.12'}
 
-  daisyui@4.12.24:
-    resolution: {integrity: sha512-JYg9fhQHOfXyLadrBrEqCDM6D5dWCSSiM6eTNCRrBRzx/VlOCrLS8eDfIw9RVvs64v2mJdLooKXY8EwQzoszAA==}
-    engines: {node: '>=16.9.0'}
+  daisyui@5.5.19:
+    resolution: {integrity: sha512-pbFAkl1VCEh/MPCeclKL61I/MqRIFFhNU7yiXoDDRapXN4/qNCoMxeCCswyxEEhqL5eiTTfwHvucFtOE71C9sA==}
 
   dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
@@ -3474,9 +3524,6 @@ packages:
   dezalgo@1.0.4:
     resolution: {integrity: sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==}
 
-  didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-
   diff-match-patch@1.0.5:
     resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
 
@@ -3484,9 +3531,6 @@ packages:
     resolution: {integrity: sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw==}
     engines: {node: '>=0.3.1'}
 
-  dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   doctypes@1.1.0:
     resolution: {integrity: sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==}
 
@@ -3818,9 +3862,6 @@ packages:
     resolution: {integrity: sha512-P7oW7tLbYnhOLQk/Gv7cZgzgMPP/XN03K02/Jy6Y/NHzyIAIpxuZIM/YqAkfiXFPxA2CTm7NtCijK9EDu09u2w==}
     hasBin: true
 
-  fastparse@1.1.2:
-    resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==}
-
   fastq@1.20.1:
     resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
 
@@ -3924,9 +3965,6 @@ packages:
   fp-ts@2.16.11:
     resolution: {integrity: sha512-LaI+KaX2NFkfn1ZGHoKCmcfv7yrZsC3b8NtWsTVQeHkq4F27vI5igUuO53sxqDEa2gNQMHFPmpojDw/1zmUK7w==}
 
-  fraction.js@5.3.4:
-    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
-
   fresh@2.0.0:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
@@ -4030,10 +4068,6 @@ packages:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
 
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
   glob@13.0.6:
     resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
     engines: {node: 18 || 20 || >=22}
@@ -4283,10 +4317,6 @@ packages:
     resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
     engines: {node: '>= 0.4'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-boolean-object@1.2.2:
     resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
     engines: {node: '>= 0.4'}
@@ -4468,10 +4498,6 @@ packages:
   isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
 
-  jiti@1.21.7:
-    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
-    hasBin: true
-
   jiti@2.6.1:
     resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
     hasBin: true
@@ -5246,10 +5272,6 @@ packages:
     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@6.1.0:
     resolution: {integrity: sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==}
     engines: {node: '>=10'}
@@ -5298,10 +5320,6 @@ packages:
     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'}
@@ -5500,10 +5518,6 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  pirates@4.0.7:
-    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
-    engines: {node: '>= 6'}
-
   pkce-challenge@5.0.1:
     resolution: {integrity: sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==}
     engines: {node: '>=16.20.0'}
@@ -5540,18 +5554,6 @@ packages:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
-  postcss-import@15.1.0:
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: '>=8.5.14'
-
-  postcss-js@4.1.0:
-    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: '>=8.5.14'
-
   postcss-load-config@6.0.1:
     resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
     engines: {node: '>= 18'}
@@ -5570,19 +5572,6 @@ packages:
       yaml:
         optional: true
 
-  postcss-nested@6.2.0:
-    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: '>=8.5.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-values-parser@6.0.2:
     resolution: {integrity: sha512-YLJpK0N1brcNJrs9WatuJFtHaV9q5aAOj+S4DI5S7jgHlRfm0PIbDCAFRYMQD5SHq7Fy6xsDhyutgS0QOAs0qw==}
     engines: {node: '>=10'}
@@ -5785,9 +5774,6 @@ packages:
     resolution: {integrity: sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==}
     engines: {node: '>=0.10.0'}
 
-  read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-
   read-package-json-fast@4.0.0:
     resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==}
     engines: {node: ^18.17.0 || >=20.5.0}
@@ -5807,10 +5793,6 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
-  readdirp@3.6.0:
-    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'}
@@ -6317,11 +6299,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  sucrase@3.35.1:
-    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   superagent@10.3.0:
     resolution: {integrity: sha512-B+4Ik7ROgVKrQsXTV0Jwp2u+PXYLSlqtDAhYnkkD+zn3yg8s/zjA2MeGayPoY/KICrbitwneDHrjSotxKL+0XQ==}
     engines: {node: '>=14.18.0'}
@@ -6408,10 +6385,8 @@ packages:
     resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
     engines: {node: '>=20'}
 
-  tailwindcss@3.4.19:
-    resolution: {integrity: sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  tailwindcss@4.3.0:
+    resolution: {integrity: sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==}
 
   tapable@2.3.3:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
@@ -6552,9 +6527,6 @@ packages:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   ts-map@1.0.3:
     resolution: {integrity: sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==}
 
@@ -6969,8 +6941,8 @@ packages:
   vue-component-type-helpers@3.2.7:
     resolution: {integrity: sha512-+gPp5YGmhfsj1IN+xUo7y0fb4clfnOiiUA39y07yW1VzCRjzVgwLbtmdWlghh7mXrPsEaYc7rrIir/HT6C8vYQ==}
 
-  vue-component-type-helpers@3.2.8:
-    resolution: {integrity: sha512-9689efAXhN/EV86plgkL/XFiJSXhGtWPG6JDboZ+QnjlUWUUQrQ0ILKQtw4iQsuwIwu5k6Aw+JnehDe7161e7A==}
+  vue-component-type-helpers@3.2.9:
+    resolution: {integrity: sha512-S3BiWYaLSzHxTpln665ELSrMR9UYmrIDUmhik7nVZxmJjTKL2/a+ew1hvGxksKelivm0ujjWfG1fYOiU/2e8rA==}
 
   vue-content-loader@2.0.1:
     resolution: {integrity: sha512-pkof4+q2xmzNEdhqelxtJejeP/vQUJtLle4/v2ueG+HURqM9Q/GIGC8GJ2bVVWeLfTDET51jqimwQdmxJTlu0g==}
@@ -7279,8 +7251,6 @@ snapshots:
       ansi-styles: 6.2.3
       is-fullwidth-code-point: 5.1.0
 
-  '@alloc/quick-lru@5.2.0': {}
-
   '@anev/ts-mountebank@1.8.0':
     dependencies:
       superagent: 10.3.0
@@ -8868,10 +8838,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8887,24 +8857,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8921,14 +8891,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -8943,7 +8913,7 @@ snapshots:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       type-fest: 2.19.0
       vue: 3.5.34(typescript@6.0.3)
-      vue-component-type-helpers: 3.2.8
+      vue-component-type-helpers: 3.2.9
 
   '@stryker-mutator/api@9.6.1':
     dependencies:
@@ -9016,6 +8986,74 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
+  '@tailwindcss/node@4.3.0':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.0
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.3.0
+
+  '@tailwindcss/oxide-android-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.3.0':
+    optional: true
+
+  '@tailwindcss/oxide@4.3.0':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-arm64': 4.3.0
+      '@tailwindcss/oxide-darwin-x64': 4.3.0
+      '@tailwindcss/oxide-freebsd-x64': 4.3.0
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-arm64-musl': 4.3.0
+      '@tailwindcss/oxide-linux-x64-gnu': 4.3.0
+      '@tailwindcss/oxide-linux-x64-musl': 4.3.0
+      '@tailwindcss/oxide-wasm32-wasi': 4.3.0
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
+      '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
+
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+    dependencies:
+      '@tailwindcss/node': 4.3.0
+      '@tailwindcss/oxide': 4.3.0
+      tailwindcss: 4.3.0
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+
   '@teppeis/multimaps@3.0.0': {}
 
   '@testing-library/cypress@10.1.3(cypress@15.15.0)':
@@ -9195,37 +9233,24 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.13
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
-    dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-      playwright: 1.60.0
-      tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-    transitivePeerDependencies:
-      - bufferutil
-      - msw
-      - utf-8-validate
-      - vite
-
   '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
@@ -9238,24 +9263,6 @@ snapshots:
       - msw
       - utf-8-validate
       - vite
-    optional: true
-
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
-    dependencies:
-      '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-      '@vitest/utils': 4.1.6
-      magic-string: 0.30.21
-      pngjs: 7.0.0
-      sirv: 3.0.2
-      tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-      ws: 8.20.0
-    transitivePeerDependencies:
-      - bufferutil
-      - msw
-      - utf-8-validate
-      - vite
 
   '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
@@ -9273,7 +9280,6 @@ snapshots:
       - msw
       - utf-8-validate
       - vite
-    optional: true
 
   '@vitest/expect@3.2.4':
     dependencies:
@@ -9292,14 +9298,6 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
-    dependencies:
-      '@vitest/spy': 4.1.6
-      estree-walker: 3.0.3
-      magic-string: 0.30.21
-    optionalDependencies:
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
-
   '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
@@ -9343,7 +9341,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -9658,11 +9656,6 @@ snapshots:
 
   any-promise@1.3.0: {}
 
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 4.0.4
-
   app-module-path@2.2.0: {}
 
   arch@2.2.0: {}
@@ -9728,15 +9721,6 @@ snapshots:
 
   auto-bind@5.0.1: {}
 
-  autoprefixer@10.5.0(postcss@8.5.14):
-    dependencies:
-      browserslist: 4.28.2
-      caniuse-lite: 1.0.30001791
-      fraction.js: 5.3.4
-      picocolors: 1.1.1
-      postcss: 8.5.14
-      postcss-value-parser: 4.2.0
-
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
@@ -9776,8 +9760,6 @@ snapshots:
       jsonpointer: 5.0.1
       leven: 3.1.0
 
-  binary-extensions@2.3.0: {}
-
   bintrees@1.0.2: {}
 
   birpc@2.9.0: {}
@@ -9905,8 +9887,6 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  camelcase-css@2.0.1: {}
-
   camelcase@6.3.0: {}
 
   caniuse-lite@1.0.30001791: {}
@@ -9953,18 +9933,6 @@ snapshots:
 
   check-error@2.1.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
-
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
@@ -10096,8 +10064,6 @@ snapshots:
 
   commander@2.20.3: {}
 
-  commander@4.1.1: {}
-
   commander@6.2.1: {}
 
   common-ancestor-path@2.0.0: {}
@@ -10169,15 +10135,8 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
-  css-selector-tokenizer@0.8.0:
-    dependencies:
-      cssesc: 3.0.0
-      fastparse: 1.1.2
-
   css.escape@1.5.1: {}
 
-  cssesc@3.0.0: {}
-
   cssstyle@4.6.0:
     dependencies:
       '@asamuzakjp/css-color': 3.2.0
@@ -10187,8 +10146,6 @@ snapshots:
 
   csv-parse@5.6.0: {}
 
-  culori@3.3.0: {}
-
   cypress-file-upload@5.0.8(cypress@15.15.0):
     dependencies:
       cypress: 15.15.0
@@ -10241,14 +10198,7 @@ snapshots:
       es5-ext: 0.10.64
       type: 2.7.3
 
-  daisyui@4.12.24(postcss@8.5.14):
-    dependencies:
-      css-selector-tokenizer: 0.8.0
-      culori: 3.3.0
-      picocolors: 1.1.1
-      postcss-js: 4.1.0(postcss@8.5.14)
-    transitivePeerDependencies:
-      - postcss
+  daisyui@5.5.19: {}
 
   dashdash@1.14.1:
     dependencies:
@@ -10445,14 +10395,10 @@ snapshots:
       asap: 2.0.6
       wrappy: 1.0.2
 
-  didyoumean@1.2.2: {}
-
   diff-match-patch@1.0.5: {}
 
   diff@9.0.0: {}
 
-  dlv@1.1.3: {}
-
   doctypes@1.1.0: {}
 
   dom-accessibility-api@0.5.16: {}
@@ -10881,8 +10827,6 @@ snapshots:
       path-expression-matcher: 1.5.0
       strnum: 2.2.3
 
-  fastparse@1.1.2: {}
-
   fastq@1.20.1:
     dependencies:
       reusify: 1.1.0
@@ -11005,8 +10949,6 @@ snapshots:
 
   fp-ts@2.16.11: {}
 
-  fraction.js@5.3.4: {}
-
   fresh@2.0.0: {}
 
   fs-constants@1.0.0: {}
@@ -11116,10 +11058,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob@13.0.6:
     dependencies:
       minimatch: 10.2.5
@@ -11397,10 +11335,6 @@ snapshots:
     dependencies:
       has-bigints: 1.1.0
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-boolean-object@1.2.2:
     dependencies:
       call-bound: 1.0.4
@@ -11545,8 +11479,6 @@ snapshots:
 
   isstream@0.1.2: {}
 
-  jiti@1.21.7: {}
-
   jiti@2.6.1: {}
 
   joi@18.2.1:
@@ -12438,8 +12370,6 @@ snapshots:
       semver: 7.7.4
       validate-npm-package-license: 3.0.4
 
-  normalize-path@3.0.0: {}
-
   normalize-url@6.1.0: {}
 
   normalize-url@8.1.1: {}
@@ -12501,8 +12431,6 @@ snapshots:
 
   object-assign@4.1.1: {}
 
-  object-hash@3.0.0: {}
-
   object-inspect@1.13.4: {}
 
   object-is@1.1.6:
@@ -12730,8 +12658,6 @@ snapshots:
 
   pify@2.3.0: {}
 
-  pirates@4.0.7: {}
-
   pkce-challenge@5.0.1: {}
 
   pkg-types@1.3.1:
@@ -12764,39 +12690,15 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-import@15.1.0(postcss@8.5.14):
-    dependencies:
-      postcss: 8.5.14
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.12
-
-  postcss-js@4.1.0(postcss@8.5.14):
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.5.14
-
-  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0):
+  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0):
     dependencies:
       lilconfig: 3.1.3
     optionalDependencies:
-      jiti: 1.21.7
+      jiti: 2.6.1
       postcss: 8.5.14
       tsx: 4.21.0
       yaml: 2.9.0
 
-  postcss-nested@6.2.0(postcss@8.5.14):
-    dependencies:
-      postcss: 8.5.14
-      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-values-parser@6.0.2(postcss@8.5.14):
     dependencies:
       color-name: 1.1.4
@@ -13049,10 +12951,6 @@ snapshots:
 
   react@19.2.6: {}
 
-  read-cache@1.0.0:
-    dependencies:
-      pify: 2.3.0
-
   read-package-json-fast@4.0.0:
     dependencies:
       json-parse-even-better-errors: 4.0.0
@@ -13088,10 +12986,6 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 4.0.4
-
   readdirp@4.1.2: {}
 
   readdirp@5.0.0: {}
@@ -13678,16 +13572,6 @@ snapshots:
     dependencies:
       commander: 12.1.0
 
-  sucrase@3.35.1:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      commander: 4.1.1
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.7
-      tinyglobby: 0.2.16
-      ts-interface-checker: 0.1.13
-
   superagent@10.3.0:
     dependencies:
       component-emitter: 1.3.1
@@ -13776,33 +13660,7 @@ snapshots:
 
   tagged-tag@1.0.0: {}
 
-  tailwindcss@3.4.19(tsx@4.21.0)(yaml@2.9.0):
-    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.3
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      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.14
-      postcss-import: 15.1.0(postcss@8.5.14)
-      postcss-js: 4.1.0(postcss@8.5.14)
-      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0)
-      postcss-nested: 6.2.0(postcss@8.5.14)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.12
-      sucrase: 3.35.1
-    transitivePeerDependencies:
-      - tsx
-      - yaml
+  tailwindcss@4.3.0: {}
 
   tapable@2.3.3: {}
 
@@ -13927,8 +13785,6 @@ snapshots:
 
   ts-dedent@2.2.0: {}
 
-  ts-interface-checker@0.1.13: {}
-
   ts-map@1.0.3: {}
 
   tsconfig-paths@4.2.0:
@@ -14117,11 +13973,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14191,7 +14047,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14201,7 +14057,7 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
@@ -14209,7 +14065,7 @@ snapshots:
       typescript: 6.0.3
       vue-tsc: 3.2.9(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14220,27 +14076,10 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0):
-    dependencies:
-      lightningcss: 1.32.0
-      picomatch: 4.0.4
-      postcss: 8.5.14
-      rolldown: 1.0.1
-      tinyglobby: 0.2.16
-    optionalDependencies:
-      '@types/node': 25.7.0
-      esbuild: 0.28.0
-      fsevents: 2.3.3
-      jiti: 1.21.7
-      sass: 1.99.0
-      terser: 5.47.1
-      tsx: 4.21.0
-      yaml: 2.9.0
-
   vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
@@ -14261,7 +14100,7 @@ snapshots:
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14275,42 +14114,11 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
-    dependencies:
-      '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
-      '@vitest/pretty-format': 4.1.6
-      '@vitest/runner': 4.1.6
-      '@vitest/snapshot': 4.1.6
-      '@vitest/spy': 4.1.6
-      '@vitest/utils': 4.1.6
-      es-module-lexer: 2.1.0
-      expect-type: 1.3.0
-      magic-string: 0.30.21
-      obug: 2.1.1
-      pathe: 2.0.3
-      picomatch: 4.0.4
-      std-env: 4.1.0
-      tinybench: 2.9.0
-      tinyexec: 1.1.2
-      tinyglobby: 0.2.16
-      tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@opentelemetry/api': 1.9.1
-      '@types/node': 25.7.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@1.21.7)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/ui': 4.1.6(vitest@4.1.6)
-      jsdom: 26.1.0(canvas@3.2.3)
-    transitivePeerDependencies:
-      - msw
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
 
   vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
     dependencies:
@@ -14360,7 +14168,7 @@ snapshots:
 
   vue-component-type-helpers@3.2.7: {}
 
-  vue-component-type-helpers@3.2.8: {}
+  vue-component-type-helpers@3.2.9: {}
 
   vue-content-loader@2.0.1(vue@3.5.34(typescript@6.0.3)):
     dependencies:

From 74a94ce95caa5c6f0383f58174d655e240fa6dee Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Sun, 17 May 2026 22:30:31 +0800
Subject: [PATCH 02/32] upgrade to Tailwind v4 and daisyUI v5

Update prefixed utility classes and daisyUI v5 component names across
the frontend, lockfile, and component authoring rules.
---
 .cursor/rules/frontend-component.mdc          |  4 +-
 frontend/.storybook/main.ts                   |  2 +
 frontend/package.json                         |  2 -
 frontend/src/assets/daisyui.css               |  4 +-
 .../src/components/admin/ManageBazaar.vue     |  2 +-
 .../commons/AcceptRejectButtons.vue           |  4 +-
 .../components/commons/JsonExportSection.vue  |  2 +-
 .../src/components/commons/ProgressBar.vue    |  4 +-
 frontend/src/components/commons/TestMenu.vue  |  2 +-
 .../components/conversations/AiResponse.vue   | 12 +++---
 .../ConversationExportDialog.vue              |  2 +-
 .../conversations/ConversationInner.vue       |  4 +-
 .../conversations/ConversationTemplate.vue    |  8 ++--
 .../src/components/form/InputWithType.vue     |  4 +-
 .../RichFrontmatterEditablePropertyRow.vue    |  2 +-
 .../RichFrontmatterPropertyExternalLink.vue   |  4 +-
 frontend/src/components/form/Select.vue       |  2 +-
 frontend/src/components/form/TextArea.vue     |  2 +-
 .../components/notebook/NotebookButtons.vue   |  2 +-
 .../NotebookCatalogMoveToGroupForm.vue        |  2 +-
 .../components/notes/NoteTitleWithLink.vue    |  2 +-
 .../src/components/notes/NotebookLink.vue     |  2 +-
 .../components/notes/QuestionExportDialog.vue |  2 +-
 .../src/components/notes/SidebarNoteItem.vue  |  2 +-
 .../search/SearchDropdownHitList.vue          |  4 +-
 .../search/SearchForNoteAndFolder.vue         | 14 +++----
 .../search/SearchResultListItem.vue           |  4 +-
 .../src/components/search/SearchResults.vue   | 14 +++----
 .../toolbars/BreadcrumbWithCircle.vue         |  4 +-
 .../components/toolbars/HorizontalMenu.vue    |  1 -
 frontend/src/pages/AssimilationPageView.vue   |  4 +-
 frontend/src/pages/CircleShowPage.vue         |  2 +-
 frontend/src/pages/MessageCenterPage.vue      |  7 +++-
 .../src/pages/NonproductionOnlyLoginPage.vue  |  2 +-
 .../conversation/AiResponse.spec.ts           |  6 +--
 .../conversation/NoteConversation.spec.ts     |  4 +-
 .../tests/pages/MessageCenterPage.spec.ts     |  8 +++-
 frontend/tests/pages/RecallPage.spec.ts       | 12 +++---
 frontend/tsconfig.json                        |  4 +-
 frontend/vite.config.ts                       |  1 +
 pnpm-lock.yaml                                | 40 +------------------
 41 files changed, 89 insertions(+), 120 deletions(-)

diff --git a/.cursor/rules/frontend-component.mdc b/.cursor/rules/frontend-component.mdc
index 79cf5660f2..2af1eee188 100644
--- a/.cursor/rules/frontend-component.mdc
+++ b/.cursor/rules/frontend-component.mdc
@@ -16,14 +16,14 @@ Use this rule when writing or modifying Vue components, component SCSS, or Story
 ## Core Technologies
 
 - Vue 3 with TypeScript.
-- DaisyUI + Tailwind for styling, with the `daisy-` prefix.
+- DaisyUI + Tailwind for styling: unprefixed Tailwind utilities (`flex`, `text-primary`, …) and `daisy-`-prefixed DaisyUI component classes (`daisy-btn`, `daisy-card`, …).
 - Vitest for testing with Playwright browser mode.
 - Biome for linting and formatting.
 
 ## Icons
 
 - Prefer Lucide for normal UI icons via `lucide-vue-next` (`import { IconName } from "lucide-vue-next"`). Import only the icons each file needs; rely on `currentColor` so icons follow text/theme color.
-- `lucide-vue-next` defaults to 24x24 via the `size` prop. Use `:size="..."` and/or `daisy-w-*`, `daisy-h-*`, or `daisy-size-*`. Never use bare `w-*` / `h-*`; Tailwind uses the `daisy-` prefix here.
+- `lucide-vue-next` defaults to 24x24 via the `size` prop. Use `:size="..."` and/or Tailwind `w-*`, `h-*`, or `size-*` on icons.
 
 ## Naming Conventions
 
diff --git a/frontend/.storybook/main.ts b/frontend/.storybook/main.ts
index b3c8695a82..c3c7a5eca6 100644
--- a/frontend/.storybook/main.ts
+++ b/frontend/.storybook/main.ts
@@ -1,4 +1,5 @@
 import type { StorybookConfig } from "@storybook/vue3-vite"
+import tailwindcss from "@tailwindcss/vite"
 import { mergeConfig } from "vite"
 
 const config: StorybookConfig = {
@@ -10,6 +11,7 @@ const config: StorybookConfig = {
   },
   async viteFinal(config) {
     return mergeConfig(config, {
+      plugins: [tailwindcss()],
       resolve: {
         tsconfigPaths: true,
       },
diff --git a/frontend/package.json b/frontend/package.json
index 2b9a680c2e..d50be0d8a8 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -59,8 +59,6 @@
     "marked": "^18.0.3",
     "optionator": "^0.9.4",
     "playwright": "^1.60.0",
-    "postcss": ">=8.5.14",
-    "postcss-load-config": "6.0.1",
     "sass": "1.99.0",
     "storybook": "10.4.0",
     "tailwindcss": "4.3.0",
diff --git a/frontend/src/assets/daisyui.css b/frontend/src/assets/daisyui.css
index 214d27f715..61e49825ea 100644
--- a/frontend/src/assets/daisyui.css
+++ b/frontend/src/assets/daisyui.css
@@ -3,7 +3,7 @@
 @source inline("daisy-input daisy-input-ghost daisy-input-xs daisy-input-sm daisy-input-md daisy-input-lg daisy-input-xl daisy-input-primary daisy-input-secondary daisy-input-accent daisy-input-info daisy-input-success daisy-input-warning daisy-input-error");
 @source inline("daisy-modal daisy-modal-box daisy-modal-action daisy-modal-open daisy-modal-top daisy-modal-middle daisy-modal-bottom daisy-modal-start daisy-modal-end");
 @source inline("daisy-dropdown daisy-dropdown-content daisy-dropdown-end daisy-dropdown-start daisy-dropdown-top daisy-dropdown-bottom daisy-dropdown-left daisy-dropdown-right daisy-dropdown-hover daisy-dropdown-open");
-@source inline("daisy-menu daisy-menu-item daisy-menu-title daisy-menu-horizontal daisy-menu-vertical daisy-navbar daisy-navbar-start daisy-navbar-center daisy-navbar-end");
+@source inline("daisy-menu daisy-menu-item daisy-menu-title daisy-menu-active daisy-menu-horizontal daisy-menu-vertical daisy-navbar daisy-navbar-start daisy-navbar-center daisy-navbar-end");
 @source inline("daisy-badge daisy-badge-primary daisy-badge-secondary daisy-badge-accent daisy-badge-ghost daisy-badge-outline daisy-badge-neutral daisy-badge-info daisy-badge-success daisy-badge-warning daisy-badge-error daisy-badge-xs daisy-badge-sm daisy-badge-md daisy-badge-lg daisy-badge-xl daisy-badge-dash");
 @source inline("daisy-card daisy-card-body daisy-card-title daisy-card-actions daisy-card-side daisy-card-border daisy-card-sm daisy-card-compact daisy-card-normal daisy-card-glass");
 @source inline("daisy-select daisy-textarea daisy-checkbox daisy-radio daisy-toggle daisy-range daisy-file-input daisy-fieldset daisy-label daisy-form-control daisy-validator");
@@ -14,7 +14,7 @@
 @source inline("daisy-avatar daisy-avatar-group daisy-avatar-online daisy-avatar-offline daisy-avatar-placeholder");
 @source inline("daisy-loading daisy-loading-spinner daisy-loading-dots daisy-loading-ring daisy-loading-ball daisy-loading-bars daisy-loading-infinity daisy-loading-xs daisy-loading-sm daisy-loading-md daisy-loading-lg daisy-loading-xl");
 @source inline("daisy-progress daisy-skeleton daisy-countdown daisy-stat daisy-stats daisy-steps daisy-step daisy-step-primary");
-@source inline("daisy-join daisy-join-item daisy-divider daisy-indicator daisy-indicator-item daisy-tooltip daisy-kbd daisy-stack");
+@source inline("daisy-join daisy-join-item daisy-btn-group daisy-btn-group-sm daisy-btn-group-vertical daisy-divider daisy-indicator daisy-indicator-item daisy-tooltip daisy-kbd daisy-stack daisy-breadcrumbs");
 @plugin "daisyui" {
   themes:
     light --default,
diff --git a/frontend/src/components/admin/ManageBazaar.vue b/frontend/src/components/admin/ManageBazaar.vue
index c7df2ff2d9..1119fd6e1f 100644
--- a/frontend/src/components/admin/ManageBazaar.vue
+++ b/frontend/src/components/admin/ManageBazaar.vue
@@ -9,7 +9,7 @@
         </td>
         <td>
           <button
-            class="daisy-btn daisy-btn-danger"
+            class="daisy-btn daisy-btn-error"
             @click="removeFromBazaar(bazaarNotebook)"
           >
             Remove
diff --git a/frontend/src/components/commons/AcceptRejectButtons.vue b/frontend/src/components/commons/AcceptRejectButtons.vue
index bf57163d22..a660a7a9df 100644
--- a/frontend/src/components/commons/AcceptRejectButtons.vue
+++ b/frontend/src/components/commons/AcceptRejectButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-card py-2 px-3 daisy-bg-light ai-chat">
+  <div class="daisy-card py-2 px-3 bg-base-200 ai-chat">
     <div>
       <slot name="title" />
     </div>
@@ -16,7 +16,7 @@
         Accept
       </button>
       <button
-        class="daisy-btn daisy-btn-outline-secondary daisy-btn-sm"
+        class="daisy-btn daisy-btn-outline daisy-btn-secondary daisy-btn-sm"
         @click="$emit('skip')"
         :disabled="disabled"
       >
diff --git a/frontend/src/components/commons/JsonExportSection.vue b/frontend/src/components/commons/JsonExportSection.vue
index a143bbf3e3..44719d8785 100644
--- a/frontend/src/components/commons/JsonExportSection.vue
+++ b/frontend/src/components/commons/JsonExportSection.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <textarea
-      class="daisy-textarea daisy-textarea w-full h-48 bg-base-100 font-mono text-xs"
+      class="daisy-textarea w-full h-48 bg-base-100 font-mono text-xs"
       readonly
       :value="jsonData"
       :data-testid="textareaTestId"
diff --git a/frontend/src/components/commons/ProgressBar.vue b/frontend/src/components/commons/ProgressBar.vue
index b7dfa5fe2b..db74257362 100644
--- a/frontend/src/components/commons/ProgressBar.vue
+++ b/frontend/src/components/commons/ProgressBar.vue
@@ -4,7 +4,7 @@
   </div>
   <div class="flex-grow" @click.prevent="$emit('showSettings')">
     <div
-      :class="['daisy-progress-bar', { thin : $slots.default !== undefined, 'diligent-mode': diligentMode }]"
+      :class="['progress-bar', { thin : $slots.default !== undefined, 'diligent-mode': diligentMode }]"
       v-if="toRepeatCount !== null"
     >
       <span
@@ -40,7 +40,7 @@ defineSlots<{
 </script>
 
 <style lang="scss" scoped>
-.daisy-progress-bar {
+.progress-bar {
   width: 100%;
   background-color: gray;
   height: 2.5rem;
diff --git a/frontend/src/components/commons/TestMenu.vue b/frontend/src/components/commons/TestMenu.vue
index 95004e3a8d..374eeff831 100644
--- a/frontend/src/components/commons/TestMenu.vue
+++ b/frontend/src/components/commons/TestMenu.vue
@@ -27,7 +27,7 @@
       />
     </PopButton>
     <div v-if="featureToggle" class="feature-toggle-alert">
-      <em class="daisy-btn-danger">Feature Toggle is On</em>
+      <em class="text-error">Feature Toggle is On</em>
     </div>
   </div>
 </template>
diff --git a/frontend/src/components/conversations/AiResponse.vue b/frontend/src/components/conversations/AiResponse.vue
index 5898bbcf15..c24f54056f 100644
--- a/frontend/src/components/conversations/AiResponse.vue
+++ b/frontend/src/components/conversations/AiResponse.vue
@@ -3,7 +3,7 @@
     <div class="message-avatar me-2" title="AI Assistant">
       <Bot class="w-6 h-6" />
     </div>
-    <div class="daisy-card py-2 px-3 daisy-bg-light ai-chat"
+    <div class="daisy-card py-2 px-3 bg-base-200 ai-chat"
     v-html="markdowntToHtml(currentAiReply)"
     />
   </div>
@@ -21,15 +21,13 @@
     />
   </div>
 
-  <div v-if="lastErrorMessage" class="last-error-message daisy-text-danger mb-3">
+  <div v-if="lastErrorMessage" class="last-error-message text-error mb-3">
     {{ lastErrorMessage }}
   </div>
 
-  <div v-if="aiStatus" class="flex daisy-align-items-center status-bar mb-3">
-    <div class="daisy-spinner-border daisy-spinner-border-sm me-2" role="status">
-      <span class="sr-only">Loading...</span>
-    </div>
-    <small class="text-secondary">{{ aiStatus }}</small>
+  <div v-if="aiStatus" class="flex items-center status-bar mb-3">
+    <span class="daisy-loading daisy-loading-spinner daisy-loading-sm me-2" role="status" />
+    <small class="text-base-content/70">{{ aiStatus }}</small>
   </div>
 </template>
 
diff --git a/frontend/src/components/conversations/ConversationExportDialog.vue b/frontend/src/components/conversations/ConversationExportDialog.vue
index 0a2d8fa57d..8a84884140 100644
--- a/frontend/src/components/conversations/ConversationExportDialog.vue
+++ b/frontend/src/components/conversations/ConversationExportDialog.vue
@@ -6,7 +6,7 @@
           <h3 class="daisy-card-title">Export Conversation for ChatGPT</h3>
           <div class="mt-4">
             <textarea
-              class="daisy-textarea daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
+              class="daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
               readonly
               :value="exportContent"
               data-testid="export-textarea"
diff --git a/frontend/src/components/conversations/ConversationInner.vue b/frontend/src/components/conversations/ConversationInner.vue
index 73238d534a..8b26c90de9 100644
--- a/frontend/src/components/conversations/ConversationInner.vue
+++ b/frontend/src/components/conversations/ConversationInner.vue
@@ -35,7 +35,9 @@
         <div
           class="daisy-card py-2 px-3"
           :class="[
-            isCurrentUser(conversationMessage.sender?.id || 0) ? 'daisy-text-bg-dark' : 'daisy-bg-light',
+            isCurrentUser(conversationMessage.sender?.id || 0)
+              ? 'bg-primary text-primary-content'
+              : 'bg-base-200',
             conversationMessage.sender?.id === undefined ? 'ai-chat' : '',
           ]"
         >
diff --git a/frontend/src/components/conversations/ConversationTemplate.vue b/frontend/src/components/conversations/ConversationTemplate.vue
index 263c677ff5..5dfe7af574 100644
--- a/frontend/src/components/conversations/ConversationTemplate.vue
+++ b/frontend/src/components/conversations/ConversationTemplate.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="dialog-bar bg-base-300">
-    <div class="flex daisy-align-items-center gap-2">
+    <div class="flex items-center gap-2">
       <select
         v-if="conversations?.length && conversations.length > 1"
         class="conversation-select"
@@ -17,15 +17,15 @@
       </select>
       <button
         v-if="allowNewConversation"
-        class="daisy-btn daisy-btn-sm daisy-btn-outline-primary"
+        class="daisy-btn daisy-btn-sm daisy-btn-outline daisy-btn-primary"
         @click="$emit('new-conversation')"
         aria-label="New Conversation"
       >
       +
       </button>
     </div>
-    <div class="daisy-spacer"></div>
-    <div class="flex daisy-align-items-center gap-2">
+    <div class="spacer"></div>
+    <div class="flex items-center gap-2">
       <button
         class="export-button"
         @click="showExportDialog = true"
diff --git a/frontend/src/components/form/InputWithType.vue b/frontend/src/components/form/InputWithType.vue
index debeb7704e..bd26ae8786 100644
--- a/frontend/src/components/form/InputWithType.vue
+++ b/frontend/src/components/form/InputWithType.vue
@@ -17,7 +17,7 @@
       <i v-if="hint" class="hint" v-text="hint" />
       <div class="daisy-join w-full items-stretch">
         <template v-if="$slots.input_prepend">
-          <div class="daisy-join-item daisy-flex daisy-h-full daisy-items-stretch">
+          <div class="daisy-join-item flex h-full items-stretch">
             <slot name="input_prepend" />
           </div>
         </template>
@@ -28,7 +28,7 @@
           <slot />
         </template>
         <template v-if="$slots.input_append">
-          <div class="daisy-join-item daisy-flex daisy-h-full daisy-items-stretch">
+          <div class="daisy-join-item flex h-full items-stretch">
             <slot name="input_append" />
           </div>
         </template>
diff --git a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
index 2f2f468ce7..6563627e60 100644
--- a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
+++ b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
@@ -160,7 +160,7 @@
     </div>
     <button
       type="button"
-      class="daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square shrink-0"
+      class="daisy-btn daisy-btn-ghost daisy-btn-sm square shrink-0"
       :aria-label="`Remove note property ${modelValue.key}`"
       data-testid="rich-note-property-row-remove"
       @click="emit('remove')"
diff --git a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
index ca6efee05d..17dfcbde56 100644
--- a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
+++ b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
@@ -28,8 +28,8 @@ const ariaLabel = computed(() =>
 
 const btnClass = computed(() =>
   props.compact
-    ? "daisy-btn daisy-btn-ghost daisy-btn-xs daisy-square shrink-0"
-    : "daisy-btn daisy-btn-ghost daisy-btn-sm daisy-square shrink-0"
+    ? "daisy-btn daisy-btn-ghost daisy-btn-xs square shrink-0"
+    : "daisy-btn daisy-btn-ghost daisy-btn-sm square shrink-0"
 )
 
 const iconClass = computed(() => (props.compact ? "h-3.5 w-3.5" : "h-4 w-4"))
diff --git a/frontend/src/components/form/Select.vue b/frontend/src/components/form/Select.vue
index f30ec68afd..9988b5f5b5 100644
--- a/frontend/src/components/form/Select.vue
+++ b/frontend/src/components/form/Select.vue
@@ -1,7 +1,7 @@
 <template>
   <InputWithType v-bind="{ scopeName, field, errorMessage }">
     <select
-      :class="`daisy-select daisy-select ${!!errorMessage ? 'daisy-select-error' : ''}`"
+      :class="`daisy-select ${!!errorMessage ? 'daisy-select-error' : ''}`"
       :id="`${scopeName}-${field}`"
       :name="scopeName"
       :value="modelValue"
diff --git a/frontend/src/components/form/TextArea.vue b/frontend/src/components/form/TextArea.vue
index 5a6343c614..685340ca8e 100644
--- a/frontend/src/components/form/TextArea.vue
+++ b/frontend/src/components/form/TextArea.vue
@@ -1,7 +1,7 @@
 <template>
   <InputWithType v-bind="{ class: $attrs.class, scopeName, field, errorMessage }">
     <textarea
-      :class="`daisy-textarea daisy-textarea w-full ${!!errorMessage ? 'daisy-textarea-error' : ''}`"
+      :class="`daisy-textarea w-full ${!!errorMessage ? 'daisy-textarea-error' : ''}`"
       :id="`${scopeName}-${field}`"
       :name="field"
       :value="modelValue"
diff --git a/frontend/src/components/notebook/NotebookButtons.vue b/frontend/src/components/notebook/NotebookButtons.vue
index 8d6e96ee46..f441b8fe3d 100644
--- a/frontend/src/components/notebook/NotebookButtons.vue
+++ b/frontend/src/components/notebook/NotebookButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="daisy-btn-group daisy-btn-group-sm flex daisy-align-items-center flex-wrap">
+  <div class="daisy-btn-group daisy-btn-group-sm flex items-center flex-wrap">
     <BazaarNotebookButtons v-if="notebook.circle" :notebook="notebook" :logged-in="true" />
     <button
       v-if="hasAttachedBook === true"
diff --git a/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue b/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
index a7abf02e44..6cf5047b88 100644
--- a/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
+++ b/frontend/src/components/notebook/NotebookCatalogMoveToGroupForm.vue
@@ -20,7 +20,7 @@
         <select
           id="notebook-catalog-move-to-group-target"
           v-model="selectedTarget"
-          class="daisy-select daisy-select w-full"
+          class="daisy-select w-full"
           :disabled="loadingGroups"
         >
           <option disabled value="">Choose…</option>
diff --git a/frontend/src/components/notes/NoteTitleWithLink.vue b/frontend/src/components/notes/NoteTitleWithLink.vue
index 24f7305423..1ba02c4592 100644
--- a/frontend/src/components/notes/NoteTitleWithLink.vue
+++ b/frontend/src/components/notes/NoteTitleWithLink.vue
@@ -1,7 +1,7 @@
 <template>
   <router-link
     :to="noteShowLocation(noteTopology.id)"
-    class="daisy-text-decoration-none"
+    class="no-underline"
   >
     <NoteTitleComponent v-bind="{ noteTopology }" />
   </router-link>
diff --git a/frontend/src/components/notes/NotebookLink.vue b/frontend/src/components/notes/NotebookLink.vue
index e6e5ffd4b8..7a16f6561e 100644
--- a/frontend/src/components/notes/NotebookLink.vue
+++ b/frontend/src/components/notes/NotebookLink.vue
@@ -1,7 +1,7 @@
 <template>
   <router-link
     :to="{ name: 'notebookPage', params: { notebookId: notebook.id } }"
-    class="daisy-text-decoration-none"
+    class="no-underline"
   >
     <BookText class="me-1 w-4 h-4 inline-block" />
     <span>{{ notebook.name }}</span>
diff --git a/frontend/src/components/notes/QuestionExportDialog.vue b/frontend/src/components/notes/QuestionExportDialog.vue
index e8b0ec40b0..71542e1cb9 100644
--- a/frontend/src/components/notes/QuestionExportDialog.vue
+++ b/frontend/src/components/notes/QuestionExportDialog.vue
@@ -6,7 +6,7 @@
           <h3 class="daisy-card-title">Export Question Generation Request for ChatGPT</h3>
           <div class="mt-4">
             <textarea
-              class="daisy-textarea daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
+              class="daisy-textarea w-full h-96 bg-base-100 font-mono text-xs"
               readonly
               :value="exportContent"
               data-testid="export-textarea"
diff --git a/frontend/src/components/notes/SidebarNoteItem.vue b/frontend/src/components/notes/SidebarNoteItem.vue
index 27b57512ab..c8ebd02597 100644
--- a/frontend/src/components/notes/SidebarNoteItem.vue
+++ b/frontend/src/components/notes/SidebarNoteItem.vue
@@ -21,7 +21,7 @@
     />
     <RouterLink
       :to="noteShowLocation(noteTopology.id)"
-      class="note-row daisy-text-decoration-none"
+      class="note-row no-underline"
     >
       <NoteTitleComponent v-bind="{ noteTopology }" />
     </RouterLink>
diff --git a/frontend/src/components/search/SearchDropdownHitList.vue b/frontend/src/components/search/SearchDropdownHitList.vue
index 8b718d99fb..2aed8ca454 100644
--- a/frontend/src/components/search/SearchDropdownHitList.vue
+++ b/frontend/src/components/search/SearchDropdownHitList.vue
@@ -36,7 +36,7 @@
                 folderId: hit.folderId,
               },
             }"
-            class="block font-medium daisy-text-decoration-none"
+            class="block font-medium no-underline"
           >{{ hit.folderName }}</router-link>
           <span v-else class="font-medium">{{ hit.folderName }}</span>
           <span
@@ -56,7 +56,7 @@
         </div>
         <router-link
           :to="{ name: 'notebookPage', params: { notebookId: hit.notebookId } }"
-          class="min-w-0 flex-1 daisy-text-decoration-none font-medium"
+          class="min-w-0 flex-1 no-underline font-medium"
         >{{ hit.notebookName }}</router-link>
       </div>
     </template>
diff --git a/frontend/src/components/search/SearchForNoteAndFolder.vue b/frontend/src/components/search/SearchForNoteAndFolder.vue
index 36d08659d5..aa9bb503bc 100644
--- a/frontend/src/components/search/SearchForNoteAndFolder.vue
+++ b/frontend/src/components/search/SearchForNoteAndFolder.vue
@@ -13,35 +13,35 @@
         <template #input_prepend>
           <AutoCollapseDropdown
             v-slot="{ closeDropdown }"
-            class="search-key-history-details daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom daisy-relative daisy-inline-flex daisy-shrink-0"
+            class="search-key-history-details daisy-dropdown daisy-dropdown-start daisy-dropdown-bottom relative inline-flex shrink-0"
             data-testid="search-key-history-dropdown"
             @toggle="onHistoryToggle"
           >
             <summary
               tabindex="-1"
-              class="daisy-input daisy-input-bordered daisy-flex daisy-w-12 daisy-min-w-12 daisy-max-w-12 daisy-shrink-0 daisy-flex-none daisy-items-center daisy-justify-center daisy-rounded-r-none daisy-px-0 daisy-py-0 list-none daisy-cursor-pointer daisy-bg-base-100"
+              class="daisy-input flex w-12 min-w-12 max-w-12 shrink-0 flex-none items-center justify-center rounded-r-none px-0 py-0 list-none cursor-pointer bg-base-100"
               title="Search history"
               aria-label="Search history"
               data-testid="search-key-history-trigger"
               @focus="(ev: FocusEvent) => (ev.currentTarget as HTMLElement).blur()"
             >
-              <Clock class="daisy-w-5 daisy-h-5" />
+              <Clock class="w-5 h-5" />
             </summary>
             <ul
               tabindex="0"
-              class="daisy-dropdown-content daisy-menu daisy-bg-base-100 daisy-rounded-box daisy-min-w-[12rem] daisy-max-w-[20rem] daisy-max-h-60 daisy-overflow-y-auto daisy-p-2 daisy-shadow daisy-z-[1000]"
+              class="daisy-dropdown-content daisy-menu bg-base-100 rounded-box min-w-[12rem] max-w-[20rem] max-h-60 overflow-y-auto p-2 shadow z-[1000]"
             >
-              <li v-if="historyKeys.length === 0" class="daisy-px-2 daisy-py-1 daisy-text-sm daisy-opacity-60">
+              <li v-if="historyKeys.length === 0" class="px-2 py-1 text-sm opacity-60">
                 No search history yet
               </li>
               <li
                 v-for="(key, index) in historyKeys"
                 :key="`${index}-${key}`"
-                class="daisy-menu-item daisy-p-0"
+                class="daisy-menu-item p-0"
               >
                 <button
                   type="button"
-                  class="daisy-btn daisy-btn-ghost daisy-h-auto daisy-min-h-0 daisy-w-full daisy-justify-start daisy-py-2 daisy-font-normal daisy-text-left daisy-whitespace-normal daisy-break-words"
+                  class="daisy-btn daisy-btn-ghost h-auto min-h-0 w-full justify-start py-2 font-normal text-left whitespace-normal break-words"
                   :title="key"
                   :data-testid="`search-key-history-item-${index}`"
                   @click="pickHistoryKey(key, closeDropdown)"
diff --git a/frontend/src/components/search/SearchResultListItem.vue b/frontend/src/components/search/SearchResultListItem.vue
index 0980744324..cccb598e05 100644
--- a/frontend/src/components/search/SearchResultListItem.vue
+++ b/frontend/src/components/search/SearchResultListItem.vue
@@ -31,7 +31,7 @@
               folderId: searchHit.folderId,
             },
           }"
-          class="folder-hit-title daisy-text-decoration-none"
+          class="folder-hit-title no-underline"
         >{{ searchHit.folderName }}</router-link>
         <span
           v-else-if="searchHit.hitKind === 'FOLDER'"
@@ -40,7 +40,7 @@
         <router-link
           v-else-if="searchHit.hitKind === 'NOTEBOOK' && searchHit.notebookId != null"
           :to="{ name: 'notebookPage', params: { notebookId: searchHit.notebookId } }"
-          class="notebook-hit-title daisy-text-decoration-none"
+          class="notebook-hit-title no-underline"
         >{{ searchHit.notebookName }}</router-link>
       </div>
       <div
diff --git a/frontend/src/components/search/SearchResults.vue b/frontend/src/components/search/SearchResults.vue
index 4e4f8bc067..b774d73109 100644
--- a/frontend/src/components/search/SearchResults.vue
+++ b/frontend/src/components/search/SearchResults.vue
@@ -6,7 +6,7 @@
     >
       <div
         v-if="showTitleBar"
-        class="result-section-info-row daisy-flex daisy-flex-nowrap daisy-items-center daisy-gap-2 daisy-w-full daisy-min-w-0"
+        class="result-section-info-row flex flex-nowrap items-center gap-2 w-full min-w-0"
       >
         <button
           v-if="embedSemanticToggle"
@@ -15,24 +15,24 @@
           aria-label="Semantic search"
           data-testid="note-new-form-semantic-search-toggle"
           :class="[
-            'daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square daisy-shrink-0',
+            'daisy-btn daisy-btn-ghost daisy-btn-sm daisy-btn-square shrink-0',
             semanticSearchEnabled
-              ? 'daisy-text-primary'
-              : 'daisy-opacity-30',
+              ? 'text-primary'
+              : 'opacity-30',
           ]"
           @click="semanticSearchEnabled = !semanticSearchEnabled"
         >
-          <Sparkles class="daisy-w-6 daisy-h-6" />
+          <Sparkles class="w-6 h-6" />
         </button>
         <span
           v-if="displayState.title"
-          class="result-section-info daisy-shrink-0 daisy-text-sm daisy-font-normal daisy-text-base-content/70"
+          class="result-section-info shrink-0 text-sm font-normal text-base-content/70"
         >
           {{ displayState.title }}
         </span>
         <span
           v-if="isSearchInProgress"
-          class="searching-indicator searching-indicator--title-inline daisy-inline-flex daisy-shrink-0 daisy-items-center"
+          class="searching-indicator searching-indicator--title-inline inline-flex shrink-0 items-center"
           role="status"
           aria-busy="true"
         >
diff --git a/frontend/src/components/toolbars/BreadcrumbWithCircle.vue b/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
index f931412a22..882b30e77c 100644
--- a/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
+++ b/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
@@ -22,13 +22,13 @@
       </template>
       <li>
         <router-link
-          class="daisy-inline-flex daisy-items-center daisy-gap-1 daisy-text-base-content"
+          class="inline-flex items-center gap-1 text-base-content"
           :to="{
             name: 'notebookPage',
             params: { notebookId: String(notebookRealm.notebook.id) },
           }"
         >
-          <BookText class="daisy-h-3.5 daisy-w-3.5 daisy-shrink-0" aria-hidden="true" />
+          <BookText class="h-3.5 w-3.5 shrink-0" aria-hidden="true" />
           {{ notebookRealm.notebook.name }}
         </router-link>
       </li>
diff --git a/frontend/src/components/toolbars/HorizontalMenu.vue b/frontend/src/components/toolbars/HorizontalMenu.vue
index aeba4f6baa..8e018fed35 100644
--- a/frontend/src/components/toolbars/HorizontalMenu.vue
+++ b/frontend/src/components/toolbars/HorizontalMenu.vue
@@ -238,7 +238,6 @@ onUnmounted(() => {
 
 <style lang="scss" scoped>
 @use "@/assets/menu-variables.scss" as *;
-@reference "@/assets/daisyui.css";
 
 .sidebar-container {
   height: auto;
diff --git a/frontend/src/pages/AssimilationPageView.vue b/frontend/src/pages/AssimilationPageView.vue
index 145da5c938..2f45df428a 100644
--- a/frontend/src/pages/AssimilationPageView.vue
+++ b/frontend/src/pages/AssimilationPageView.vue
@@ -2,7 +2,7 @@
   <GlobalBar>
     <div class="progress-container relative w-full">
       <div
-        :class="`daisy-progress-bar w-full bg-gray-500 h-[25px] rounded-lg relative cursor-help ${false ? 'h-[5px]' : ''}`"
+        :class="`progress-bar w-full bg-gray-500 h-[25px] rounded-lg relative cursor-help ${false ? 'h-[5px]' : ''}`"
         v-if="remainingAssimilationCountForToday !== null"
         :title="`Daily Progress: ${assimilatedCountOfTheDay || 0} completed out of ${plannedForTheDay} planned for today`"
         @click="showTooltip = true"
@@ -17,7 +17,7 @@
         </span>
       </div>
       <div
-        class="daisy-progress-bar w-full bg-gray-500 h-[5px] rounded-lg relative cursor-help"
+        class="progress-bar w-full bg-gray-500 h-[5px] rounded-lg relative cursor-help"
         v-if="totalUnassimilatedCount !== undefined"
         :title="`Total Progress: ${assimilatedCountOfTheDay || 0} completed out of ${totalPlannedCount} total notes to assimilate`"
         @click="showTooltip = true"
diff --git a/frontend/src/pages/CircleShowPage.vue b/frontend/src/pages/CircleShowPage.vue
index b82ca26001..f8384df03a 100644
--- a/frontend/src/pages/CircleShowPage.vue
+++ b/frontend/src/pages/CircleShowPage.vue
@@ -47,7 +47,7 @@
             <select
               id="circle-notebook-catalog-sort"
               v-model="notebooksSortOrder"
-              class="daisy-select daisy-select daisy-select-sm w-max max-w-[12rem]"
+              class="daisy-select daisy-select-sm w-max max-w-[12rem]"
               title="Sort notebooks"
             >
               <option value="created">By created time</option>
diff --git a/frontend/src/pages/MessageCenterPage.vue b/frontend/src/pages/MessageCenterPage.vue
index 2fe34f9b94..2568570cb8 100644
--- a/frontend/src/pages/MessageCenterPage.vue
+++ b/frontend/src/pages/MessageCenterPage.vue
@@ -18,10 +18,13 @@
                 v-for="conversation in conversations"
                 :key="conversation.id"
                 class="daisy-menu-item"
-                :class="{ 'daisy-active': conversationId === conversation.id }"
                 @click="selectConversation(conversation)"
               >
-                <div>{{ conversation.subject }}</div>
+                <div
+                  :class="{ 'daisy-menu-active': conversationId === conversation.id }"
+                >
+                  {{ conversation.subject }}
+                </div>
                 <div>{{ conversation.partnerName }}</div>
               </li>
             </ul>
diff --git a/frontend/src/pages/NonproductionOnlyLoginPage.vue b/frontend/src/pages/NonproductionOnlyLoginPage.vue
index dbf31aede0..39b2f6d903 100644
--- a/frontend/src/pages/NonproductionOnlyLoginPage.vue
+++ b/frontend/src/pages/NonproductionOnlyLoginPage.vue
@@ -6,7 +6,7 @@
     <br />
     {{ redirectAfterLogin }}
   </p>
-  <div v-if="errorMessage" class="daisy-alert daisy-alert-danger">
+  <div v-if="errorMessage" class="daisy-alert alert-danger">
     {{ errorMessage }}
   </div>
 
diff --git a/frontend/tests/components/conversation/AiResponse.spec.ts b/frontend/tests/components/conversation/AiResponse.spec.ts
index bb6138437b..18f6ac22ef 100644
--- a/frontend/tests/components/conversation/AiResponse.spec.ts
+++ b/frontend/tests/components/conversation/AiResponse.spec.ts
@@ -378,7 +378,7 @@ describe("AiResponse", () => {
 
       // Skip the suggestion
       await wrapper
-        .find('button[class*="btn-outline-secondary"]')
+        .find("button.daisy-btn-outline.daisy-btn-secondary")
         .trigger("click")
       await flushPromises()
 
@@ -531,7 +531,7 @@ describe("AiResponse", () => {
       vi.clearAllMocks()
 
       await wrapper
-        .find('button[class*="btn-outline-secondary"]')
+        .find("button.daisy-btn-outline.daisy-btn-secondary")
         .trigger("click")
       await flushPromises()
 
@@ -569,7 +569,7 @@ describe("AiResponse", () => {
 
     it("skips the unknown request", async () => {
       await wrapper
-        .find('button[class*="btn-outline-secondary"]')
+        .find("button.daisy-btn-outline.daisy-btn-secondary")
         .trigger("click")
       await flushPromises()
 
diff --git a/frontend/tests/components/conversation/NoteConversation.spec.ts b/frontend/tests/components/conversation/NoteConversation.spec.ts
index 35e72e624d..2f887bec58 100644
--- a/frontend/tests/components/conversation/NoteConversation.spec.ts
+++ b/frontend/tests/components/conversation/NoteConversation.spec.ts
@@ -181,7 +181,9 @@ describe("NoteConversation", () => {
     expect(wrapper.findComponent(ConversationInner).exists()).toBe(true)
 
     // Click new conversation button
-    await wrapper.find("button.daisy-btn-outline-primary").trigger("click")
+    await wrapper
+      .find("button.daisy-btn-outline.daisy-btn-primary")
+      .trigger("click")
 
     // Verify we're now showing the ConversationTemplate
     expect(wrapper.findComponent(ConversationTemplate).exists()).toBe(true)
diff --git a/frontend/tests/pages/MessageCenterPage.spec.ts b/frontend/tests/pages/MessageCenterPage.spec.ts
index 51e65edae1..af45a8f8fd 100644
--- a/frontend/tests/pages/MessageCenterPage.spec.ts
+++ b/frontend/tests/pages/MessageCenterPage.spec.ts
@@ -80,8 +80,12 @@ describe("MessageCenterPage", () => {
       const listItems = page.getByRole("listitem")
       await expect.element(listItems).toHaveLength(2)
 
-      await expect.element(listItems.nth(1)).toHaveClass("daisy-active")
-      await expect.element(listItems.nth(0)).not.toHaveClass("daisy-active")
+      await expect
+        .element(listItems.nth(1).getByText(conversations[1]!.subject!))
+        .toHaveClass("daisy-menu-active")
+      await expect
+        .element(listItems.nth(0).getByText(conversations[0]!.subject!))
+        .not.toHaveClass("daisy-menu-active")
     })
 
     it("should navigate when conversation clicked", async () => {
diff --git a/frontend/tests/pages/RecallPage.spec.ts b/frontend/tests/pages/RecallPage.spec.ts
index 2552db4977..ffeefc47bb 100644
--- a/frontend/tests/pages/RecallPage.spec.ts
+++ b/frontend/tests/pages/RecallPage.spec.ts
@@ -276,7 +276,7 @@ describe("repeat page", () => {
       expect(vm.toRepeat?.map((t) => t.memoryTrackerId)).toEqual([123, 456, 3])
 
       // Click the progress bar to open the settings dialog
-      await wrapper.find(".daisy-progress-bar").trigger("click")
+      await wrapper.find(".progress-bar").trigger("click")
       await wrapper.vm.$nextTick()
       await flushPromises()
 
@@ -302,7 +302,7 @@ describe("repeat page", () => {
       await wrapper.vm.$nextTick()
 
       // Click the progress bar to open the settings dialog
-      await wrapper.find(".daisy-progress-bar").trigger("click")
+      await wrapper.find(".progress-bar").trigger("click")
       await wrapper.vm.$nextTick()
       await flushPromises()
 
@@ -437,7 +437,7 @@ describe("repeat page", () => {
 
       // If checkbox not found, click progress bar to open dialog
       if (!toggle) {
-        await wrapper.find(".daisy-progress-bar").trigger("click")
+        await wrapper.find(".progress-bar").trigger("click")
         await wrapper.vm.$nextTick()
         await flushPromises()
 
@@ -464,7 +464,7 @@ describe("repeat page", () => {
 
     it("should show treadmill mode toggle in settings", async () => {
       const wrapper = await mountPage()
-      await wrapper.find(".daisy-progress-bar").trigger("click")
+      await wrapper.find(".progress-bar").trigger("click")
       await wrapper.vm.$nextTick()
       await flushPromises()
 
@@ -806,7 +806,7 @@ describe("repeat page", () => {
       const wrapper = renderer.currentRoute({ name: "recall" }).mount()
       await flushPromises()
 
-      const progressBar = wrapper.find(".daisy-progress-bar")
+      const progressBar = wrapper.find(".progress-bar")
       expect(progressBar.exists()).toBe(true)
       expect(progressBar.classes()).toContain("diligent-mode")
     })
@@ -822,7 +822,7 @@ describe("repeat page", () => {
       const wrapper = renderer.currentRoute({ name: "recall" }).mount()
       await flushPromises()
 
-      const progressBar = wrapper.find(".daisy-progress-bar")
+      const progressBar = wrapper.find(".progress-bar")
       expect(progressBar.exists()).toBe(true)
       expect(progressBar.classes()).not.toContain("diligent-mode")
     })
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 40688d40e6..873bf68aa8 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -38,9 +38,7 @@
     "src/**/*.tsx",
     "src/**/*.vue",
     "tests/**/*.ts",
-    "tests/**/*.d.ts",
-    "postcss.config.ts",
-    "tailwind.config.ts"
+    "tests/**/*.d.ts"
   ],
   "exclude": [
     "node_modules",
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index d222f838ae..8a18fca2b8 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -94,6 +94,7 @@ const config = defineConfig({
   base: '/',
   build: {
     minify: 'terser',
+    cssMinify: 'lightningcss',
     terserOptions: {
       compress: {
         drop_console: true,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 01e7d5b66d..145eef00c8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -325,12 +325,6 @@ importers:
       playwright:
         specifier: ^1.60.0
         version: 1.60.0
-      postcss:
-        specifier: '>=8.5.14'
-        version: 8.5.14
-      postcss-load-config:
-        specifier: 6.0.1
-        version: 6.0.1(jiti@2.6.1)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0)
       sass:
         specifier: 1.99.0
         version: 1.99.0
@@ -4744,10 +4738,6 @@ packages:
     resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
     engines: {node: '>= 12.0.0'}
 
-  lilconfig@3.1.3:
-    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
-    engines: {node: '>=14'}
-
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
@@ -4853,6 +4843,7 @@ packages:
 
   lucide-vue-next@1.0.0:
     resolution: {integrity: sha512-V6SPvx1IHTj/UY+FrIYWV5faISsPSb8BnWSFDxAtezWKvWc9ZZ40PDrdu1/Qb5vg4lHWr1hs1BAMGVGm6V1Xdg==}
+    deprecated: Package deprecated. Please use @lucide/vue instead.
     peerDependencies:
       vue: '>=3.0.1'
 
@@ -5554,24 +5545,6 @@ packages:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
 
-  postcss-load-config@6.0.1:
-    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.5.14'
-      tsx: ^4.8.1
-      yaml: 2.9.0
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-      tsx:
-        optional: true
-      yaml:
-        optional: true
-
   postcss-values-parser@6.0.2:
     resolution: {integrity: sha512-YLJpK0N1brcNJrs9WatuJFtHaV9q5aAOj+S4DI5S7jgHlRfm0PIbDCAFRYMQD5SHq7Fy6xsDhyutgS0QOAs0qw==}
     engines: {node: '>=10'}
@@ -11717,8 +11690,6 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.32.0
       lightningcss-win32-x64-msvc: 1.32.0
 
-  lilconfig@3.1.3: {}
-
   lines-and-columns@1.2.4: {}
 
   linkify-it@5.0.0:
@@ -12690,15 +12661,6 @@ snapshots:
 
   possible-typed-array-names@1.1.0: {}
 
-  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.14)(tsx@4.21.0)(yaml@2.9.0):
-    dependencies:
-      lilconfig: 3.1.3
-    optionalDependencies:
-      jiti: 2.6.1
-      postcss: 8.5.14
-      tsx: 4.21.0
-      yaml: 2.9.0
-
   postcss-values-parser@6.0.2(postcss@8.5.14):
     dependencies:
       color-name: 1.1.4

From fb3d2c5d484c2edf47a52ff8dbf5da48e9184e75 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Sun, 17 May 2026 22:32:01 +0800
Subject: [PATCH 03/32] fix e2e interact with daisyUI v5 dialogs in Cypress

Add daisyModalHelpers for native dialog and popup OK/Cancel clicks,
and update page objects and steps that drive modals and loading waits.
---
 e2e_test/start/formField.ts                   |  4 +-
 e2e_test/start/pageBase.ts                    |  7 +--
 .../start/pageObjects/QuizQuestionPage.ts     |  2 +-
 .../adminPages/adminDashboardPage.ts          |  5 +-
 .../start/pageObjects/assimilationPage.ts     |  6 +--
 e2e_test/start/pageObjects/bookReadingPage.ts | 38 +++++++-------
 .../start/pageObjects/messageCenterPage.ts    |  4 +-
 e2e_test/start/pageObjects/notePage.ts        |  2 +-
 e2e_test/start/pageObjects/noteSidebar.ts     | 16 ++++--
 .../pageObjects/noteTargetSearchDialog.ts     |  4 +-
 e2e_test/start/pageObjects/recallPage.ts      |  4 +-
 .../pageObjects/sidebarFolderOrganizeForm.ts  | 15 ++++--
 e2e_test/step_definitions/testability.ts      |  3 +-
 e2e_test/support/daisyModalHelpers.ts         | 50 +++++++++++++++++++
 14 files changed, 109 insertions(+), 51 deletions(-)
 create mode 100644 e2e_test/support/daisyModalHelpers.ts

diff --git a/e2e_test/start/formField.ts b/e2e_test/start/formField.ts
index a1e032ec9c..561d83a5d3 100644
--- a/e2e_test/start/formField.ts
+++ b/e2e_test/start/formField.ts
@@ -48,11 +48,11 @@ const formField = (label: string) => {
       return self
     },
     expectError(message: string) {
-      formControl(label).find('.daisy-text-error').findByText(message)
+      formControl(label).find('.text-error').findByText(message)
       return self
     },
     expectNoError() {
-      formControl(label).find('.daisy-text-error').should('not.exist')
+      formControl(label).find('.text-error').should('not.exist')
       return self
     },
     type(text: string) {
diff --git a/e2e_test/start/pageBase.ts b/e2e_test/start/pageBase.ts
index 7ce2ecf222..06c13472fe 100644
--- a/e2e_test/start/pageBase.ts
+++ b/e2e_test/start/pageBase.ts
@@ -3,10 +3,5 @@
 
 /** Waits until no `.loading-bar` nodes remain (thin bar + spinners). */
 export const pageIsNotLoading = () => {
-  cy.get('body').should(
-    ($body) => {
-      expect($body.find('.loading-bar').length).to.eq(0)
-    },
-    { timeout: 30000 }
-  )
+  cy.get('.loading-bar', { timeout: 30000 }).should('not.exist')
 }
diff --git a/e2e_test/start/pageObjects/QuizQuestionPage.ts b/e2e_test/start/pageObjects/QuizQuestionPage.ts
index c431326747..e4f6497589 100644
--- a/e2e_test/start/pageObjects/QuizQuestionPage.ts
+++ b/e2e_test/start/pageObjects/QuizQuestionPage.ts
@@ -22,7 +22,7 @@ const assumeQuestionPage = (stem?: string) => {
     skipQuestion() {
       pageIsNotLoading()
       getQuestionSection().should('exist')
-      cy.get('.daisy-progress-bar').first().click()
+      cy.get('.progress-bar').first().click()
       cy.findByRole('button', { name: 'Move to end of list' }).click()
     },
     answerFirstOption() {
diff --git a/e2e_test/start/pageObjects/adminPages/adminDashboardPage.ts b/e2e_test/start/pageObjects/adminPages/adminDashboardPage.ts
index 01c8eb9045..a2598d1b70 100644
--- a/e2e_test/start/pageObjects/adminPages/adminDashboardPage.ts
+++ b/e2e_test/start/pageObjects/adminPages/adminDashboardPage.ts
@@ -1,3 +1,4 @@
+import { clickDaisyDialogButton } from '../../../support/daisyModalHelpers'
 import { pageIsNotLoading } from '../../pageBase'
 import { submittableForm } from '../../forms'
 
@@ -16,9 +17,7 @@ export function assumeAdminDashboardPage() {
         },
         deleteSelected() {
           cy.get('button').contains('Delete Selected').click()
-          cy.get('.daisy-modal-action')
-            .findByRole('button', { name: 'Delete' })
-            .click()
+          clickDaisyDialogButton('dialog.daisy-modal', 'Delete')
           return this
         },
         shouldBeEmpty() {
diff --git a/e2e_test/start/pageObjects/assimilationPage.ts b/e2e_test/start/pageObjects/assimilationPage.ts
index bade9e8b87..adc5f9bb95 100644
--- a/e2e_test/start/pageObjects/assimilationPage.ts
+++ b/e2e_test/start/pageObjects/assimilationPage.ts
@@ -11,7 +11,7 @@ const understandingChecklist = () =>
   cy
     .get('[data-test="refine-note-modal"]')
     .contains('Understanding Checklist:')
-    .closest('.daisy-bg-accent')
+    .closest('.bg-accent')
 
 const mainNoteTitle = () =>
   cy.get('#main-note-content [data-test="note-title"]', { timeout: 15000 })
@@ -21,12 +21,12 @@ export const assumeAssimilationPage = () => ({
     const [assimilatedTodayCount, toAssimilateCountForToday, totalCount] =
       toAssimilateAndTotal.split('/')
 
-    cy.get('.daisy-progress-bar').should(
+    cy.get('.progress-bar').should(
       'contain',
       `Assimilating: ${assimilatedTodayCount}/${toAssimilateCountForToday}`
     )
     // Click progress bar to show tooltip
-    cy.get('.daisy-progress-bar').first().click()
+    cy.get('.progress-bar').first().click()
 
     // Check tooltip content
     cy.get('.tooltip-content').within(() => {
diff --git a/e2e_test/start/pageObjects/bookReadingPage.ts b/e2e_test/start/pageObjects/bookReadingPage.ts
index 28609dde11..d54657804d 100644
--- a/e2e_test/start/pageObjects/bookReadingPage.ts
+++ b/e2e_test/start/pageObjects/bookReadingPage.ts
@@ -1,3 +1,7 @@
+import {
+  expectDaisyDialogBoxVisible,
+  openDaisyDialog,
+} from '../../support/daisyModalHelpers'
 import { pageIsNotLoading } from '../pageBase'
 
 export type BookLayoutRow = { depth: number; title: string }
@@ -646,10 +650,8 @@ const bookReadingPage = () => {
     },
     expectReorganizationPreviewDialog() {
       pageIsNotLoading()
-      cy.get('[data-testid="book-layout-reorganize-preview-dialog"]').should(
-        'have.class',
-        'daisy-modal-open'
-      )
+      const dialog = '[data-testid="book-layout-reorganize-preview-dialog"]'
+      expectDaisyDialogBoxVisible(dialog)
       cy.get('#book-layout-reorganize-preview-title').should(
         'contain',
         'Reorganize layout (preview)'
@@ -661,9 +663,9 @@ const bookReadingPage = () => {
       suggestedDepth: number
     ) {
       pageIsNotLoading()
-      cy.get('[data-testid="book-layout-reorganize-preview-dialog"]')
-        .should('have.class', 'daisy-modal-open')
-        .within(() => {
+      const dialog = '[data-testid="book-layout-reorganize-preview-dialog"]'
+      expectDaisyDialogBoxVisible(dialog)
+      cy.get(`${dialog}.daisy-modal-open .daisy-modal-box`).within(() => {
           cy.contains(
             '[data-testid="book-layout-reorganize-preview-row"]',
             blockTitle
@@ -675,9 +677,10 @@ const bookReadingPage = () => {
     },
     confirmAiReorganizeSuggestion() {
       pageIsNotLoading()
-      cy.get('[data-testid="book-layout-reorganize-preview-confirm"]')
-        .should('be.visible')
-        .click()
+      openDaisyDialog('[data-testid="book-layout-reorganize-preview-dialog"]')
+      cy.get('[data-testid="book-layout-reorganize-preview-confirm"]').click({
+        force: true,
+      })
       pageIsNotLoading()
       return this
     },
@@ -730,18 +733,17 @@ const bookReadingPage = () => {
     },
     expectTitlePromptWithDefaultTitle() {
       pageIsNotLoading()
-      cy.get('[data-testid="new-block-title-dialog"]').should('be.visible')
-      cy.get('[data-testid="new-block-title-input"]').should(
-        'not.have.value',
-        ''
-      )
+      const dialog = '[data-testid="new-block-title-dialog"]'
+      expectDaisyDialogBoxVisible(dialog)
+      cy.get('[data-testid="new-block-title-input"]')
+        .should('exist')
+        .should('not.have.value', '')
       return this
     },
     confirmTitlePrompt() {
       pageIsNotLoading()
-      cy.get('[data-testid="new-block-title-confirm"]')
-        .should('be.visible')
-        .click()
+      openDaisyDialog('[data-testid="new-block-title-dialog"]')
+      cy.get('[data-testid="new-block-title-confirm"]').click({ force: true })
       return this
     },
   }
diff --git a/e2e_test/start/pageObjects/messageCenterPage.ts b/e2e_test/start/pageObjects/messageCenterPage.ts
index f4467ed35a..b2c9c87d67 100644
--- a/e2e_test/start/pageObjects/messageCenterPage.ts
+++ b/e2e_test/start/pageObjects/messageCenterPage.ts
@@ -11,14 +11,14 @@ export const assumeMessageCenterPage = () => {
       return this
     },
     expectMessageDisplayAtUserSide(message: string) {
-      cy.findByText(message).parents('.daisy-justify-end').should('be.visible')
+      cy.findByText(message).parents('.justify-end').should('be.visible')
       return this
     },
     expectMessageDisplayAtOtherSide(message: string) {
       cy.findByText(message)
         .parent()
         .should('be.visible')
-        .and('not.have.class', 'daisy-justify-end')
+        .and('not.have.class', 'justify-end')
       return this
     },
     conversation(conversationSubject: string) {
diff --git a/e2e_test/start/pageObjects/notePage.ts b/e2e_test/start/pageObjects/notePage.ts
index 308ea47d92..50edaf71c4 100644
--- a/e2e_test/start/pageObjects/notePage.ts
+++ b/e2e_test/start/pageObjects/notePage.ts
@@ -360,7 +360,7 @@ export const assumeNotePage = (
           const isWikidata =
             keyNorm === 'wikidata_id' || keyNorm === 'wikidataid'
           if (isWikidata) {
-            cy.contains('.daisy-font-mono', value).should('exist')
+            cy.contains('.font-mono', value).should('exist')
           } else if (keyNorm === 'image') {
             cy.get('[data-testid="rich-note-image-property-path"]').should(
               ($el) => {
diff --git a/e2e_test/start/pageObjects/noteSidebar.ts b/e2e_test/start/pageObjects/noteSidebar.ts
index a5c37d226d..05f3d89b5e 100644
--- a/e2e_test/start/pageObjects/noteSidebar.ts
+++ b/e2e_test/start/pageObjects/noteSidebar.ts
@@ -17,16 +17,21 @@ function folderTreitemByLabel(folderLabel: string) {
 
 function expandFolder(label: string) {
   pageIsNotLoading()
+  revealFolderInSidebar(label)
+  folderTreitemByLabel(label)
+    .find('[role="treeitem"]', { timeout: sidebarActionTimeoutMs })
+    .should('have.length.at.least', 1)
+  return
+}
+
+/** Expand a folder row so note children are in the DOM (no subfolder requirement). */
+function revealFolderInSidebar(label: string) {
   folderTreitemByLabel(label).then(($el) => {
     if (($el.attr('aria-expanded') ?? 'false') === 'false') {
       cy.wrap($el).find('.folder-row .chevron-btn').first().click()
     }
   })
-  folderTreitemByLabel(label)
-    .should('have.attr', 'aria-expanded', 'true')
-    .find('[role="treeitem"]', { timeout: sidebarActionTimeoutMs })
-    .should('have.length.at.least', 1)
-  return
+  folderTreitemByLabel(label).should('have.attr', 'aria-expanded', 'true')
 }
 
 function openSidebarIfCollapsed() {
@@ -185,6 +190,7 @@ export const noteSidebar = () => {
 
     expectSidebarNoteUnderOpenFolder(folderLabel: string, noteTitle: string) {
       pageIsNotLoading()
+      revealFolderInSidebar(folderLabel)
       folderTreitemByLabel(folderLabel)
         .find(`[role="treeitem"].sidebar-note-li[aria-label="${noteTitle}"]`, {
           timeout: sidebarActionTimeoutMs,
diff --git a/e2e_test/start/pageObjects/noteTargetSearchDialog.ts b/e2e_test/start/pageObjects/noteTargetSearchDialog.ts
index 2b3eb2030b..ae8927ff49 100644
--- a/e2e_test/start/pageObjects/noteTargetSearchDialog.ts
+++ b/e2e_test/start/pageObjects/noteTargetSearchDialog.ts
@@ -33,7 +33,7 @@ function ensureAllMyNotebooksAndSubscriptionsScopeOn() {
       if ($btn.is(':disabled')) {
         return
       }
-      if (!$btn.hasClass('daisy-text-primary')) {
+      if (!$btn.hasClass('text-primary')) {
         cy.wrap($btn).click()
       }
     }
@@ -42,7 +42,7 @@ function ensureAllMyNotebooksAndSubscriptionsScopeOn() {
 
 function ensureSemanticSearchOn() {
   cy.findByRole('button', { name: 'Semantic search' }).then(($btn) => {
-    if (!$btn.hasClass('daisy-text-primary')) {
+    if (!$btn.hasClass('text-primary')) {
       cy.wrap($btn).click()
     }
   })
diff --git a/e2e_test/start/pageObjects/recallPage.ts b/e2e_test/start/pageObjects/recallPage.ts
index f8fe947a46..6f7676ede1 100644
--- a/e2e_test/start/pageObjects/recallPage.ts
+++ b/e2e_test/start/pageObjects/recallPage.ts
@@ -27,12 +27,12 @@ const recallPage = () => {
       const [recalledTodayCount, toRecallCountForToday, totalCount] =
         numberOfRecalls.split('/')
 
-      cy.get('.daisy-progress-bar').should(
+      cy.get('.progress-bar').should(
         'contain',
         `Recalling: ${recalledTodayCount}/${toRecallCountForToday}`
       )
       // Click progress bar to show recall session options dialog
-      cy.get('.daisy-progress-bar').first().click()
+      cy.get('.progress-bar').first().click()
 
       // Check dialog content
       cy.contains('Recall Session Options').should('be.visible')
diff --git a/e2e_test/start/pageObjects/sidebarFolderOrganizeForm.ts b/e2e_test/start/pageObjects/sidebarFolderOrganizeForm.ts
index 3dd3e2e787..dfa7d6d6e8 100644
--- a/e2e_test/start/pageObjects/sidebarFolderOrganizeForm.ts
+++ b/e2e_test/start/pageObjects/sidebarFolderOrganizeForm.ts
@@ -1,3 +1,7 @@
+import {
+  clickPopupConfirmOk,
+  declineMergeConfirmIfShown,
+} from '../../support/daisyModalHelpers'
 import { pageIsNotLoading } from '../pageBase'
 
 const submitTimeoutMs = 20000
@@ -59,6 +63,7 @@ export function assumeSidebarFolderOrganizeForm(): SidebarFolderOrganizeForm {
       cy.get('[data-testid="folder-move-submit"]', { timeout: submitTimeoutMs })
         .should('not.be.disabled')
         .click()
+      declineMergeConfirmIfShown()
       return assumeSidebarFolderOrganizeForm()
     },
 
@@ -66,13 +71,13 @@ export function assumeSidebarFolderOrganizeForm(): SidebarFolderOrganizeForm {
       cy.get('[data-testid="folder-move-submit"]', { timeout: submitTimeoutMs })
         .should('not.be.disabled')
         .click()
-      cy.findByRole('button', { name: 'OK' }).click()
+      clickPopupConfirmOk()
       pageIsNotLoading()
     },
 
     expectErrorText(text: string) {
       cy.get('[data-testid="folder-move-dialog"]')
-        .find('.daisy-text-error')
+        .find('.text-error')
         .should('contain.text', text)
       return assumeSidebarFolderOrganizeForm()
     },
@@ -83,7 +88,7 @@ export function assumeSidebarFolderOrganizeForm(): SidebarFolderOrganizeForm {
       })
         .should('not.be.disabled')
         .click()
-      cy.findByRole('button', { name: 'OK' }).click()
+      clickPopupConfirmOk()
       pageIsNotLoading()
     },
 
@@ -93,8 +98,8 @@ export function assumeSidebarFolderOrganizeForm(): SidebarFolderOrganizeForm {
       })
         .should('not.be.disabled')
         .click()
-      cy.findByRole('button', { name: 'OK' }).click()
-      cy.findByRole('button', { name: 'OK' }).click()
+      clickPopupConfirmOk()
+      clickPopupConfirmOk()
       pageIsNotLoading()
     },
   }
diff --git a/e2e_test/step_definitions/testability.ts b/e2e_test/step_definitions/testability.ts
index a1fc58179c..35e390aa6d 100644
--- a/e2e_test/step_definitions/testability.ts
+++ b/e2e_test/step_definitions/testability.ts
@@ -4,6 +4,7 @@
 // @ts-check
 
 import { Then, When } from '@badeball/cypress-cucumber-preprocessor'
+import { clickDaisyDialogButton } from '../support/daisyModalHelpers'
 import start from '../start'
 
 When('Someone triggered an exception', () => {
@@ -30,7 +31,7 @@ When('I check the checkbox for the failure report item', () => {
 
 When('I click the delete button', () => {
   cy.get('button').contains('Delete Selected').click()
-  cy.get('.daisy-modal-action').findByRole('button', { name: 'Delete' }).click()
+  clickDaisyDialogButton('dialog.daisy-modal', 'Delete')
 })
 
 Then('the failure report should be empty', () => {
diff --git a/e2e_test/support/daisyModalHelpers.ts b/e2e_test/support/daisyModalHelpers.ts
new file mode 100644
index 0000000000..c67dd8da6f
--- /dev/null
+++ b/e2e_test/support/daisyModalHelpers.ts
@@ -0,0 +1,50 @@
+/**
+ * daisyUI v5 native `<dialog class="daisy-modal">`: `daisy-modal-open` toggles app state but
+ * the UA keeps `display: none` until `showModal()`. Cypress often cannot open the dialog, so
+ * interact with controls using `{ force: true }` on the open dialog subtree.
+ *
+ * `Modal.vue` popups (`dialog.modal-mask.popups`) are visible without `[open]`; target the
+ * visible dialog for OK clicks.
+ */
+
+export function openDaisyDialog(selector: string): void {
+  cy.get(`${selector}.daisy-modal-open`, { timeout: 10000 }).should('exist')
+}
+
+/** `usePopups().confirm()` via Modal.vue */
+export function clickPopupConfirmOk(): void {
+  cy.get('dialog')
+    .filter(':visible')
+    .contains('button', 'OK')
+    .click()
+}
+
+/** Decline `usePopups().confirm()` when a merge prompt is shown. */
+export function declineMergeConfirmIfShown(): void {
+  cy.get('dialog', { timeout: 10000 })
+    .filter(':visible')
+    .then(($dialogs) => {
+      const mergeDialog = [...$dialogs].find((el) =>
+        el.textContent?.includes('Merge into it?')
+      )
+      if (mergeDialog) {
+        cy.wrap(mergeDialog).contains('button', 'Cancel').click()
+      }
+    })
+}
+
+export function clickDaisyDialogButton(
+  dialogSelector: string,
+  buttonName: string
+): void {
+  openDaisyDialog(dialogSelector)
+  cy.get(`${dialogSelector}.daisy-modal-open`)
+    .find('.daisy-modal-action')
+    .contains('button', buttonName)
+    .click({ force: true })
+}
+
+export function expectDaisyDialogBoxVisible(dialogSelector: string): void {
+  openDaisyDialog(dialogSelector)
+  cy.get(`${dialogSelector}.daisy-modal-open .daisy-modal-box`).should('exist')
+}

From 59a015869254a91b5dc63359f6c2eb3e10f42a48 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Sun, 17 May 2026 22:33:06 +0800
Subject: [PATCH 04/32] fix frontend impl & UT for folder merge conflict and
 navigation on FolderPage

Treat RESOURCE_CONFLICT like HTTP 409 for merge prompts, and route to
the destination folder after a confirmed merge instead of refreshing
the deleted source folder page.
---
 frontend/src/pages/FolderPage.vue       | 22 +++++++--
 frontend/tests/pages/FolderPage.spec.ts | 66 +++++++++++++++++++++++++
 2 files changed, 85 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/FolderPage.vue b/frontend/src/pages/FolderPage.vue
index 3bb0098c73..b13f9c4da5 100644
--- a/frontend/src/pages/FolderPage.vue
+++ b/frontend/src/pages/FolderPage.vue
@@ -126,6 +126,11 @@ const props = defineProps<{
   fetchFolderPage: () => Promise<void>
 }>()
 
+/** SDK throws the response body; HTTP status is on `result.response`, not on `throw error`. */
+function isHttpConflict(apiError: ReturnType<typeof toOpenApiError>): boolean {
+  return apiError.status === 409 || apiError.errorType === "RESOURCE_CONFLICT"
+}
+
 const router = useRouter()
 const { popups } = usePopups()
 
@@ -235,7 +240,7 @@ const submitMove = async (merge = false) => {
       selectedParentFolder.value == null
         ? { merge }
         : { newParentFolderId: selectedParentFolder.value.id, merge }
-    const { error } = await apiCallWithLoading(() =>
+    const { data, error } = await apiCallWithLoading(() =>
       NotebookController.moveFolder({
         path: {
           notebook: r.notebookRealm.notebook.id,
@@ -246,12 +251,23 @@ const submitMove = async (merge = false) => {
     )
     if (error) throw error
     refreshSidebarStructuralListings()
+    const notebookId = r.notebookRealm.notebook.id
+    if (merge && data) {
+      await router.push({
+        name: "folderPage",
+        params: {
+          notebookId: String(notebookId),
+          folderId: String(data.id),
+        },
+      })
+      return
+    }
     await refreshFolderPage()
   } catch (e: unknown) {
     const apiError = toOpenApiError(e)
     if (
       !merge &&
-      apiError.status === 409 &&
+      isHttpConflict(apiError) &&
       apiError.message === "A folder with this name already exists here."
     ) {
       processing.value = false
@@ -297,7 +313,7 @@ const dissolve = async (merge = false) => {
     const apiError = toOpenApiError(e)
     if (
       !merge &&
-      apiError.status === 409 &&
+      isHttpConflict(apiError) &&
       apiError.message?.startsWith(
         "A folder with this name already exists at the destination:"
       )
diff --git a/frontend/tests/pages/FolderPage.spec.ts b/frontend/tests/pages/FolderPage.spec.ts
index 29e7194c49..9e5c888792 100644
--- a/frontend/tests/pages/FolderPage.spec.ts
+++ b/frontend/tests/pages/FolderPage.spec.ts
@@ -53,6 +53,39 @@ describe("FolderPage move", () => {
     await flushPromises()
   }
 
+  it("shows a merge confirm when move returns RESOURCE_CONFLICT and retries with merge flag", async () => {
+    const { wrapper, folderRealm } = mountFolderPage()
+    await flushPromises()
+
+    const moveSpy = vi
+      .spyOn(NotebookController, "moveFolder")
+      .mockResolvedValue(
+        wrapSdkError({
+          message: "A folder with this name already exists here.",
+          errorType: "RESOURCE_CONFLICT",
+        })
+      )
+
+    await submitMoveForm(wrapper)
+
+    const popup = usePopups().popups.peek()?.[0]
+    expect(popup?.type).toBe("confirm")
+    expect(popup?.message).toContain("Merge into it?")
+
+    moveSpy.mockResolvedValueOnce(wrapSdkResponse(folderRealm.folder) as never)
+    usePopups().popups.done(true)
+    await flushPromises()
+
+    expect(moveSpy).toHaveBeenCalledTimes(2)
+    expect(moveSpy).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        body: expect.objectContaining({ merge: true }),
+      })
+    )
+
+    wrapper.unmount()
+  })
+
   it("shows a merge confirm when move returns 409 and retries with merge flag", async () => {
     const { wrapper, folderRealm } = mountFolderPage()
     await flushPromises()
@@ -107,6 +140,39 @@ describe("FolderPage move", () => {
     )
     wrapper.unmount()
   })
+
+  it("navigates to the destination folder after a confirmed merge move", async () => {
+    const { wrapper, folderRealm } = mountFolderPage(10, "Shared")
+    await flushPromises()
+    const targetFolder = makeMe.aFolder.folder(99, "Shared").please()
+
+    vi.spyOn(NotebookController, "moveFolder")
+      .mockResolvedValueOnce(
+        wrapSdkError({
+          message: "A folder with this name already exists here.",
+          errorType: "RESOURCE_CONFLICT",
+        })
+      )
+      .mockResolvedValueOnce(wrapSdkResponse(targetFolder) as never)
+
+    const pushSpy = vi
+      .spyOn(router, "push")
+      .mockResolvedValue(undefined as never)
+
+    await submitMoveForm(wrapper)
+    usePopups().popups.done(true)
+    await flushPromises()
+
+    expect(pushSpy).toHaveBeenCalledWith({
+      name: "folderPage",
+      params: {
+        notebookId: String(folderRealm.notebookRealm.notebook.id),
+        folderId: String(targetFolder.id),
+      },
+    })
+
+    wrapper.unmount()
+  })
 })
 
 describe("FolderPage dissolve", () => {

From dddae1811ce78be513ab2c83ddc3f7d59930a7d1 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:31:36 +0800
Subject: [PATCH 05/32] fix storybook: mock note APIs and drop test-helper
 imports from stories

Seed note storage and stub assimilation-related SDK calls so AssimilationPageView
stories render offline. Stop importing @tests/helpers from NoteUnderQuestion
stories to avoid Vitest/testing-library breaking Storybook.
---
 .../decorators/noteStorageDecorator.ts        |  37 ++++++
 frontend/.storybook/storySdkMocks.ts          | 106 ++++++++++++++++++
 .../recall/NoteUnderQuestion.stories.ts       |  11 +-
 .../src/pages/AssimilationPageView.stories.ts |   2 +
 4 files changed, 152 insertions(+), 4 deletions(-)
 create mode 100644 frontend/.storybook/decorators/noteStorageDecorator.ts
 create mode 100644 frontend/.storybook/storySdkMocks.ts

diff --git a/frontend/.storybook/decorators/noteStorageDecorator.ts b/frontend/.storybook/decorators/noteStorageDecorator.ts
new file mode 100644
index 0000000000..afb176e57e
--- /dev/null
+++ b/frontend/.storybook/decorators/noteStorageDecorator.ts
@@ -0,0 +1,37 @@
+import type { NoteRealm } from "@generated/doughnut-backend-api"
+import type { Decorator } from "@storybook/vue3-vite"
+import { onUnmounted } from "vue"
+import { useStorageAccessor } from "@/composables/useStorageAccessor"
+import createNoteStorage from "@/store/createNoteStorage"
+import {
+  mockAssimilationStoryApis,
+  restoreStorySdkMocks,
+} from "../storySdkMocks"
+
+/** Fresh note storage and optional preloaded realms for stories that use NoteRealmLoader. */
+export function withNoteStorage(
+  seedRealms?: (args: Record<string, unknown>) => NoteRealm[] | undefined
+): Decorator {
+  return (story, context) => ({
+    setup() {
+      useStorageAccessor().value = createNoteStorage()
+      const realms = seedRealms?.(context.args) ?? []
+      if (realms.length > 0) {
+        mockAssimilationStoryApis(realms)
+        const storage = useStorageAccessor()
+        for (const realm of realms) {
+          storage.value.refreshNoteRealm(realm)
+        }
+      }
+      onUnmounted(restoreStorySdkMocks)
+    },
+    components: { story },
+    template: "<story />",
+  })
+}
+
+export const assimilationPageStorageDecorator = withNoteStorage((args) => {
+  const notes = args.notes
+  if (!Array.isArray(notes) || notes.length === 0) return []
+  return notes as NoteRealm[]
+})
diff --git a/frontend/.storybook/storySdkMocks.ts b/frontend/.storybook/storySdkMocks.ts
new file mode 100644
index 0000000000..e51554802a
--- /dev/null
+++ b/frontend/.storybook/storySdkMocks.ts
@@ -0,0 +1,106 @@
+import type { Circle, NoteRealm, Notebook } from "@generated/doughnut-backend-api"
+import {
+  AiController,
+  AssimilationController,
+  NoteController,
+  NotebookController,
+} from "@generated/doughnut-backend-api/sdk.gen"
+
+type MockedCall = {
+  // biome-ignore lint/suspicious/noExplicitAny: restored SDK method reference
+  target: any
+  key: string
+  original: unknown
+}
+
+const activeMocks: MockedCall[] = []
+
+function wrapSdkResponse<T>(data: T) {
+  return {
+    data,
+    error: undefined,
+    request: {} as Request,
+    response: {} as Response,
+  }
+}
+
+function spyMethod<T extends object, K extends keyof T>(
+  target: T,
+  key: K,
+  replacement: T[K]
+) {
+  activeMocks.push({
+    target,
+    key: key as string,
+    original: target[key],
+  })
+  target[key] = replacement
+}
+
+export function restoreStorySdkMocks() {
+  for (const { target, key, original } of activeMocks) {
+    target[key] = original
+  }
+  activeMocks.length = 0
+}
+
+function mockNotebookGetForNoteRealm(realm: NoteRealm, circle?: Circle) {
+  const ts =
+    realm.note.noteTopology.updatedAt ??
+    realm.note.noteTopology.createdAt ??
+    new Date().toISOString()
+  const notebook: Notebook = {
+    id: realm.notebookRealm.notebook.id,
+    name: "Notebook",
+    notebookSettings: { skipMemoryTrackingEntirely: false },
+    createdAt: realm.note.noteTopology.createdAt ?? ts,
+    updatedAt: ts,
+    ...(circle ? { circle } : {}),
+  }
+  spyMethod(NotebookController, "get", async () =>
+    wrapSdkResponse({
+      notebook,
+      hasAttachedBook: false,
+      readonly: realm.notebookRealm.readonly ?? false,
+    })
+  )
+}
+
+/** Mocks SDK calls used when AssimilationPageView renders Assimilation → NoteShow. */
+export function mockAssimilationStoryApis(noteRealms: NoteRealm[]) {
+  const byNoteId = new Map(noteRealms.map((r) => [r.note.id, r]))
+  const notebookIds = new Set(
+    noteRealms.map((r) => r.notebookRealm.notebook.id)
+  )
+
+  const showNote: typeof NoteController.showNote = async (options) => {
+    const realm = byNoteId.get(options.path.note)
+    if (realm) return wrapSdkResponse(realm)
+    return {
+      data: undefined,
+      error: { message: "Not Found" },
+      request: {} as Request,
+      response: { status: 404 } as Response,
+    }
+  }
+  spyMethod(NoteController, "showNote", showNote)
+
+  spyMethod(NoteController, "getNoteInfo", async () =>
+    wrapSdkResponse({ memoryTrackers: [] })
+  )
+
+  spyMethod(AiController, "generateUnderstandingChecklist", async () =>
+    wrapSdkResponse({ points: [] })
+  )
+
+  spyMethod(AssimilationController, "assimilate", async () =>
+    wrapSdkResponse([])
+  )
+
+  for (const notebookId of notebookIds) {
+    const realm = noteRealms.find(
+      (r) => r.notebookRealm.notebook.id === notebookId
+    )
+    if (realm) mockNotebookGetForNoteRealm(realm)
+  }
+}
diff --git a/frontend/src/components/recall/NoteUnderQuestion.stories.ts b/frontend/src/components/recall/NoteUnderQuestion.stories.ts
index 67413868b2..e050d3d33d 100644
--- a/frontend/src/components/recall/NoteUnderQuestion.stories.ts
+++ b/frontend/src/components/recall/NoteUnderQuestion.stories.ts
@@ -1,7 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite"
 import NoteUnderQuestion from "./NoteUnderQuestion.vue"
 import makeMe from "doughnut-test-fixtures/makeMe"
-import { testFolderStub } from "@tests/helpers"
+
+function folderStub(id: number, name: string) {
+  return makeMe.aFolder.folder(id, name).please()
+}
 
 const meta = {
   title: "Recall/NoteUnderQuestion",
@@ -29,8 +32,8 @@ export const WithAncestors: Story = {
   args: {
     noteTopology: makeMe.aNote.title("TypeScript").please().noteTopology,
     ancestorFolders: [
-      testFolderStub(1, "Programming"),
-      testFolderStub(2, "Languages"),
+      folderStub(1, "Programming"),
+      folderStub(2, "Languages"),
     ],
     breadcrumbNotebookId: 1,
   },
@@ -41,7 +44,7 @@ export const WithManyAncestors: Story = {
   args: {
     noteTopology: makeMe.aNote.title("TypeScript").please().noteTopology,
     ancestorFolders: Array.from({ length: 10 }, (_, i) =>
-      testFolderStub(i + 1, `Ancestor ${i + 1}`)
+      folderStub(i + 1, `Ancestor ${i + 1}`)
     ),
     breadcrumbNotebookId: 1,
   },
diff --git a/frontend/src/pages/AssimilationPageView.stories.ts b/frontend/src/pages/AssimilationPageView.stories.ts
index 8197b1eff0..5822ebf6be 100644
--- a/frontend/src/pages/AssimilationPageView.stories.ts
+++ b/frontend/src/pages/AssimilationPageView.stories.ts
@@ -1,11 +1,13 @@
 import type { Meta, StoryObj } from "@storybook/vue3-vite"
 import AssimilationPageView from "./AssimilationPageView.vue"
 import makeMe from "doughnut-test-fixtures/makeMe"
+import { assimilationPageStorageDecorator } from "../../.storybook/decorators/noteStorageDecorator"
 
 const meta = {
   title: "Page Views/AssimilationPageView",
   component: AssimilationPageView,
   tags: ["autodocs"],
+  decorators: [assimilationPageStorageDecorator],
   parameters: {
     test: {
       disable: true,

From d79a2389c5b3b11242ef2f0df8cb083e4b18a659 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:47:29 +0800
Subject: [PATCH 06/32] fixs storybook to satisfy vue-tsc for showNote SDK mock

Cast the assimilation showNote stub when passing it to spyMethod so the
error-branch return type matches RequestResult.
---
 frontend/.storybook/storySdkMocks.ts                  | 11 +++++++----
 .../components/recall/NoteUnderQuestion.stories.ts    |  5 +----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/.storybook/storySdkMocks.ts b/frontend/.storybook/storySdkMocks.ts
index e51554802a..8feda845a3 100644
--- a/frontend/.storybook/storySdkMocks.ts
+++ b/frontend/.storybook/storySdkMocks.ts
@@ -1,4 +1,8 @@
-import type { Circle, NoteRealm, Notebook } from "@generated/doughnut-backend-api"
+import type {
+  Circle,
+  NoteRealm,
+  Notebook,
+} from "@generated/doughnut-backend-api"
 import {
   AiController,
   AssimilationController,
@@ -73,7 +77,7 @@ export function mockAssimilationStoryApis(noteRealms: NoteRealm[]) {
     noteRealms.map((r) => r.notebookRealm.notebook.id)
   )
 
-  const showNote: typeof NoteController.showNote = async (options) => {
+  spyMethod(NoteController, "showNote", (async (options) => {
     const realm = byNoteId.get(options.path.note)
     if (realm) return wrapSdkResponse(realm)
     return {
@@ -82,8 +86,7 @@ export function mockAssimilationStoryApis(noteRealms: NoteRealm[]) {
       request: {} as Request,
       response: { status: 404 } as Response,
     }
-  }
-  spyMethod(NoteController, "showNote", showNote)
+  }) as typeof NoteController.showNote)
 
   spyMethod(NoteController, "getNoteInfo", async () =>
     wrapSdkResponse({ memoryTrackers: [] })
diff --git a/frontend/src/components/recall/NoteUnderQuestion.stories.ts b/frontend/src/components/recall/NoteUnderQuestion.stories.ts
index e050d3d33d..d1ffc46e10 100644
--- a/frontend/src/components/recall/NoteUnderQuestion.stories.ts
+++ b/frontend/src/components/recall/NoteUnderQuestion.stories.ts
@@ -31,10 +31,7 @@ export const Simple: Story = {
 export const WithAncestors: Story = {
   args: {
     noteTopology: makeMe.aNote.title("TypeScript").please().noteTopology,
-    ancestorFolders: [
-      folderStub(1, "Programming"),
-      folderStub(2, "Languages"),
-    ],
+    ancestorFolders: [folderStub(1, "Programming"), folderStub(2, "Languages")],
     breadcrumbNotebookId: 1,
   },
 }

From 4ed4163581ae96e561ff78e9e0590473dea80d98 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:48:35 +0800
Subject: [PATCH 07/32] @vitejs/plugin-vue@6.0.7 unimport@6.3.0

---
 frontend/package.json |  4 ++--
 pnpm-lock.yaml        | 36 ++++++++++++++++++++----------------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index d50be0d8a8..75499420dd 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -44,7 +44,7 @@
     "@testing-library/vue": "^8.1.0",
     "@types/node": "25.7.0",
     "@types/turndown": "^5.0.6",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "@vitest/browser-playwright": "4.1.6",
     "@vitest/ui": "4.1.6",
@@ -64,7 +64,7 @@
     "tailwindcss": "4.3.0",
     "terser": "^5.47.1",
     "typescript": "6.0.3",
-    "unimport": "^6.2.0",
+    "unimport": "^6.3.0",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.0.0",
     "unplugin-vue-inspector": "^3.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 145eef00c8..5b77017cd5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -281,8 +281,8 @@ importers:
         specifier: ^5.0.6
         version: 5.0.6
       '@vitejs/plugin-vue':
-        specifier: ^6.0.6
-        version: 6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        specifier: ^6.0.7
+        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
         version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
@@ -341,8 +341,8 @@ importers:
         specifier: 6.0.3
         version: 6.0.3
       unimport:
-        specifier: ^6.2.0
-        version: 6.2.0(oxc-parser@0.127.0)
+        specifier: ^6.3.0
+        version: 6.3.0(oxc-parser@0.127.0)(rolldown@1.0.1)
       unplugin-auto-import:
         specifier: ^21.0.0
         version: 21.0.0
@@ -2113,12 +2113,12 @@ packages:
   '@rolldown/pluginutils@1.0.0':
     resolution: {integrity: sha512-aKs/3GSWyV0mrhNmt/96/Z3yczC3yvrzYATCiCXQebBsGyYzjNdUphRVLeJQ67ySKVXRfMxt2lm12pmXvbPFQQ==}
 
-  '@rolldown/pluginutils@1.0.0-rc.13':
-    resolution: {integrity: sha512-3ngTAv6F/Py35BsYbeeLeecvhMKdsKm4AoOETVhAA+Qc8nrA2I0kF7oa93mE9qnIurngOSpMnQ0x2nQY2FPviA==}
-
   '@rolldown/pluginutils@1.0.0-rc.18':
     resolution: {integrity: sha512-CUY5Mnhe64xQBGZEEXQ5WyZwsc1JU3vAZLIxtrsBt3LO6UOb+C8GunVKqe9sT8NeWb4lqSaoJtp2xo6GxT1MNw==}
 
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
@@ -2491,8 +2491,8 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.0.0
 
-  '@vitejs/plugin-vue@6.0.6':
-    resolution: {integrity: sha512-u9HHgfrq3AjXlysn0eINFnWQOJQLO9WN6VprZ8FXl7A2bYisv3Hui9Ij+7QZ41F/WYWarHjwBbXtD7dKg3uxbg==}
+  '@vitejs/plugin-vue@6.0.7':
+    resolution: {integrity: sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -6628,14 +6628,17 @@ packages:
     resolution: {integrity: sha512-njnL6sp8lEA8QQbZrt+52p/g4X0rw3bnGGmUcJnt1jeG8+iiqO779aGz0PirCtydAIVcuTBRlJ52F0u46z309Q==}
     engines: {node: '>=18.12.0'}
 
-  unimport@6.2.0:
-    resolution: {integrity: sha512-4NcqaphAHQff4eBWQ3pjVOCYNLlmVGGMoLDmboobh8+OQe9yP7UyeoMP043M1bG0YNc3CqtukD2VuINxOqm4rQ==}
+  unimport@6.3.0:
+    resolution: {integrity: sha512-M+Dxk5W9WRd+8j56W9tp8lGW/dmMc7g5zj7BWQnEjKQhryBstqsi1V0izb0zHwSkEN8cSYV7K75/bykairV2tA==}
     engines: {node: '>=18.12.0'}
     peerDependencies:
       oxc-parser: '*'
+      rolldown: ^1.0.0
     peerDependenciesMeta:
       oxc-parser:
         optional: true
+      rolldown:
+        optional: true
 
   unist-util-is@6.0.1:
     resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
@@ -8787,10 +8790,10 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0': {}
 
-  '@rolldown/pluginutils@1.0.0-rc.13': {}
-
   '@rolldown/pluginutils@1.0.0-rc.18': {}
 
+  '@rolldown/pluginutils@1.0.1': {}
+
   '@sec-ant/readable-stream@0.4.1': {}
 
   '@selderee/plugin-htmlparser2@0.11.0':
@@ -9218,9 +9221,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@rolldown/pluginutils': 1.0.0-rc.13
+      '@rolldown/pluginutils': 1.0.1
       vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
@@ -13863,7 +13866,7 @@ snapshots:
       unplugin: 2.3.11
       unplugin-utils: 0.3.1
 
-  unimport@6.2.0(oxc-parser@0.127.0):
+  unimport@6.3.0(oxc-parser@0.127.0)(rolldown@1.0.1):
     dependencies:
       acorn: 8.16.0
       escape-string-regexp: 5.0.0
@@ -13881,6 +13884,7 @@ snapshots:
       unplugin-utils: 0.3.1
     optionalDependencies:
       oxc-parser: 0.127.0
+      rolldown: 1.0.1
 
   unist-util-is@6.0.1:
     dependencies:

From 1ad8c738a560df3d7555da8faf157f263248a2bf Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:50:41 +0800
Subject: [PATCH 08/32] @cucumber/cucumber@12.9.0 hono@4.12.19
 @types/node@25.7.0

---
 package.json   |  4 ++--
 pnpm-lock.yaml | 60 ++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 60 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 64e6e09d82..76f6e8c830 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,7 @@
     "@badeball/cypress-cucumber-preprocessor": "^24.0.1",
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.8",
     "@biomejs/biome": "2.4.15",
-    "@cucumber/cucumber": "^12.8.3",
+    "@cucumber/cucumber": "^12.9.0",
     "@hey-api/openapi-ts": "0.97.1",
     "@hono/node-server": "2.0.2",
     "@mbtest/mountebank": "2.9.4",
@@ -99,7 +99,7 @@
     "cypress-file-upload": "^5.0.8",
     "github_action_sound": "^1.0.8",
     "got": "^15.0.5",
-    "hono": "4.12.18",
+    "hono": "4.12.19",
     "npm-run-all2": "^8.0.4",
     "process": "^0.11.10",
     "slugify": "1.6.9",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5b77017cd5..3db0d43b39 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -78,8 +78,8 @@ importers:
         specifier: 2.4.15
         version: 2.4.15
       '@cucumber/cucumber':
-        specifier: ^12.8.3
-        version: 12.8.3
+        specifier: ^12.9.0
+        version: 12.9.0
       '@hey-api/openapi-ts':
         specifier: 0.97.1
         version: 0.97.1(typescript@6.0.3)
@@ -766,6 +766,11 @@ packages:
     engines: {node: 20 || 22 || >=24}
     hasBin: true
 
+  '@cucumber/cucumber@12.9.0':
+    resolution: {integrity: sha512-QbgEo/DcKFMRGL+yULh8Kw6peEfdPJjhYjpKp0dYc+6Dv1Bmp6hvxIdTi2CIinYBCXhvCZzNO1Ct/n6Dk1yAtA==}
+    engines: {node: 20 || 22 || >=24}
+    hasBin: true
+
   '@cucumber/gherkin-streams@6.0.0':
     resolution: {integrity: sha512-HLSHMmdDH0vCr7vsVEURcDA4WwnRLdjkhqr6a4HQ3i4RFK1wiDGPjBGVdGJLyuXuRdJpJbFc6QxHvT8pU4t6jw==}
     hasBin: true
@@ -7645,6 +7650,48 @@ snapshots:
       yaml: 2.9.0
       yup: 1.7.1
 
+  '@cucumber/cucumber@12.9.0':
+    dependencies:
+      '@cucumber/ci-environment': 13.0.0
+      '@cucumber/cucumber-expressions': 19.0.0
+      '@cucumber/gherkin': 38.0.0
+      '@cucumber/gherkin-streams': 6.0.0(@cucumber/gherkin@38.0.0)(@cucumber/message-streams@4.1.1(@cucumber/messages@32.3.1))(@cucumber/messages@32.3.1)
+      '@cucumber/gherkin-utils': 11.0.0
+      '@cucumber/html-formatter': 23.1.0(@cucumber/messages@32.3.1)
+      '@cucumber/junit-xml-formatter': 0.13.3(@cucumber/messages@32.3.1)
+      '@cucumber/message-streams': 4.1.1(@cucumber/messages@32.3.1)
+      '@cucumber/messages': 32.3.1
+      '@cucumber/pretty-formatter': 1.0.1(@cucumber/cucumber@12.9.0)(@cucumber/messages@32.3.1)
+      '@cucumber/tag-expressions': 9.1.0
+      assertion-error-formatter: 3.0.0
+      capital-case: 1.0.4
+      chalk: 4.1.2
+      cli-table3: 0.6.5
+      commander: 14.0.3
+      debug: 4.4.3(supports-color@8.1.1)
+      error-stack-parser: 2.1.4
+      figures: 3.2.0
+      glob: 13.0.6
+      has-ansi: 4.0.1
+      indent-string: 4.0.0
+      is-installed-globally: 0.4.0
+      is-stream: 2.0.1
+      knuth-shuffle-seeded: 1.0.6
+      lodash.merge: 4.6.2
+      lodash.mergewith: 4.6.2
+      luxon: 3.7.2
+      mkdirp: 3.0.1
+      mz: 2.7.0
+      progress: 2.0.3
+      read-package-up: 12.0.0
+      semver: 7.7.4
+      string-argv: 0.3.1
+      supports-color: 8.1.1
+      type-fest: 4.41.0
+      util-arity: 1.1.0
+      yaml: 2.9.0
+      yup: 1.7.1
+
   '@cucumber/gherkin-streams@6.0.0(@cucumber/gherkin@38.0.0)(@cucumber/message-streams@4.1.1(@cucumber/messages@32.3.1))(@cucumber/messages@32.3.1)':
     dependencies:
       '@cucumber/gherkin': 38.0.0
@@ -7696,6 +7743,15 @@ snapshots:
       figures: 3.2.0
       ts-dedent: 2.2.0
 
+  '@cucumber/pretty-formatter@1.0.1(@cucumber/cucumber@12.9.0)(@cucumber/messages@32.3.1)':
+    dependencies:
+      '@cucumber/cucumber': 12.9.0
+      '@cucumber/messages': 32.3.1
+      ansi-styles: 5.2.0
+      cli-table3: 0.6.5
+      figures: 3.2.0
+      ts-dedent: 2.2.0
+
   '@cucumber/pretty-formatter@3.2.0(@cucumber/messages@32.3.1)':
     dependencies:
       '@cucumber/messages': 32.3.1

From 5fe5d2262e7b41121a0035d3effca16d17e2e7b6 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:52:58 +0800
Subject: [PATCH 09/32] tsx@4.22.0

---
 cli/package.json |   2 +-
 pnpm-lock.yaml   | 123 ++++++++++++++++++++++++++---------------------
 2 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/cli/package.json b/cli/package.json
index 4532bdee22..3612b3666a 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -44,7 +44,7 @@
     "esbuild": "0.28.0",
     "ink": "^7.0.3",
     "ink-testing-library": "^4.0.0",
-    "tsx": "4.21.0",
+    "tsx": "4.22.0",
     "typescript": "6.0.3",
     "vitest": "4.1.6"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3db0d43b39..9867122209 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -208,14 +208,14 @@ importers:
         specifier: ^4.0.0
         version: 4.0.0(@types/react@19.2.14)
       tsx:
-        specifier: 4.21.0
-        version: 4.21.0
+        specifier: 4.22.0
+        version: 4.22.0
       typescript:
         specifier: 6.0.3
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
 
   frontend:
     dependencies:
@@ -258,16 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -282,13 +282,13 @@ importers:
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.7
-        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -351,16 +351,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -403,7 +403,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -6523,6 +6523,11 @@ packages:
     engines: {node: '>=18.0.0'}
     hasBin: true
 
+  tsx@4.22.0:
+    resolution: {integrity: sha512-8ccZMPD69s1AbKXx0C5ddTNZfNjwV04iIKgjZmKfKxMynEtSYcK0Lh7iQFh53fI5Yu4pb9usgAiqyPmEONaALg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   tty-assert@0.1.3:
     resolution: {integrity: sha512-rnyT4iY/NkHkqTYtz/em2P5h9jXm/aB3gb2R0rOPPWNb5f70fUCZTSQBK/cA05lduAIJ2/Ig6vy6CaBiFyQgNg==}
 
@@ -8870,10 +8875,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8889,24 +8894,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8923,14 +8928,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -9012,7 +9017,7 @@ snapshots:
       '@stryker-mutator/util': 9.6.1
       semver: 7.7.4
       tslib: 2.8.1
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
 
   '@szmarczak/http-timer@4.0.6':
     dependencies:
@@ -9079,12 +9084,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
 
   '@teppeis/multimaps@3.0.0': {}
 
@@ -9265,47 +9270,47 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       playwright: 1.60.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@vitest/utils': 4.1.6
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       ws: 8.20.0
     transitivePeerDependencies:
       - bufferutil
@@ -9330,13 +9335,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -9373,7 +9378,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -13825,6 +13830,12 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  tsx@4.22.0:
+    dependencies:
+      esbuild: 0.28.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   tty-assert@0.1.3:
     dependencies:
       '@lydell/node-pty': 1.1.0
@@ -13995,11 +14006,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14069,7 +14080,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14079,7 +14090,7 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
@@ -14087,7 +14098,7 @@ snapshots:
       typescript: 6.0.3
       vue-tsc: 3.2.9(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14098,11 +14109,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0):
+  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -14116,13 +14127,13 @@ snapshots:
       jiti: 2.6.1
       sass: 1.99.0
       terser: 5.47.1
-      tsx: 4.21.0
+      tsx: 4.22.0
       yaml: 2.9.0
 
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14136,16 +14147,16 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
 
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)):
+  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.6
       '@vitest/runner': 4.1.6
       '@vitest/snapshot': 4.1.6
@@ -14162,12 +14173,12 @@ snapshots:
       tinyexec: 1.1.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
       '@types/node': 25.7.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.21.0)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui': 4.1.6(vitest@4.1.6)
       jsdom: 26.1.0(canvas@3.2.3)
     transitivePeerDependencies:

From 3f3b179c7a7287d8e600602aad8ecd27313b2655 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 00:54:10 +0800
Subject: [PATCH 10/32] hono@4.12.19

---
 pnpm-lock.yaml      | 24 ++++++++++++------------
 pnpm-workspace.yaml |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9867122209..040ae50ccb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,7 +21,7 @@ overrides:
   express: '>=5.2.0'
   systeminformation: '>=5.31.6'
   qs: '>=6.14.2'
-  hono: 4.12.18
+  hono: 4.12.19
   '@hono/node-server': 2.0.2
   undici: '>=7.24.0'
   diff: '>=8.0.3'
@@ -85,7 +85,7 @@ importers:
         version: 0.97.1(typescript@6.0.3)
       '@hono/node-server':
         specifier: 2.0.2
-        version: 2.0.2(hono@4.12.18)
+        version: 2.0.2(hono@4.12.19)
       '@mbtest/mountebank':
         specifier: 2.9.4
         version: 2.9.4
@@ -120,8 +120,8 @@ importers:
         specifier: ^15.0.5
         version: 15.0.5
       hono:
-        specifier: 4.12.18
-        version: 4.12.18
+        specifier: 4.12.19
+        version: 4.12.19
       npm-run-all2:
         specifier: ^8.0.4
         version: 8.0.4
@@ -1230,7 +1230,7 @@ packages:
     resolution: {integrity: sha512-tXlTi1h/4V7sDe7i97IVP+9re9ZU7wXZZggnR5ucCRclf1+AX6YhGStrR5w8bLj+3Mlyl0pKfBh9gqTqqnGKfQ==}
     engines: {node: '>=20'}
     peerDependencies:
-      hono: 4.12.18
+      hono: 4.12.19
 
   '@humanwhocodes/momoa@2.0.4':
     resolution: {integrity: sha512-RE815I4arJFtt+FVeU1Tgp9/Xvecacji8w/V6XtXsWWH/wz/eNkNbhb+ny/+PlVZjV0rxQpRSQKNKE3lcktHEA==}
@@ -4145,8 +4145,8 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
-  hono@4.12.18:
-    resolution: {integrity: sha512-RWzP96k/yv0PQfyXnWjs6zot20TqfpfsNXhOnev8d1InAxubW93L11/oNUc3tQqn2G0bSdAOBpX+2uDFHV7kdQ==}
+  hono@4.12.19:
+    resolution: {integrity: sha512-xa3eYXYXx68XTT4hZ7dRzsXBhaq85ToSrlUJNoR0gwz/1Ap/CNwX47wfvV7pc/xWhjKVVkLT7zBJy8chhNguqQ==}
     engines: {node: '>=16.9.0'}
 
   hookable@5.5.3:
@@ -8075,9 +8075,9 @@ snapshots:
 
   '@hey-api/types@0.1.4': {}
 
-  '@hono/node-server@2.0.2(hono@4.12.18)':
+  '@hono/node-server@2.0.2(hono@4.12.19)':
     dependencies:
-      hono: 4.12.18
+      hono: 4.12.19
 
   '@humanwhocodes/momoa@2.0.4': {}
 
@@ -8317,7 +8317,7 @@ snapshots:
 
   '@modelcontextprotocol/sdk@1.29.0(zod@4.4.3)':
     dependencies:
-      '@hono/node-server': 2.0.2(hono@4.12.18)
+      '@hono/node-server': 2.0.2(hono@4.12.19)
       ajv: 8.20.0
       ajv-formats: 3.0.1(ajv@8.20.0)
       content-type: 1.0.5
@@ -8327,7 +8327,7 @@ snapshots:
       eventsource-parser: 3.0.8
       express: 5.2.1
       express-rate-limit: 8.4.1(express@5.2.1)
-      hono: 4.12.18
+      hono: 4.12.19
       jose: 6.2.3
       json-schema-typed: 8.0.2
       pkce-challenge: 5.0.1
@@ -11186,7 +11186,7 @@ snapshots:
 
   he@1.2.0: {}
 
-  hono@4.12.18: {}
+  hono@4.12.19: {}
 
   hookable@5.5.3: {}
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index f33d4ecc01..0b9849c32a 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -23,7 +23,7 @@ overrides:
   express: '>=5.2.0'
   systeminformation: '>=5.31.6'
   qs: '>=6.14.2'
-  hono: 4.12.18
+  hono: 4.12.19
   '@hono/node-server': 2.0.2
   undici: '>=7.24.0'
   diff: '>=8.0.3'

From d7e76996cab00317843c2dfe0d8c4f6d7557f7f3 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 14:18:00 +0800
Subject: [PATCH 11/32] replace deprecated lucide-vue-next with @lucide/vue;
 version bump cli's tsx to v4.22.1

---
 .cursor/rules/frontend-component.mdc          |   4 +-
 cli/package.json                              |   2 +-
 flake.lock                                    |   6 +-
 frontend/package.json                         |   2 +-
 .../bazaar/BazaarNotebookButtons.vue          |   2 +-
 .../components/book-reading/PdfControl.vue    |   2 +-
 .../components/commons/BasicBreadcrumb.vue    |   2 +-
 .../src/components/commons/CopyButton.vue     |   2 +-
 .../components/commons/JsonExportSection.vue  |   2 +-
 frontend/src/components/commons/Modal.vue     |   2 +-
 .../components/conversations/AiResponse.vue   |   2 +-
 .../conversations/ConversationInner.vue       |   2 +-
 .../conversations/ConversationTemplate.vue    |   2 +-
 .../RichFrontmatterEditablePropertyRow.vue    |   2 +-
 .../form/RichFrontmatterProperties.vue        |   2 +-
 .../RichFrontmatterPropertyExternalLink.vue   |   2 +-
 .../links/AddRelationshipFinalize.vue         |   2 +-
 .../components/links/LinkInsertionChoice.vue  |   2 +-
 .../components/links/RelationTypeSelect.vue   |   2 +-
 .../components/notebook/NotebookButtons.vue   |   2 +-
 .../components/notebook/NotebookNewButton.vue |   2 +-
 .../src/components/notes/FolderSearchForm.vue |   2 +-
 .../src/components/notes/FolderSelector.vue   |   2 +-
 .../src/components/notes/NoteReferences.vue   |   2 +-
 .../notes/NoteWikidataAssociation.vue         |   2 +-
 .../src/components/notes/NotebookLink.vue     |   2 +-
 frontend/src/components/notes/Questions.vue   |   2 +-
 .../components/notes/SidebarFolderItem.vue    |   2 +-
 .../SidebarNotebookTreeScrollportPathHint.vue |   2 +-
 .../src/components/notes/SidebarToolbar.vue   |   2 +-
 .../notes/WikidataAssociationDialogBody.vue   |   2 +-
 .../notes/core/NoteDeleteButton.vue           |   2 +-
 .../src/components/notes/core/NoteToolbar.vue |   2 +-
 .../notes/widgets/NoteAudioTools.vue          |   2 +-
 .../notes/widgets/NoteMoreOptionsForm.vue     |   7 +-
 .../components/recall/ContestableQuestion.vue |   2 +-
 .../src/components/recall/NoteRefinement.vue  |   2 +-
 .../components/recall/RecallProgressBar.vue   |   2 +-
 .../recall/RecallSessionOptionsDialog.vue     |   2 +-
 .../search/SearchDropdownHitList.vue          |   2 +-
 .../search/SearchForNoteAndFolder.vue         |   2 +-
 .../search/SearchResultListItem.vue           |   2 +-
 .../src/components/search/SearchResults.vue   |   2 +-
 .../subscriptions/SubscriptionNoteButtons.vue |   2 +-
 .../components/toolbars/AccountMenuItem.vue   |   2 +-
 .../toolbars/BreadcrumbWithCircle.vue         |   2 +-
 .../src/components/toolbars/GlobalBar.vue     |   2 +-
 .../toolbars/HorizontalMenu.stories.ts        |   2 +-
 .../components/toolbars/HorizontalMenu.vue    |   2 +-
 .../src/components/toolbars/LoginButton.vue   |   2 +-
 .../components/toolbars/NoteUndoButton.vue    |   2 +-
 .../composables/sidebarPeerSortMenuRows.ts    |   2 +-
 .../src/composables/useNavigationItems.ts     |   2 +-
 .../src/layouts/NotebookSidebarLayout.vue     |   2 +-
 frontend/src/pages/CircleShowPage.vue         |   2 +-
 frontend/src/pages/MemoryTrackerPageView.vue  |   2 +-
 frontend/src/pages/MessageCenterPage.vue      |   2 +-
 frontend/src/pages/NotebookGroupPageView.vue  |   2 +-
 frontend/src/pages/NotebookPageView.vue       |   2 +-
 frontend/src/pages/NotebooksPageView.vue      |   2 +-
 .../tests/toolbars/HorizontalMenu.spec.ts     |   2 +-
 pnpm-lock.yaml                                | 154 +++++++++---------
 62 files changed, 140 insertions(+), 147 deletions(-)

diff --git a/.cursor/rules/frontend-component.mdc b/.cursor/rules/frontend-component.mdc
index 2af1eee188..c3b7286994 100644
--- a/.cursor/rules/frontend-component.mdc
+++ b/.cursor/rules/frontend-component.mdc
@@ -22,8 +22,8 @@ Use this rule when writing or modifying Vue components, component SCSS, or Story
 
 ## Icons
 
-- Prefer Lucide for normal UI icons via `lucide-vue-next` (`import { IconName } from "lucide-vue-next"`). Import only the icons each file needs; rely on `currentColor` so icons follow text/theme color.
-- `lucide-vue-next` defaults to 24x24 via the `size` prop. Use `:size="..."` and/or Tailwind `w-*`, `h-*`, or `size-*` on icons.
+- Prefer Lucide for normal UI icons via `@lucide/vue` (`import { IconName } from "@lucide/vue"`). Import only the icons each file needs; rely on `currentColor` so icons follow text/theme color.
+- `@lucide/vue` defaults to 24x24 via the `size` prop. Use `:size="..."` and/or Tailwind `w-*`, `h-*`, or `size-*` on icons.
 
 ## Naming Conventions
 
diff --git a/cli/package.json b/cli/package.json
index 3612b3666a..b0e3ff0d46 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -44,7 +44,7 @@
     "esbuild": "0.28.0",
     "ink": "^7.0.3",
     "ink-testing-library": "^4.0.0",
-    "tsx": "4.22.0",
+    "tsx": "4.22.1",
     "typescript": "6.0.3",
     "vitest": "4.1.6"
   }
diff --git a/flake.lock b/flake.lock
index 2fe2b055ca..86c022cd9a 100644
--- a/flake.lock
+++ b/flake.lock
@@ -20,11 +20,11 @@
     },
     "nixpkgs": {
       "locked": {
-        "lastModified": 1774799055,
-        "narHash": "sha256-Tsq9BCz0q47ej1uFF39m4tuhcwru/ls6vCCJzutEpaw=",
+        "lastModified": 1778737229,
+        "narHash": "sha256-6xWoytx8jFW4PF1GjRm/i/53trbpKGfz6zjzQGBr4cI=",
         "owner": "NixOS",
         "repo": "nixpkgs",
-        "rev": "107cba9eb4a8d8c9f8e9e61266d78d340867913a",
+        "rev": "d7a713c0b7e47c908258e71cba7a2d77cc8d71d5",
         "type": "github"
       },
       "original": {
diff --git a/frontend/package.json b/frontend/package.json
index 75499420dd..7a12c54d3c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -24,7 +24,7 @@
   "dependencies": {
     "epubjs": "^0.3.93",
     "file-saver": "^2.0.5",
-    "lucide-vue-next": "^1.0.0",
+    "@lucide/vue": "^1.0.0",
     "mini-debounce": "^1.0.8",
     "pdfjs-dist": "5.7.284",
     "quill": "npm:@dotwee/quill@2.0.9",
diff --git a/frontend/src/components/bazaar/BazaarNotebookButtons.vue b/frontend/src/components/bazaar/BazaarNotebookButtons.vue
index 01beec3224..eb4ba43f75 100644
--- a/frontend/src/components/bazaar/BazaarNotebookButtons.vue
+++ b/frontend/src/components/bazaar/BazaarNotebookButtons.vue
@@ -21,7 +21,7 @@
 import type { PropType } from "vue"
 import type { Notebook } from "@generated/doughnut-backend-api"
 import PopButton from "../commons/Popups/PopButton.vue"
-import { Plus } from "lucide-vue-next"
+import { Plus } from "@lucide/vue"
 import SubscribeForm from "./SubscribeForm.vue"
 
 defineProps({
diff --git a/frontend/src/components/book-reading/PdfControl.vue b/frontend/src/components/book-reading/PdfControl.vue
index 76e90bacc1..33211d8b53 100644
--- a/frontend/src/components/book-reading/PdfControl.vue
+++ b/frontend/src/components/book-reading/PdfControl.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script setup lang="ts">
-import { ZoomIn, ZoomOut } from "lucide-vue-next"
+import { ZoomIn, ZoomOut } from "@lucide/vue"
 
 defineProps<{
   currentPage: number | null
diff --git a/frontend/src/components/commons/BasicBreadcrumb.vue b/frontend/src/components/commons/BasicBreadcrumb.vue
index f190bc222d..335044a439 100644
--- a/frontend/src/components/commons/BasicBreadcrumb.vue
+++ b/frontend/src/components/commons/BasicBreadcrumb.vue
@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import type { PropType } from "vue"
 import type { Folder } from "@generated/doughnut-backend-api"
-import { Folder as FolderIcon } from "lucide-vue-next"
+import { Folder as FolderIcon } from "@lucide/vue"
 
 const props = defineProps({
   folderSegments: {
diff --git a/frontend/src/components/commons/CopyButton.vue b/frontend/src/components/commons/CopyButton.vue
index ab2d6686ee..ce9535b2c5 100644
--- a/frontend/src/components/commons/CopyButton.vue
+++ b/frontend/src/components/commons/CopyButton.vue
@@ -15,7 +15,7 @@
 
 <script setup lang="ts">
 import { ref } from "vue"
-import { ClipboardCheck } from "lucide-vue-next"
+import { ClipboardCheck } from "@lucide/vue"
 
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/components/commons/JsonExportSection.vue b/frontend/src/components/commons/JsonExportSection.vue
index 44719d8785..20519e7b51 100644
--- a/frontend/src/components/commons/JsonExportSection.vue
+++ b/frontend/src/components/commons/JsonExportSection.vue
@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import { saveAs } from "file-saver"
 import CopyButton from "./CopyButton.vue"
-import { Download } from "lucide-vue-next"
+import { Download } from "@lucide/vue"
 
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/components/commons/Modal.vue b/frontend/src/components/commons/Modal.vue
index 5eac2538e0..a3217fb949 100644
--- a/frontend/src/components/commons/Modal.vue
+++ b/frontend/src/components/commons/Modal.vue
@@ -37,7 +37,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, onUnmounted } from "vue"
-import { X } from "lucide-vue-next"
+import { X } from "@lucide/vue"
 import { useRoute } from "vue-router"
 import { registerModal } from "./modalStack"
 import { focusAutofocusTargetWithin } from "@/utils/focusTarget"
diff --git a/frontend/src/components/conversations/AiResponse.vue b/frontend/src/components/conversations/AiResponse.vue
index c24f54056f..66e6630d6e 100644
--- a/frontend/src/components/conversations/AiResponse.vue
+++ b/frontend/src/components/conversations/AiResponse.vue
@@ -35,7 +35,7 @@
 import { ref, computed, watch } from "vue"
 import type { Conversation } from "@generated/doughnut-backend-api"
 import type { ToolCallResult } from "@/models/aiReplyState"
-import { Bot } from "lucide-vue-next"
+import { Bot } from "@lucide/vue"
 import markdownizer from "../form/markdownizer"
 import {
   createAiReplyStates,
diff --git a/frontend/src/components/conversations/ConversationInner.vue b/frontend/src/components/conversations/ConversationInner.vue
index 8b26c90de9..89055f2798 100644
--- a/frontend/src/components/conversations/ConversationInner.vue
+++ b/frontend/src/components/conversations/ConversationInner.vue
@@ -67,7 +67,7 @@ import type {
   ConversationMessage,
   Conversation,
 } from "@generated/doughnut-backend-api"
-import { Bot, User as UserIcon } from "lucide-vue-next"
+import { Bot, User as UserIcon } from "@lucide/vue"
 import ScrollTo from "@/components/commons/ScrollTo.vue"
 import ConversationTemplate from "./ConversationTemplate.vue"
 import markdownizer from "../form/markdownizer"
diff --git a/frontend/src/components/conversations/ConversationTemplate.vue b/frontend/src/components/conversations/ConversationTemplate.vue
index 5dfe7af574..83d6762d9c 100644
--- a/frontend/src/components/conversations/ConversationTemplate.vue
+++ b/frontend/src/components/conversations/ConversationTemplate.vue
@@ -162,7 +162,7 @@
 import { ref, computed } from "vue"
 import type { Conversation } from "@generated/doughnut-backend-api"
 import ConversationExportDialog from "./ConversationExportDialog.vue"
-import { Upload } from "lucide-vue-next"
+import { Upload } from "@lucide/vue"
 
 const { isMaximized, defaultMessages } = defineProps<{
   conversations?: Conversation[]
diff --git a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
index 6563627e60..648cb231d2 100644
--- a/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
+++ b/frontend/src/components/form/RichFrontmatterEditablePropertyRow.vue
@@ -171,7 +171,7 @@
 </template>
 
 <script setup lang="ts">
-import { Minus } from "lucide-vue-next"
+import { Minus } from "@lucide/vue"
 import { computed, ref } from "vue"
 import RichFrontmatterPropertyExternalLink from "@/components/form/RichFrontmatterPropertyExternalLink.vue"
 import RichFrontmatterPropertyKeyPresets from "@/components/form/RichFrontmatterPropertyKeyPresets.vue"
diff --git a/frontend/src/components/form/RichFrontmatterProperties.vue b/frontend/src/components/form/RichFrontmatterProperties.vue
index 89257f1792..50248ebcfb 100644
--- a/frontend/src/components/form/RichFrontmatterProperties.vue
+++ b/frontend/src/components/form/RichFrontmatterProperties.vue
@@ -110,7 +110,7 @@
 </template>
 
 <script setup lang="ts">
-import { Plus } from "lucide-vue-next"
+import { Plus } from "@lucide/vue"
 import { computed, nextTick, provide, ref, useId, watch } from "vue"
 import RichFrontmatterReadOnlyList from "@/components/form/RichFrontmatterReadOnlyList.vue"
 import RichFrontmatterEditablePropertyRow from "@/components/form/RichFrontmatterEditablePropertyRow.vue"
diff --git a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
index 17dfcbde56..1c1df9e371 100644
--- a/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
+++ b/frontend/src/components/form/RichFrontmatterPropertyExternalLink.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ExternalLink } from "lucide-vue-next"
+import { ExternalLink } from "@lucide/vue"
 import { computed } from "vue"
 import { openRichPropertyUrlInNewWindow } from "@/utils/openRichPropertyUrlInNewWindow"
 import { openWikidataEntityBrowseUrlInNonBlockingPopup } from "@/utils/wikidataEntityBrowseUrl"
diff --git a/frontend/src/components/links/AddRelationshipFinalize.vue b/frontend/src/components/links/AddRelationshipFinalize.vue
index 5498c9067d..acf6836523 100644
--- a/frontend/src/components/links/AddRelationshipFinalize.vue
+++ b/frontend/src/components/links/AddRelationshipFinalize.vue
@@ -36,7 +36,7 @@ import type { Note, NoteSearchResult } from "@generated/doughnut-backend-api"
 import RadioButtons from "../form/RadioButtons.vue"
 import RelationTypeSelect from "./RelationTypeSelect.vue"
 import NoteTitleComponent from "../notes/core/NoteTitleComponent.vue"
-import { Reply } from "lucide-vue-next"
+import { Reply } from "@lucide/vue"
 import { useStorageAccessor } from "@/composables/useStorageAccessor"
 import {
   formatRelationshipNoteMarkdown,
diff --git a/frontend/src/components/links/LinkInsertionChoice.vue b/frontend/src/components/links/LinkInsertionChoice.vue
index fb6953f92e..0668aa9b33 100644
--- a/frontend/src/components/links/LinkInsertionChoice.vue
+++ b/frontend/src/components/links/LinkInsertionChoice.vue
@@ -35,7 +35,7 @@
 import { computed } from "vue"
 import type { NoteTopology } from "@generated/doughnut-backend-api"
 import NoteTitleComponent from "../notes/core/NoteTitleComponent.vue"
-import { Reply } from "lucide-vue-next"
+import { Reply } from "@lucide/vue"
 
 const props = defineProps<{
   targetNoteTopology: NoteTopology
diff --git a/frontend/src/components/links/RelationTypeSelect.vue b/frontend/src/components/links/RelationTypeSelect.vue
index 9e39bb0566..6cda2c51fc 100644
--- a/frontend/src/components/links/RelationTypeSelect.vue
+++ b/frontend/src/components/links/RelationTypeSelect.vue
@@ -72,7 +72,7 @@ import {
   relationTypeOptions,
   type RelationTypeLabel,
 } from "../../models/relationTypeOptions"
-import { CornerDownLeft, PenLine } from "lucide-vue-next"
+import { CornerDownLeft, PenLine } from "@lucide/vue"
 import RadioButtons from "../form/RadioButtons.vue"
 import SvgRelationTypeIcon from "../svgs/SvgRelationTypeIcon.vue"
 
diff --git a/frontend/src/components/notebook/NotebookButtons.vue b/frontend/src/components/notebook/NotebookButtons.vue
index f441b8fe3d..4d16b4b37d 100644
--- a/frontend/src/components/notebook/NotebookButtons.vue
+++ b/frontend/src/components/notebook/NotebookButtons.vue
@@ -58,7 +58,7 @@
 <script setup lang="ts">
 import { computed, inject, ref, type ComputedRef } from "vue"
 import { useRouter } from "vue-router"
-import { BookOpen, MoreHorizontal } from "lucide-vue-next"
+import { BookOpen, MoreHorizontal } from "@lucide/vue"
 import type { Notebook, User } from "@generated/doughnut-backend-api"
 import BazaarNotebookButtons from "@/components/bazaar/BazaarNotebookButtons.vue"
 import AutoCollapseDropdown from "@/components/commons/AutoCollapseDropdown.vue"
diff --git a/frontend/src/components/notebook/NotebookNewButton.vue b/frontend/src/components/notebook/NotebookNewButton.vue
index d99ee6b5d9..7f55121c20 100644
--- a/frontend/src/components/notebook/NotebookNewButton.vue
+++ b/frontend/src/components/notebook/NotebookNewButton.vue
@@ -14,7 +14,7 @@ import type { PropType } from "vue"
 import { defineComponent } from "vue"
 import PopButton from "../commons/Popups/PopButton.vue"
 import NotebookNewForm from "./NotebookNewForm.vue"
-import { BookPlus } from "lucide-vue-next"
+import { BookPlus } from "@lucide/vue"
 
 export default defineComponent({
   props: {
diff --git a/frontend/src/components/notes/FolderSearchForm.vue b/frontend/src/components/notes/FolderSearchForm.vue
index 0cade24783..541a02e7ae 100644
--- a/frontend/src/components/notes/FolderSearchForm.vue
+++ b/frontend/src/components/notes/FolderSearchForm.vue
@@ -85,7 +85,7 @@
 <script setup lang="ts">
 import type { Folder } from "@generated/doughnut-backend-api"
 import { NotebookController } from "@generated/doughnut-backend-api/sdk.gen"
-import { Search } from "lucide-vue-next"
+import { Search } from "@lucide/vue"
 import { computed, nextTick, onMounted, ref, watch } from "vue"
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import { toOpenApiError } from "@/managedApi/openApiError"
diff --git a/frontend/src/components/notes/FolderSelector.vue b/frontend/src/components/notes/FolderSelector.vue
index 74817a471e..2076298ac4 100644
--- a/frontend/src/components/notes/FolderSelector.vue
+++ b/frontend/src/components/notes/FolderSelector.vue
@@ -74,7 +74,7 @@
 
 <script setup lang="ts">
 import type { Folder } from "@generated/doughnut-backend-api"
-import { MoreHorizontal } from "lucide-vue-next"
+import { MoreHorizontal } from "@lucide/vue"
 import { computed, onMounted, ref } from "vue"
 import Modal from "@/components/commons/Modal.vue"
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
diff --git a/frontend/src/components/notes/NoteReferences.vue b/frontend/src/components/notes/NoteReferences.vue
index d6820b8ac7..f84c5bbbfa 100644
--- a/frontend/src/components/notes/NoteReferences.vue
+++ b/frontend/src/components/notes/NoteReferences.vue
@@ -34,7 +34,7 @@ import type { PropType } from "vue"
 import { ref } from "vue"
 import type { NoteTopology } from "@generated/doughnut-backend-api"
 import Cards from "./Cards.vue"
-import { ChevronsUpDown } from "lucide-vue-next"
+import { ChevronsUpDown } from "@lucide/vue"
 
 const props = defineProps({
   noteTopologies: { type: Array as PropType<NoteTopology[]>, required: true },
diff --git a/frontend/src/components/notes/NoteWikidataAssociation.vue b/frontend/src/components/notes/NoteWikidataAssociation.vue
index 778334ea43..f693ffd4b3 100644
--- a/frontend/src/components/notes/NoteWikidataAssociation.vue
+++ b/frontend/src/components/notes/NoteWikidataAssociation.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { Link2 } from "lucide-vue-next"
+import { Link2 } from "@lucide/vue"
 import { WikidataController } from "@generated/doughnut-backend-api/sdk.gen"
 import {} from "@/managedApi/clientSetup"
 import nonBlockingPopup from "@/managedApi/window/nonBlockingPopup"
diff --git a/frontend/src/components/notes/NotebookLink.vue b/frontend/src/components/notes/NotebookLink.vue
index 7a16f6561e..81475e692d 100644
--- a/frontend/src/components/notes/NotebookLink.vue
+++ b/frontend/src/components/notes/NotebookLink.vue
@@ -11,7 +11,7 @@
 <script setup lang="ts">
 import type { PropType } from "vue"
 import type { Notebook } from "@generated/doughnut-backend-api"
-import { BookText } from "lucide-vue-next"
+import { BookText } from "@lucide/vue"
 
 defineProps({
   notebook: { type: Object as PropType<Notebook>, required: true },
diff --git a/frontend/src/components/notes/Questions.vue b/frontend/src/components/notes/Questions.vue
index f766e9c4fd..b3a1369687 100644
--- a/frontend/src/components/notes/Questions.vue
+++ b/frontend/src/components/notes/Questions.vue
@@ -75,7 +75,7 @@ import { PredefinedQuestionController } from "@generated/doughnut-backend-api/sd
 import NoteAddQuestion from "./NoteAddQuestion.vue"
 import QuestionExportDialog from "./QuestionExportDialog.vue"
 import PopButton from "../commons/Popups/PopButton.vue"
-import { Upload } from "lucide-vue-next"
+import { Upload } from "@lucide/vue"
 
 const props = defineProps({
   note: {
diff --git a/frontend/src/components/notes/SidebarFolderItem.vue b/frontend/src/components/notes/SidebarFolderItem.vue
index 423f64fe3d..9bbf2278ae 100644
--- a/frontend/src/components/notes/SidebarFolderItem.vue
+++ b/frontend/src/components/notes/SidebarFolderItem.vue
@@ -67,7 +67,7 @@
 
 <script setup lang="ts">
 import type { Folder, NoteTopology } from "@generated/doughnut-backend-api"
-import { ChevronRight } from "lucide-vue-next"
+import { ChevronRight } from "@lucide/vue"
 import ScrollTo from "@/components/commons/ScrollTo.vue"
 import SidebarInner from "./SidebarInner.vue"
 import { computed, ref, watch } from "vue"
diff --git a/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue b/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
index 73d7dc9f42..933537b711 100644
--- a/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
+++ b/frontend/src/components/notes/SidebarNotebookTreeScrollportPathHint.vue
@@ -35,7 +35,7 @@
 
 <script setup lang="ts">
 import type { Folder } from "@generated/doughnut-backend-api"
-import { ChevronUp } from "lucide-vue-next"
+import { ChevronUp } from "@lucide/vue"
 import { computed, onBeforeUnmount, ref, watch } from "vue"
 import { RouterLink } from "vue-router"
 import { folderIdsWithRowAboveScrollportTop } from "./sidebarActivePathRowsAboveScrollport"
diff --git a/frontend/src/components/notes/SidebarToolbar.vue b/frontend/src/components/notes/SidebarToolbar.vue
index 29fc7aab0f..2363eaf8c7 100644
--- a/frontend/src/components/notes/SidebarToolbar.vue
+++ b/frontend/src/components/notes/SidebarToolbar.vue
@@ -81,7 +81,7 @@ import {
   useNoteSidebarPeerSort,
   type SidebarPeerSortSpec,
 } from "@/composables/useNoteSidebarPeerSort"
-import { ArrowDownAZ, FolderPlus, NotebookPen } from "lucide-vue-next"
+import { ArrowDownAZ, FolderPlus, NotebookPen } from "@lucide/vue"
 import { computed } from "vue"
 import AutoCollapseDropdown from "@/components/commons/AutoCollapseDropdown.vue"
 import FolderNewButton from "./core/FolderNewButton.vue"
diff --git a/frontend/src/components/notes/WikidataAssociationDialogBody.vue b/frontend/src/components/notes/WikidataAssociationDialogBody.vue
index d65e0cb87c..7344b45e34 100644
--- a/frontend/src/components/notes/WikidataAssociationDialogBody.vue
+++ b/frontend/src/components/notes/WikidataAssociationDialogBody.vue
@@ -110,7 +110,7 @@ import {} from "@/managedApi/clientSetup"
 import RadioButtons from "../form/RadioButtons.vue"
 import TextInput from "../form/TextInput.vue"
 import { openWikidataEntityBrowseUrlInNonBlockingPopup } from "@/utils/wikidataEntityBrowseUrl"
-import { ExternalLink } from "lucide-vue-next"
+import { ExternalLink } from "@lucide/vue"
 
 const props = defineProps<{
   searchKey: string
diff --git a/frontend/src/components/notes/core/NoteDeleteButton.vue b/frontend/src/components/notes/core/NoteDeleteButton.vue
index bb2fff202a..03f215c7b5 100644
--- a/frontend/src/components/notes/core/NoteDeleteButton.vue
+++ b/frontend/src/components/notes/core/NoteDeleteButton.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { useRouter } from "vue-router"
 import usePopups from "../../commons/Popups/usePopups"
-import { Trash2 } from "lucide-vue-next"
+import { Trash2 } from "@lucide/vue"
 import { useStorageAccessor } from "@/composables/useStorageAccessor"
 import type { NoteDeleteReferenceHandling } from "@/store/StoredApiCollection"
 
diff --git a/frontend/src/components/notes/core/NoteToolbar.vue b/frontend/src/components/notes/core/NoteToolbar.vue
index eada15a7a8..5bd5c2c41e 100644
--- a/frontend/src/components/notes/core/NoteToolbar.vue
+++ b/frontend/src/components/notes/core/NoteToolbar.vue
@@ -92,7 +92,7 @@ import {
   MessageCircle,
   Mic,
   Settings,
-} from "lucide-vue-next"
+} from "@lucide/vue"
 import NoteAudioTools from "../widgets/NoteAudioTools.vue"
 import { useRouter } from "vue-router"
 import NoteMoreOptionsForm from "../widgets/NoteMoreOptionsForm.vue"
diff --git a/frontend/src/components/notes/widgets/NoteAudioTools.vue b/frontend/src/components/notes/widgets/NoteAudioTools.vue
index 53c0431e3a..b8cdc444af 100644
--- a/frontend/src/components/notes/widgets/NoteAudioTools.vue
+++ b/frontend/src/components/notes/widgets/NoteAudioTools.vue
@@ -88,7 +88,7 @@ import {
 } from "@generated/doughnut-backend-api/sdk.gen"
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import Waveform from "./Waveform.vue"
-import { Mic } from "lucide-vue-next"
+import { Mic } from "@lucide/vue"
 import type { AudioChunk } from "@/models/audio/audioProcessingScheduler"
 import FullScreen from "@/components/common/FullScreen.vue"
 
diff --git a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
index 574d2ae46e..9900750f70 100644
--- a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
+++ b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
@@ -63,12 +63,7 @@
 import type { Note } from "@generated/doughnut-backend-api"
 import PopButton from "../../commons/Popups/PopButton.vue"
 import Questions from "../Questions.vue"
-import {
-  CircleCheck,
-  MessageCircleQuestion,
-  Trash2,
-  Upload,
-} from "lucide-vue-next"
+import { CircleCheck, MessageCircleQuestion, Trash2, Upload } from "@lucide/vue"
 import NoteExportForm from "../core/NoteExportForm.vue"
 import { useRouter } from "vue-router"
 import usePopups from "../../commons/Popups/usePopups"
diff --git a/frontend/src/components/recall/ContestableQuestion.vue b/frontend/src/components/recall/ContestableQuestion.vue
index 4168c134e7..4c68485c12 100644
--- a/frontend/src/components/recall/ContestableQuestion.vue
+++ b/frontend/src/components/recall/ContestableQuestion.vue
@@ -40,7 +40,7 @@ import { RecallPromptController } from "@generated/doughnut-backend-api/sdk.gen"
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import type { PropType } from "vue"
 import { ref } from "vue"
-import { Target } from "lucide-vue-next"
+import { Target } from "@lucide/vue"
 import RecallPromptComponent from "./RecallPromptComponent.vue"
 import QuestionDisplay from "./QuestionDisplay.vue"
 const props = defineProps({
diff --git a/frontend/src/components/recall/NoteRefinement.vue b/frontend/src/components/recall/NoteRefinement.vue
index 2f56d440fb..c35ed36488 100644
--- a/frontend/src/components/recall/NoteRefinement.vue
+++ b/frontend/src/components/recall/NoteRefinement.vue
@@ -68,7 +68,7 @@ import { AiController } from "@generated/doughnut-backend-api/sdk.gen"
 
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import usePopups from "../commons/Popups/usePopups"
-import { Folders } from "lucide-vue-next"
+import { Folders } from "@lucide/vue"
 import LoadingModal from "../commons/LoadingModal.vue"
 import { onMounted, ref } from "vue"
 import { useStorageAccessor } from "@/composables/useStorageAccessor"
diff --git a/frontend/src/components/recall/RecallProgressBar.vue b/frontend/src/components/recall/RecallProgressBar.vue
index 8fa6c0d890..d5646d5fcb 100644
--- a/frontend/src/components/recall/RecallProgressBar.vue
+++ b/frontend/src/components/recall/RecallProgressBar.vue
@@ -59,7 +59,7 @@
 <script setup lang="ts">
 import { ref } from "vue"
 import ProgressBar from "../commons/ProgressBar.vue"
-import { Pause, Settings, SkipBack } from "lucide-vue-next"
+import { Pause, Settings, SkipBack } from "@lucide/vue"
 import RecallSessionOptionsDialog from "./RecallSessionOptionsDialog.vue"
 
 import type { RecallPrompt } from "@generated/doughnut-backend-api"
diff --git a/frontend/src/components/recall/RecallSessionOptionsDialog.vue b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
index 5c32e6c8ed..4da3c2af7e 100644
--- a/frontend/src/components/recall/RecallSessionOptionsDialog.vue
+++ b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
@@ -44,7 +44,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue"
-import { SkipForward } from "lucide-vue-next"
+import { SkipForward } from "@lucide/vue"
 import Modal from "../commons/Modal.vue"
 import { useRecallData } from "@/composables/useRecallData"
 import type { RecallPrompt } from "@generated/doughnut-backend-api"
diff --git a/frontend/src/components/search/SearchDropdownHitList.vue b/frontend/src/components/search/SearchDropdownHitList.vue
index 2aed8ca454..b8536bb903 100644
--- a/frontend/src/components/search/SearchDropdownHitList.vue
+++ b/frontend/src/components/search/SearchDropdownHitList.vue
@@ -65,7 +65,7 @@
 
 <script setup lang="ts">
 import type { RelationshipLiteralSearchHit } from "@generated/doughnut-backend-api"
-import { BookText, FileText, Folder } from "lucide-vue-next"
+import { BookText, FileText, Folder } from "@lucide/vue"
 import NoteTitleWithLink from "../notes/NoteTitleWithLink.vue"
 import { relationshipLiteralSearchHitKey } from "@/models/relationshipLiteralSearchHitKey"
 
diff --git a/frontend/src/components/search/SearchForNoteAndFolder.vue b/frontend/src/components/search/SearchForNoteAndFolder.vue
index aa9bb503bc..63664fa708 100644
--- a/frontend/src/components/search/SearchForNoteAndFolder.vue
+++ b/frontend/src/components/search/SearchForNoteAndFolder.vue
@@ -149,7 +149,7 @@
 
 <script setup lang="ts">
 import { ref } from "vue"
-import { BookOpen, Clock, Sparkles, Users, X } from "lucide-vue-next"
+import { BookOpen, Clock, Sparkles, Users, X } from "@lucide/vue"
 import TextInput from "../form/TextInput.vue"
 import SearchResults from "./SearchResults.vue"
 import type { NoteSearchResult } from "@generated/doughnut-backend-api"
diff --git a/frontend/src/components/search/SearchResultListItem.vue b/frontend/src/components/search/SearchResultListItem.vue
index cccb598e05..7763fd27ee 100644
--- a/frontend/src/components/search/SearchResultListItem.vue
+++ b/frontend/src/components/search/SearchResultListItem.vue
@@ -81,7 +81,7 @@
 <script setup lang="ts">
 import type { PropType } from "vue"
 import type { RelationshipLiteralSearchHit } from "@generated/doughnut-backend-api"
-import { BookText, FileText, Folder } from "lucide-vue-next"
+import { BookText, FileText, Folder } from "@lucide/vue"
 import { computed, type Component } from "vue"
 import NoteTitleWithLink from "../notes/NoteTitleWithLink.vue"
 
diff --git a/frontend/src/components/search/SearchResults.vue b/frontend/src/components/search/SearchResults.vue
index b774d73109..34ee5ff221 100644
--- a/frontend/src/components/search/SearchResults.vue
+++ b/frontend/src/components/search/SearchResults.vue
@@ -158,7 +158,7 @@
 
 <script setup lang="ts">
 import type { NoteSearchResult } from "@generated/doughnut-backend-api"
-import { Sparkles } from "lucide-vue-next"
+import { Sparkles } from "@lucide/vue"
 import { computed, toRef } from "vue"
 import SearchDropdownHitList from "./SearchDropdownHitList.vue"
 import SearchResultList from "./SearchResultList.vue"
diff --git a/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue b/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
index 78bd7721e3..81fe7f40a1 100644
--- a/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
+++ b/frontend/src/components/subscriptions/SubscriptionNoteButtons.vue
@@ -76,7 +76,7 @@ import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import Modal from "../commons/Modal.vue"
 import AutoCollapseDropdown from "../commons/AutoCollapseDropdown.vue"
 import usePopups from "../commons/Popups/usePopups"
-import { Minus, MoreHorizontal } from "lucide-vue-next"
+import { Minus, MoreHorizontal } from "@lucide/vue"
 import NotebookCatalogMoveToGroupForm from "@/components/notebook/NotebookCatalogMoveToGroupForm.vue"
 import SubscriptionEditForm from "./SubscriptionEditForm.vue"
 
diff --git a/frontend/src/components/toolbars/AccountMenuItem.vue b/frontend/src/components/toolbars/AccountMenuItem.vue
index 5dae6ee670..6b154ab6f3 100644
--- a/frontend/src/components/toolbars/AccountMenuItem.vue
+++ b/frontend/src/components/toolbars/AccountMenuItem.vue
@@ -43,7 +43,7 @@
 import type { User } from "@generated/doughnut-backend-api"
 import type { PropType } from "vue"
 import NavigationItem from "@/components/navigation/NavigationItem.vue"
-import { CircleCheck, User as UserIcon } from "lucide-vue-next"
+import { CircleCheck, User as UserIcon } from "@lucide/vue"
 
 defineProps({
   user: { type: Object as PropType<User>, required: true },
diff --git a/frontend/src/components/toolbars/BreadcrumbWithCircle.vue b/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
index 882b30e77c..8955bf0cf1 100644
--- a/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
+++ b/frontend/src/components/toolbars/BreadcrumbWithCircle.vue
@@ -39,7 +39,7 @@
 <script setup lang="ts">
 import type { Folder, NotebookRealm } from "@generated/doughnut-backend-api"
 import type { PropType } from "vue"
-import { BookText } from "lucide-vue-next"
+import { BookText } from "@lucide/vue"
 import Breadcrumb from "@/components/toolbars/Breadcrumb.vue"
 
 defineProps({
diff --git a/frontend/src/components/toolbars/GlobalBar.vue b/frontend/src/components/toolbars/GlobalBar.vue
index 97fd06f00e..1ae657542f 100644
--- a/frontend/src/components/toolbars/GlobalBar.vue
+++ b/frontend/src/components/toolbars/GlobalBar.vue
@@ -29,7 +29,7 @@
 import type { Ref } from "vue"
 import type { User } from "@generated/doughnut-backend-api"
 import { inject, onMounted, onUnmounted, ref } from "vue"
-import { Search } from "lucide-vue-next"
+import { Search } from "@lucide/vue"
 import PopButton from "@/components/commons/Popups/PopButton.vue"
 
 const user = inject<Ref<User | undefined>>("currentUser")
diff --git a/frontend/src/components/toolbars/HorizontalMenu.stories.ts b/frontend/src/components/toolbars/HorizontalMenu.stories.ts
index 8da4e05647..303fda034f 100644
--- a/frontend/src/components/toolbars/HorizontalMenu.stories.ts
+++ b/frontend/src/components/toolbars/HorizontalMenu.stories.ts
@@ -8,7 +8,7 @@ import {
   MessageCircle,
   Store,
   Users,
-} from "lucide-vue-next"
+} from "@lucide/vue"
 import type { Component } from "vue"
 
 type NavigationItemType = {
diff --git a/frontend/src/components/toolbars/HorizontalMenu.vue b/frontend/src/components/toolbars/HorizontalMenu.vue
index 8e018fed35..4ee47bf547 100644
--- a/frontend/src/components/toolbars/HorizontalMenu.vue
+++ b/frontend/src/components/toolbars/HorizontalMenu.vue
@@ -94,7 +94,7 @@ import { useRoute } from "vue-router"
 import LoginButton from "@/components/toolbars/LoginButton.vue"
 import NavigationItem from "@/components/navigation/NavigationItem.vue"
 import AccountMenuItem from "@/components/toolbars/AccountMenuItem.vue"
-import { ChevronRight, Menu } from "lucide-vue-next"
+import { ChevronRight, Menu } from "@lucide/vue"
 import { useRecallData } from "@/composables/useRecallData"
 
 type NavigationItemType = {
diff --git a/frontend/src/components/toolbars/LoginButton.vue b/frontend/src/components/toolbars/LoginButton.vue
index 821b565149..086f05258b 100644
--- a/frontend/src/components/toolbars/LoginButton.vue
+++ b/frontend/src/components/toolbars/LoginButton.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import loginOrRegisterAndHaltThisThread from "@/managedApi/window/loginOrRegisterAndHaltThisThread"
-import { KeyRound } from "lucide-vue-next"
+import { KeyRound } from "@lucide/vue"
 import { defineComponent } from "vue"
 
 export default defineComponent({
diff --git a/frontend/src/components/toolbars/NoteUndoButton.vue b/frontend/src/components/toolbars/NoteUndoButton.vue
index ccedf29d56..0448f287d8 100644
--- a/frontend/src/components/toolbars/NoteUndoButton.vue
+++ b/frontend/src/components/toolbars/NoteUndoButton.vue
@@ -27,7 +27,7 @@
 <script setup lang="ts">
 import { computed } from "vue"
 import { useRouter } from "vue-router"
-import { Undo2 } from "lucide-vue-next"
+import { Undo2 } from "@lucide/vue"
 import { useStorageAccessor } from "@/composables/useStorageAccessor"
 import UndoConfirmationForm from "./UndoConfirmationForm.vue"
 import PopButton from "../commons/Popups/PopButton.vue"
diff --git a/frontend/src/composables/sidebarPeerSortMenuRows.ts b/frontend/src/composables/sidebarPeerSortMenuRows.ts
index 5c67b534e4..ed6addac46 100644
--- a/frontend/src/composables/sidebarPeerSortMenuRows.ts
+++ b/frontend/src/composables/sidebarPeerSortMenuRows.ts
@@ -5,7 +5,7 @@ import {
   CalendarArrowUp,
   ClockArrowDown,
   ClockArrowUp,
-} from "lucide-vue-next"
+} from "@lucide/vue"
 import type { SidebarPeerSortSpec } from "@/composables/useNoteSidebarPeerSort"
 
 export type SidebarPeerSortMenuRow = {
diff --git a/frontend/src/composables/useNavigationItems.ts b/frontend/src/composables/useNavigationItems.ts
index 604a2a27b6..e3f780188a 100644
--- a/frontend/src/composables/useNavigationItems.ts
+++ b/frontend/src/composables/useNavigationItems.ts
@@ -10,7 +10,7 @@ import {
   Play,
   Store,
   Users,
-} from "lucide-vue-next"
+} from "@lucide/vue"
 import { messageCenterConversations } from "@/store/messageStore"
 
 export function useNavigationItems() {
diff --git a/frontend/src/layouts/NotebookSidebarLayout.vue b/frontend/src/layouts/NotebookSidebarLayout.vue
index a10c886459..0d894f5b8c 100644
--- a/frontend/src/layouts/NotebookSidebarLayout.vue
+++ b/frontend/src/layouts/NotebookSidebarLayout.vue
@@ -67,7 +67,7 @@ import type {
   NotebookRealm,
 } from "@generated/doughnut-backend-api"
 import { NotebookController } from "@generated/doughnut-backend-api/sdk.gen"
-import { PanelLeft, PanelLeftClose } from "lucide-vue-next"
+import { PanelLeft, PanelLeftClose } from "@lucide/vue"
 import GlobalBar from "@/components/toolbars/GlobalBar.vue"
 import BreadcrumbWithCircle from "@/components/toolbars/BreadcrumbWithCircle.vue"
 import Sidebar from "@/components/notes/Sidebar.vue"
diff --git a/frontend/src/pages/CircleShowPage.vue b/frontend/src/pages/CircleShowPage.vue
index f8384df03a..d09e1d24ed 100644
--- a/frontend/src/pages/CircleShowPage.vue
+++ b/frontend/src/pages/CircleShowPage.vue
@@ -158,7 +158,7 @@ import {
 import { sortNotebookCatalogAlphabetically } from "@/components/notebook/sortNotebookCatalogAlphabetically"
 import { useNotebooksLayout } from "@/composables/useNotebooksLayout"
 import {} from "@/managedApi/clientSetup"
-import { LayoutGrid, List, Search, User as UserIcon, X } from "lucide-vue-next"
+import { LayoutGrid, List, Search, User as UserIcon, X } from "@lucide/vue"
 import type {
   CircleForUserView,
   Notebook,
diff --git a/frontend/src/pages/MemoryTrackerPageView.vue b/frontend/src/pages/MemoryTrackerPageView.vue
index 735a2d71bf..36d7a7aaef 100644
--- a/frontend/src/pages/MemoryTrackerPageView.vue
+++ b/frontend/src/pages/MemoryTrackerPageView.vue
@@ -176,7 +176,7 @@ import ConversationButton from "@/components/recall/ConversationButton.vue"
 import { MemoryTrackerController } from "@generated/doughnut-backend-api/sdk.gen"
 import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import usePopups from "@/components/commons/Popups/usePopups"
-import { EyeOff } from "lucide-vue-next"
+import { EyeOff } from "@lucide/vue"
 
 const props = defineProps({
   recallPrompts: {
diff --git a/frontend/src/pages/MessageCenterPage.vue b/frontend/src/pages/MessageCenterPage.vue
index 2568570cb8..90a197228e 100644
--- a/frontend/src/pages/MessageCenterPage.vue
+++ b/frontend/src/pages/MessageCenterPage.vue
@@ -59,7 +59,7 @@ import {} from "@/managedApi/clientSetup"
 import GlobalBar from "@/components/toolbars/GlobalBar.vue"
 import ContentLoader from "@/components/commons/ContentLoader.vue"
 import ConversationComponent from "@/components/conversations/ConversationComponent.vue"
-import { MessageCircle } from "lucide-vue-next"
+import { MessageCircle } from "@lucide/vue"
 import type {
   Conversation,
   ConversationListItem,
diff --git a/frontend/src/pages/NotebookGroupPageView.vue b/frontend/src/pages/NotebookGroupPageView.vue
index 750cd7688f..bf072653dd 100644
--- a/frontend/src/pages/NotebookGroupPageView.vue
+++ b/frontend/src/pages/NotebookGroupPageView.vue
@@ -63,7 +63,7 @@
 
 <script setup lang="ts">
 import type { PropType } from "vue"
-import { LayoutGrid, List } from "lucide-vue-next"
+import { LayoutGrid, List } from "@lucide/vue"
 import type {
   Notebook,
   NotebookCatalogGroupItem,
diff --git a/frontend/src/pages/NotebookPageView.vue b/frontend/src/pages/NotebookPageView.vue
index 33871b2491..c53ca4d59b 100644
--- a/frontend/src/pages/NotebookPageView.vue
+++ b/frontend/src/pages/NotebookPageView.vue
@@ -154,7 +154,7 @@ import { apiCallWithLoading } from "@/managedApi/clientSetup"
 import { useToast } from "@/composables/useToast"
 import PopButton from "@/components/commons/Popups/PopButton.vue"
 import usePopups from "@/components/commons/Popups/usePopups"
-import { GitMerge, Share2 } from "lucide-vue-next"
+import { GitMerge, Share2 } from "@lucide/vue"
 import NotebookMoveForm from "@/components/notebook/NotebookMoveForm.vue"
 import CheckInput from "@/components/form/CheckInput.vue"
 import TextArea from "@/components/form/TextArea.vue"
diff --git a/frontend/src/pages/NotebooksPageView.vue b/frontend/src/pages/NotebooksPageView.vue
index b1ce81f4b6..0bb6e35334 100644
--- a/frontend/src/pages/NotebooksPageView.vue
+++ b/frontend/src/pages/NotebooksPageView.vue
@@ -170,7 +170,7 @@
 <script setup lang="ts">
 import type { PropType } from "vue"
 import { computed, onMounted, ref } from "vue"
-import { ArrowDownAZ, LayoutGrid, List, Search, X } from "lucide-vue-next"
+import { ArrowDownAZ, LayoutGrid, List, Search, X } from "@lucide/vue"
 import type {
   Notebook,
   SubscriptionForNotebooksListing,
diff --git a/frontend/tests/toolbars/HorizontalMenu.spec.ts b/frontend/tests/toolbars/HorizontalMenu.spec.ts
index 97fd6c35fe..5c97b0b4ce 100644
--- a/frontend/tests/toolbars/HorizontalMenu.spec.ts
+++ b/frontend/tests/toolbars/HorizontalMenu.spec.ts
@@ -12,7 +12,7 @@ import {
   MessageCircle,
   Store,
   Users,
-} from "lucide-vue-next"
+} from "@lucide/vue"
 import type { Component } from "vue"
 
 const useRouteValue = reactive({ name: "", fullPath: "/" })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 040ae50ccb..9f44dfe7d4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -208,26 +208,26 @@ importers:
         specifier: ^4.0.0
         version: 4.0.0(@types/react@19.2.14)
       tsx:
-        specifier: 4.22.0
-        version: 4.22.0
+        specifier: 4.22.1
+        version: 4.22.1
       typescript:
         specifier: 6.0.3
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   frontend:
     dependencies:
+      '@lucide/vue':
+        specifier: ^1.0.0
+        version: 1.16.0(vue@3.5.34(typescript@6.0.3))
       epubjs:
         specifier: ^0.3.93
         version: 0.3.93
       file-saver:
         specifier: ^2.0.5
         version: 2.0.5
-      lucide-vue-next:
-        specifier: ^1.0.0
-        version: 1.0.0(vue@3.5.34(typescript@6.0.3))
       mini-debounce:
         specifier: ^1.0.8
         version: 1.0.8
@@ -258,16 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -282,13 +282,13 @@ importers:
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.7
-        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -351,16 +351,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -403,7 +403,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -1413,6 +1413,11 @@ packages:
   '@keyv/serialize@1.1.1':
     resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
 
+  '@lucide/vue@1.16.0':
+    resolution: {integrity: sha512-kiHx0fe49DMjQuvNaEOu9Jou6u9FwdqQ8xbZIKlD47sXrOI8g59kIeeQL42NBLI4AvO+UJsbaPX0hEK/4rHSBQ==}
+    peerDependencies:
+      vue: '>=3.0.1'
+
   '@lukeed/ms@2.0.2':
     resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
     engines: {node: '>=8'}
@@ -4846,12 +4851,6 @@ packages:
     resolution: {integrity: sha512-MhWWlVnuab1RG5/zMRRcVGXZLCXrZTgfwMikgzCegsPnG62yDQo5JnqKkrK4jO5iKqDAZGItAqN5CtKBCBWRUA==}
     engines: {node: '>=16.14'}
 
-  lucide-vue-next@1.0.0:
-    resolution: {integrity: sha512-V6SPvx1IHTj/UY+FrIYWV5faISsPSb8BnWSFDxAtezWKvWc9ZZ40PDrdu1/Qb5vg4lHWr1hs1BAMGVGm6V1Xdg==}
-    deprecated: Package deprecated. Please use @lucide/vue instead.
-    peerDependencies:
-      vue: '>=3.0.1'
-
   lunr@2.3.9:
     resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
 
@@ -6518,13 +6517,13 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsx@4.21.0:
-    resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
+  tsx@4.22.0:
+    resolution: {integrity: sha512-8ccZMPD69s1AbKXx0C5ddTNZfNjwV04iIKgjZmKfKxMynEtSYcK0Lh7iQFh53fI5Yu4pb9usgAiqyPmEONaALg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  tsx@4.22.0:
-    resolution: {integrity: sha512-8ccZMPD69s1AbKXx0C5ddTNZfNjwV04iIKgjZmKfKxMynEtSYcK0Lh7iQFh53fI5Yu4pb9usgAiqyPmEONaALg==}
+  tsx@4.22.1:
+    resolution: {integrity: sha512-TvncJykhxAzFCk0VQZKBTClall4Pm7qXDSodb6uxi8QFa8X8mT6ABjxxsQ2opDRYxG7AzcRWXaFtruz5HJKuWg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -8244,6 +8243,10 @@ snapshots:
 
   '@keyv/serialize@1.1.1': {}
 
+  '@lucide/vue@1.16.0(vue@3.5.34(typescript@6.0.3))':
+    dependencies:
+      vue: 3.5.34(typescript@6.0.3)
+
   '@lukeed/ms@2.0.2': {}
 
   '@lydell/node-pty-darwin-arm64@1.1.0':
@@ -8875,10 +8878,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8894,24 +8897,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8928,14 +8931,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -9017,7 +9020,7 @@ snapshots:
       '@stryker-mutator/util': 9.6.1
       semver: 7.7.4
       tslib: 2.8.1
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   '@szmarczak/http-timer@4.0.6':
     dependencies:
@@ -9084,12 +9087,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@teppeis/multimaps@3.0.0': {}
 
@@ -9270,47 +9273,47 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       playwright: 1.60.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@vitest/utils': 4.1.6
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       ws: 8.20.0
     transitivePeerDependencies:
       - bufferutil
@@ -9335,13 +9338,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -9378,7 +9381,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -10928,7 +10931,7 @@ snapshots:
       shelljs: 0.10.0
       spec-change: 1.11.21
       tinyglobby: 0.2.16
-      tsx: 4.21.0
+      tsx: 4.22.0
     transitivePeerDependencies:
       - '@babel/core'
       - supports-color
@@ -11853,10 +11856,6 @@ snapshots:
 
   lru-cache@8.0.5: {}
 
-  lucide-vue-next@1.0.0(vue@3.5.34(typescript@6.0.3)):
-    dependencies:
-      vue: 3.5.34(typescript@6.0.3)
-
   lunr@2.3.9: {}
 
   luxon@3.7.2: {}
@@ -13823,14 +13822,13 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsx@4.21.0:
+  tsx@4.22.0:
     dependencies:
-      esbuild: 0.27.7
-      get-tsconfig: 4.14.0
+      esbuild: 0.28.0
     optionalDependencies:
       fsevents: 2.3.3
 
-  tsx@4.22.0:
+  tsx@4.22.1:
     dependencies:
       esbuild: 0.28.0
     optionalDependencies:
@@ -14006,11 +14004,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14080,7 +14078,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14090,7 +14088,7 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
@@ -14098,7 +14096,7 @@ snapshots:
       typescript: 6.0.3
       vue-tsc: 3.2.9(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14109,11 +14107,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0):
+  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -14127,13 +14125,13 @@ snapshots:
       jiti: 2.6.1
       sass: 1.99.0
       terser: 5.47.1
-      tsx: 4.22.0
+      tsx: 4.22.1
       yaml: 2.9.0
 
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14147,16 +14145,16 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)):
+  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.6
       '@vitest/runner': 4.1.6
       '@vitest/snapshot': 4.1.6
@@ -14173,12 +14171,12 @@ snapshots:
       tinyexec: 1.1.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
       '@types/node': 25.7.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.0)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui': 4.1.6(vitest@4.1.6)
       jsdom: 26.1.0(canvas@3.2.3)
     transitivePeerDependencies:

From 3c73dc47c7da861d0281d579d39e3f3b64bbcaf5 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 14:23:09 +0800
Subject: [PATCH 12/32] fix: FolderPage submitMove after incomplete SDK result
 refactor

Restore moveResult handling so vue-tsc passes and folder merge redirect uses the API response.
---
 frontend/src/pages/FolderPage.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/FolderPage.vue b/frontend/src/pages/FolderPage.vue
index de0e100511..be507bcfac 100644
--- a/frontend/src/pages/FolderPage.vue
+++ b/frontend/src/pages/FolderPage.vue
@@ -256,7 +256,7 @@ const submitMove = async (merge = false) => {
       selectedParentFolder.value == null
         ? { merge }
         : { newParentFolderId: selectedParentFolder.value.id, merge }
-    const { data, error } = await apiCallWithLoading(() =>
+    const moveResult = await apiCallWithLoading(() =>
       NotebookController.moveFolder({
         path: {
           notebook: r.notebookRealm.notebook.id,
@@ -266,15 +266,14 @@ const submitMove = async (merge = false) => {
       })
     )
     throwIfSdkError(moveResult)
-    const updatedFolder = moveResult.data
     refreshSidebarStructuralListings()
     const notebookId = r.notebookRealm.notebook.id
-    if (merge && data) {
+    if (merge && moveResult.data) {
       await router.push({
         name: "folderPage",
         params: {
           notebookId: String(notebookId),
-          folderId: String(data.id),
+          folderId: String(moveResult.data.id),
         },
       })
       return

From 07d9bb7b40689a0d15ce8cc2d7c9c1271766c602 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 14:29:59 +0800
Subject: [PATCH 13/32] ignore frontend/storybook-static in Biome and gitignore

---
 biome.json                                    |  1 +
 e2e_test/start/pageObjects/bookReadingPage.ts | 14 +++++++-------
 e2e_test/support/daisyModalHelpers.ts         |  5 +----
 frontend/.gitignore                           |  1 +
 frontend/biome.json                           |  1 +
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/biome.json b/biome.json
index 56763d207c..102dcd4e74 100644
--- a/biome.json
+++ b/biome.json
@@ -16,6 +16,7 @@
       "!**/.idea",
       "!**/.vscode",
       "!**/dist",
+      "!**/storybook-static",
       "!**/gradle",
       "!**/node_modules",
       "!**/*.md",
diff --git a/e2e_test/start/pageObjects/bookReadingPage.ts b/e2e_test/start/pageObjects/bookReadingPage.ts
index d54657804d..c4b495ec39 100644
--- a/e2e_test/start/pageObjects/bookReadingPage.ts
+++ b/e2e_test/start/pageObjects/bookReadingPage.ts
@@ -666,13 +666,13 @@ const bookReadingPage = () => {
       const dialog = '[data-testid="book-layout-reorganize-preview-dialog"]'
       expectDaisyDialogBoxVisible(dialog)
       cy.get(`${dialog}.daisy-modal-open .daisy-modal-box`).within(() => {
-          cy.contains(
-            '[data-testid="book-layout-reorganize-preview-row"]',
-            blockTitle
-          )
-            .should('be.visible')
-            .and('have.attr', 'data-suggested-depth', String(suggestedDepth))
-        })
+        cy.contains(
+          '[data-testid="book-layout-reorganize-preview-row"]',
+          blockTitle
+        )
+          .should('be.visible')
+          .and('have.attr', 'data-suggested-depth', String(suggestedDepth))
+      })
       return this
     },
     confirmAiReorganizeSuggestion() {
diff --git a/e2e_test/support/daisyModalHelpers.ts b/e2e_test/support/daisyModalHelpers.ts
index c67dd8da6f..750c0c2b7f 100644
--- a/e2e_test/support/daisyModalHelpers.ts
+++ b/e2e_test/support/daisyModalHelpers.ts
@@ -13,10 +13,7 @@ export function openDaisyDialog(selector: string): void {
 
 /** `usePopups().confirm()` via Modal.vue */
 export function clickPopupConfirmOk(): void {
-  cy.get('dialog')
-    .filter(':visible')
-    .contains('button', 'OK')
-    .click()
+  cy.get('dialog').filter(':visible').contains('button', 'OK').click()
 }
 
 /** Decline `usePopups().confirm()` when a merge prompt is shown. */
diff --git a/frontend/.gitignore b/frontend/.gitignore
index 3639f64681..d9fdd464de 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -2,5 +2,6 @@ node_modules
 .DS_Store
 dist
 dist-ssr
+storybook-static
 *.local
 *storybook.log
diff --git a/frontend/biome.json b/frontend/biome.json
index 01ed6c0943..1c6a4b613d 100644
--- a/frontend/biome.json
+++ b/frontend/biome.json
@@ -12,6 +12,7 @@
       "**",
       "!**/.github",
       "!**/dist",
+      "!**/storybook-static",
       "!**/node_modules",
       "!**/public",
       "!**/*.cjs",

From 714e434edb86ffed7093905fc3dd3380a21e3498 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 15:47:49 +0800
Subject: [PATCH 14/32] fix: restore daisyUI v5 modal visibility and stabilize
 E2E flows

Sync daisy-modal with showModal() on native <dialog>, fix contest button
targeting, and tighten message center, assimilation, and new-user E2E steps.
---
 .../start/pageObjects/assimilationPage.ts     | 33 +++++++++++++----
 .../pageObjects/messageCenterIndicator.ts     |  2 ++
 .../start/pageObjects/messageCenterPage.ts    | 24 +++++++++++--
 e2e_test/step_definitions/user.ts             | 11 ++++--
 .../components/admin/FailureReportList.vue    |  5 +++
 .../BookLayoutReorganizePreviewDialog.vue     | 10 +++++-
 .../book-reading/NewBookBlockTitleDialog.vue  |  7 +++-
 .../recall/AssimilationSettings.vue           |  5 +++
 .../components/recall/ContestableQuestion.vue |  7 ++--
 frontend/src/composables/useDaisyDialog.ts    | 28 +++++++++++++++
 frontend/src/pages/MessageCenterPage.vue      |  2 ++
 .../tests/composables/useDaisyDialog.spec.ts  | 36 +++++++++++++++++++
 12 files changed, 152 insertions(+), 18 deletions(-)
 create mode 100644 frontend/src/composables/useDaisyDialog.ts
 create mode 100644 frontend/tests/composables/useDaisyDialog.spec.ts

diff --git a/e2e_test/start/pageObjects/assimilationPage.ts b/e2e_test/start/pageObjects/assimilationPage.ts
index adc5f9bb95..5edf21437d 100644
--- a/e2e_test/start/pageObjects/assimilationPage.ts
+++ b/e2e_test/start/pageObjects/assimilationPage.ts
@@ -13,8 +13,19 @@ const understandingChecklist = () =>
     .contains('Understanding Checklist:')
     .closest('.bg-accent')
 
-const mainNoteTitle = () =>
-  cy.get('#main-note-content [data-test="note-title"]', { timeout: 15000 })
+const mainNoteHeadingTitleSelector =
+  '#main-note-content h2.path-name-heading [role=title], #main-note-content [data-test="note-title"]'
+
+function waitForAssimilationNoteTitle(expectedTitle?: string) {
+  pageIsNotLoading()
+  cy.get('#main-note-content', { timeout: 15000 }).should('be.visible')
+  const title = cy.get(mainNoteHeadingTitleSelector, { timeout: 15000 })
+  if (expectedTitle !== undefined && expectedTitle.trim() !== '') {
+    title.should('contain', expectedTitle.trim())
+  } else {
+    title.should('exist')
+  }
+}
 
 export const assumeAssimilationPage = () => ({
   expectToAssimilateAndTotal(toAssimilateAndTotal: string) {
@@ -61,7 +72,8 @@ export const assumeAssimilationPage = () => ({
     return this
   },
   assimilateWithSpellingOption() {
-    cy.get('[data-test="note-title"]')
+    waitForAssimilationNoteTitle()
+    cy.get(mainNoteHeadingTitleSelector)
       .first()
       .invoke('text')
       .then((noteTitle: string) => {
@@ -85,7 +97,8 @@ export const assumeAssimilationPage = () => ({
     } else {
       switch (assimilationType) {
         case 'single note': {
-          if (title) mainNoteTitle().should('contain', title)
+          waitForAssimilationNoteTitle(title)
+          this.waitForAssimilationReady()
           if (additionalInfo) {
             cy.get('.note-content').should('contain', additionalInfo)
           }
@@ -93,6 +106,8 @@ export const assumeAssimilationPage = () => ({
         }
 
         case 'image note': {
+          waitForAssimilationNoteTitle()
+          this.waitForAssimilationReady()
           if (additionalInfo) {
             const [expectedBodyText, expectedImage] = commonSenseSplit(
               additionalInfo,
@@ -113,9 +128,12 @@ export const assumeAssimilationPage = () => ({
               additionalInfo,
               '; '
             )
-            if (title) mainNoteTitle().should('contain', title)
-            if (targetNote) mainNoteTitle().should('contain', targetNote)
-            if (relationType) mainNoteTitle().should('contain', relationType)
+            if (title) waitForAssimilationNoteTitle(title)
+            if (targetNote) waitForAssimilationNoteTitle(targetNote)
+            if (relationType) {
+              cy.get(mainNoteHeadingTitleSelector).should('contain', relationType)
+            }
+            this.waitForAssimilationReady()
           }
           break
         }
@@ -274,6 +292,7 @@ export const assimilation = () => {
       getAssimilateListItemInSidebar(($el) => {
         $el.click()
       })
+      pageIsNotLoading()
       return assumeAssimilationPage()
     },
   }
diff --git a/e2e_test/start/pageObjects/messageCenterIndicator.ts b/e2e_test/start/pageObjects/messageCenterIndicator.ts
index 9b49ceb843..0f8472c123 100644
--- a/e2e_test/start/pageObjects/messageCenterIndicator.ts
+++ b/e2e_test/start/pageObjects/messageCenterIndicator.ts
@@ -1,4 +1,5 @@
 import { assumeMessageCenterPage } from './messageCenterPage'
+import { pageIsNotLoading } from '../pageBase'
 
 export function messageCenterIndicator() {
   const getMessageInSidebar = (
@@ -21,6 +22,7 @@ export function messageCenterIndicator() {
       getMessageInSidebar(($el) => {
         $el.click()
       })
+      pageIsNotLoading()
       return assumeMessageCenterPage()
     },
   }
diff --git a/e2e_test/start/pageObjects/messageCenterPage.ts b/e2e_test/start/pageObjects/messageCenterPage.ts
index b2c9c87d67..ac49f118fe 100644
--- a/e2e_test/start/pageObjects/messageCenterPage.ts
+++ b/e2e_test/start/pageObjects/messageCenterPage.ts
@@ -1,13 +1,25 @@
 import { pageIsNotLoading } from '../pageBase'
 import { mainMenu } from './mainMenu'
 
+function withinConversationList(fn: () => void) {
+  cy.findByText('Message Center').should('be.visible')
+  pageIsNotLoading()
+  cy.get('[data-testid="message-center-conversation-item"]').should(
+    'have.length.at.least',
+    1
+  )
+  cy.get('.message-center-container').within(fn)
+}
+
 export const assumeMessageCenterPage = () => {
   cy.findByText('Message Center').should('be.visible')
 
   return {
     expectConversation(subject: string, partner: string) {
-      cy.findByText(subject).should('be.visible')
-      cy.findByText(partner).should('be.visible')
+      withinConversationList(() => {
+        cy.findByText(subject).should('be.visible')
+        cy.findByText(partner).should('be.visible')
+      })
       return this
     },
     expectMessageDisplayAtUserSide(message: string) {
@@ -22,7 +34,13 @@ export const assumeMessageCenterPage = () => {
       return this
     },
     conversation(conversationSubject: string) {
-      cy.findByText(conversationSubject).parent().should('be.visible').click()
+      withinConversationList(() => {
+        cy.get(
+          `[data-testid="message-center-conversation-item"][data-conversation-subject="${conversationSubject}"]`
+        )
+          .should('be.visible')
+          .click()
+      })
       pageIsNotLoading()
       return {
         expectMessage(message: string) {
diff --git a/e2e_test/step_definitions/user.ts b/e2e_test/step_definitions/user.ts
index 6765b5342c..cba809ee96 100644
--- a/e2e_test/step_definitions/user.ts
+++ b/e2e_test/step_definitions/user.ts
@@ -43,13 +43,18 @@ Given("I'm on the login page", () => {
 })
 
 When('I identify myself as a new user', () => {
+  cy.intercept('GET', '/api/healthcheck').as('devLoginHealthcheck')
   cy.get('#username').type('user')
   cy.get('#password').type('password')
-  cy.get('form').submit()
+  cy.get('#login-button').click()
+  cy.wait('@devLoginHealthcheck')
 })
 
-When('I should be asked to create my profile', () => {
-  cy.get('body').should('contain', 'Please create your profile')
+Then('I should be asked to create my profile', () => {
+  cy.findByRole('heading', {
+    name: /Please create your profile/i,
+    timeout: 15000,
+  }).should('be.visible')
 })
 
 When('I save my profile with:', (data: DataTable) => {
diff --git a/frontend/src/components/admin/FailureReportList.vue b/frontend/src/components/admin/FailureReportList.vue
index daab6a9848..de7f4a4a9f 100644
--- a/frontend/src/components/admin/FailureReportList.vue
+++ b/frontend/src/components/admin/FailureReportList.vue
@@ -154,8 +154,10 @@
     </div>
 
     <dialog
+      ref="deleteDialogRef"
       class="daisy-modal"
       :class="{ 'daisy-modal-open': showDeleteModal }"
+      @close="showDeleteModal = false"
     >
       <div class="daisy-modal-box">
         <h3 class="font-bold text-lg">Confirm Deletion</h3>
@@ -181,6 +183,7 @@
 </template>
 
 <script setup lang="ts">
+import { useDaisyDialog } from "@/composables/useDaisyDialog"
 import { ref, computed, watch, nextTick, onMounted } from "vue"
 import type { FailureReport } from "@generated/doughnut-backend-api"
 import { FailureReportController } from "@generated/doughnut-backend-api/sdk.gen"
@@ -192,6 +195,8 @@ const failureReports = ref<FailureReport[] | null>(null)
 const errorMessage = ref<string | null>(null)
 const selectedFailureReports = ref<number[]>([])
 const showDeleteModal = ref(false)
+const deleteDialogRef = ref<HTMLDialogElement | null>(null)
+useDaisyDialog(showDeleteModal, deleteDialogRef)
 const selectAllCheckboxRef = ref<HTMLInputElement | null>(null)
 
 const allFailureReportsSelected = computed(() => {
diff --git a/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue b/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
index f61fe2c08c..6cdbb2a57a 100644
--- a/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
+++ b/frontend/src/components/book-reading/BookLayoutReorganizePreviewDialog.vue
@@ -1,9 +1,11 @@
 <template>
   <dialog
+    ref="dialogRef"
     class="daisy-modal"
     :class="{ 'daisy-modal-open': open }"
     aria-labelledby="book-layout-reorganize-preview-title"
     data-testid="book-layout-reorganize-preview-dialog"
+    @close="emit('cancel')"
   >
     <div class="daisy-modal-box">
       <h2
@@ -58,7 +60,10 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{
+import { useDaisyDialog } from "@/composables/useDaisyDialog"
+import { ref, toRef } from "vue"
+
+const props = defineProps<{
   open: boolean
   previewRows: Array<{
     block: { id: number; title: string }
@@ -71,4 +76,7 @@ const emit = defineEmits<{
   confirm: []
   cancel: []
 }>()
+
+const dialogRef = ref<HTMLDialogElement | null>(null)
+useDaisyDialog(toRef(props, "open"), dialogRef)
 </script>
diff --git a/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue b/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
index 0560c7b03f..c4ea85f922 100644
--- a/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
+++ b/frontend/src/components/book-reading/NewBookBlockTitleDialog.vue
@@ -1,8 +1,10 @@
 <template>
   <dialog
+    ref="dialogRef"
     class="daisy-modal"
     :class="{ 'daisy-modal-open': open }"
     data-testid="new-block-title-dialog"
+    @close="emit('cancel')"
   >
     <div class="daisy-modal-box">
       <h2 class="text-lg font-semibold">Name the new block</h2>
@@ -34,7 +36,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from "vue"
+import { useDaisyDialog } from "@/composables/useDaisyDialog"
+import { ref, toRef, watch } from "vue"
 
 const props = defineProps<{
   open: boolean
@@ -47,6 +50,8 @@ const emit = defineEmits<{
 }>()
 
 const titleInput = ref(props.defaultTitle ?? "")
+const dialogRef = ref<HTMLDialogElement | null>(null)
+useDaisyDialog(toRef(props, "open"), dialogRef)
 
 watch(
   () => props.defaultTitle,
diff --git a/frontend/src/components/recall/AssimilationSettings.vue b/frontend/src/components/recall/AssimilationSettings.vue
index 25de14b1ca..b8e5cf6096 100644
--- a/frontend/src/components/recall/AssimilationSettings.vue
+++ b/frontend/src/components/recall/AssimilationSettings.vue
@@ -53,9 +53,11 @@
   <Teleport to="body">
     <dialog
       v-if="(note.content ?? '').trim()"
+      ref="refineNoteDialogRef"
       class="daisy-modal"
       :class="{ 'daisy-modal-open': showRefineNoteModal }"
       data-test="refine-note-modal"
+      @close="closeRefineNoteModal"
     >
       <div
         class="daisy-modal-box max-w-4xl max-h-[90vh] overflow-y-auto"
@@ -96,6 +98,7 @@ import type { Note, NoteRecallInfo } from "@generated/doughnut-backend-api"
 import NoteInfoBar from "../notes/NoteInfoBar.vue"
 import AssimilationButtons from "./AssimilationButtons.vue"
 import NoteRefinement from "./NoteRefinement.vue"
+import { useDaisyDialog } from "@/composables/useDaisyDialog"
 import { ref, watch } from "vue"
 
 const { note, noteInfoLoaded, keepForRecallDisabled } = defineProps<{
@@ -113,6 +116,8 @@ const emit = defineEmits<{
 }>()
 
 const showRefineNoteModal = ref(false)
+const refineNoteDialogRef = ref<HTMLDialogElement | null>(null)
+useDaisyDialog(showRefineNoteModal, refineNoteDialogRef)
 
 watch(
   () => note.id,
diff --git a/frontend/src/components/recall/ContestableQuestion.vue b/frontend/src/components/recall/ContestableQuestion.vue
index 4c68485c12..a4d7fd84f7 100644
--- a/frontend/src/components/recall/ContestableQuestion.vue
+++ b/frontend/src/components/recall/ContestableQuestion.vue
@@ -20,8 +20,9 @@
         :recall-prompt="currentQuestion"
         @answered="onAnswered($event)"
       />
-      <a
-        role="button"
+      <button
+        type="button"
+        aria-label="Doesn't make sense?"
         title="Doesn't make sense?"
         id="try-again"
         v-if="currentQuestion"
@@ -29,7 +30,7 @@
         @click="contestQuestion"
       >
         <Target class="w-6 h-6" />
-      </a>
+      </button>
     </div>
   </div>
 </template>
diff --git a/frontend/src/composables/useDaisyDialog.ts b/frontend/src/composables/useDaisyDialog.ts
new file mode 100644
index 0000000000..fd5a0d9e4f
--- /dev/null
+++ b/frontend/src/composables/useDaisyDialog.ts
@@ -0,0 +1,28 @@
+import { watch, type Ref } from "vue"
+
+/**
+ * Syncs a boolean open state with a native `<dialog class="daisy-modal">`.
+ * daisyUI v5 styles open modals via `.modal-open`, `[open]`, etc., but the browser
+ * keeps `display: none` on `<dialog>` until showModal() runs.
+ */
+export function useDaisyDialog(
+  isOpen: Ref<boolean>,
+  dialogRef: Ref<HTMLDialogElement | null>
+) {
+  watch(
+    [isOpen, dialogRef],
+    ([open, dialog]) => {
+      if (!dialog) return
+      try {
+        if (open) {
+          if (!dialog.open) dialog.showModal()
+        } else if (dialog.open) {
+          dialog.close()
+        }
+      } catch {
+        // Teleport stubs in unit tests may not implement dialog APIs
+      }
+    },
+    { flush: "post" }
+  )
+}
diff --git a/frontend/src/pages/MessageCenterPage.vue b/frontend/src/pages/MessageCenterPage.vue
index 90a197228e..c4f3b1b2ab 100644
--- a/frontend/src/pages/MessageCenterPage.vue
+++ b/frontend/src/pages/MessageCenterPage.vue
@@ -18,6 +18,8 @@
                 v-for="conversation in conversations"
                 :key="conversation.id"
                 class="daisy-menu-item"
+                data-testid="message-center-conversation-item"
+                :data-conversation-subject="conversation.subject"
                 @click="selectConversation(conversation)"
               >
                 <div
diff --git a/frontend/tests/composables/useDaisyDialog.spec.ts b/frontend/tests/composables/useDaisyDialog.spec.ts
new file mode 100644
index 0000000000..fa449f4506
--- /dev/null
+++ b/frontend/tests/composables/useDaisyDialog.spec.ts
@@ -0,0 +1,36 @@
+import { describe, it, expect, vi, beforeEach } from "vitest"
+import { ref, nextTick } from "vue"
+import { useDaisyDialog } from "@/composables/useDaisyDialog"
+
+describe("useDaisyDialog", () => {
+  beforeEach(() => {
+    HTMLDialogElement.prototype.showModal = vi.fn()
+    HTMLDialogElement.prototype.close = vi.fn()
+  })
+
+  it("calls showModal when isOpen becomes true", async () => {
+    const isOpen = ref(false)
+    const dialog = document.createElement("dialog")
+    Object.defineProperty(dialog, "open", { value: false, writable: true })
+    const dialogRef = ref(dialog)
+    useDaisyDialog(isOpen, dialogRef)
+
+    isOpen.value = true
+    await nextTick()
+
+    expect(dialog.showModal).toHaveBeenCalled()
+  })
+
+  it("calls close when isOpen becomes false", async () => {
+    const isOpen = ref(true)
+    const dialog = document.createElement("dialog")
+    Object.defineProperty(dialog, "open", { value: true, writable: true })
+    const dialogRef = ref(dialog)
+    useDaisyDialog(isOpen, dialogRef)
+
+    isOpen.value = false
+    await nextTick()
+
+    expect(dialog.close).toHaveBeenCalled()
+  })
+})

From a68b5fe6a7bea40342682ee60230927fdb2a1190 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Mon, 18 May 2026 15:56:51 +0800
Subject: [PATCH 15/32] lint formatting

---
 e2e_test/start/pageObjects/assimilationPage.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/e2e_test/start/pageObjects/assimilationPage.ts b/e2e_test/start/pageObjects/assimilationPage.ts
index 5edf21437d..16171e0617 100644
--- a/e2e_test/start/pageObjects/assimilationPage.ts
+++ b/e2e_test/start/pageObjects/assimilationPage.ts
@@ -131,7 +131,10 @@ export const assumeAssimilationPage = () => ({
             if (title) waitForAssimilationNoteTitle(title)
             if (targetNote) waitForAssimilationNoteTitle(targetNote)
             if (relationType) {
-              cy.get(mainNoteHeadingTitleSelector).should('contain', relationType)
+              cy.get(mainNoteHeadingTitleSelector).should(
+                'contain',
+                relationType
+              )
             }
             this.waitForAssimilationReady()
           }

From 20747b0d7d363dc38ea580574ee25fd4bb93aafd Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 12:00:15 +0800
Subject: [PATCH 16/32] pnpm@11.1.3

---
 cli/package.json        | 2 +-
 frontend/package.json   | 2 +-
 mcp-server/package.json | 2 +-
 package.json            | 4 ++--
 scripts/dev_setup.sh    | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/cli/package.json b/cli/package.json
index b0e3ff0d46..d132e85dd7 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -12,7 +12,7 @@
   },
   "engines": {
     "node": ">=24.14",
-    "pnpm": ">=11.1.2"
+    "pnpm": ">=11.1.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
diff --git a/frontend/package.json b/frontend/package.json
index 7a12c54d3c..898f277cad 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "engines": {
     "node": ">=24.14",
-    "pnpm": ">=11.1.2"
+    "pnpm": ">=11.1.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
diff --git a/mcp-server/package.json b/mcp-server/package.json
index 7a5d19ec4d..db71d998f3 100644
--- a/mcp-server/package.json
+++ b/mcp-server/package.json
@@ -6,7 +6,7 @@
   "type": "module",
   "engines": {
     "node": ">=24.14",
-    "pnpm": ">=11.1.2"
+    "pnpm": ">=11.1.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
diff --git a/package.json b/package.json
index 76f6e8c830..4fcd9c0039 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "license": "MIT",
   "engines": {
     "node": ">=24.14",
-    "pnpm": ">=11.1.2"
+    "pnpm": ">=11.1.3"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -115,5 +115,5 @@
   "dependencies": {
     "vue-toastification": "2.0.0-rc.5"
   },
-  "packageManager": "pnpm@11.1.2+sha512.415a1cc25974731e75455c1468371be74c5aa5fb7621b50d4056d222451609f11412f23fd602e6169f1e060466641f798597e1be961a10688836a67b16569499"
+  "packageManager": "pnpm@11.1.3+sha512.c85357fe17ca12dd23dd7071822666dfd7e3cb76fe214e3370b5ea2fb34f2a231185509b63e717f3cd0acb38dd3f8d82bcd5e8172400ae678b70ea4fbed0896d"
 }
diff --git a/scripts/dev_setup.sh b/scripts/dev_setup.sh
index 41fb3bc5b1..10812ecf69 100755
--- a/scripts/dev_setup.sh
+++ b/scripts/dev_setup.sh
@@ -36,8 +36,8 @@ doughnut_needs_pnpm_install() {
 setup_pnpm_and_biome() {
   log "Setting up PNPM..."
   if doughnut_needs_pnpm_install; then
-    corepack prepare pnpm@11.1.2 --activate
-    corepack use pnpm@11.1.2
+    corepack prepare pnpm@11.1.3 --activate
+    corepack use pnpm@11.1.3
     pnpm --frozen-lockfile recursive install && doughnut_workspace_deps_fingerprint >"${PWD}/${DOUGHNUT_PNPM_FINGERPRINT_FILE}"
   else
     log "Skipping corepack/pnpm (workspace fingerprint unchanged). Set DOUGHNUT_SHELL_HOOK_FORCE_PNPM=1 to force."

From 35a83d215c48df61317e3c54eabb69acd7eb67e1 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 12:01:55 +0800
Subject: [PATCH 17/32] syncpack@15.2.0

---
 package.json   |  2 +-
 pnpm-lock.yaml | 74 +++++++++++++++++++++++++-------------------------
 2 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/package.json b/package.json
index 4fcd9c0039..a1c3b1ee81 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
     "process": "^0.11.10",
     "slugify": "1.6.9",
     "superagent": "^10.3.0",
-    "syncpack": "^15.1.2",
+    "syncpack": "^15.2.0",
     "tesseract.js": "^7.0.0",
     "tty-assert": "0.1.3",
     "typescript": "6.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9f44dfe7d4..5456b9d595 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -135,8 +135,8 @@ importers:
         specifier: ^10.3.0
         version: 10.3.0
       syncpack:
-        specifier: ^15.1.2
-        version: 15.1.2
+        specifier: ^15.2.0
+        version: 15.2.0
       tesseract.js:
         specifier: ^7.0.0
         version: 7.0.0
@@ -6307,48 +6307,48 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  syncpack-darwin-arm64@15.1.2:
-    resolution: {integrity: sha512-RQET2RNmX7yKorqCE6Q7kppC7eT9lw742QYPfWIL8Nh26RerT+erOp8zhdgv/3OmDkETF9olqyts79HY48V4SA==}
+  syncpack-darwin-arm64@15.2.0:
+    resolution: {integrity: sha512-7bvEQO8vwMen5Jn0HyHSj3Yke4ZOtle44XRKNPR4znY0p6RIJHxADLOT7yETYtkM7e2Oupi7WoGpFYT50iwaxQ==}
     cpu: [arm64]
     os: [darwin]
 
-  syncpack-darwin-x64@15.1.2:
-    resolution: {integrity: sha512-pmVr4Qw5o42aUfeZVaPXmnQNaoMhBNywcFK24FqSlo3MCK3WCJ0UwfhmcD7u82BGwASd4RFPGxgV18iJLFRnoA==}
+  syncpack-darwin-x64@15.2.0:
+    resolution: {integrity: sha512-Wvry6LE/idjsKlOsNk3syNWoQqeWB/hLYKqY5rIivvL+FGJOsYWUADwSTz8ThflNTefoIRvohapLlvt5ffA75g==}
     cpu: [x64]
     os: [darwin]
 
-  syncpack-linux-arm64-musl@15.1.2:
-    resolution: {integrity: sha512-Xs1wOUrMZqu0yo85NjAiccbBVkDYhT2P8yOh2+R56MK7ywtyBuM3TxR2IwEmXE8NPW3++hzdF0a7a7IbiW74bQ==}
+  syncpack-linux-arm64-musl@15.2.0:
+    resolution: {integrity: sha512-yuvghI2+TBQmYX3AsrVFQOhgq84QyRePFVQSRQp25I5BADppts1I/3ZQ06WITzBrKsOsbm2Ds74UhKdBSIW6Ug==}
     cpu: [arm64]
     os: [linux]
 
-  syncpack-linux-arm64@15.1.2:
-    resolution: {integrity: sha512-iRsv6tPNX9ZaDEjjpFdYwJj6EHerMVzl2euWt6qmYaW8/SaR6s5W+cc+qXPXijPsBlK65gibdHBfsBgJYB//CA==}
+  syncpack-linux-arm64@15.2.0:
+    resolution: {integrity: sha512-jBLPNEAyTBbGXJCMqnMY0KJg5MuihpHRod/ZihddLZin18/hk82GYXm9wk2YchFM3CwKD8Vti2SHxSweWUOcVg==}
     cpu: [arm64]
     os: [linux]
 
-  syncpack-linux-x64-musl@15.1.2:
-    resolution: {integrity: sha512-bBtQUTEECd1nefHWfQskwkFdaVXn54whSLHacc9bQijqn4p8lZ2JR3vokqVx8w/dKSrJsxkEM4K7zfHOori38w==}
+  syncpack-linux-x64-musl@15.2.0:
+    resolution: {integrity: sha512-F75wqGiW6l1amXXK0JSmtN6eg5syUz1SHMUNw6FkSBqZirdvltz/iBZc76Ms6ZMbleThV/QFZOinH0CL3bAKTg==}
     cpu: [x64]
     os: [linux]
 
-  syncpack-linux-x64@15.1.2:
-    resolution: {integrity: sha512-Vwc7HLu05rUTgoN2zwcM/F/KiSw7/1prb/S4P+P5UtLXHfQ3Y23dvW1el6ABg7pOBbk08Zgr3i4DSS7Wiw0rog==}
+  syncpack-linux-x64@15.2.0:
+    resolution: {integrity: sha512-5B3iqrdRKAUvXhmUAKbQHiJ3VpgKfkRR1yOpdxEBZmj18nopKwMME5EEVD7vaHvuqzajjyFmSdXaxRM1JIX0pg==}
     cpu: [x64]
     os: [linux]
 
-  syncpack-windows-arm64@15.1.2:
-    resolution: {integrity: sha512-WZnjy0zM9TNWCKxNVo6PGprBKusYykqiAj2qGYWgkMMtGECpFOfEsrmt3R4s58ttQMAg44N+HVDhXtIFQeJOpg==}
+  syncpack-windows-arm64@15.2.0:
+    resolution: {integrity: sha512-vzFz5WfHN6wgSBjmWxUoHRAIjKseCLClXxIxxYTnWfFKkP6vtnTJKV9/LM7HK3cAfz1GDa49dNL70DrYFMyeGw==}
     cpu: [arm64]
     os: [win32]
 
-  syncpack-windows-x64@15.1.2:
-    resolution: {integrity: sha512-xyWsvn2Bbvubt4sIZGguqbv8pXiGWKifIYgzZWWUIWdaNvGThNLlrEWBlHABDx+Ov1yKLiKHjBiXQMgplMN92w==}
+  syncpack-windows-x64@15.2.0:
+    resolution: {integrity: sha512-i5Ygq8GNPAuTZoftmR8VBdYsWKmpOcKKGKZkPqLPtEOuiSp56Dgievm+asR2DLMtm/qwkFE+tqYTVlKWw133Rw==}
     cpu: [x64]
     os: [win32]
 
-  syncpack@15.1.2:
-    resolution: {integrity: sha512-LDDT44/Skk5r6cDsbemGPD1t8p40iBqWz0Kkj5Khmx/e4blaXSA+nckYepHgb9xLY8Be+xuS0gVWHsYjKZufIw==}
+  syncpack@15.2.0:
+    resolution: {integrity: sha512-bRknhaR2FaVlFO62U8jy5+KYlZx3j8wTD4Z51GdzPWPfGY9Zj8xXwC07TYqz8ypQLaEXT4yB6xrRyi/GaiBsZQ==}
     engines: {node: '>=14.17.0'}
     hasBin: true
 
@@ -13646,40 +13646,40 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  syncpack-darwin-arm64@15.1.2:
+  syncpack-darwin-arm64@15.2.0:
     optional: true
 
-  syncpack-darwin-x64@15.1.2:
+  syncpack-darwin-x64@15.2.0:
     optional: true
 
-  syncpack-linux-arm64-musl@15.1.2:
+  syncpack-linux-arm64-musl@15.2.0:
     optional: true
 
-  syncpack-linux-arm64@15.1.2:
+  syncpack-linux-arm64@15.2.0:
     optional: true
 
-  syncpack-linux-x64-musl@15.1.2:
+  syncpack-linux-x64-musl@15.2.0:
     optional: true
 
-  syncpack-linux-x64@15.1.2:
+  syncpack-linux-x64@15.2.0:
     optional: true
 
-  syncpack-windows-arm64@15.1.2:
+  syncpack-windows-arm64@15.2.0:
     optional: true
 
-  syncpack-windows-x64@15.1.2:
+  syncpack-windows-x64@15.2.0:
     optional: true
 
-  syncpack@15.1.2:
+  syncpack@15.2.0:
     optionalDependencies:
-      syncpack-darwin-arm64: 15.1.2
-      syncpack-darwin-x64: 15.1.2
-      syncpack-linux-arm64: 15.1.2
-      syncpack-linux-arm64-musl: 15.1.2
-      syncpack-linux-x64: 15.1.2
-      syncpack-linux-x64-musl: 15.1.2
-      syncpack-windows-arm64: 15.1.2
-      syncpack-windows-x64: 15.1.2
+      syncpack-darwin-arm64: 15.2.0
+      syncpack-darwin-x64: 15.2.0
+      syncpack-linux-arm64: 15.2.0
+      syncpack-linux-arm64-musl: 15.2.0
+      syncpack-linux-x64: 15.2.0
+      syncpack-linux-x64-musl: 15.2.0
+      syncpack-windows-arm64: 15.2.0
+      syncpack-windows-x64: 15.2.0
 
   systeminformation@5.31.6: {}
 

From 1c297a69b5ab55bc79adaa801c3ba24d46b09081 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 12:02:44 +0800
Subject: [PATCH 18/32] @types/node@25.8.0

---
 cli/package.json        |  2 +-
 frontend/package.json   |  2 +-
 mcp-server/package.json |  2 +-
 package.json            |  2 +-
 pnpm-lock.yaml          | 16 ++++++++++++++--
 5 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/cli/package.json b/cli/package.json
index d132e85dd7..c10d7d1d8d 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -38,7 +38,7 @@
   "devDependencies": {
     "@stryker-mutator/core": "^9.6.1",
     "@stryker-mutator/vitest-runner": "^9.6.1",
-    "@types/node": "25.7.0",
+    "@types/node": "25.8.0",
     "@types/react": "^19.2.14",
     "doughnut-test-fixtures": "workspace:*",
     "esbuild": "0.28.0",
diff --git a/frontend/package.json b/frontend/package.json
index 898f277cad..286f9c0cf7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -42,7 +42,7 @@
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
-    "@types/node": "25.7.0",
+    "@types/node": "25.8.0",
     "@types/turndown": "^5.0.6",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
diff --git a/mcp-server/package.json b/mcp-server/package.json
index db71d998f3..9262ccca02 100644
--- a/mcp-server/package.json
+++ b/mcp-server/package.json
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@types/node": "25.7.0",
+    "@types/node": "25.8.0",
     "doughnut-test-fixtures": "workspace:*",
     "esbuild": "0.28.0",
     "typescript": "6.0.3",
diff --git a/package.json b/package.json
index a1c3b1ee81..d32d8e54bc 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "@testing-library/cypress": "10.1.3",
     "@types/cypress-cucumber-preprocessor": "^4.0.5",
     "@types/jquery": "^3.5",
-    "@types/node": "25.7.0",
+    "@types/node": "25.8.0",
     "cypress": "15.15.0",
     "cypress-file-upload": "^5.0.8",
     "github_action_sound": "^1.0.8",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5456b9d595..6d0fcbf825 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -105,8 +105,8 @@ importers:
         specifier: ^3.5
         version: 3.5.34
       '@types/node':
-        specifier: 25.7.0
-        version: 25.7.0
+        specifier: 25.8.0
+        version: 25.8.0
       cypress:
         specifier: 15.15.0
         version: 15.15.0
@@ -2435,6 +2435,9 @@ packages:
   '@types/node@25.7.0':
     resolution: {integrity: sha512-z+pdZyxE+RTQE9AcboAZCb4otwcrvgHD+GlBpPgn0emDVt0ohrTMhAwlr2Wd9nZ+nihhYFxO2pThz3C5qSu2Eg==}
 
+  '@types/node@25.8.0':
+    resolution: {integrity: sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==}
+
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
@@ -6621,6 +6624,9 @@ packages:
   undici-types@7.21.0:
     resolution: {integrity: sha512-w9IMgQrz4O0YN1LtB7K5P63vhlIOvC7opSmouCJ+ZywlPAlO9gIkJ+otk6LvGpAs2wg4econaCz3TvQ9xPoyuQ==}
 
+  undici-types@7.24.6:
+    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+
   undici@8.1.0:
     resolution: {integrity: sha512-E9MkTS4xXLnRPYqxH2e6Hr2/49e7WFDKczKcCaFH4VaZs2iNvHMqeIkyUAD9vM8kujy9TjVrRlQ5KkdEJxB2pw==}
     engines: {node: '>=22.19.0'}
@@ -9208,6 +9214,10 @@ snapshots:
     dependencies:
       undici-types: 7.21.0
 
+  '@types/node@25.8.0':
+    dependencies:
+      undici-types: 7.24.6
+
   '@types/normalize-package-data@2.4.4': {}
 
   '@types/react@19.2.14':
@@ -13908,6 +13918,8 @@ snapshots:
 
   undici-types@7.21.0: {}
 
+  undici-types@7.24.6: {}
+
   undici@8.1.0: {}
 
   unicorn-magic@0.3.0: {}

From 3854cacccf70105cf293911fb80360fe54b4a1fe Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 12:05:46 +0800
Subject: [PATCH 19/32] daisyUI@5.5.20

---
 frontend/package.json |   4 +-
 pnpm-lock.yaml        | 290 ++++++++++++++++++++----------------------
 pnpm-workspace.yaml   |   3 +
 3 files changed, 144 insertions(+), 153 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 286f9c0cf7..e29a004174 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,9 +22,9 @@
     "test": "CI=true vitest run --browser=chromium"
   },
   "dependencies": {
+    "@lucide/vue": "^1.0.0",
     "epubjs": "^0.3.93",
     "file-saver": "^2.0.5",
-    "@lucide/vue": "^1.0.0",
     "mini-debounce": "^1.0.8",
     "pdfjs-dist": "5.7.284",
     "quill": "npm:@dotwee/quill@2.0.9",
@@ -51,7 +51,7 @@
     "@vue/compiler-core": "3.5.34",
     "@vue/server-renderer": "^3.5.34",
     "@vue/test-utils": "2.4.10",
-    "daisyui": "5.5.19",
+    "daisyui": "5.5.20",
     "doughnut-test-fixtures": "workspace:*",
     "es-toolkit": "^1.46.0",
     "esbuild": "0.28.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6d0fcbf825..4393dd6929 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -185,13 +185,13 @@ importers:
     devDependencies:
       '@stryker-mutator/core':
         specifier: ^9.6.1
-        version: 9.6.1(@types/node@25.7.0)
+        version: 9.6.1(@types/node@25.8.0)
       '@stryker-mutator/vitest-runner':
         specifier: ^9.6.1
-        version: 9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.7.0))(vitest@4.1.6)
+        version: 9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.8.0))(vitest@4.1.6)
       '@types/node':
-        specifier: 25.7.0
-        version: 25.7.0
+        specifier: 25.8.0
+        version: 25.8.0
       '@types/react':
         specifier: ^19.2.14
         version: 19.2.14
@@ -215,7 +215,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   frontend:
     dependencies:
@@ -258,16 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -275,20 +275,20 @@ importers:
         specifier: ^8.1.0
         version: 8.1.0(@vue/compiler-dom@3.5.34)(@vue/compiler-sfc@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
       '@types/node':
-        specifier: 25.7.0
-        version: 25.7.0
+        specifier: 25.8.0
+        version: 25.8.0
       '@types/turndown':
         specifier: ^5.0.6
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.7
-        version: 6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -302,8 +302,8 @@ importers:
         specifier: 2.4.10
         version: 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
       daisyui:
-        specifier: 5.5.19
-        version: 5.5.19
+        specifier: 5.5.20
+        version: 5.5.20
       doughnut-test-fixtures:
         specifier: workspace:*
         version: link:../packages/doughnut-test-fixtures
@@ -351,16 +351,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -390,8 +390,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0(zod@4.4.3)
       '@types/node':
-        specifier: 25.7.0
-        version: 25.7.0
+        specifier: 25.8.0
+        version: 25.8.0
       doughnut-test-fixtures:
         specifier: workspace:*
         version: link:../packages/doughnut-test-fixtures
@@ -403,7 +403,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -2432,9 +2432,6 @@ packages:
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
-  '@types/node@25.7.0':
-    resolution: {integrity: sha512-z+pdZyxE+RTQE9AcboAZCb4otwcrvgHD+GlBpPgn0emDVt0ohrTMhAwlr2Wd9nZ+nihhYFxO2pThz3C5qSu2Eg==}
-
   '@types/node@25.8.0':
     resolution: {integrity: sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==}
 
@@ -3342,8 +3339,8 @@ packages:
     resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
     engines: {node: '>=0.12'}
 
-  daisyui@5.5.19:
-    resolution: {integrity: sha512-pbFAkl1VCEh/MPCeclKL61I/MqRIFFhNU7yiXoDDRapXN4/qNCoMxeCCswyxEEhqL5eiTTfwHvucFtOE71C9sA==}
+  daisyui@5.5.20:
+    resolution: {integrity: sha512-HemJcjl0Gk9rQ8BcgofN6p+EURrqftQG9wK1Hkxs98i49xe68+QxpNvry+PyxwkIUgrbMpNmZ5ZWjmtffAjfhQ==}
 
   dashdash@1.14.1:
     resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
@@ -6621,9 +6618,6 @@ packages:
   underscore@1.13.8:
     resolution: {integrity: sha512-DXtD3ZtEQzc7M8m4cXotyHR+FAS18C64asBYY5vqZexfYryNNnDc02W4hKg3rdQuqOYas1jkseX0+nZXjTXnvQ==}
 
-  undici-types@7.21.0:
-    resolution: {integrity: sha512-w9IMgQrz4O0YN1LtB7K5P63vhlIOvC7opSmouCJ+ZywlPAlO9gIkJ+otk6LvGpAs2wg4econaCz3TvQ9xPoyuQ==}
-
   undici-types@7.24.6:
     resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
 
@@ -8096,122 +8090,122 @@ snapshots:
 
   '@inquirer/ansi@2.0.5': {}
 
-  '@inquirer/checkbox@5.1.4(@types/node@25.7.0)':
+  '@inquirer/checkbox@5.1.4(@types/node@25.8.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/confirm@6.0.12(@types/node@25.7.0)':
+  '@inquirer/confirm@6.0.12(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/core@11.1.9(@types/node@25.7.0)':
+  '@inquirer/core@11.1.9(@types/node@25.8.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
       cli-width: 4.1.0
       fast-wrap-ansi: 0.2.0
       mute-stream: 3.0.0
       signal-exit: 4.1.0
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/editor@5.1.1(@types/node@25.7.0)':
+  '@inquirer/editor@5.1.1(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/external-editor': 3.0.0(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/external-editor': 3.0.0(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/expand@5.0.13(@types/node@25.7.0)':
+  '@inquirer/expand@5.0.13(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/external-editor@3.0.0(@types/node@25.7.0)':
+  '@inquirer/external-editor@3.0.0(@types/node@25.8.0)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.2
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
   '@inquirer/figures@2.0.5': {}
 
-  '@inquirer/input@5.0.12(@types/node@25.7.0)':
+  '@inquirer/input@5.0.12(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/number@4.0.12(@types/node@25.7.0)':
+  '@inquirer/number@4.0.12(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/password@5.0.12(@types/node@25.7.0)':
+  '@inquirer/password@5.0.12(@types/node@25.8.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
-
-  '@inquirer/prompts@8.4.2(@types/node@25.7.0)':
-    dependencies:
-      '@inquirer/checkbox': 5.1.4(@types/node@25.7.0)
-      '@inquirer/confirm': 6.0.12(@types/node@25.7.0)
-      '@inquirer/editor': 5.1.1(@types/node@25.7.0)
-      '@inquirer/expand': 5.0.13(@types/node@25.7.0)
-      '@inquirer/input': 5.0.12(@types/node@25.7.0)
-      '@inquirer/number': 4.0.12(@types/node@25.7.0)
-      '@inquirer/password': 5.0.12(@types/node@25.7.0)
-      '@inquirer/rawlist': 5.2.8(@types/node@25.7.0)
-      '@inquirer/search': 4.1.8(@types/node@25.7.0)
-      '@inquirer/select': 5.1.4(@types/node@25.7.0)
+      '@types/node': 25.8.0
+
+  '@inquirer/prompts@8.4.2(@types/node@25.8.0)':
+    dependencies:
+      '@inquirer/checkbox': 5.1.4(@types/node@25.8.0)
+      '@inquirer/confirm': 6.0.12(@types/node@25.8.0)
+      '@inquirer/editor': 5.1.1(@types/node@25.8.0)
+      '@inquirer/expand': 5.0.13(@types/node@25.8.0)
+      '@inquirer/input': 5.0.12(@types/node@25.8.0)
+      '@inquirer/number': 4.0.12(@types/node@25.8.0)
+      '@inquirer/password': 5.0.12(@types/node@25.8.0)
+      '@inquirer/rawlist': 5.2.8(@types/node@25.8.0)
+      '@inquirer/search': 4.1.8(@types/node@25.8.0)
+      '@inquirer/select': 5.1.4(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/rawlist@5.2.8(@types/node@25.7.0)':
+  '@inquirer/rawlist@5.2.8(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/search@4.1.8(@types/node@25.7.0)':
+  '@inquirer/search@4.1.8(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/select@5.1.4(@types/node@25.7.0)':
+  '@inquirer/select@5.1.4(@types/node@25.8.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.7.0)
+      '@inquirer/core': 11.1.9(@types/node@25.8.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.7.0)
+      '@inquirer/type': 4.0.5(@types/node@25.8.0)
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
-  '@inquirer/type@4.0.5(@types/node@25.7.0)':
+  '@inquirer/type@4.0.5(@types/node@25.8.0)':
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -8884,10 +8878,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8903,24 +8897,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8937,14 +8931,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -8968,9 +8962,9 @@ snapshots:
       tslib: 2.8.1
       typed-inject: 5.0.0
 
-  '@stryker-mutator/core@9.6.1(@types/node@25.7.0)':
+  '@stryker-mutator/core@9.6.1(@types/node@25.8.0)':
     dependencies:
-      '@inquirer/prompts': 8.4.2(@types/node@25.7.0)
+      '@inquirer/prompts': 8.4.2(@types/node@25.8.0)
       '@stryker-mutator/api': 9.6.1
       '@stryker-mutator/instrumenter': 9.6.1
       '@stryker-mutator/util': 9.6.1
@@ -9019,14 +9013,14 @@ snapshots:
 
   '@stryker-mutator/util@9.6.1': {}
 
-  '@stryker-mutator/vitest-runner@9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.7.0))(vitest@4.1.6)':
+  '@stryker-mutator/vitest-runner@9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.8.0))(vitest@4.1.6)':
     dependencies:
       '@stryker-mutator/api': 9.6.1
-      '@stryker-mutator/core': 9.6.1(@types/node@25.7.0)
+      '@stryker-mutator/core': 9.6.1(@types/node@25.8.0)
       '@stryker-mutator/util': 9.6.1
       semver: 7.7.4
       tslib: 2.8.1
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   '@szmarczak/http-timer@4.0.6':
     dependencies:
@@ -9093,12 +9087,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@teppeis/multimaps@3.0.0': {}
 
@@ -9166,7 +9160,7 @@ snapshots:
     dependencies:
       '@types/http-cache-semantics': 4.2.0
       '@types/keyv': 3.1.4
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
       '@types/responselike': 1.0.3
 
   '@types/chai@5.2.3':
@@ -9196,7 +9190,7 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
   '@types/localforage@0.0.34':
     dependencies:
@@ -9210,10 +9204,6 @@ snapshots:
 
   '@types/ms@2.1.0': {}
 
-  '@types/node@25.7.0':
-    dependencies:
-      undici-types: 7.21.0
-
   '@types/node@25.8.0':
     dependencies:
       undici-types: 7.24.6
@@ -9226,7 +9216,7 @@ snapshots:
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
 
   '@types/sinonjs__fake-timers@8.1.1': {}
 
@@ -9245,7 +9235,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
     optional: true
 
   '@typescript-eslint/project-service@8.59.1(typescript@5.9.3)':
@@ -9283,47 +9273,47 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       playwright: 1.60.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@vitest/utils': 4.1.6
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       ws: 8.20.0
     transitivePeerDependencies:
       - bufferutil
@@ -9348,13 +9338,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -9391,7 +9381,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -10248,7 +10238,7 @@ snapshots:
       es5-ext: 0.10.64
       type: 2.7.3
 
-  daisyui@5.5.19: {}
+  daisyui@5.5.20: {}
 
   dashdash@1.14.1:
     dependencies:
@@ -12833,7 +12823,7 @@ snapshots:
 
   protobufjs@8.0.3:
     dependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
       long: 5.3.2
 
   proxy-addr@2.0.7:
@@ -13916,8 +13906,6 @@ snapshots:
 
   underscore@1.13.8: {}
 
-  undici-types@7.21.0: {}
-
   undici-types@7.24.6: {}
 
   undici@8.1.0: {}
@@ -14016,11 +14004,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14090,7 +14078,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14100,7 +14088,7 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
@@ -14108,7 +14096,7 @@ snapshots:
       typescript: 6.0.3
       vue-tsc: 3.2.9(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14119,11 +14107,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0):
+  vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -14131,7 +14119,7 @@ snapshots:
       rolldown: 1.0.1
       tinyglobby: 0.2.16
     optionalDependencies:
-      '@types/node': 25.7.0
+      '@types/node': 25.8.0
       esbuild: 0.28.0
       fsevents: 2.3.3
       jiti: 2.6.1
@@ -14143,7 +14131,7 @@ snapshots:
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14157,16 +14145,16 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
 
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.7.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.6
       '@vitest/runner': 4.1.6
       '@vitest/snapshot': 4.1.6
@@ -14183,12 +14171,12 @@ snapshots:
       tinyexec: 1.1.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
-      '@types/node': 25.7.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.7.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+      '@types/node': 25.8.0
+      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui': 4.1.6(vitest@4.1.6)
       jsdom: 26.1.0(canvas@3.2.3)
     transitivePeerDependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 0b9849c32a..2e71d61225 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -73,3 +73,6 @@ allowBuilds:
   protobufjs: true
   tesseract.js: true
   es5-ext: false
+
+minimumReleaseAgeExclude:
+  - daisyui@5.5.20

From df59980ec721a817b00d55b3cc97193a05404a73 Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 12:24:34 +0800
Subject: [PATCH 20/32] refactor: update daisyUI prefix and component button
 classes

Changed the prefix in daisyui.css to 'daisy-' and updated button classes in RecallProgressBar.vue and RecallSessionOptionsDialog.vue to use 'daisy-btn' for consistency with the new prefix.
---
 frontend/src/assets/daisyui.css                             | 2 +-
 frontend/src/components/recall/RecallProgressBar.vue        | 6 +++---
 .../src/components/recall/RecallSessionOptionsDialog.vue    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/assets/daisyui.css b/frontend/src/assets/daisyui.css
index 61e49825ea..2c6add2a85 100644
--- a/frontend/src/assets/daisyui.css
+++ b/frontend/src/assets/daisyui.css
@@ -19,7 +19,7 @@
   themes:
     light --default,
     dark --prefersdark;
-  prefix: daisy;
+  prefix: daisy-;
 }
 
 svg {
diff --git a/frontend/src/components/recall/RecallProgressBar.vue b/frontend/src/components/recall/RecallProgressBar.vue
index d5646d5fcb..2760085ad7 100644
--- a/frontend/src/components/recall/RecallProgressBar.vue
+++ b/frontend/src/components/recall/RecallProgressBar.vue
@@ -5,10 +5,10 @@
   >
     <template #buttons>
       <div class="btn-group-wrapper relative" style="overflow: visible;">
-        <div class="btn-group">
+        <div class="daisy-btn-group">
           <template v-if="previousAnsweredQuestionCursor !== undefined">
             <button
-              class="btn large-btn"
+              class="daisy-btn large-btn"
               title="view previous answered question"
               :disabled="finished === 0 || previousAnsweredQuestionCursor === 0"
               @click="
@@ -25,7 +25,7 @@
           </template>
           <button
             v-else
-            class="btn large-btn"
+            class="daisy-btn large-btn"
             title="view last answered question"
             :disabled="finished === 0"
             @click="$emit('viewLastAnsweredQuestion', finished - 1)"
diff --git a/frontend/src/components/recall/RecallSessionOptionsDialog.vue b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
index 4da3c2af7e..3061762cd4 100644
--- a/frontend/src/components/recall/RecallSessionOptionsDialog.vue
+++ b/frontend/src/components/recall/RecallSessionOptionsDialog.vue
@@ -19,7 +19,7 @@
         <div class="flex flex-col gap-2">
           <button
             v-if="canMoveToEnd && previousAnsweredQuestionCursor === undefined"
-            class="btn large-btn"
+            class="daisy-btn large-btn"
             title="Move to end of list"
             aria-label="Move to end of list"
             @click="handleMoveToEnd"

From 02b78d6d9d666c9b6bbd999abc470f4def21f10e Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 13:09:07 +0800
Subject: [PATCH 21/32] npm-run-all2@9.0.0

---
 package.json        |  2 +-
 pnpm-lock.yaml      | 62 ++++++++++++++++++++++-----------------------
 pnpm-workspace.yaml |  1 +
 3 files changed, 33 insertions(+), 32 deletions(-)

diff --git a/package.json b/package.json
index d32d8e54bc..d944e591a6 100644
--- a/package.json
+++ b/package.json
@@ -100,7 +100,7 @@
     "github_action_sound": "^1.0.8",
     "got": "^15.0.5",
     "hono": "4.12.19",
-    "npm-run-all2": "^8.0.4",
+    "npm-run-all2": "^9.0.0",
     "process": "^0.11.10",
     "slugify": "1.6.9",
     "superagent": "^10.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4393dd6929..532f98b176 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -123,8 +123,8 @@ importers:
         specifier: 4.12.19
         version: 4.12.19
       npm-run-all2:
-        specifier: ^8.0.4
-        version: 8.0.4
+        specifier: ^9.0.0
+        version: 9.0.0
       process:
         specifier: ^0.11.10
         version: 0.11.10
@@ -4495,9 +4495,9 @@ packages:
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
-  isexe@3.1.5:
-    resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
-    engines: {node: '>=18'}
+  isexe@4.0.0:
+    resolution: {integrity: sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==}
+    engines: {node: '>=20'}
 
   isstream@0.1.2:
     resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
@@ -4569,9 +4569,9 @@ packages:
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
-  json-parse-even-better-errors@4.0.0:
-    resolution: {integrity: sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==}
-    engines: {node: ^18.17.0 || >=20.5.0}
+  json-parse-even-better-errors@6.0.0:
+    resolution: {integrity: sha512-2/8adwnK1/+Fdjyts4r6wSpfANWw8zdNhU9U/Llk59c6O+DjSisPWPykwoL8gZmocP9Dy64S7oie2g+Mia123A==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
 
   json-pointer@0.6.2:
     resolution: {integrity: sha512-vLWcKbOaXlO+jvRy4qNd+TI1QUPZzfJj1tpJ3vAXDych5XJf93ftpUKe5pKCrzyIIwgBJcOcCVRUfqQP25afBw==}
@@ -5275,13 +5275,13 @@ packages:
     resolution: {integrity: sha512-JYc0DPlpGWB40kH5g07gGTrYuMqV653k3uBKY6uITPWds3M0ov3GaWGp9lbE3Bzngx8+XkfzgvASb9vk9JDFXQ==}
     engines: {node: '>=14.16'}
 
-  npm-normalize-package-bin@4.0.0:
-    resolution: {integrity: sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==}
-    engines: {node: ^18.17.0 || >=20.5.0}
+  npm-normalize-package-bin@6.0.0:
+    resolution: {integrity: sha512-tdt4aFn9QamlhdN3HV2D2ccpBwO5/fyjjbXUxYA6uBjyekMZcZvDq0aSj9t5Jo+tih6AYFnt/cuIRn9013e0Uw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
 
-  npm-run-all2@8.0.4:
-    resolution: {integrity: sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==}
-    engines: {node: ^20.5.0 || >=22.0.0, npm: '>= 10'}
+  npm-run-all2@9.0.0:
+    resolution: {integrity: sha512-NMHaiMWl+kotdoAzVtwElvEh4PLdjAGsdmCJXOGv0rdM4d19FGIa0z0ISFuMklmYgVgQzS4h+jNlowz+q1aojw==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0, npm: '>= 10'}
     hasBin: true
 
   npm-run-path@4.0.1:
@@ -5751,9 +5751,9 @@ packages:
     resolution: {integrity: sha512-sfWGGfavi0xr8Pg0sVsyHMAOziVYKgPLNrS7ig+ivMNb3wbCBw3KxtflsGBAwD3gYQlE/AEZsTLgToRrSCjb0Q==}
     engines: {node: '>=0.10.0'}
 
-  read-package-json-fast@4.0.0:
-    resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==}
-    engines: {node: ^18.17.0 || >=20.5.0}
+  read-package-json-fast@6.0.0:
+    resolution: {integrity: sha512-PNaGjoCnw9DBA2Kl8D+8po957z778q/HOPuY2u3Bkw/JO3eC8MDx7jn/PgMtSgpcBbs+6UOjDbwReGpXmRvs0g==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
 
   read-package-up@12.0.0:
     resolution: {integrity: sha512-Q5hMVBYur/eQNWDdbF4/Wqqr9Bjvtrw2kjGxxBbKLbx8bVCL8gcArjTy8zDUuLGQicftpMuU0riQNcAsbtOVsw==}
@@ -7039,9 +7039,9 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  which@5.0.0:
-    resolution: {integrity: sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==}
-    engines: {node: ^18.17.0 || >=20.5.0}
+  which@7.0.0:
+    resolution: {integrity: sha512-RancgH2dmbLdHl6LRhEqvklWMgl/Hdnun0Y90KhBOLkMefg8Qa7/Zel8Sm+8HEcP6DEjzsWzpkuBQEZok58isA==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
     hasBin: true
 
   why-is-node-running@2.3.0:
@@ -11515,7 +11515,7 @@ snapshots:
 
   isexe@2.0.0: {}
 
-  isexe@3.1.5: {}
+  isexe@4.0.0: {}
 
   isstream@0.1.2: {}
 
@@ -11596,7 +11596,7 @@ snapshots:
 
   json-parse-even-better-errors@2.3.1: {}
 
-  json-parse-even-better-errors@4.0.0: {}
+  json-parse-even-better-errors@6.0.0: {}
 
   json-pointer@0.6.2:
     dependencies:
@@ -12408,18 +12408,18 @@ snapshots:
 
   normalize-url@8.1.1: {}
 
-  npm-normalize-package-bin@4.0.0: {}
+  npm-normalize-package-bin@6.0.0: {}
 
-  npm-run-all2@8.0.4:
+  npm-run-all2@9.0.0:
     dependencies:
       ansi-styles: 6.2.3
       cross-spawn: 7.0.6
       memorystream: 0.3.1
       picomatch: 4.0.4
       pidtree: 0.6.0
-      read-package-json-fast: 4.0.0
+      read-package-json-fast: 6.0.0
       shell-quote: 1.8.3
-      which: 5.0.0
+      which: 7.0.0
 
   npm-run-path@4.0.1:
     dependencies:
@@ -12976,10 +12976,10 @@ snapshots:
 
   react@19.2.6: {}
 
-  read-package-json-fast@4.0.0:
+  read-package-json-fast@6.0.0:
     dependencies:
-      json-parse-even-better-errors: 4.0.0
-      npm-normalize-package-bin: 4.0.0
+      json-parse-even-better-errors: 6.0.0
+      npm-normalize-package-bin: 6.0.0
 
   read-package-up@12.0.0:
     dependencies:
@@ -14342,9 +14342,9 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  which@5.0.0:
+  which@7.0.0:
     dependencies:
-      isexe: 3.1.5
+      isexe: 4.0.0
 
   why-is-node-running@2.3.0:
     dependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 2e71d61225..1eb3230a67 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -76,3 +76,4 @@ allowBuilds:
 
 minimumReleaseAgeExclude:
   - daisyui@5.5.20
+  - npm-run-all2@9.0.0

From e8bbecfa5235004e2c3b5520d26d8e54d9538fd6 Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 13:37:52 +0800
Subject: [PATCH 22/32] refactor: update table classes and error alert in
 recent notes components

Changed table classes in RecentlyLearnedNotes.vue and RecentlyRecalledNotes.vue to use 'daisy-table' for consistency. Updated error alert class in NonproductionOnlyLoginPage.vue to 'daisy-alert-error'. Removed unused index.css file from the project.
---
 e2e_test/step_definitions/note.ts                        | 2 +-
 frontend/src/components/recent/RecentlyLearnedNotes.vue  | 2 +-
 frontend/src/components/recent/RecentlyRecalledNotes.vue | 2 +-
 frontend/src/index.css                                   | 3 ---
 frontend/src/pages/NonproductionOnlyLoginPage.vue        | 2 +-
 frontend/tests/setupVitest.ts                            | 1 -
 6 files changed, 4 insertions(+), 8 deletions(-)
 delete mode 100644 frontend/src/index.css

diff --git a/e2e_test/step_definitions/note.ts b/e2e_test/step_definitions/note.ts
index 97caf3f642..5abee7a705 100644
--- a/e2e_test/step_definitions/note.ts
+++ b/e2e_test/step_definitions/note.ts
@@ -483,7 +483,7 @@ When(
 )
 
 Then('there should be no more undo to do', () => {
-  cy.get('.btn[title="undo"]').should('not.exist')
+  cy.get('.daisy-btn[title^="undo"]').should('not.exist')
 })
 
 Then('I type {string} in the title', (content: string) => {
diff --git a/frontend/src/components/recent/RecentlyLearnedNotes.vue b/frontend/src/components/recent/RecentlyLearnedNotes.vue
index 149785ee4b..e34ef77021 100644
--- a/frontend/src/components/recent/RecentlyLearnedNotes.vue
+++ b/frontend/src/components/recent/RecentlyLearnedNotes.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="recently-learned-notes">
     <ContentLoader v-if="!memoryTrackers" />
-    <table v-else class="table">
+    <table v-else class="daisy-table daisy-table-zebra w-full">
       <thead>
         <tr>
           <th>Note</th>
diff --git a/frontend/src/components/recent/RecentlyRecalledNotes.vue b/frontend/src/components/recent/RecentlyRecalledNotes.vue
index 022e09e1d7..5851ddc8d6 100644
--- a/frontend/src/components/recent/RecentlyRecalledNotes.vue
+++ b/frontend/src/components/recent/RecentlyRecalledNotes.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="recently-recalled-notes">
     <ContentLoader v-if="!memoryTrackers" />
-    <table v-else class="table">
+    <table v-else class="daisy-table daisy-table-zebra w-full">
       <thead>
         <tr>
           <th>Note</th>
diff --git a/frontend/src/index.css b/frontend/src/index.css
deleted file mode 100644
index b5c61c9567..0000000000
--- a/frontend/src/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/frontend/src/pages/NonproductionOnlyLoginPage.vue b/frontend/src/pages/NonproductionOnlyLoginPage.vue
index 39b2f6d903..28d4330e02 100644
--- a/frontend/src/pages/NonproductionOnlyLoginPage.vue
+++ b/frontend/src/pages/NonproductionOnlyLoginPage.vue
@@ -6,7 +6,7 @@
     <br />
     {{ redirectAfterLogin }}
   </p>
-  <div v-if="errorMessage" class="daisy-alert alert-danger">
+  <div v-if="errorMessage" class="daisy-alert daisy-alert-error">
     {{ errorMessage }}
   </div>
 
diff --git a/frontend/tests/setupVitest.ts b/frontend/tests/setupVitest.ts
index 9c5699befe..17e34f2610 100644
--- a/frontend/tests/setupVitest.ts
+++ b/frontend/tests/setupVitest.ts
@@ -20,7 +20,6 @@ if (typeof process === "undefined") {
 
 // Import CSS for proper rendering with Tailwind and DaisyUI
 import "../src/assets/daisyui.css"
-import "../src/index.css"
 
 import { vi } from "vitest"
 import createFetchMock from "vitest-fetch-mock"

From 2da47c8af4a92264d0f7c0c641c49e7013ea3c36 Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 14:29:35 +0800
Subject: [PATCH 23/32] refactor: enhance NoteMoreOptionsForm and related
 components for improved dropdown functionality

Updated the NoteMoreOptionsForm to utilize a more reliable method for opening the dropdown. Adjusted the AutoCollapseDropdown component to reflect the open state with a new class. Modified the NoteToolbar to ensure proper rendering of the dropdown content. Updated tests to verify the dropdown's visibility state accurately.
---
 .../start/pageObjects/noteMoreOptionsForm.ts     | 16 ++++++++++------
 .../components/commons/AutoCollapseDropdown.vue  |  1 +
 .../src/components/notes/core/NoteToolbar.vue    | 16 +++++++---------
 .../notes/widgets/NoteMoreOptionsForm.vue        |  2 +-
 frontend/tests/notes/NoteToolbar.spec.ts         |  8 ++++----
 5 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/e2e_test/start/pageObjects/noteMoreOptionsForm.ts b/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
index 7e94ae57e0..81556f913a 100644
--- a/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
+++ b/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
@@ -4,11 +4,13 @@ import { toolbarButton } from './toolbarButton'
 import { questionListPage } from './questionListPage'
 
 export const makeSureNoteMoreOptionsFormIsOpen = () => {
-  cy.findByRole('button', { name: 'more options' }).then(($button) => {
-    if (!$button.hasClass('daisy-btn-active')) {
-      cy.wrap($button).click()
-    }
-  })
+  cy.get('summary[title="more options"]').click()
+  cy.get('details[data-auto-collapse-dropdown]')
+    .filter(':has(summary[title="more options"])')
+    .should('have.prop', 'open', true)
+  cy.findByRole('button', { name: 'Assimilation settings' }).should(
+    'be.visible'
+  )
 
   return noteMoreOptionsPage()
 }
@@ -40,7 +42,9 @@ const noteMoreOptionsPage = () => {
       return questionListPage()
     },
     openAssimilationPage() {
-      toolbarButton('Assimilation settings').click()
+      cy.findByRole('button', { name: 'Assimilation settings' })
+        .scrollIntoView()
+        .click()
       cy.url().should('include', '/assimilate/')
       pageIsNotLoading()
       return assumeAssimilationPage().waitForAssimilationReady()
diff --git a/frontend/src/components/commons/AutoCollapseDropdown.vue b/frontend/src/components/commons/AutoCollapseDropdown.vue
index 9b0a88e602..2f3c32ffe0 100644
--- a/frontend/src/components/commons/AutoCollapseDropdown.vue
+++ b/frontend/src/components/commons/AutoCollapseDropdown.vue
@@ -2,6 +2,7 @@
   <details
     ref="detailsRef"
     data-auto-collapse-dropdown
+    :class="{ 'daisy-dropdown-open': open }"
     v-bind="$attrs"
     @toggle="onToggle"
   >
diff --git a/frontend/src/components/notes/core/NoteToolbar.vue b/frontend/src/components/notes/core/NoteToolbar.vue
index 5bd5c2c41e..f84adbbb78 100644
--- a/frontend/src/components/notes/core/NoteToolbar.vue
+++ b/frontend/src/components/notes/core/NoteToolbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav :class="noteChromeToolbarNavClass">
+  <nav :class="[noteChromeToolbarNavClass, 'relative z-20']">
     <div class="daisy-btn-group daisy-btn-group-sm">
       <PopButton
         v-if="!readonly"
@@ -59,17 +59,15 @@
           ]"
           title="more options"
           aria-label="more options"
-          role="button"
-          tabindex="0"
         >
           <Settings class="w-6 h-6" />
         </summary>
-        <NoteMoreOptionsForm
-          v-if="open"
-          class="daisy-dropdown-content z-[1000] mt-1"
-          v-bind="{ note }"
-          @close-dialog="closeDropdown"
-        />
+        <div class="daisy-dropdown-content z-[1000] mt-1">
+          <NoteMoreOptionsForm
+            v-bind="{ note }"
+            @close-dialog="closeDropdown"
+          />
+        </div>
       </AutoCollapseDropdown>
     </div>
   </nav>
diff --git a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
index 9900750f70..b15ecfba7b 100644
--- a/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
+++ b/frontend/src/components/notes/widgets/NoteMoreOptionsForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-base-200 rounded-b-lg p-5 shadow-lg animate-dropdown relative">
+  <div class="bg-base-200 rounded-b-lg p-5 shadow-lg animate-dropdown">
     <ul class="daisy-menu mt-2 min-w-64 p-0">
       <li>
         <PopButton
diff --git a/frontend/tests/notes/NoteToolbar.spec.ts b/frontend/tests/notes/NoteToolbar.spec.ts
index ce7ee6b4e3..69c16280af 100644
--- a/frontend/tests/notes/NoteToolbar.spec.ts
+++ b/frontend/tests/notes/NoteToolbar.spec.ts
@@ -139,7 +139,7 @@ describe("NoteToolbar", () => {
     await flushPromises()
 
     // Verify dialog is open
-    let dialog = wrapper.findComponent(NoteMoreOptionsForm)
+    const dialog = wrapper.findComponent(NoteMoreOptionsForm)
     expect(dialog.exists()).toBe(true)
 
     // Change the note id
@@ -149,9 +149,9 @@ describe("NoteToolbar", () => {
     })
     await flushPromises()
 
-    // Verify dialog is closed
-    dialog = wrapper.findComponent(NoteMoreOptionsForm)
-    expect(dialog.exists()).toBe(false)
+    // Verify dialog is closed (still mounted; details hides dropdown content)
+    const details = wrapper.find("[data-auto-collapse-dropdown]")
+    expect((details.element as HTMLDetailsElement).open).toBe(false)
   })
 
   it("opens Link search on Ctrl+Shift+F when not readonly", async () => {

From 899eab05b045482cc4bf249602aabeb93256a243 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 14:31:33 +0800
Subject: [PATCH 24/32] add daisyui.com/llms.txt file daisyUI docs to help AI
 generate accurate daisyUI code

---
 .cursor/rules/daisyui.mdc | 1874 +++++++++++++++++++++++++++++++++++++
 1 file changed, 1874 insertions(+)
 create mode 100644 .cursor/rules/daisyui.mdc

diff --git a/.cursor/rules/daisyui.mdc b/.cursor/rules/daisyui.mdc
new file mode 100644
index 0000000000..19e9a81239
--- /dev/null
+++ b/.cursor/rules/daisyui.mdc
@@ -0,0 +1,1874 @@
+---
+description: daisyUI 5
+alwaysApply: true
+applyTo: "**"
+downloadedFrom: https://daisyui.com/llms.txt
+version: 5.5.x
+---
+
+# daisyUI 5
+daisyUI 5 is a CSS library for Tailwind CSS 4
+daisyUI 5 provides class names for common UI components
+
+- [daisyUI 5 docs](http://daisyui.com)
+- [Guide: How to use this file in LLMs and code editors](https://daisyui.com/docs/editor/)
+- [daisyUI 5 release notes](https://daisyui.com/docs/v5/)
+- [daisyUI 4 to 5 upgrade guide](https://daisyui.com/docs/upgrade/)
+
+## daisyUI 5 install notes
+[install guide](https://daisyui.com/docs/install/)
+1. daisyUI 5 requires Tailwind CSS 4
+2. `tailwind.config.js` file is deprecated in Tailwind CSS v4. do not use `tailwind.config.js`. Tailwind CSS v4 only needs `@import "tailwindcss";` in the CSS file if it's a node dependency.
+3. daisyUI 5 can be installed using `npm i -D daisyui@latest` and then adding `@plugin "daisyui";` to the CSS file
+4. daisyUI is suggested to be installed as a dependency but if you really want to use it from CDN, you can use Tailwind CSS and daisyUI CDN files:
+```html
+<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
+<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+```
+5. A CSS file with Tailwind CSS and daisyUI looks like this (if it's a node dependency)
+```css
+@import "tailwindcss";
+@plugin "daisyui";
+```
+
+## daisyUI 5 usage rules
+1. We can give styles to a HTML element by adding daisyUI class names to it. By adding a component class name, part class names (if there's any available for that component), and modifier class names (if there's any available for that component)
+2. Components can be customized using Tailwind CSS utility classes if the customization is not possible using the existing daisyUI classes. For example `btn px-10` sets a custom horizontal padding to a `btn`
+3. If customization of daisyUI styles using Tailwind CSS utility classes didn't work because of CSS specificity issues, you can use the `!` at the end of the Tailwind CSS utility class to override the existing styles. For example `btn bg-red-500!` sets a custom background color to a `btn` forcefully. This is a last resort solution and should be used sparingly
+4. If a specific component or something similar to it doesn't exist in daisyUI, you can create your own component using Tailwind CSS utility
+5. when using Tailwind CSS `flex` and `grid` for layout, it should be responsive using Tailwind CSS responsive utility prefixes.
+6. Only allowed class names are existing daisyUI class names or Tailwind CSS utility classes.
+7. Ideally, you won't need to write any custom CSS. Using daisyUI class names or Tailwind CSS utility classes is preferred.
+8. suggested - if you need placeholder images, use https://picsum.photos/200/300 with the size you want
+9. suggested - when designing , don't add a custom font unless it's necessary
+10. don't add `bg-base-100 text-base-content` to body unless it's necessary
+11. For design decisions, use Refactoring UI book best practices
+
+daisyUI 5 class names are one of the following categories. These type names are only for reference and are not used in the actual code
+- `component`: the required component class
+- `part`: a child part of a component
+- `style`: sets a specific style to component or part
+- `behavior`: changes the behavior of component or part
+- `color`: sets a specific color to component or part
+- `size`: sets a specific size to component or part
+- `placement`: sets a specific placement to component or part
+- `direction`: sets a specific direction to component or part
+- `modifier`: modifies the component or part in a specific way
+- `variant`: prefixes for utility classes that conditionally apply styles. syntax is `variant:utility-class`
+
+## Config
+daisyUI 5 config docs: https://daisyui.com/docs/config/
+daisyUI without config:
+```css
+@plugin "daisyui";
+```
+daisyUI config with `light` theme only:
+```css
+@plugin "daisyui" {
+  themes: light --default;
+}
+```
+daisyUI with all the default configs:
+```css
+@plugin "daisyui" {
+  themes: light --default, dark --prefersdark;
+  root: ":root";
+  include: ;
+  exclude: ;
+  prefix: ;
+  logs: true;
+}
+```
+An example config:
+In below config, all the built-in themes are enabled while bumblebee is the default theme and synthwave is the prefersdark theme (default dark mode)
+All the other themes are enabled and can be used by adding `data-theme="THEME_NAME"` to the `<html>` element
+root scrollbar gutter is excluded. `daisy-` prefix is used for all daisyUI classes and console.log is disabled
+```css
+@plugin "daisyui" {
+  themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk;
+  root: ":root";
+  include: ;
+  exclude: rootscrollgutter, checkbox;
+  prefix: daisy-;
+  logs: false;
+}
+```
+## daisyUI 5 colors
+
+### daisyUI color names
+- `primary`: Primary brand color, The main color of your brand
+- `primary-content`: Foreground content color to use on primary color
+- `secondary`: Secondary brand color, The optional, secondary color of your brand
+- `secondary-content`: Foreground content color to use on secondary color
+- `accent`: Accent brand color, The optional, accent color of your brand
+- `accent-content`: Foreground content color to use on accent color
+- `neutral`: Neutral dark color, For not-saturated parts of UI
+- `neutral-content`: Foreground content color to use on neutral color
+- `base-100`:-100 Base surface color of page, used for blank backgrounds
+- `base-200`:-200 Base color, darker shade, to create elevations
+- `base-300`:-300 Base color, even more darker shade, to create elevations
+- `base-content`: Foreground content color to use on base color
+- `info`: Info color, For informative/helpful messages
+- `info-content`: Foreground content color to use on info color
+- `success`: Success color, For success/safe messages
+- `success-content`: Foreground content color to use on success color
+- `warning`: Warning color, For warning/caution messages
+- `warning-content`: Foreground content color to use on warning color
+- `error`: Error color, For error/danger/destructive messages
+- `error-content`: Foreground content color to use on error color
+
+### daisyUI color rules
+1. daisyUI adds semantic color names to Tailwind CSS colors
+2. daisyUI color names can be used in utility classes, like other Tailwind CSS color names. for example, `bg-primary` will use the primary color for the background
+3. daisyUI color names include variables as value so they can change based the theme
+4. There's no need to use `dark:` for daisyUI color names
+5. Ideally only daisyUI color names should be used for colors so the colors can change automatically based on the theme
+6. If a Tailwind CSS color name (like `red-500`) is used, it will be same red color on all themes
+7. If a daisyUI color name (like `primary`) is used, it will change color based on the theme
+8. Using Tailwind CSS color names for text colors should be avoided because Tailwind CSS color `text-gray-800` on `bg-base-100` would be unreadable on a dark theme - because on dark theme, `bg-base-100` is a dark color
+9. `*-content` colors should have a good contrast compared to their associated colors
+10. suggestion - when designing a page use `base-*` colors for majority of the page. use `primary` color for important elements
+
+### daisyUI custom theme with custom colors
+A CSS file with Tailwind CSS, daisyUI and a custom daisyUI theme looks like this:
+```css
+@import "tailwindcss";
+@plugin "daisyui";
+@plugin "daisyui/theme" {
+  name: "mytheme";
+  default: true; /* set as default */
+  prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */
+  color-scheme: light; /* color of browser-provided UI */
+
+  --color-base-100: oklch(98% 0.02 240);
+  --color-base-200: oklch(95% 0.03 240);
+  --color-base-300: oklch(92% 0.04 240);
+  --color-base-content: oklch(20% 0.05 240);
+  --color-primary: oklch(55% 0.3 240);
+  --color-primary-content: oklch(98% 0.01 240);
+  --color-secondary: oklch(70% 0.25 200);
+  --color-secondary-content: oklch(98% 0.01 200);
+  --color-accent: oklch(65% 0.25 160);
+  --color-accent-content: oklch(98% 0.01 160);
+  --color-neutral: oklch(50% 0.05 240);
+  --color-neutral-content: oklch(98% 0.01 240);
+  --color-info: oklch(70% 0.2 220);
+  --color-info-content: oklch(98% 0.01 220);
+  --color-success: oklch(65% 0.25 140);
+  --color-success-content: oklch(98% 0.01 140);
+  --color-warning: oklch(80% 0.25 80);
+  --color-warning-content: oklch(20% 0.05 80);
+  --color-error: oklch(65% 0.3 30);
+  --color-error-content: oklch(98% 0.01 30);
+
+  --radius-selector: 1rem; /* border radius of selectors (checkbox, toggle, badge) */
+  --radius-field: 0.25rem; /* border radius of fields (button, input, select, tab) */
+  --radius-box: 0.5rem; /* border radius of boxes (card, modal, alert) */
+  /* preferred values for --radius-* : 0rem, 0.25rem, 0.5rem, 1rem, 2rem */
+
+  --size-selector: 0.25rem; /* base size of selectors (checkbox, toggle, badge). Value must be 0.25rem unless we intentionally want bigger selectors. In so it can be 0.28125 or 0.3125. If we intentionally want smaller selectors, it can be 0.21875 or 0.1875 */
+  --size-field: 0.25rem; /* base size of fields (button, input, select, tab). Value must be 0.25rem unless we intentionally want bigger fields. In so it can be 0.28125 or 0.3125. If we intentionally want smaller fields, it can be 0.21875 or 0.1875 */
+
+  --border: 1px; /* border size. Value must be 1px unless we intentionally want thicker borders. In so it can be 1.5px or 2px. If we intentionally want thinner borders, it can be 0.5px */
+
+  --depth: 1; /* only 0 or 1 – Adds a shadow and subtle 3D depth effect to components */
+  --noise: 0; /* only 0 or 1 - Adds a subtle noise (grain) effect to components */
+}
+```
+#### Rules
+- All CSS variables above are required
+- Colors can be OKLCH or hex or other formats
+- If you're generating a custom theme, do not include the comments from the example above. Just provide the code.
+
+People can use https://daisyui.com/theme-generator/ visual tool to create their own theme.
+
+## daisyUI 5 components
+
+### accordion
+Accordion is used for showing and hiding content but only one item can stay open at a time
+
+[accordion docs](https://daisyui.com/components/accordion/)
+
+#### Class names
+- component: `collapse`
+- part: `collapse-title`, `collapse-content`
+- modifier: `collapse-arrow`, `collapse-plus`, `collapse-open`, `collapse-close`
+
+#### Syntax
+```html
+<div class="collapse {MODIFIER}">{CONTENT}</div>
+```
+where content is:
+```html
+<input type="radio" name="{name}" checked="{checked}" />
+<div class="collapse-title">{title}</div>
+<div class="collapse-content">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names
+- Accordion uses radio inputs. All radio inputs with the same name work together and only one of them can be open at a time
+- If you have more than one set of accordion items on a page, use different names for the radio inputs on each set
+- Replace {name} with a unique name for the accordion group
+- replace `{checked}` with `checked="checked"` if you want the accordion to be open by default
+
+### alert
+Alert informs users about important events
+
+[alert docs](https://daisyui.com/components/alert/)
+
+#### Class names
+- component: `alert`
+- style: `alert-outline`, `alert-dash`, `alert-soft`
+- color: `alert-info`, `alert-success`, `alert-warning`, `alert-error`
+- direction: `alert-vertical`, `alert-horizontal`
+
+#### Syntax
+```html
+<div role="alert" class="alert {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/direction class names
+- Add `sm:alert-horizontal` for responsive layouts
+
+### avatar
+Avatars are used to show a thumbnail
+
+[avatar docs](https://daisyui.com/components/avatar/)
+
+#### Class names
+- component: `avatar`, `avatar-group`
+- modifier: `avatar-online`, `avatar-offline`, `avatar-placeholder`
+
+#### Syntax
+```html
+<div class="avatar {MODIFIER}">
+  <div>
+    <img src="{image-url}" />
+  </div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names
+- Use `avatar-group` for containing multiple avatars
+- You can set custom sizes using `w-*` and `h-*`
+- You can use mask classes such as `mask-squircle`, `mask-hexagon`, `mask-triangle`
+
+### badge
+Badges are used to inform the user of the status of specific data
+
+[badge docs](https://daisyui.com/components/badge/)
+
+#### Class names
+- component: `badge`
+- style: `badge-outline`, `badge-dash`, `badge-soft`, `badge-ghost`
+- color: `badge-neutral`, `badge-primary`, `badge-secondary`, `badge-accent`, `badge-info`, `badge-success`, `badge-warning`, `badge-error`
+- size: `badge-xs`, `badge-sm`, `badge-md`, `badge-lg`, `badge-xl`
+
+#### Syntax
+```html
+<span class="badge {MODIFIER}">Badge</span>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/size class names
+- Can be used inside text or buttons
+- To create an empty badge, just remove the text between the span tags
+
+### breadcrumbs
+Breadcrumbs helps users to navigate
+
+[breadcrumbs docs](https://daisyui.com/components/breadcrumbs/)
+
+#### Class names
+- component: `breadcrumbs`
+
+#### Syntax
+```html
+<div class="breadcrumbs">
+  <ul><li><a>Link</a></li></ul>
+</div>
+```
+
+#### Rules
+- breadcrumbs only has one main class name
+- Can contain icons inside the links
+- If you set `max-width` or the list gets larger than the container it will scroll
+
+### button
+Buttons allow the user to take actions
+
+[button docs](https://daisyui.com/components/button/)
+
+#### Class names
+- component: `btn`
+- color: `btn-neutral`, `btn-primary`, `btn-secondary`, `btn-accent`, `btn-info`, `btn-success`, `btn-warning`, `btn-error`
+- style: `btn-outline`, `btn-dash`, `btn-soft`, `btn-ghost`, `btn-link`
+- behavior: `btn-active`, `btn-disabled`
+- size: `btn-xs`, `btn-sm`, `btn-md`, `btn-lg`, `btn-xl`
+- modifier: `btn-wide`, `btn-block`, `btn-square`, `btn-circle`
+
+#### Syntax
+```html
+<button class="btn {MODIFIER}">Button</button>
+```
+#### Rules
+- {MODIFIER} is optional and can have one of each color/style/behavior/size/modifier class names
+- btn can be used on any html tags such as `<button>`, `<a>`, `<input>`
+- btn can have an icon before or after the text
+- set `tabindex="-1" role="button" aria-disabled="true"` if you want to disable the button using a class name
+
+### calendar
+Calendar includes styles for different calendar libraries
+
+[calendar docs](https://daisyui.com/components/calendar/)
+
+#### Class names
+- component
+  - `cally (for Cally web component)`
+  - `pika-single (for the input field that opens Pikaday calendar)`
+  - `react-day-picker (for the DayPicker component)`
+
+#### Syntax
+For Cally:
+```html
+<calendar-date class="cally">{CONTENT}</calendar-date>
+```
+For Pikaday:
+```html
+<input type="text" class="input pika-single">
+```
+For React Day Picker:
+```html
+<DayPicker className="react-day-picker">
+```
+
+#### Rules
+- daisyUI supports Cally, Pikaday, React Day Picker
+
+### card
+Cards are used to group and display content
+
+[card docs](https://daisyui.com/components/card/)
+
+#### Class names
+- component: `card`
+- part: `card-title`, `card-body`, `card-actions`
+- style: `card-border`, `card-dash`
+- modifier: `card-side`, `image-full`
+- size: `card-xs`, `card-sm`, `card-md`, `card-lg`, `card-xl`
+
+#### Syntax
+```html
+<div class="card {MODIFIER}">
+  <figure><img src="{image-url}" alt="{alt-text}" /></figure>
+  <div class="card-body">
+    <h2 class="card-title">{title}</h2>
+    <p>{CONTENT}</p>
+    <div class="card-actions">{actions}</div>
+  </div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names and one of the size class names
+- `<figure>` and `<div class="card-body">` are optional
+- can use `sm:card-horizontal` for responsive layouts
+- If image is placed after `card-body`, the image will be placed at the bottom
+
+### carousel
+Carousel show images or content in a scrollable area
+
+[carousel docs](https://daisyui.com/components/carousel/)
+
+#### Class names
+- component: `carousel`
+- part: `carousel-item`
+- modifier: `carousel-start`, `carousel-center`, `carousel-end`
+- direction: `carousel-horizontal`, `carousel-vertical`
+
+#### Syntax
+```html
+<div class="carousel {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/direction class names
+- Content is a list of `carousel-item` divs: `<div class="carousel-item"></div>`
+- To create a full-width carousel, add `w-full` to each carousel item
+
+### chat
+Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc
+
+[chat docs](https://daisyui.com/components/chat/)
+
+#### Class names
+- component: `chat`
+- part: `chat-image`, `chat-header`, `chat-footer`, `chat-bubble`
+- placement: `chat-start`, `chat-end`
+- color: `chat-bubble-neutral`, `chat-bubble-primary`, `chat-bubble-secondary`, `chat-bubble-accent`, `chat-bubble-info`, `chat-bubble-success`, `chat-bubble-warning`, `chat-bubble-error`
+
+#### Syntax
+```html
+<div class="chat {PLACEMENT}">
+  <div class="chat-image"></div>
+  <div class="chat-header"></div>
+  <div class="chat-bubble {COLOR}">Message text</div>
+  <div class="chat-footer"></div>
+</div>
+```
+
+#### Rules
+- {PLACEMENT} is required and must be either `chat-start` or `chat-end`
+- {COLOR} is optional and can have one of the color class names
+- To add an avatar, use `<div class="chat-image avatar">` and nest the avatar content inside
+
+### checkbox
+Checkboxes are used to select or deselect a value
+
+[checkbox docs](https://daisyui.com/components/checkbox/)
+
+#### Class names
+- component: `checkbox`
+- color: `checkbox-primary`, `checkbox-secondary`, `checkbox-accent`, `checkbox-neutral`, `checkbox-success`, `checkbox-warning`, `checkbox-info`, `checkbox-error`
+- size: `checkbox-xs`, `checkbox-sm`, `checkbox-md`, `checkbox-lg`, `checkbox-xl`
+
+#### Syntax
+```html
+<input type="checkbox" class="checkbox {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each color/size class names
+
+### collapse
+Collapse is used for showing and hiding content
+
+[collapse docs](https://daisyui.com/components/collapse/)
+
+#### Class names
+- component: `collapse`
+- part: `collapse-title`, `collapse-content`
+- modifier: `collapse-arrow`, `collapse-plus`, `collapse-open`, `collapse-close`
+
+#### Syntax
+```html
+<div tabindex="0" class="collapse {MODIFIER}">
+  <div class="collapse-title">{title}</div>
+  <div class="collapse-content">{CONTENT}</div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names
+- instead of `tabindex="0"`, you can use  `<input type="checkbox">` as a first child
+- Can also be a details/summary tag
+
+### countdown
+Countdown gives you a transition effect when you change a number between 0 to 999
+
+[countdown docs](https://daisyui.com/components/countdown/)
+
+#### Class names
+- component: `countdown`
+
+#### Syntax
+```html
+<span class="countdown">
+  <span style="--value:{number};">number</span>
+</span>
+```
+
+#### Rules
+- The `--value` CSS variable and text must be a number between 0 and 999
+- you need to change the span text and the `--value` CSS variable using JS
+- you need to add `aria-live="polite"` and `aria-label="{number}"` so screen readers can properly read changes
+
+### diff
+Diff component shows a side-by-side comparison of two items
+
+[diff docs](https://daisyui.com/components/diff/)
+
+#### Class names
+- component: `diff`
+- part: `diff-item-1`, `diff-item-2`, `diff-resizer`
+
+#### Syntax
+```html
+<figure class="diff">
+  <div class="diff-item-1">{item1}</div>
+  <div class="diff-item-2">{item2}</div>
+  <div class="diff-resizer"></div>
+</figure>
+```
+
+#### Rules
+- To maintain aspect ratio, add `aspect-16/9` or other aspect ratio classes to `<figure class="diff">` element
+
+### divider
+Divider will be used to separate content vertically or horizontally
+
+[divider docs](https://daisyui.com/components/divider/)
+
+#### Class names
+- component: `divider`
+- color: `divider-neutral`, `divider-primary`, `divider-secondary`, `divider-accent`, `divider-success`, `divider-warning`, `divider-info`, `divider-error`
+- direction: `divider-vertical`, `divider-horizontal`
+- placement: `divider-start`, `divider-end`
+
+#### Syntax
+```html
+<div class="divider {MODIFIER}">{text}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each direction/color/placement class names
+- Omit text for a blank divider
+
+### dock
+Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen
+
+[dock docs](https://daisyui.com/components/dock/)
+
+#### Class names
+- component: `dock`
+- part: `dock-label`
+- modifier: `dock-active`
+- size: `dock-xs`, `dock-sm`, `dock-md`, `dock-lg`, `dock-xl`
+
+#### Syntax
+```html
+<div class="dock {MODIFIER}">{CONTENT}</div>
+```
+where content is a list of buttons:
+```html
+<button>
+    <svg>{icon}</svg>
+    <span class="dock-label">Text</span>
+</button>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the size class names
+- To make a button active, add `dock-active` class to the button
+- add `<meta name="viewport" content="viewport-fit=cover">` is required for responsivness of the dock in iOS
+
+### drawer
+Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page
+
+[drawer docs](https://daisyui.com/components/drawer/)
+
+#### Class names
+- component: `drawer`
+- part: `drawer-toggle`, `drawer-content`, `drawer-side`, `drawer-overlay`
+- placement: `drawer-end`
+- modifier: `drawer-open`
+- variant: `is-drawer-open:`, `is-drawer-close:`
+
+#### Syntax
+```html
+<div class="drawer {MODIFIER}">
+  <input id="my-drawer" type="checkbox" class="drawer-toggle" />
+  <div class="drawer-content">{CONTENT}</div>
+  <div class="drawer-side">{SIDEBAR}</div>
+</div>
+```
+where {CONTENT} can be navbar, site content, footer, etc
+and {SIDEBAR} can be a menu like:
+```html
+<ul class="menu p-4 w-80 min-h-full bg-base-100 text-base-content">
+  <li><a>Item 1</a></li>
+  <li><a>Item 2</a></li>
+</ul>
+```
+To open/close the drawer, use a label that points to the `drawer-toggle` input:
+```html
+<label for="my-drawer" class="btn drawer-button">Open/close drawer</label>
+```
+Example: This sidebar is always visible on large screen, can be toggled on small screen:
+```html
+<div class="drawer lg:drawer-open">
+  <input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
+  <div class="drawer-content flex flex-col items-center justify-center">
+    <!-- Page content here -->
+    <label for="my-drawer-3" class="btn drawer-button lg:hidden">
+      Open drawer
+    </label>
+  </div>
+  <div class="drawer-side">
+    <label for="my-drawer-3" aria-label="close sidebar" class="drawer-overlay"></label>
+    <ul class="menu bg-base-200 min-h-full w-80 p-4">
+      <!-- Sidebar content here -->
+      <li><button>Sidebar Item 1</button></li>
+      <li><button>Sidebar Item 2</button></li>
+    </ul>
+  </div>
+</div>
+```
+
+Example: This sidebar is always visible. When it's close we only see iocns, when it's open we see icons and text
+```html
+<div class="drawer lg:drawer-open">
+  <input id="my-drawer-4" type="checkbox" class="drawer-toggle" />
+  <div class="drawer-content">
+    <!-- Page content here -->
+  </div>
+  <div class="drawer-side is-drawer-close:overflow-visible">
+    <label for="my-drawer-4" aria-label="close sidebar" class="drawer-overlay"></label>
+    <div class="is-drawer-close:w-14 is-drawer-open:w-64 bg-base-200 flex flex-col items-start min-h-full">
+      <!-- Sidebar content here -->
+      <ul class="menu w-full grow">
+        <!-- list item -->
+        <li>
+          <button class="is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Homepage">
+            🏠
+            <span class="is-drawer-close:hidden">Homepage</span>
+          </button>
+        </li>
+        <!-- list item -->
+        <li>
+          <button class="is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Settings">
+            ⚙️
+            <span class="is-drawer-close:hidden">Settings</span>
+          </button>
+        </li>
+      </ul>
+      <!-- button to open/close drawer -->
+      <div class="m-2 is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Open">
+        <label for="my-drawer-4" class="btn btn-ghost btn-circle drawer-button is-drawer-open:rotate-y-180">
+          ↔️
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/placement class names
+- `id` is required for the `drawer-toggle` input. change `my-drawer` to a unique id according to your needs
+- `lg:drawer-open` can be used to make sidebar visible on larger screens
+- `drawer-toggle` is a hidden checkbox. Use label with "for" attribute to toggle state
+- if you want to open the drawer when a button is clicked, use `<label for="my-drawer" class="btn drawer-button">Open drawer</label>` where `my-drawer` is the id of the `drawer-toggle` input
+- when using drawer, every page content must be inside `drawer-content` element. for example navbar, footer, etc should not be outside of `drawer`
+
+### dropdown
+Dropdown can open a menu or any other element when the button is clicked
+
+[dropdown docs](https://daisyui.com/components/dropdown/)
+
+#### Class names
+- component: `dropdown`
+- part: `dropdown-content`
+- placement: `dropdown-start`, `dropdown-center`, `dropdown-end`, `dropdown-top`, `dropdown-bottom`, `dropdown-left`, `dropdown-right`
+- modifier: `dropdown-hover`, `dropdown-open`, `dropdown-close`
+
+#### Syntax
+Using details and summary
+```html
+<details class="dropdown">
+  <summary>Button</summary>
+  <ul class="dropdown-content">{CONTENT}</ul>
+</details>
+```
+
+Using popover API
+```html
+<button popovertarget="{id}" style="anchor-name:--{anchor}">{button}</button>
+<ul class="dropdown-content" popover id="{id}" style="position-anchor:--{anchor}">{CONTENT}</ul>
+```
+
+Using CSS focus
+```html
+<div class="dropdown">
+  <div tabindex="0" role="button">Button</div>
+  <ul tabindex="-1" class="dropdown-content">{CONTENT}</ul>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/placement class names
+- replace `{id}` and `{anchor}` with a unique name
+- For CSS focus dropdowns, use `tabindex="0"` and `role="button"` on the button
+- The content can be any HTML element (not just `<ul>`)
+
+### fab
+FAB (Floating Action Button) stays in the bottom corner of screen. It includes a focusable and accessible element with button role. Clicking or focusing it shows additional buttons (known as Speed Dial buttons) in a vertical arrangement or a flower shape (quarter circle)
+
+[fab docs](https://daisyui.com/components/fab/)
+
+#### Class names
+- component: `fab`
+- part: `fab-close`, `fab-main-action`
+- modifier: `fab-flower`
+
+#### Syntax
+A single FAB in the corder of screen
+```html
+<div class="fab">
+  <button class="btn btn-lg btn-circle">{IconOriginal}</button>
+</div>
+```
+A FAB that opens a 3 other buttons in the corner of page vertically
+```html
+<div class="fab">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <button class="btn btn-lg btn-circle">{Icon1}</button>
+  <button class="btn btn-lg btn-circle">{Icon2}</button>
+  <button class="btn btn-lg btn-circle">{Icon3}</button>
+</div>
+```
+A FAB that opens a 3 other buttons in the corner of page vertically and they have label text
+```html
+<div class="fab">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
+  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
+  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
+</div>
+```
+FAB with rectangle buttons. These are not circular buttons so they can have more content.
+```html
+<div class="fab">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <button class="btn btn-lg">{Label1}</button>
+  <button class="btn btn-lg">{Label2}</button>
+  <button class="btn btn-lg">{Label3}</button>
+</div>
+```
+FAB with close button. When FAB is open, the original button is replaced with a close button
+```html
+<div class="fab">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <div class="fab-close">Close <span class="btn btn-circle btn-lg btn-error">✕</span></div>
+  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
+  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
+  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
+</div>
+```
+FAB with Main Action button. When FAB is open, the original button is replaced with a main action button
+```html
+<div class="fab">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <div class="fab-main-action">
+    {LabelMainAction}<button class="btn btn-circle btn-secondary btn-lg">{IconMainAction}</button>
+  </div>
+  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
+  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
+  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
+</div>
+```
+FAB Flower. It opens the buttons in a flower shape (quarter circle) arrangement instead of vertical
+```html
+<div class="fab fab-flower">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <button class="fab-main-action btn btn-circle btn-lg">{IconMainAction}</button>
+  <button class="btn btn-lg btn-circle">{Icon1}</button>
+  <button class="btn btn-lg btn-circle">{Icon2}</button>
+  <button class="btn btn-lg btn-circle">{Icon3}</button>
+</div>
+```
+FAB Flower with tooltips. There's no space for a text label in a quarter circle, so tooltips are used to indicate the button's function
+```html
+<div class="fab fab-flower">
+  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
+  <button class="fab-main-action btn btn-circle btn-lg">{IconMainAction}</button>
+  <div class="tooltip tooltip-left" data-tip="{Label1}">
+    <button class="btn btn-lg btn-circle">{Icon1}</button>
+  </div>
+  <div class="tooltip tooltip-left" data-tip="{Label2}">
+    <button class="btn btn-lg btn-circle">{Icon2}</button>
+  </div>
+  <div class="tooltip tooltip-left" data-tip="{Label3}">
+    <button class="btn btn-lg btn-circle">{Icon3}</button>
+  </div>
+</div>
+```
+#### Rules
+- {Icon*} should be replaced with the appropriate icon for each button. SVG icons are recommended
+- {IconOriginal} is the icon that we see before opening the FAB
+- {IconMainAction} is the icon we see after opening the FAB
+- {Icon1}, {Icon2}, {Icon3} are the icons for the additional buttons
+- {Label*} is the label text for each button
+
+### fieldset
+Fieldset is a container for grouping related form elements. It includes fieldset-legend as a title and label as a description
+
+[fieldset docs](https://daisyui.com/components/fieldset/)
+
+#### Class names
+- Component: `fieldset`, `label`
+- Parts: `fieldset-legend`
+
+#### Syntax
+```html
+<fieldset class="fieldset">
+  <legend class="fieldset-legend">{title}</legend>
+  {CONTENT}
+  <p class="label">{description}</p>
+</fieldset>
+```
+
+#### Rules
+- You can use any element as a direct child of fieldset to add form elements
+
+### file-input
+File Input is a an input field for uploading files
+
+[file-input docs](https://daisyui.com/components/file-input/)
+
+#### Class Names:
+- Component: `file-input`
+- Style: `file-input-ghost`
+- Color: `file-input-neutral`, `file-input-primary`, `file-input-secondary`, `file-input-accent`, `file-input-info`, `file-input-success`, `file-input-warning`, `file-input-error`
+- Size: `file-input-xs`, `file-input-sm`, `file-input-md`, `file-input-lg`, `file-input-xl`
+
+#### Syntax
+```html
+<input type="file" class="file-input {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/size class names
+
+### filter
+Filter is a group of radio buttons. Choosing one of the options will hide the others and shows a reset button next to the chosen option
+
+[filter docs](https://daisyui.com/components/filter/)
+
+#### Class names
+- component: `filter`
+- part: `filter-reset`
+
+#### Syntax
+Using HTML form
+```html
+<form class="filter">
+  <input class="btn btn-square" type="reset" value="×"/>
+  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 1 title"/>
+  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 2 title"/>
+</form>
+```
+Without HTML form
+```html
+<div class="filter">
+  <input class="btn filter-reset" type="radio" name="{NAME}" aria-label="×"/>
+  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 1 title"/>
+  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 2 title"/>
+</div>
+```
+
+#### Rules
+- replace `{NAME}` with proper value, according to the context of the filter
+- Each set of radio inputs must have unique `name` attributes to avoid conflicts
+- Use `<form>` tag when possible and only use `<div>` if you can't use a HTML form for some reason
+- Use `filter-reset` class for the reset button
+
+### footer
+Footer can contain logo, copyright notice, and links to other pages
+
+[footer docs](https://daisyui.com/components/footer/)
+
+#### Class names
+- component: `footer`
+- part: `footer-title`
+- placement: `footer-center`
+- direction: `footer-horizontal`, `footer-vertical`
+
+#### Syntax
+```html
+<footer class="footer {MODIFIER}">{CONTENT}</footer>
+```
+where content can contain several `<nav>` tags with `footer-title` and links inside
+
+#### Rules
+- {MODIFIER} is optional and can have one of each placement/direction class names
+- try to use `sm:footer-horizontal` to make footer responsive
+- suggestion - use `base-200` for background color
+
+### hero
+Hero is a component for displaying a large box or image with a title and description
+
+[hero docs](https://daisyui.com/components/hero/)
+
+#### Class names
+- component: `hero`
+- part: `hero-content`, `hero-overlay`
+
+#### Syntax
+```html
+<div class="hero {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional
+- Use `hero-content` for the text content
+- Use `hero-overlay` inside the hero to overlay the background image with a color
+- Content can contain a figure
+
+### hover-3d
+Hover 3D is a wrapper component that adds a 3D hover effect to its content. When we hover over the component, it tilts and rotates based on the mouse position, creating an interactive 3D effect. 
+
+`hover-3d` works by placing 8 hover zones on top of the content. Each zone detects mouse movement and applies a slight rotation to the content based on the mouse position within that zone. The combined effect of all 8 zones creates a smooth and responsive 3D tilt effect as the user moves their mouse over the component.
+
+Only use non-interactive content inside the `hover-3d` wrapper. If you want to make the entire card clickable, use a link for the whole `hover-3d` component instead of putting interactive elements like buttons or links inside it.
+
+[hover-3d docs](https://daisyui.com/components/hover-3d/)
+
+#### Class names
+- component: `hover-3d`
+
+#### Syntax
+```html
+<div class="hover-3d my-12 mx-2">
+  <figure class="max-w-100 rounded-2xl">
+    <img src="https://img.daisyui.com/images/stock/creditcard.webp" alt="Tailwind CSS 3D card" />
+  </figure>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+```
+
+#### Rules
+- hover-3d can be a `<div>` or a `<a>`
+- hover-3d must have exactly 9 direct children where the first child is the main content and the other 8 children are empty `<div>`s for hover zones
+- content inside hover-3d should be non-interactive (no buttons, links, inputs, etc)
+
+### hover-gallery
+Hover Gallery is container of images. The first image is visible be default and when we hover it horizontally, other images show up. Hover Gallery is useful for product cards in ecommerce sites, portfoilios or in image galleries. Hover Gallery can include up to 10 images.
+
+[hover-gallery docs](https://daisyui.com/components/hover-gallery/)
+
+#### Class names
+- component: `hover-gallery`
+
+#### Syntax
+```html
+<figure class="hover-gallery max-w-60">
+  <img src="https://img.daisyui.com/images/stock/daisyui-hat-1.webp" />
+  <img src="https://img.daisyui.com/images/stock/daisyui-hat-2.webp" />
+  <img src="https://img.daisyui.com/images/stock/daisyui-hat-3.webp" />
+  <img src="https://img.daisyui.com/images/stock/daisyui-hat-4.webp" />
+</figure>
+```
+
+#### Rules
+- hover-gallery can be a `<div>` or a `<figure>`
+- hover-gallery can include up to 10 images
+- hover-gallery needs a max width otherwise if fills the container width
+- images must be same dimensions for a proper alignment
+
+### indicator
+Indicators are used to place an element on the corner of another element
+
+[indicator docs](https://daisyui.com/components/indicator/)
+
+#### Class names
+- component: `indicator`
+- part: `indicator-item`
+- placement: `indicator-start`, `indicator-center`, `indicator-end`, `indicator-top`, `indicator-middle`, `indicator-bottom`
+
+#### Syntax
+```html
+<div class="indicator">
+  <span class="indicator-item">{indicator content}</span>
+  <div>{main content}</div>
+</div>
+```
+
+#### Rules
+- Add all indicator elements (with `indicator-item` class) before the main content
+- {placement} is optional and can have one of each horizontal/vertical class names. default is `indicator-end indicator-top`
+
+### input
+Text Input is a simple input field
+
+[input docs](https://daisyui.com/components/input/)
+
+#### Class names
+- component: `input`
+- style: `input-ghost`
+- color: `input-neutral`, `input-primary`, `input-secondary`, `input-accent`, `input-info`, `input-success`, `input-warning`, `input-error`
+- size: `input-xs`, `input-sm`, `input-md`, `input-lg`, `input-xl`
+
+#### Syntax
+```html
+<input type="{type}" placeholder="Type here" class="input {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/size class names
+- Can be used with any input field type (text, password, email, etc.)
+- Use `input` class for the parent when you have more than one element inside input
+
+### join
+Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items
+
+[join docs](https://daisyui.com/components/join/)
+
+#### Class names
+- component: `join`, `join-item`
+- direction: `join-vertical`, `join-horizontal`
+
+#### Syntax
+```html
+<div class="join {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the direction class names
+- Any direct child of the join element will get joined together
+- Any element with `join-item` will be affected
+- Use `lg:join-horizontal` for responsive layouts
+
+### kbd
+Kbd is used to display keyboard shortcuts
+
+[kbd docs](https://daisyui.com/components/kbd/)
+
+#### Class names
+- component: `kbd`
+- size: `kbd-xs`, `kbd-sm`, `kbd-md`, `kbd-lg`, `kbd-xl`
+
+#### Syntax
+```html
+<kbd class="kbd {MODIFIER}">K</kbd>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the size class names
+
+### label
+Label is used to provide a name or title for an input field. Label can be placed before or after the field
+
+[label docs](https://daisyui.com/components/label/)
+
+#### Class names
+- component: `label`, `floating-label`
+
+#### Syntax
+For regular label:
+```html
+<label class="input">
+  <span class="label">{label text}</span>
+  <input type="text" placeholder="Type here" />
+</label>
+```
+For floating label:
+```html
+<label class="floating-label">
+  <input type="text" placeholder="Type here" class="input" />
+  <span>{label text}</span>
+</label>
+```
+
+#### Rules
+- The `input` class is for styling the parent element which contains the input field and label, so the label does not have the 'input' class
+- Use `floating-label` for the parent of an input field and a span that floats above the input field when the field is focused
+
+### link
+Link adds the missing underline style to links
+
+[link docs](https://daisyui.com/components/link/)
+
+#### Class names
+- component: `link`
+- style: `link-hover`
+- color: `link-neutral`, `link-primary`, `link-secondary`, `link-accent`, `link-success`, `link-info`, `link-warning`, `link-error`
+
+#### Syntax
+```html
+<a class="link {MODIFIER}">Click me</a>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names
+
+### list
+List is a vertical layout to display information in rows
+
+[list docs](https://daisyui.com/components/list/)
+
+#### Class Names:
+- Component: `list`, `list-row`
+- Modifier: `list-col-wrap`, `list-col-grow`
+
+#### Syntax
+```html
+<ul class="list">
+  <li class="list-row">{CONTENT}</li>
+</ul>
+```
+
+#### Rules
+- Use `list-row` for each item inside the list
+- By default, the second child of the `list-row` will fill the remaining space. You can use `list-col-grow` on another child to make it fill the remaining space instead
+- Use `list-col-wrap` to force an item to wrap to the next line
+
+### loading
+Loading shows an animation to indicate that something is loading
+
+[loading docs](https://daisyui.com/components/loading/)
+
+#### Class names
+- component: `loading`
+- style: `loading-spinner`, `loading-dots`, `loading-ring`, `loading-ball`, `loading-bars`, `loading-infinity`
+- size: `loading-xs`, `loading-sm`, `loading-md`, `loading-lg`, `loading-xl`
+
+#### Syntax
+```html
+<span class="loading {MODIFIER}"></span>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the style/size class names
+
+### mask
+Mask crops the content of the element to common shapes
+
+[mask docs](https://daisyui.com/components/mask/)
+
+#### Class names
+- component: `mask`
+- style: `mask-squircle`, `mask-heart`, `mask-hexagon`, `mask-hexagon-2`, `mask-decagon`, `mask-pentagon`, `mask-diamond`, `mask-square`, `mask-circle`, `mask-star`, `mask-star-2`, `mask-triangle`, `mask-triangle-2`, `mask-triangle-3`, `mask-triangle-4`
+- modifier: `mask-half-1`, `mask-half-2`
+
+#### Syntax
+```html
+<img class="mask {MODIFIER}" src="{image-url}" />
+```
+
+#### Rules
+- {MODIFIER} is required and can have one of the style/modifier class names
+- You can change the shape of any element using `mask` class names
+- You can set custom sizes using `w-*` and `h-*`
+
+### menu
+Menu is used to display a list of links vertically or horizontally
+
+[menu docs](https://daisyui.com/components/menu/)
+
+#### Class names
+- component: `menu`
+- part: `menu-title`, `menu-dropdown`, `menu-dropdown-toggle`
+- modifier: `menu-disabled`, `menu-active`, `menu-focus`, `menu-dropdown-show`
+- size: `menu-xs`, `menu-sm`, `menu-md`, `menu-lg`, `menu-xl`
+- direction: `menu-vertical`, `menu-horizontal`
+
+#### Syntax
+Vertical menu:
+```html
+<ul class="menu">
+  <li><button>Item</button></li>
+</ul>
+```
+Horizontal menu:
+```html
+<ul class="menu menu-horizontal">
+  <li><button>Item</button></li>
+</ul>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/size/direction class names
+- Use `lg:menu-horizontal` for responsive layouts
+- Use `menu-title` for list item title
+- Use `<details>` tag to make submenus collapsible
+- Use `menu-dropdown` and `menu-dropdown-toggle` to toggle the dropdown using JS
+
+### mockup-browser
+Browser mockup shows a box that looks like a browser window
+
+[mockup-browser docs](https://daisyui.com/components/mockup-browser/)
+
+#### Class names
+- component: `mockup-browser`
+- part: `mockup-browser-toolbar`
+
+#### Syntax
+```html
+<div class="mockup-browser">
+  <div class="mockup-browser-toolbar">
+    {toolbar content}
+  </div>
+  <div>{CONTENT}</div>
+</div>
+```
+
+#### Rules
+- For a default mockup, use just `mockup-browser` class name
+- To set a URL in toolbar, add a div with `input` class
+
+### mockup-code
+Code mockup is used to show a block of code in a box that looks like a code editor
+
+[mockup-code docs](https://daisyui.com/components/mockup-code/)
+
+#### Class names
+- component: `mockup-code`
+
+#### Syntax
+```html
+<div class="mockup-code">
+  <pre data-prefix="$"><code>npm i daisyui</code></pre>
+</div>
+```
+
+#### Rules
+- Use `<pre data-prefix="{prefix}">` to show a prefix before each line
+- Use `<code>` tag to add code syntax highlighting (requires additional library)
+- To highlight a line, add background/text color
+
+### mockup-phone
+Phone mockup shows a mockup of an iPhone
+
+[mockup-phone docs](https://daisyui.com/components/mockup-phone/)
+
+#### Class names
+- component: `mockup-phone`
+- part: `mockup-phone-camera`, `mockup-phone-display`
+
+#### Syntax
+```html
+<div class="mockup-phone">
+  <div class="mockup-phone-camera"></div>
+  <div class="mockup-phone-display">{CONTENT}</div>
+</div>
+```
+
+#### Rules
+- Inside `mockup-phone-display` you can add anything
+
+### mockup-window
+Window mockup shows a box that looks like an operating system window
+
+[mockup-window docs](https://daisyui.com/components/mockup-window/)
+
+#### Class names
+- component: `mockup-window`
+
+#### Syntax
+```html
+<div class="mockup-window">
+  <div>{CONTENT}</div>
+</div>
+```
+
+### modal
+Modal is used to show a dialog or a box when you click a button
+
+[modal docs](https://daisyui.com/components/modal/)
+
+#### Class names
+- component: `modal`
+- part: `modal-box`, `modal-action`, `modal-backdrop`, `modal-toggle`
+- modifier: `modal-open`
+- placement: `modal-top`, `modal-middle`, `modal-bottom`, `modal-start`, `modal-end`
+
+#### Syntax
+Using HTML dialog element
+```html
+<button onclick="my_modal.showModal()">Open modal</button>
+<dialog id="my_modal" class="modal">
+  <div class="modal-box">{CONTENT}</div>
+  <form method="dialog" class="modal-backdrop"><button>close</button></form>
+</dialog>
+```
+
+Using checkbox (legacy)
+```html
+<label for="my-modal" class="btn">Open modal</label>
+<input type="checkbox" id="my-modal" class="modal-toggle" />
+<div class="modal">
+  <div class="modal-box">{CONTENT}</div>
+  <label class="modal-backdrop" for="my-modal">Close</label>
+</div>
+```
+
+Using anchor links (legacy)
+```html
+<a href="#my-modal" class="btn">Open modal</a>
+<div class="modal" id="my-modal">
+  <div class="modal-box">{CONTENT}</div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/placement class names
+- Add `tabindex="0"` to make modal focusable
+- Use unique IDs for each modal
+- For HTML dialog element modals, add `<form method="dialog">` for closing the modal with submit
+
+### navbar
+Navbar is used to show a navigation bar on the top of the page
+
+[navbar docs](https://daisyui.com/components/navbar/)
+
+#### Class names
+- component: `navbar`
+- part: `navbar-start`, `navbar-center`, `navbar-end`
+
+#### Syntax
+```html
+<div class="navbar">{CONTENT}</div>
+```
+
+#### Rules
+- use `navbar-start`, `navbar-center`, `navbar-end` to position content horizontally
+- put anything inside each section
+- suggestion - use `base-200` for background color
+
+### pagination
+Pagination is a group of buttons
+
+[pagination docs](https://daisyui.com/components/pagination/)
+
+#### Class names
+- component: `join`
+- part: `join-item`
+- direction: `join-vertical`, `join-horizontal`
+
+#### Syntax
+```html
+<div class="join">{CONTENT}</div>
+```
+
+#### Rules
+- Use `join-item` for each button or link inside the pagination
+- Use `btn` class for styling pagination items
+
+### progress
+Progress bar can be used to show the progress of a task or to show the passing of time
+
+[progress docs](https://daisyui.com/components/progress/)
+
+#### Class names
+- component: `progress`
+- color: `progress-neutral`, `progress-primary`, `progress-secondary`, `progress-accent`, `progress-info`, `progress-success`, `progress-warning`, `progress-error`
+
+#### Syntax
+```html
+<progress class="progress {MODIFIER}" value="50" max="100"></progress>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the color class names
+- You must specify value and max attributes
+
+### radial-progress
+Radial progress can be used to show the progress of a task or to show the passing of time
+
+[radial-progress docs](https://daisyui.com/components/radial-progress/)
+
+#### Class names
+- component: `radial-progress`
+
+#### Syntax
+```html
+<div class="radial-progress" style="--value:70;" aria-valuenow="70" role="progressbar">70%</div>
+```
+
+#### Rules
+- The `--value` CSS variable and text must be a number between 0 and 100
+- you need to add `aria-valuenow="{value}"`, `aria-valuenow={value}` so screen readers can properly read value and also show that its a progress element to them
+- Use `div` instead of progress because browsers can't show text inside progress tag
+- Use `--size` for setting size (default 5rem) and `--thickness` to set how thick the indicator is
+
+### radio
+Radio buttons allow the user to select one option
+
+[radio docs](https://daisyui.com/components/radio/)
+
+#### Class names
+- component: `radio`
+- color: `radio-neutral`, `radio-primary`, `radio-secondary`, `radio-accent`, `radio-success`, `radio-warning`, `radio-info`, `radio-error`
+- size: `radio-xs`, `radio-sm`, `radio-md`, `radio-lg`, `radio-xl`
+
+#### Syntax
+```html
+<input type="radio" name="{name}" class="radio {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the size/color class names
+- Replace {name} with a unique name for the radio group
+- Each set of radio inputs should have unique `name` attributes to avoid conflicts with other sets of radio inputs on the same page
+
+### range
+Range slider is used to select a value by sliding a handle
+
+[range docs](https://daisyui.com/components/range/)
+
+#### Class names
+- component: `range`
+- color: `range-neutral`, `range-primary`, `range-secondary`, `range-accent`, `range-success`, `range-warning`, `range-info`, `range-error`
+- size: `range-xs`, `range-sm`, `range-md`, `range-lg`, `range-xl`
+
+#### Syntax
+```html
+<input type="range" min="0" max="100" value="40" class="range {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each color/size class names
+- You must specify `min` and `max` attributes
+
+### rating
+Rating is a set of radio buttons that allow the user to rate something
+
+[rating docs](https://daisyui.com/components/rating/)
+
+#### Class names
+- component: `rating`
+- modifier: `rating-half`, `rating-hidden`
+- size: `rating-xs`, `rating-sm`, `rating-md`, `rating-lg`, `rating-xl`
+
+#### Syntax
+```html
+<div class="rating {MODIFIER}">
+  <input type="radio" name="rating-1" class="mask mask-star" />
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/size class names
+- Each set of rating inputs should have unique `name` attributes to avoid conflicts with other ratings on the same page
+- Add `rating-hidden` for the first radio to make it hidden so user can clear the rating
+
+### select
+Select is used to pick a value from a list of options
+
+[select docs](https://daisyui.com/components/select/)
+
+#### Class names
+- component: `select`
+- style: `select-ghost`
+- color: `select-neutral`, `select-primary`, `select-secondary`, `select-accent`, `select-info`, `select-success`, `select-warning`, `select-error`
+- size: `select-xs`, `select-sm`, `select-md`, `select-lg`, `select-xl`
+
+#### Syntax
+```html
+<select class="select {MODIFIER}">
+  <option>Option</option>
+</select>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/size class names
+
+### skeleton
+Skeleton is a component that can be used to show a loading state
+
+[skeleton docs](https://daisyui.com/components/skeleton/)
+
+#### Class names
+- component: `skeleton`
+- modifier: `skeleton-text`
+
+#### Syntax
+```html
+<div class="skeleton"></div>
+```
+Example with text skeleton:
+```html
+<div class="skeleton skeleton-text">Loading data...</div>
+```
+
+#### Rules
+- Add `h-*` and `w-*` utility classes to set height and width
+
+### stack
+Stack visually puts elements on top of each other
+
+[stack docs](https://daisyui.com/components/stack/)
+
+#### Class Names:
+- Component: `stack`
+- Modifier: `stack-top`, `stack-bottom`, `stack-start`, `stack-end`
+
+#### Syntax
+```html
+<div class="stack {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier class names
+- You can use `w-*` and `h-*` classes to set the width and height of the stack, making all items the same size
+
+### stat
+Stat is used to show numbers and data in a block
+
+[stat docs](https://daisyui.com/components/stat/)
+
+#### Class names
+- Component: `stats`
+- Part: `stat`, `stat-title`, `stat-value`, `stat-desc`, `stat-figure`, `stat-actions`
+- Direction: `stats-horizontal`, `stats-vertical`
+
+#### Syntax
+```html
+<div class="stats {MODIFIER}">
+  <div class="stat">{CONTENT}</div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the direction class names
+- It's horizontal by default but you can make it vertical with the `stats-vertical` class
+- Content includes `stat-title`, `stat-value`, `stat-desc` inside a `stat`
+
+### status
+Status is a really small icon to visually show the current status of an element, like online, offline, error, etc
+
+[status docs](https://daisyui.com/components/status/)
+
+#### Class Names:
+- Component: `status`
+- Color: `status-neutral`, `status-primary`, `status-secondary`, `status-accent`, `status-info`, `status-success`, `status-warning`, `status-error`
+- Size: `status-xs`, `status-sm`, `status-md`, `status-lg`, `status-xl`
+
+#### Syntax
+```html
+<span class="status {MODIFIER}"></span>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the color/size class names
+- This component does not render anything visible
+
+### steps
+Steps can be used to show a list of steps in a process
+
+[steps docs](https://daisyui.com/components/steps/)
+
+#### Class Names:
+- Component: `steps`
+- Part: `step`, `step-icon`
+- Color: `step-neutral`, `step-primary`, `step-secondary`, `step-accent`, `step-info`, `step-success`, `step-warning`, `step-error`
+- Direction: `steps-vertical`, `steps-horizontal`
+
+#### Syntax
+```html
+<ul class="steps {MODIFIER}">
+  <li class="step">{step content}</li>
+</ul>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each direction/color class names
+- To make a step active, add the `step-primary` class
+- You can add an icon in each step using `step-icon` class
+- To display data in `data-content` ,use `data-content="{value}"` at the `<li>`
+
+### swap
+Swap allows you to toggle the visibility of two elements using a checkbox or a class name
+
+[swap docs](https://daisyui.com/components/swap/)
+
+#### Class Names:
+- Component: `swap`
+- Part: `swap-on`, `swap-off`, `swap-indeterminate`
+- Modifier: `swap-active`
+- Style: `swap-rotate`, `swap-flip`
+
+#### Syntax
+Using checkbox
+```html
+<label class="swap {MODIFIER}">
+  <input type="checkbox" />
+  <div class="swap-on">{content when active}</div>
+  <div class="swap-off">{content when inactive}</div>
+</label>
+```
+
+Using class name
+```html
+<div class="swap {MODIFIER}">
+  <div class="swap-on">{content when active}</div>
+  <div class="swap-off">{content when inactive}</div>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/style class names
+- Use only a hidden checkbox to control swap state or add/remove the `swap-active` class using JS to control state
+- To show something when the checkbox is indeterminate, use `swap-indeterminate` class
+
+### tab
+Tabs can be used to show a list of links in a tabbed format
+
+[tab docs](https://daisyui.com/components/tab/)
+
+#### Class Names:
+- Component: `tabs`
+- Part: `tab`, `tab-content`
+- Style: `tabs-box`, `tabs-border`, `tabs-lift`
+- Modifier: `tab-active`, `tab-disabled`
+- Placement: `tabs-top`, `tabs-bottom`
+
+#### Syntax
+Using buttons:
+```html
+<div role="tablist" class="tabs {MODIFIER}">
+  <button role="tab" class="tab">Tab</button>
+</div>
+```
+
+Using radio inputs:
+```html
+<div role="tablist" class="tabs tabs-box">
+  <input type="radio" name="my_tabs" class="tab" aria-label="Tab" />
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the style/size class names
+- Radio inputs are needed for tab content to work with tab click
+- If tabs gets a background then every tab inside it becomes rounded from both top corners
+
+### table
+Table can be used to show a list of data in a table format
+
+[table docs](https://daisyui.com/components/table/)
+
+#### Class Names:
+- Component: `table`
+- Modifier: `table-zebra`, `table-pin-rows`, `table-pin-cols`
+- Size: `table-xs`, `table-sm`, `table-md`, `table-lg`, `table-xl`
+
+#### Syntax
+```html
+<div class="overflow-x-auto">
+  <table class="table {MODIFIER}">
+    <thead>
+      <tr>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <th></th>
+      </tr>
+    </tbody>
+  </table>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each modifier/size class names
+- The `overflow-x-auto` class is added to the wrapper div to make the table horizontally scrollable on smaller screens
+
+### text-rotate
+Text Rotate can show up to 6 lines of text, one at a time, with a an infinite loop animation. Duration is 10 seconds by default. The animation will pause on hover.
+
+[textarea docs](https://daisyui.com/components/text-rotate/)
+
+#### Class Names:
+- Component: `text-rotate`
+
+#### Syntax
+```html
+<span class="text-rotate">
+  <span>
+    <span>Word 1</span>
+    <span>Word 2</span>
+    <span>Word 3</span>
+    <span>Word 4</span>
+    <span>Word 5</span>
+    <span>Word 6</span>
+  </span>
+</span>
+```
+Example:
+Big font size, horizontally centered
+```html
+<span class="text-rotate max-md:text-3xl text-7xl font-title">
+  <span class="justify-items-center">
+    <span>DESIGN</span>
+    <span>DEVELOP</span>
+    <span>DEPLOY</span>
+    <span>SCALE</span>
+    <span>MAINTAIN</span>
+    <span>REPEAT</span>
+  </span>
+</span>
+```
+Rotating words in a sentence, different colors for each word
+```html
+<span>
+  Providing AI Agents for 
+  <span class="text-rotate">
+    <span>
+      <span class="bg-teal-400 text-teal-800 px-2">Designers</span>
+      <span class="bg-red-400 text-red-800 px-2">Developers</span>
+      <span class="bg-blue-400 text-blue-800 px-2">Managers</span>
+    </span>
+  </span>
+</span>
+```
+Custom line height in case you have a tall font or need more vertical spacing between lines
+```html
+<span class="text-rotate max-md:text-3xl text-7xl font-title leading-[2]">
+  <span class="justify-items-center">
+    <span>📐 DESIGN</span>
+    <span>⌨️ DEVELOP</span>
+    <span>🌎 DEPLOY</span>
+    <span>🌱 SCALE</span>
+    <span>🔧 MAINTAIN</span>
+    <span>♻️ REPEAT</span>
+  </span>
+</span>
+```
+
+#### Rules
+- `text-rotate` must have one span or div inside it that contains 2 to 6 spans/divs for each line of text
+- Total duration of the loop is 10000 milliseconds by default
+- You can set custom duration using `duration-{value}` utility class, where value is in milliseconds (e.g. `duration-12000` for 12 seconds)
+
+
+### textarea
+Textarea allows users to enter text in multiple lines
+
+[textarea docs](https://daisyui.com/components/textarea/)
+
+#### Class Names:
+- Component: `textarea`
+- Style: `textarea-ghost`
+- Color: `textarea-neutral`, `textarea-primary`, `textarea-secondary`, `textarea-accent`, `textarea-info`, `textarea-success`, `textarea-warning`, `textarea-error`
+- Size: `textarea-xs`, `textarea-sm`, `textarea-md`, `textarea-lg`, `textarea-xl`
+
+#### Syntax
+```html
+<textarea class="textarea {MODIFIER}" placeholder="Bio"></textarea>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each style/color/size class names
+
+### theme-controller
+If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value
+
+[theme-controller docs](https://daisyui.com/components/theme-controller/)
+
+#### Class names
+- component: `theme-controller`
+
+#### Syntax
+```html
+<input type="checkbox" value="{theme-name}" class="theme-controller" />
+```
+
+#### Rules
+- The value attribute of the input element should be a valid daisyUI theme name
+
+### timeline
+Timeline component shows a list of events in chronological order
+
+[timeline docs](https://daisyui.com/components/timeline/)
+
+#### Class Names:
+- Component: `timeline`
+- Part: `timeline-start`, `timeline-middle`, `timeline-end`
+- Modifier: `timeline-snap-icon`, `timeline-box`, `timeline-compact`
+- Direction: `timeline-vertical`, `timeline-horizontal`
+
+#### Syntax
+```html
+<ul class="timeline {MODIFIER}">
+  <li>
+    <div class="timeline-start">{start}</div>
+    <div class="timeline-middle">{icon}</div>
+    <div class="timeline-end">{end}</div>
+  </li>
+</ul>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the modifier/direction class names
+- To make a vertical timeline, add the `timeline-vertical` class to the `ul` element or just do nothing (because its the default style.)
+- Add `timeline-snap-icon` to snap the icon to the start instead of middle
+- Add the `timeline-compact` class to force all items on one side
+
+### toast
+Toast is a wrapper to stack elements, positioned on the corner of page
+
+[toast docs](https://daisyui.com/components/toast/)
+
+#### Class Names:
+- Component: `toast`
+- Placement: `toast-start`, `toast-center`, `toast-end`, `toast-top`, `toast-middle`, `toast-bottom`
+
+#### Syntax
+```html
+<div class="toast {MODIFIER}">{CONTENT}</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of the placement class names
+
+### toggle
+Toggle is a checkbox that is styled to look like a switch button
+
+[toggle docs](https://daisyui.com/components/toggle/)
+
+#### Class Names:
+- Component: `toggle`
+- Color: `toggle-primary`, `toggle-secondary`, `toggle-accent`, `toggle-neutral`, `toggle-success`, `toggle-warning`, `toggle-info`, `toggle-error`
+- Size: `toggle-xs`, `toggle-sm`, `toggle-md`, `toggle-lg`, `toggle-xl`
+
+#### Syntax
+```html
+<input type="checkbox" class="toggle {MODIFIER}" />
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each color/size class names
+
+### tooltip
+Tooltip can be used to show a message when hovering over an element
+
+[tooltip docs](https://daisyui.com/components/tooltip/)
+
+#### Class names
+- component: `tooltip`
+- part: `tooltip-content`
+- modifier: `tooltip-open`
+- placement: `tooltip-top`, `tooltip-bottom`, `tooltip-left`, `tooltip-right`
+- color: `tooltip-primary`, `tooltip-secondary`, `tooltip-accent`, `tooltip-info`, `tooltip-success`, `tooltip-warning`, `tooltip-error`
+
+#### Syntax
+```html
+<div class="tooltip {MODIFIER}" data-tip="Tooltip text">
+  <button class="btn">Hover me</button>
+</div>
+```
+
+#### Rules
+- {MODIFIER} is optional and can have one of each modifier/placement/color class names
+
+### validator
+Validator class changes the color of form elements to error or success based on input's validation rules
+
+[validator docs](https://daisyui.com/components/validator/)
+
+#### Class names
+- component: `validator`
+- part: `validator-hint`
+
+#### Syntax
+```html
+<input type="{type}" class="input validator" required />
+<p class="validator-hint">Error message</p>
+```
+
+#### Rules
+- Use with `input`, `select`, `textarea`
+

From c4bb405727362575544ccbaa2801870ea2ddf123 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Tue, 19 May 2026 14:46:57 +0800
Subject: [PATCH 25/32] remove extraneous daisyUI.mdc cursor rules

---
 .cursor/rules/daisyui.mdc | 1874 -------------------------------------
 1 file changed, 1874 deletions(-)
 delete mode 100644 .cursor/rules/daisyui.mdc

diff --git a/.cursor/rules/daisyui.mdc b/.cursor/rules/daisyui.mdc
deleted file mode 100644
index 19e9a81239..0000000000
--- a/.cursor/rules/daisyui.mdc
+++ /dev/null
@@ -1,1874 +0,0 @@
----
-description: daisyUI 5
-alwaysApply: true
-applyTo: "**"
-downloadedFrom: https://daisyui.com/llms.txt
-version: 5.5.x
----
-
-# daisyUI 5
-daisyUI 5 is a CSS library for Tailwind CSS 4
-daisyUI 5 provides class names for common UI components
-
-- [daisyUI 5 docs](http://daisyui.com)
-- [Guide: How to use this file in LLMs and code editors](https://daisyui.com/docs/editor/)
-- [daisyUI 5 release notes](https://daisyui.com/docs/v5/)
-- [daisyUI 4 to 5 upgrade guide](https://daisyui.com/docs/upgrade/)
-
-## daisyUI 5 install notes
-[install guide](https://daisyui.com/docs/install/)
-1. daisyUI 5 requires Tailwind CSS 4
-2. `tailwind.config.js` file is deprecated in Tailwind CSS v4. do not use `tailwind.config.js`. Tailwind CSS v4 only needs `@import "tailwindcss";` in the CSS file if it's a node dependency.
-3. daisyUI 5 can be installed using `npm i -D daisyui@latest` and then adding `@plugin "daisyui";` to the CSS file
-4. daisyUI is suggested to be installed as a dependency but if you really want to use it from CDN, you can use Tailwind CSS and daisyUI CDN files:
-```html
-<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
-<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-```
-5. A CSS file with Tailwind CSS and daisyUI looks like this (if it's a node dependency)
-```css
-@import "tailwindcss";
-@plugin "daisyui";
-```
-
-## daisyUI 5 usage rules
-1. We can give styles to a HTML element by adding daisyUI class names to it. By adding a component class name, part class names (if there's any available for that component), and modifier class names (if there's any available for that component)
-2. Components can be customized using Tailwind CSS utility classes if the customization is not possible using the existing daisyUI classes. For example `btn px-10` sets a custom horizontal padding to a `btn`
-3. If customization of daisyUI styles using Tailwind CSS utility classes didn't work because of CSS specificity issues, you can use the `!` at the end of the Tailwind CSS utility class to override the existing styles. For example `btn bg-red-500!` sets a custom background color to a `btn` forcefully. This is a last resort solution and should be used sparingly
-4. If a specific component or something similar to it doesn't exist in daisyUI, you can create your own component using Tailwind CSS utility
-5. when using Tailwind CSS `flex` and `grid` for layout, it should be responsive using Tailwind CSS responsive utility prefixes.
-6. Only allowed class names are existing daisyUI class names or Tailwind CSS utility classes.
-7. Ideally, you won't need to write any custom CSS. Using daisyUI class names or Tailwind CSS utility classes is preferred.
-8. suggested - if you need placeholder images, use https://picsum.photos/200/300 with the size you want
-9. suggested - when designing , don't add a custom font unless it's necessary
-10. don't add `bg-base-100 text-base-content` to body unless it's necessary
-11. For design decisions, use Refactoring UI book best practices
-
-daisyUI 5 class names are one of the following categories. These type names are only for reference and are not used in the actual code
-- `component`: the required component class
-- `part`: a child part of a component
-- `style`: sets a specific style to component or part
-- `behavior`: changes the behavior of component or part
-- `color`: sets a specific color to component or part
-- `size`: sets a specific size to component or part
-- `placement`: sets a specific placement to component or part
-- `direction`: sets a specific direction to component or part
-- `modifier`: modifies the component or part in a specific way
-- `variant`: prefixes for utility classes that conditionally apply styles. syntax is `variant:utility-class`
-
-## Config
-daisyUI 5 config docs: https://daisyui.com/docs/config/
-daisyUI without config:
-```css
-@plugin "daisyui";
-```
-daisyUI config with `light` theme only:
-```css
-@plugin "daisyui" {
-  themes: light --default;
-}
-```
-daisyUI with all the default configs:
-```css
-@plugin "daisyui" {
-  themes: light --default, dark --prefersdark;
-  root: ":root";
-  include: ;
-  exclude: ;
-  prefix: ;
-  logs: true;
-}
-```
-An example config:
-In below config, all the built-in themes are enabled while bumblebee is the default theme and synthwave is the prefersdark theme (default dark mode)
-All the other themes are enabled and can be used by adding `data-theme="THEME_NAME"` to the `<html>` element
-root scrollbar gutter is excluded. `daisy-` prefix is used for all daisyUI classes and console.log is disabled
-```css
-@plugin "daisyui" {
-  themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk;
-  root: ":root";
-  include: ;
-  exclude: rootscrollgutter, checkbox;
-  prefix: daisy-;
-  logs: false;
-}
-```
-## daisyUI 5 colors
-
-### daisyUI color names
-- `primary`: Primary brand color, The main color of your brand
-- `primary-content`: Foreground content color to use on primary color
-- `secondary`: Secondary brand color, The optional, secondary color of your brand
-- `secondary-content`: Foreground content color to use on secondary color
-- `accent`: Accent brand color, The optional, accent color of your brand
-- `accent-content`: Foreground content color to use on accent color
-- `neutral`: Neutral dark color, For not-saturated parts of UI
-- `neutral-content`: Foreground content color to use on neutral color
-- `base-100`:-100 Base surface color of page, used for blank backgrounds
-- `base-200`:-200 Base color, darker shade, to create elevations
-- `base-300`:-300 Base color, even more darker shade, to create elevations
-- `base-content`: Foreground content color to use on base color
-- `info`: Info color, For informative/helpful messages
-- `info-content`: Foreground content color to use on info color
-- `success`: Success color, For success/safe messages
-- `success-content`: Foreground content color to use on success color
-- `warning`: Warning color, For warning/caution messages
-- `warning-content`: Foreground content color to use on warning color
-- `error`: Error color, For error/danger/destructive messages
-- `error-content`: Foreground content color to use on error color
-
-### daisyUI color rules
-1. daisyUI adds semantic color names to Tailwind CSS colors
-2. daisyUI color names can be used in utility classes, like other Tailwind CSS color names. for example, `bg-primary` will use the primary color for the background
-3. daisyUI color names include variables as value so they can change based the theme
-4. There's no need to use `dark:` for daisyUI color names
-5. Ideally only daisyUI color names should be used for colors so the colors can change automatically based on the theme
-6. If a Tailwind CSS color name (like `red-500`) is used, it will be same red color on all themes
-7. If a daisyUI color name (like `primary`) is used, it will change color based on the theme
-8. Using Tailwind CSS color names for text colors should be avoided because Tailwind CSS color `text-gray-800` on `bg-base-100` would be unreadable on a dark theme - because on dark theme, `bg-base-100` is a dark color
-9. `*-content` colors should have a good contrast compared to their associated colors
-10. suggestion - when designing a page use `base-*` colors for majority of the page. use `primary` color for important elements
-
-### daisyUI custom theme with custom colors
-A CSS file with Tailwind CSS, daisyUI and a custom daisyUI theme looks like this:
-```css
-@import "tailwindcss";
-@plugin "daisyui";
-@plugin "daisyui/theme" {
-  name: "mytheme";
-  default: true; /* set as default */
-  prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */
-  color-scheme: light; /* color of browser-provided UI */
-
-  --color-base-100: oklch(98% 0.02 240);
-  --color-base-200: oklch(95% 0.03 240);
-  --color-base-300: oklch(92% 0.04 240);
-  --color-base-content: oklch(20% 0.05 240);
-  --color-primary: oklch(55% 0.3 240);
-  --color-primary-content: oklch(98% 0.01 240);
-  --color-secondary: oklch(70% 0.25 200);
-  --color-secondary-content: oklch(98% 0.01 200);
-  --color-accent: oklch(65% 0.25 160);
-  --color-accent-content: oklch(98% 0.01 160);
-  --color-neutral: oklch(50% 0.05 240);
-  --color-neutral-content: oklch(98% 0.01 240);
-  --color-info: oklch(70% 0.2 220);
-  --color-info-content: oklch(98% 0.01 220);
-  --color-success: oklch(65% 0.25 140);
-  --color-success-content: oklch(98% 0.01 140);
-  --color-warning: oklch(80% 0.25 80);
-  --color-warning-content: oklch(20% 0.05 80);
-  --color-error: oklch(65% 0.3 30);
-  --color-error-content: oklch(98% 0.01 30);
-
-  --radius-selector: 1rem; /* border radius of selectors (checkbox, toggle, badge) */
-  --radius-field: 0.25rem; /* border radius of fields (button, input, select, tab) */
-  --radius-box: 0.5rem; /* border radius of boxes (card, modal, alert) */
-  /* preferred values for --radius-* : 0rem, 0.25rem, 0.5rem, 1rem, 2rem */
-
-  --size-selector: 0.25rem; /* base size of selectors (checkbox, toggle, badge). Value must be 0.25rem unless we intentionally want bigger selectors. In so it can be 0.28125 or 0.3125. If we intentionally want smaller selectors, it can be 0.21875 or 0.1875 */
-  --size-field: 0.25rem; /* base size of fields (button, input, select, tab). Value must be 0.25rem unless we intentionally want bigger fields. In so it can be 0.28125 or 0.3125. If we intentionally want smaller fields, it can be 0.21875 or 0.1875 */
-
-  --border: 1px; /* border size. Value must be 1px unless we intentionally want thicker borders. In so it can be 1.5px or 2px. If we intentionally want thinner borders, it can be 0.5px */
-
-  --depth: 1; /* only 0 or 1 – Adds a shadow and subtle 3D depth effect to components */
-  --noise: 0; /* only 0 or 1 - Adds a subtle noise (grain) effect to components */
-}
-```
-#### Rules
-- All CSS variables above are required
-- Colors can be OKLCH or hex or other formats
-- If you're generating a custom theme, do not include the comments from the example above. Just provide the code.
-
-People can use https://daisyui.com/theme-generator/ visual tool to create their own theme.
-
-## daisyUI 5 components
-
-### accordion
-Accordion is used for showing and hiding content but only one item can stay open at a time
-
-[accordion docs](https://daisyui.com/components/accordion/)
-
-#### Class names
-- component: `collapse`
-- part: `collapse-title`, `collapse-content`
-- modifier: `collapse-arrow`, `collapse-plus`, `collapse-open`, `collapse-close`
-
-#### Syntax
-```html
-<div class="collapse {MODIFIER}">{CONTENT}</div>
-```
-where content is:
-```html
-<input type="radio" name="{name}" checked="{checked}" />
-<div class="collapse-title">{title}</div>
-<div class="collapse-content">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names
-- Accordion uses radio inputs. All radio inputs with the same name work together and only one of them can be open at a time
-- If you have more than one set of accordion items on a page, use different names for the radio inputs on each set
-- Replace {name} with a unique name for the accordion group
-- replace `{checked}` with `checked="checked"` if you want the accordion to be open by default
-
-### alert
-Alert informs users about important events
-
-[alert docs](https://daisyui.com/components/alert/)
-
-#### Class names
-- component: `alert`
-- style: `alert-outline`, `alert-dash`, `alert-soft`
-- color: `alert-info`, `alert-success`, `alert-warning`, `alert-error`
-- direction: `alert-vertical`, `alert-horizontal`
-
-#### Syntax
-```html
-<div role="alert" class="alert {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/direction class names
-- Add `sm:alert-horizontal` for responsive layouts
-
-### avatar
-Avatars are used to show a thumbnail
-
-[avatar docs](https://daisyui.com/components/avatar/)
-
-#### Class names
-- component: `avatar`, `avatar-group`
-- modifier: `avatar-online`, `avatar-offline`, `avatar-placeholder`
-
-#### Syntax
-```html
-<div class="avatar {MODIFIER}">
-  <div>
-    <img src="{image-url}" />
-  </div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names
-- Use `avatar-group` for containing multiple avatars
-- You can set custom sizes using `w-*` and `h-*`
-- You can use mask classes such as `mask-squircle`, `mask-hexagon`, `mask-triangle`
-
-### badge
-Badges are used to inform the user of the status of specific data
-
-[badge docs](https://daisyui.com/components/badge/)
-
-#### Class names
-- component: `badge`
-- style: `badge-outline`, `badge-dash`, `badge-soft`, `badge-ghost`
-- color: `badge-neutral`, `badge-primary`, `badge-secondary`, `badge-accent`, `badge-info`, `badge-success`, `badge-warning`, `badge-error`
-- size: `badge-xs`, `badge-sm`, `badge-md`, `badge-lg`, `badge-xl`
-
-#### Syntax
-```html
-<span class="badge {MODIFIER}">Badge</span>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/size class names
-- Can be used inside text or buttons
-- To create an empty badge, just remove the text between the span tags
-
-### breadcrumbs
-Breadcrumbs helps users to navigate
-
-[breadcrumbs docs](https://daisyui.com/components/breadcrumbs/)
-
-#### Class names
-- component: `breadcrumbs`
-
-#### Syntax
-```html
-<div class="breadcrumbs">
-  <ul><li><a>Link</a></li></ul>
-</div>
-```
-
-#### Rules
-- breadcrumbs only has one main class name
-- Can contain icons inside the links
-- If you set `max-width` or the list gets larger than the container it will scroll
-
-### button
-Buttons allow the user to take actions
-
-[button docs](https://daisyui.com/components/button/)
-
-#### Class names
-- component: `btn`
-- color: `btn-neutral`, `btn-primary`, `btn-secondary`, `btn-accent`, `btn-info`, `btn-success`, `btn-warning`, `btn-error`
-- style: `btn-outline`, `btn-dash`, `btn-soft`, `btn-ghost`, `btn-link`
-- behavior: `btn-active`, `btn-disabled`
-- size: `btn-xs`, `btn-sm`, `btn-md`, `btn-lg`, `btn-xl`
-- modifier: `btn-wide`, `btn-block`, `btn-square`, `btn-circle`
-
-#### Syntax
-```html
-<button class="btn {MODIFIER}">Button</button>
-```
-#### Rules
-- {MODIFIER} is optional and can have one of each color/style/behavior/size/modifier class names
-- btn can be used on any html tags such as `<button>`, `<a>`, `<input>`
-- btn can have an icon before or after the text
-- set `tabindex="-1" role="button" aria-disabled="true"` if you want to disable the button using a class name
-
-### calendar
-Calendar includes styles for different calendar libraries
-
-[calendar docs](https://daisyui.com/components/calendar/)
-
-#### Class names
-- component
-  - `cally (for Cally web component)`
-  - `pika-single (for the input field that opens Pikaday calendar)`
-  - `react-day-picker (for the DayPicker component)`
-
-#### Syntax
-For Cally:
-```html
-<calendar-date class="cally">{CONTENT}</calendar-date>
-```
-For Pikaday:
-```html
-<input type="text" class="input pika-single">
-```
-For React Day Picker:
-```html
-<DayPicker className="react-day-picker">
-```
-
-#### Rules
-- daisyUI supports Cally, Pikaday, React Day Picker
-
-### card
-Cards are used to group and display content
-
-[card docs](https://daisyui.com/components/card/)
-
-#### Class names
-- component: `card`
-- part: `card-title`, `card-body`, `card-actions`
-- style: `card-border`, `card-dash`
-- modifier: `card-side`, `image-full`
-- size: `card-xs`, `card-sm`, `card-md`, `card-lg`, `card-xl`
-
-#### Syntax
-```html
-<div class="card {MODIFIER}">
-  <figure><img src="{image-url}" alt="{alt-text}" /></figure>
-  <div class="card-body">
-    <h2 class="card-title">{title}</h2>
-    <p>{CONTENT}</p>
-    <div class="card-actions">{actions}</div>
-  </div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names and one of the size class names
-- `<figure>` and `<div class="card-body">` are optional
-- can use `sm:card-horizontal` for responsive layouts
-- If image is placed after `card-body`, the image will be placed at the bottom
-
-### carousel
-Carousel show images or content in a scrollable area
-
-[carousel docs](https://daisyui.com/components/carousel/)
-
-#### Class names
-- component: `carousel`
-- part: `carousel-item`
-- modifier: `carousel-start`, `carousel-center`, `carousel-end`
-- direction: `carousel-horizontal`, `carousel-vertical`
-
-#### Syntax
-```html
-<div class="carousel {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/direction class names
-- Content is a list of `carousel-item` divs: `<div class="carousel-item"></div>`
-- To create a full-width carousel, add `w-full` to each carousel item
-
-### chat
-Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc
-
-[chat docs](https://daisyui.com/components/chat/)
-
-#### Class names
-- component: `chat`
-- part: `chat-image`, `chat-header`, `chat-footer`, `chat-bubble`
-- placement: `chat-start`, `chat-end`
-- color: `chat-bubble-neutral`, `chat-bubble-primary`, `chat-bubble-secondary`, `chat-bubble-accent`, `chat-bubble-info`, `chat-bubble-success`, `chat-bubble-warning`, `chat-bubble-error`
-
-#### Syntax
-```html
-<div class="chat {PLACEMENT}">
-  <div class="chat-image"></div>
-  <div class="chat-header"></div>
-  <div class="chat-bubble {COLOR}">Message text</div>
-  <div class="chat-footer"></div>
-</div>
-```
-
-#### Rules
-- {PLACEMENT} is required and must be either `chat-start` or `chat-end`
-- {COLOR} is optional and can have one of the color class names
-- To add an avatar, use `<div class="chat-image avatar">` and nest the avatar content inside
-
-### checkbox
-Checkboxes are used to select or deselect a value
-
-[checkbox docs](https://daisyui.com/components/checkbox/)
-
-#### Class names
-- component: `checkbox`
-- color: `checkbox-primary`, `checkbox-secondary`, `checkbox-accent`, `checkbox-neutral`, `checkbox-success`, `checkbox-warning`, `checkbox-info`, `checkbox-error`
-- size: `checkbox-xs`, `checkbox-sm`, `checkbox-md`, `checkbox-lg`, `checkbox-xl`
-
-#### Syntax
-```html
-<input type="checkbox" class="checkbox {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each color/size class names
-
-### collapse
-Collapse is used for showing and hiding content
-
-[collapse docs](https://daisyui.com/components/collapse/)
-
-#### Class names
-- component: `collapse`
-- part: `collapse-title`, `collapse-content`
-- modifier: `collapse-arrow`, `collapse-plus`, `collapse-open`, `collapse-close`
-
-#### Syntax
-```html
-<div tabindex="0" class="collapse {MODIFIER}">
-  <div class="collapse-title">{title}</div>
-  <div class="collapse-content">{CONTENT}</div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names
-- instead of `tabindex="0"`, you can use  `<input type="checkbox">` as a first child
-- Can also be a details/summary tag
-
-### countdown
-Countdown gives you a transition effect when you change a number between 0 to 999
-
-[countdown docs](https://daisyui.com/components/countdown/)
-
-#### Class names
-- component: `countdown`
-
-#### Syntax
-```html
-<span class="countdown">
-  <span style="--value:{number};">number</span>
-</span>
-```
-
-#### Rules
-- The `--value` CSS variable and text must be a number between 0 and 999
-- you need to change the span text and the `--value` CSS variable using JS
-- you need to add `aria-live="polite"` and `aria-label="{number}"` so screen readers can properly read changes
-
-### diff
-Diff component shows a side-by-side comparison of two items
-
-[diff docs](https://daisyui.com/components/diff/)
-
-#### Class names
-- component: `diff`
-- part: `diff-item-1`, `diff-item-2`, `diff-resizer`
-
-#### Syntax
-```html
-<figure class="diff">
-  <div class="diff-item-1">{item1}</div>
-  <div class="diff-item-2">{item2}</div>
-  <div class="diff-resizer"></div>
-</figure>
-```
-
-#### Rules
-- To maintain aspect ratio, add `aspect-16/9` or other aspect ratio classes to `<figure class="diff">` element
-
-### divider
-Divider will be used to separate content vertically or horizontally
-
-[divider docs](https://daisyui.com/components/divider/)
-
-#### Class names
-- component: `divider`
-- color: `divider-neutral`, `divider-primary`, `divider-secondary`, `divider-accent`, `divider-success`, `divider-warning`, `divider-info`, `divider-error`
-- direction: `divider-vertical`, `divider-horizontal`
-- placement: `divider-start`, `divider-end`
-
-#### Syntax
-```html
-<div class="divider {MODIFIER}">{text}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each direction/color/placement class names
-- Omit text for a blank divider
-
-### dock
-Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen
-
-[dock docs](https://daisyui.com/components/dock/)
-
-#### Class names
-- component: `dock`
-- part: `dock-label`
-- modifier: `dock-active`
-- size: `dock-xs`, `dock-sm`, `dock-md`, `dock-lg`, `dock-xl`
-
-#### Syntax
-```html
-<div class="dock {MODIFIER}">{CONTENT}</div>
-```
-where content is a list of buttons:
-```html
-<button>
-    <svg>{icon}</svg>
-    <span class="dock-label">Text</span>
-</button>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the size class names
-- To make a button active, add `dock-active` class to the button
-- add `<meta name="viewport" content="viewport-fit=cover">` is required for responsivness of the dock in iOS
-
-### drawer
-Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page
-
-[drawer docs](https://daisyui.com/components/drawer/)
-
-#### Class names
-- component: `drawer`
-- part: `drawer-toggle`, `drawer-content`, `drawer-side`, `drawer-overlay`
-- placement: `drawer-end`
-- modifier: `drawer-open`
-- variant: `is-drawer-open:`, `is-drawer-close:`
-
-#### Syntax
-```html
-<div class="drawer {MODIFIER}">
-  <input id="my-drawer" type="checkbox" class="drawer-toggle" />
-  <div class="drawer-content">{CONTENT}</div>
-  <div class="drawer-side">{SIDEBAR}</div>
-</div>
-```
-where {CONTENT} can be navbar, site content, footer, etc
-and {SIDEBAR} can be a menu like:
-```html
-<ul class="menu p-4 w-80 min-h-full bg-base-100 text-base-content">
-  <li><a>Item 1</a></li>
-  <li><a>Item 2</a></li>
-</ul>
-```
-To open/close the drawer, use a label that points to the `drawer-toggle` input:
-```html
-<label for="my-drawer" class="btn drawer-button">Open/close drawer</label>
-```
-Example: This sidebar is always visible on large screen, can be toggled on small screen:
-```html
-<div class="drawer lg:drawer-open">
-  <input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
-  <div class="drawer-content flex flex-col items-center justify-center">
-    <!-- Page content here -->
-    <label for="my-drawer-3" class="btn drawer-button lg:hidden">
-      Open drawer
-    </label>
-  </div>
-  <div class="drawer-side">
-    <label for="my-drawer-3" aria-label="close sidebar" class="drawer-overlay"></label>
-    <ul class="menu bg-base-200 min-h-full w-80 p-4">
-      <!-- Sidebar content here -->
-      <li><button>Sidebar Item 1</button></li>
-      <li><button>Sidebar Item 2</button></li>
-    </ul>
-  </div>
-</div>
-```
-
-Example: This sidebar is always visible. When it's close we only see iocns, when it's open we see icons and text
-```html
-<div class="drawer lg:drawer-open">
-  <input id="my-drawer-4" type="checkbox" class="drawer-toggle" />
-  <div class="drawer-content">
-    <!-- Page content here -->
-  </div>
-  <div class="drawer-side is-drawer-close:overflow-visible">
-    <label for="my-drawer-4" aria-label="close sidebar" class="drawer-overlay"></label>
-    <div class="is-drawer-close:w-14 is-drawer-open:w-64 bg-base-200 flex flex-col items-start min-h-full">
-      <!-- Sidebar content here -->
-      <ul class="menu w-full grow">
-        <!-- list item -->
-        <li>
-          <button class="is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Homepage">
-            🏠
-            <span class="is-drawer-close:hidden">Homepage</span>
-          </button>
-        </li>
-        <!-- list item -->
-        <li>
-          <button class="is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Settings">
-            ⚙️
-            <span class="is-drawer-close:hidden">Settings</span>
-          </button>
-        </li>
-      </ul>
-      <!-- button to open/close drawer -->
-      <div class="m-2 is-drawer-close:tooltip is-drawer-close:tooltip-right" data-tip="Open">
-        <label for="my-drawer-4" class="btn btn-ghost btn-circle drawer-button is-drawer-open:rotate-y-180">
-          ↔️
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/placement class names
-- `id` is required for the `drawer-toggle` input. change `my-drawer` to a unique id according to your needs
-- `lg:drawer-open` can be used to make sidebar visible on larger screens
-- `drawer-toggle` is a hidden checkbox. Use label with "for" attribute to toggle state
-- if you want to open the drawer when a button is clicked, use `<label for="my-drawer" class="btn drawer-button">Open drawer</label>` where `my-drawer` is the id of the `drawer-toggle` input
-- when using drawer, every page content must be inside `drawer-content` element. for example navbar, footer, etc should not be outside of `drawer`
-
-### dropdown
-Dropdown can open a menu or any other element when the button is clicked
-
-[dropdown docs](https://daisyui.com/components/dropdown/)
-
-#### Class names
-- component: `dropdown`
-- part: `dropdown-content`
-- placement: `dropdown-start`, `dropdown-center`, `dropdown-end`, `dropdown-top`, `dropdown-bottom`, `dropdown-left`, `dropdown-right`
-- modifier: `dropdown-hover`, `dropdown-open`, `dropdown-close`
-
-#### Syntax
-Using details and summary
-```html
-<details class="dropdown">
-  <summary>Button</summary>
-  <ul class="dropdown-content">{CONTENT}</ul>
-</details>
-```
-
-Using popover API
-```html
-<button popovertarget="{id}" style="anchor-name:--{anchor}">{button}</button>
-<ul class="dropdown-content" popover id="{id}" style="position-anchor:--{anchor}">{CONTENT}</ul>
-```
-
-Using CSS focus
-```html
-<div class="dropdown">
-  <div tabindex="0" role="button">Button</div>
-  <ul tabindex="-1" class="dropdown-content">{CONTENT}</ul>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/placement class names
-- replace `{id}` and `{anchor}` with a unique name
-- For CSS focus dropdowns, use `tabindex="0"` and `role="button"` on the button
-- The content can be any HTML element (not just `<ul>`)
-
-### fab
-FAB (Floating Action Button) stays in the bottom corner of screen. It includes a focusable and accessible element with button role. Clicking or focusing it shows additional buttons (known as Speed Dial buttons) in a vertical arrangement or a flower shape (quarter circle)
-
-[fab docs](https://daisyui.com/components/fab/)
-
-#### Class names
-- component: `fab`
-- part: `fab-close`, `fab-main-action`
-- modifier: `fab-flower`
-
-#### Syntax
-A single FAB in the corder of screen
-```html
-<div class="fab">
-  <button class="btn btn-lg btn-circle">{IconOriginal}</button>
-</div>
-```
-A FAB that opens a 3 other buttons in the corner of page vertically
-```html
-<div class="fab">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <button class="btn btn-lg btn-circle">{Icon1}</button>
-  <button class="btn btn-lg btn-circle">{Icon2}</button>
-  <button class="btn btn-lg btn-circle">{Icon3}</button>
-</div>
-```
-A FAB that opens a 3 other buttons in the corner of page vertically and they have label text
-```html
-<div class="fab">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
-  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
-  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
-</div>
-```
-FAB with rectangle buttons. These are not circular buttons so they can have more content.
-```html
-<div class="fab">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <button class="btn btn-lg">{Label1}</button>
-  <button class="btn btn-lg">{Label2}</button>
-  <button class="btn btn-lg">{Label3}</button>
-</div>
-```
-FAB with close button. When FAB is open, the original button is replaced with a close button
-```html
-<div class="fab">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <div class="fab-close">Close <span class="btn btn-circle btn-lg btn-error">✕</span></div>
-  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
-  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
-  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
-</div>
-```
-FAB with Main Action button. When FAB is open, the original button is replaced with a main action button
-```html
-<div class="fab">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <div class="fab-main-action">
-    {LabelMainAction}<button class="btn btn-circle btn-secondary btn-lg">{IconMainAction}</button>
-  </div>
-  <div>{Label1}<button class="btn btn-lg btn-circle">{Icon1}</button></div>
-  <div>{Label2}<button class="btn btn-lg btn-circle">{Icon2}</button></div>
-  <div>{Label3}<button class="btn btn-lg btn-circle">{Icon3}</button></div>
-</div>
-```
-FAB Flower. It opens the buttons in a flower shape (quarter circle) arrangement instead of vertical
-```html
-<div class="fab fab-flower">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <button class="fab-main-action btn btn-circle btn-lg">{IconMainAction}</button>
-  <button class="btn btn-lg btn-circle">{Icon1}</button>
-  <button class="btn btn-lg btn-circle">{Icon2}</button>
-  <button class="btn btn-lg btn-circle">{Icon3}</button>
-</div>
-```
-FAB Flower with tooltips. There's no space for a text label in a quarter circle, so tooltips are used to indicate the button's function
-```html
-<div class="fab fab-flower">
-  <div tabindex="0" role="button" class="btn btn-lg btn-circle btn-primary">{IconOriginal}</div>
-  <button class="fab-main-action btn btn-circle btn-lg">{IconMainAction}</button>
-  <div class="tooltip tooltip-left" data-tip="{Label1}">
-    <button class="btn btn-lg btn-circle">{Icon1}</button>
-  </div>
-  <div class="tooltip tooltip-left" data-tip="{Label2}">
-    <button class="btn btn-lg btn-circle">{Icon2}</button>
-  </div>
-  <div class="tooltip tooltip-left" data-tip="{Label3}">
-    <button class="btn btn-lg btn-circle">{Icon3}</button>
-  </div>
-</div>
-```
-#### Rules
-- {Icon*} should be replaced with the appropriate icon for each button. SVG icons are recommended
-- {IconOriginal} is the icon that we see before opening the FAB
-- {IconMainAction} is the icon we see after opening the FAB
-- {Icon1}, {Icon2}, {Icon3} are the icons for the additional buttons
-- {Label*} is the label text for each button
-
-### fieldset
-Fieldset is a container for grouping related form elements. It includes fieldset-legend as a title and label as a description
-
-[fieldset docs](https://daisyui.com/components/fieldset/)
-
-#### Class names
-- Component: `fieldset`, `label`
-- Parts: `fieldset-legend`
-
-#### Syntax
-```html
-<fieldset class="fieldset">
-  <legend class="fieldset-legend">{title}</legend>
-  {CONTENT}
-  <p class="label">{description}</p>
-</fieldset>
-```
-
-#### Rules
-- You can use any element as a direct child of fieldset to add form elements
-
-### file-input
-File Input is a an input field for uploading files
-
-[file-input docs](https://daisyui.com/components/file-input/)
-
-#### Class Names:
-- Component: `file-input`
-- Style: `file-input-ghost`
-- Color: `file-input-neutral`, `file-input-primary`, `file-input-secondary`, `file-input-accent`, `file-input-info`, `file-input-success`, `file-input-warning`, `file-input-error`
-- Size: `file-input-xs`, `file-input-sm`, `file-input-md`, `file-input-lg`, `file-input-xl`
-
-#### Syntax
-```html
-<input type="file" class="file-input {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/size class names
-
-### filter
-Filter is a group of radio buttons. Choosing one of the options will hide the others and shows a reset button next to the chosen option
-
-[filter docs](https://daisyui.com/components/filter/)
-
-#### Class names
-- component: `filter`
-- part: `filter-reset`
-
-#### Syntax
-Using HTML form
-```html
-<form class="filter">
-  <input class="btn btn-square" type="reset" value="×"/>
-  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 1 title"/>
-  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 2 title"/>
-</form>
-```
-Without HTML form
-```html
-<div class="filter">
-  <input class="btn filter-reset" type="radio" name="{NAME}" aria-label="×"/>
-  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 1 title"/>
-  <input class="btn" type="radio" name="{NAME}" aria-label="Tab 2 title"/>
-</div>
-```
-
-#### Rules
-- replace `{NAME}` with proper value, according to the context of the filter
-- Each set of radio inputs must have unique `name` attributes to avoid conflicts
-- Use `<form>` tag when possible and only use `<div>` if you can't use a HTML form for some reason
-- Use `filter-reset` class for the reset button
-
-### footer
-Footer can contain logo, copyright notice, and links to other pages
-
-[footer docs](https://daisyui.com/components/footer/)
-
-#### Class names
-- component: `footer`
-- part: `footer-title`
-- placement: `footer-center`
-- direction: `footer-horizontal`, `footer-vertical`
-
-#### Syntax
-```html
-<footer class="footer {MODIFIER}">{CONTENT}</footer>
-```
-where content can contain several `<nav>` tags with `footer-title` and links inside
-
-#### Rules
-- {MODIFIER} is optional and can have one of each placement/direction class names
-- try to use `sm:footer-horizontal` to make footer responsive
-- suggestion - use `base-200` for background color
-
-### hero
-Hero is a component for displaying a large box or image with a title and description
-
-[hero docs](https://daisyui.com/components/hero/)
-
-#### Class names
-- component: `hero`
-- part: `hero-content`, `hero-overlay`
-
-#### Syntax
-```html
-<div class="hero {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional
-- Use `hero-content` for the text content
-- Use `hero-overlay` inside the hero to overlay the background image with a color
-- Content can contain a figure
-
-### hover-3d
-Hover 3D is a wrapper component that adds a 3D hover effect to its content. When we hover over the component, it tilts and rotates based on the mouse position, creating an interactive 3D effect. 
-
-`hover-3d` works by placing 8 hover zones on top of the content. Each zone detects mouse movement and applies a slight rotation to the content based on the mouse position within that zone. The combined effect of all 8 zones creates a smooth and responsive 3D tilt effect as the user moves their mouse over the component.
-
-Only use non-interactive content inside the `hover-3d` wrapper. If you want to make the entire card clickable, use a link for the whole `hover-3d` component instead of putting interactive elements like buttons or links inside it.
-
-[hover-3d docs](https://daisyui.com/components/hover-3d/)
-
-#### Class names
-- component: `hover-3d`
-
-#### Syntax
-```html
-<div class="hover-3d my-12 mx-2">
-  <figure class="max-w-100 rounded-2xl">
-    <img src="https://img.daisyui.com/images/stock/creditcard.webp" alt="Tailwind CSS 3D card" />
-  </figure>
-  <div></div>
-  <div></div>
-  <div></div>
-  <div></div>
-  <div></div>
-  <div></div>
-  <div></div>
-  <div></div>
-</div>
-```
-
-#### Rules
-- hover-3d can be a `<div>` or a `<a>`
-- hover-3d must have exactly 9 direct children where the first child is the main content and the other 8 children are empty `<div>`s for hover zones
-- content inside hover-3d should be non-interactive (no buttons, links, inputs, etc)
-
-### hover-gallery
-Hover Gallery is container of images. The first image is visible be default and when we hover it horizontally, other images show up. Hover Gallery is useful for product cards in ecommerce sites, portfoilios or in image galleries. Hover Gallery can include up to 10 images.
-
-[hover-gallery docs](https://daisyui.com/components/hover-gallery/)
-
-#### Class names
-- component: `hover-gallery`
-
-#### Syntax
-```html
-<figure class="hover-gallery max-w-60">
-  <img src="https://img.daisyui.com/images/stock/daisyui-hat-1.webp" />
-  <img src="https://img.daisyui.com/images/stock/daisyui-hat-2.webp" />
-  <img src="https://img.daisyui.com/images/stock/daisyui-hat-3.webp" />
-  <img src="https://img.daisyui.com/images/stock/daisyui-hat-4.webp" />
-</figure>
-```
-
-#### Rules
-- hover-gallery can be a `<div>` or a `<figure>`
-- hover-gallery can include up to 10 images
-- hover-gallery needs a max width otherwise if fills the container width
-- images must be same dimensions for a proper alignment
-
-### indicator
-Indicators are used to place an element on the corner of another element
-
-[indicator docs](https://daisyui.com/components/indicator/)
-
-#### Class names
-- component: `indicator`
-- part: `indicator-item`
-- placement: `indicator-start`, `indicator-center`, `indicator-end`, `indicator-top`, `indicator-middle`, `indicator-bottom`
-
-#### Syntax
-```html
-<div class="indicator">
-  <span class="indicator-item">{indicator content}</span>
-  <div>{main content}</div>
-</div>
-```
-
-#### Rules
-- Add all indicator elements (with `indicator-item` class) before the main content
-- {placement} is optional and can have one of each horizontal/vertical class names. default is `indicator-end indicator-top`
-
-### input
-Text Input is a simple input field
-
-[input docs](https://daisyui.com/components/input/)
-
-#### Class names
-- component: `input`
-- style: `input-ghost`
-- color: `input-neutral`, `input-primary`, `input-secondary`, `input-accent`, `input-info`, `input-success`, `input-warning`, `input-error`
-- size: `input-xs`, `input-sm`, `input-md`, `input-lg`, `input-xl`
-
-#### Syntax
-```html
-<input type="{type}" placeholder="Type here" class="input {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/size class names
-- Can be used with any input field type (text, password, email, etc.)
-- Use `input` class for the parent when you have more than one element inside input
-
-### join
-Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items
-
-[join docs](https://daisyui.com/components/join/)
-
-#### Class names
-- component: `join`, `join-item`
-- direction: `join-vertical`, `join-horizontal`
-
-#### Syntax
-```html
-<div class="join {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the direction class names
-- Any direct child of the join element will get joined together
-- Any element with `join-item` will be affected
-- Use `lg:join-horizontal` for responsive layouts
-
-### kbd
-Kbd is used to display keyboard shortcuts
-
-[kbd docs](https://daisyui.com/components/kbd/)
-
-#### Class names
-- component: `kbd`
-- size: `kbd-xs`, `kbd-sm`, `kbd-md`, `kbd-lg`, `kbd-xl`
-
-#### Syntax
-```html
-<kbd class="kbd {MODIFIER}">K</kbd>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the size class names
-
-### label
-Label is used to provide a name or title for an input field. Label can be placed before or after the field
-
-[label docs](https://daisyui.com/components/label/)
-
-#### Class names
-- component: `label`, `floating-label`
-
-#### Syntax
-For regular label:
-```html
-<label class="input">
-  <span class="label">{label text}</span>
-  <input type="text" placeholder="Type here" />
-</label>
-```
-For floating label:
-```html
-<label class="floating-label">
-  <input type="text" placeholder="Type here" class="input" />
-  <span>{label text}</span>
-</label>
-```
-
-#### Rules
-- The `input` class is for styling the parent element which contains the input field and label, so the label does not have the 'input' class
-- Use `floating-label` for the parent of an input field and a span that floats above the input field when the field is focused
-
-### link
-Link adds the missing underline style to links
-
-[link docs](https://daisyui.com/components/link/)
-
-#### Class names
-- component: `link`
-- style: `link-hover`
-- color: `link-neutral`, `link-primary`, `link-secondary`, `link-accent`, `link-success`, `link-info`, `link-warning`, `link-error`
-
-#### Syntax
-```html
-<a class="link {MODIFIER}">Click me</a>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names
-
-### list
-List is a vertical layout to display information in rows
-
-[list docs](https://daisyui.com/components/list/)
-
-#### Class Names:
-- Component: `list`, `list-row`
-- Modifier: `list-col-wrap`, `list-col-grow`
-
-#### Syntax
-```html
-<ul class="list">
-  <li class="list-row">{CONTENT}</li>
-</ul>
-```
-
-#### Rules
-- Use `list-row` for each item inside the list
-- By default, the second child of the `list-row` will fill the remaining space. You can use `list-col-grow` on another child to make it fill the remaining space instead
-- Use `list-col-wrap` to force an item to wrap to the next line
-
-### loading
-Loading shows an animation to indicate that something is loading
-
-[loading docs](https://daisyui.com/components/loading/)
-
-#### Class names
-- component: `loading`
-- style: `loading-spinner`, `loading-dots`, `loading-ring`, `loading-ball`, `loading-bars`, `loading-infinity`
-- size: `loading-xs`, `loading-sm`, `loading-md`, `loading-lg`, `loading-xl`
-
-#### Syntax
-```html
-<span class="loading {MODIFIER}"></span>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the style/size class names
-
-### mask
-Mask crops the content of the element to common shapes
-
-[mask docs](https://daisyui.com/components/mask/)
-
-#### Class names
-- component: `mask`
-- style: `mask-squircle`, `mask-heart`, `mask-hexagon`, `mask-hexagon-2`, `mask-decagon`, `mask-pentagon`, `mask-diamond`, `mask-square`, `mask-circle`, `mask-star`, `mask-star-2`, `mask-triangle`, `mask-triangle-2`, `mask-triangle-3`, `mask-triangle-4`
-- modifier: `mask-half-1`, `mask-half-2`
-
-#### Syntax
-```html
-<img class="mask {MODIFIER}" src="{image-url}" />
-```
-
-#### Rules
-- {MODIFIER} is required and can have one of the style/modifier class names
-- You can change the shape of any element using `mask` class names
-- You can set custom sizes using `w-*` and `h-*`
-
-### menu
-Menu is used to display a list of links vertically or horizontally
-
-[menu docs](https://daisyui.com/components/menu/)
-
-#### Class names
-- component: `menu`
-- part: `menu-title`, `menu-dropdown`, `menu-dropdown-toggle`
-- modifier: `menu-disabled`, `menu-active`, `menu-focus`, `menu-dropdown-show`
-- size: `menu-xs`, `menu-sm`, `menu-md`, `menu-lg`, `menu-xl`
-- direction: `menu-vertical`, `menu-horizontal`
-
-#### Syntax
-Vertical menu:
-```html
-<ul class="menu">
-  <li><button>Item</button></li>
-</ul>
-```
-Horizontal menu:
-```html
-<ul class="menu menu-horizontal">
-  <li><button>Item</button></li>
-</ul>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/size/direction class names
-- Use `lg:menu-horizontal` for responsive layouts
-- Use `menu-title` for list item title
-- Use `<details>` tag to make submenus collapsible
-- Use `menu-dropdown` and `menu-dropdown-toggle` to toggle the dropdown using JS
-
-### mockup-browser
-Browser mockup shows a box that looks like a browser window
-
-[mockup-browser docs](https://daisyui.com/components/mockup-browser/)
-
-#### Class names
-- component: `mockup-browser`
-- part: `mockup-browser-toolbar`
-
-#### Syntax
-```html
-<div class="mockup-browser">
-  <div class="mockup-browser-toolbar">
-    {toolbar content}
-  </div>
-  <div>{CONTENT}</div>
-</div>
-```
-
-#### Rules
-- For a default mockup, use just `mockup-browser` class name
-- To set a URL in toolbar, add a div with `input` class
-
-### mockup-code
-Code mockup is used to show a block of code in a box that looks like a code editor
-
-[mockup-code docs](https://daisyui.com/components/mockup-code/)
-
-#### Class names
-- component: `mockup-code`
-
-#### Syntax
-```html
-<div class="mockup-code">
-  <pre data-prefix="$"><code>npm i daisyui</code></pre>
-</div>
-```
-
-#### Rules
-- Use `<pre data-prefix="{prefix}">` to show a prefix before each line
-- Use `<code>` tag to add code syntax highlighting (requires additional library)
-- To highlight a line, add background/text color
-
-### mockup-phone
-Phone mockup shows a mockup of an iPhone
-
-[mockup-phone docs](https://daisyui.com/components/mockup-phone/)
-
-#### Class names
-- component: `mockup-phone`
-- part: `mockup-phone-camera`, `mockup-phone-display`
-
-#### Syntax
-```html
-<div class="mockup-phone">
-  <div class="mockup-phone-camera"></div>
-  <div class="mockup-phone-display">{CONTENT}</div>
-</div>
-```
-
-#### Rules
-- Inside `mockup-phone-display` you can add anything
-
-### mockup-window
-Window mockup shows a box that looks like an operating system window
-
-[mockup-window docs](https://daisyui.com/components/mockup-window/)
-
-#### Class names
-- component: `mockup-window`
-
-#### Syntax
-```html
-<div class="mockup-window">
-  <div>{CONTENT}</div>
-</div>
-```
-
-### modal
-Modal is used to show a dialog or a box when you click a button
-
-[modal docs](https://daisyui.com/components/modal/)
-
-#### Class names
-- component: `modal`
-- part: `modal-box`, `modal-action`, `modal-backdrop`, `modal-toggle`
-- modifier: `modal-open`
-- placement: `modal-top`, `modal-middle`, `modal-bottom`, `modal-start`, `modal-end`
-
-#### Syntax
-Using HTML dialog element
-```html
-<button onclick="my_modal.showModal()">Open modal</button>
-<dialog id="my_modal" class="modal">
-  <div class="modal-box">{CONTENT}</div>
-  <form method="dialog" class="modal-backdrop"><button>close</button></form>
-</dialog>
-```
-
-Using checkbox (legacy)
-```html
-<label for="my-modal" class="btn">Open modal</label>
-<input type="checkbox" id="my-modal" class="modal-toggle" />
-<div class="modal">
-  <div class="modal-box">{CONTENT}</div>
-  <label class="modal-backdrop" for="my-modal">Close</label>
-</div>
-```
-
-Using anchor links (legacy)
-```html
-<a href="#my-modal" class="btn">Open modal</a>
-<div class="modal" id="my-modal">
-  <div class="modal-box">{CONTENT}</div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/placement class names
-- Add `tabindex="0"` to make modal focusable
-- Use unique IDs for each modal
-- For HTML dialog element modals, add `<form method="dialog">` for closing the modal with submit
-
-### navbar
-Navbar is used to show a navigation bar on the top of the page
-
-[navbar docs](https://daisyui.com/components/navbar/)
-
-#### Class names
-- component: `navbar`
-- part: `navbar-start`, `navbar-center`, `navbar-end`
-
-#### Syntax
-```html
-<div class="navbar">{CONTENT}</div>
-```
-
-#### Rules
-- use `navbar-start`, `navbar-center`, `navbar-end` to position content horizontally
-- put anything inside each section
-- suggestion - use `base-200` for background color
-
-### pagination
-Pagination is a group of buttons
-
-[pagination docs](https://daisyui.com/components/pagination/)
-
-#### Class names
-- component: `join`
-- part: `join-item`
-- direction: `join-vertical`, `join-horizontal`
-
-#### Syntax
-```html
-<div class="join">{CONTENT}</div>
-```
-
-#### Rules
-- Use `join-item` for each button or link inside the pagination
-- Use `btn` class for styling pagination items
-
-### progress
-Progress bar can be used to show the progress of a task or to show the passing of time
-
-[progress docs](https://daisyui.com/components/progress/)
-
-#### Class names
-- component: `progress`
-- color: `progress-neutral`, `progress-primary`, `progress-secondary`, `progress-accent`, `progress-info`, `progress-success`, `progress-warning`, `progress-error`
-
-#### Syntax
-```html
-<progress class="progress {MODIFIER}" value="50" max="100"></progress>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the color class names
-- You must specify value and max attributes
-
-### radial-progress
-Radial progress can be used to show the progress of a task or to show the passing of time
-
-[radial-progress docs](https://daisyui.com/components/radial-progress/)
-
-#### Class names
-- component: `radial-progress`
-
-#### Syntax
-```html
-<div class="radial-progress" style="--value:70;" aria-valuenow="70" role="progressbar">70%</div>
-```
-
-#### Rules
-- The `--value` CSS variable and text must be a number between 0 and 100
-- you need to add `aria-valuenow="{value}"`, `aria-valuenow={value}` so screen readers can properly read value and also show that its a progress element to them
-- Use `div` instead of progress because browsers can't show text inside progress tag
-- Use `--size` for setting size (default 5rem) and `--thickness` to set how thick the indicator is
-
-### radio
-Radio buttons allow the user to select one option
-
-[radio docs](https://daisyui.com/components/radio/)
-
-#### Class names
-- component: `radio`
-- color: `radio-neutral`, `radio-primary`, `radio-secondary`, `radio-accent`, `radio-success`, `radio-warning`, `radio-info`, `radio-error`
-- size: `radio-xs`, `radio-sm`, `radio-md`, `radio-lg`, `radio-xl`
-
-#### Syntax
-```html
-<input type="radio" name="{name}" class="radio {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the size/color class names
-- Replace {name} with a unique name for the radio group
-- Each set of radio inputs should have unique `name` attributes to avoid conflicts with other sets of radio inputs on the same page
-
-### range
-Range slider is used to select a value by sliding a handle
-
-[range docs](https://daisyui.com/components/range/)
-
-#### Class names
-- component: `range`
-- color: `range-neutral`, `range-primary`, `range-secondary`, `range-accent`, `range-success`, `range-warning`, `range-info`, `range-error`
-- size: `range-xs`, `range-sm`, `range-md`, `range-lg`, `range-xl`
-
-#### Syntax
-```html
-<input type="range" min="0" max="100" value="40" class="range {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each color/size class names
-- You must specify `min` and `max` attributes
-
-### rating
-Rating is a set of radio buttons that allow the user to rate something
-
-[rating docs](https://daisyui.com/components/rating/)
-
-#### Class names
-- component: `rating`
-- modifier: `rating-half`, `rating-hidden`
-- size: `rating-xs`, `rating-sm`, `rating-md`, `rating-lg`, `rating-xl`
-
-#### Syntax
-```html
-<div class="rating {MODIFIER}">
-  <input type="radio" name="rating-1" class="mask mask-star" />
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/size class names
-- Each set of rating inputs should have unique `name` attributes to avoid conflicts with other ratings on the same page
-- Add `rating-hidden` for the first radio to make it hidden so user can clear the rating
-
-### select
-Select is used to pick a value from a list of options
-
-[select docs](https://daisyui.com/components/select/)
-
-#### Class names
-- component: `select`
-- style: `select-ghost`
-- color: `select-neutral`, `select-primary`, `select-secondary`, `select-accent`, `select-info`, `select-success`, `select-warning`, `select-error`
-- size: `select-xs`, `select-sm`, `select-md`, `select-lg`, `select-xl`
-
-#### Syntax
-```html
-<select class="select {MODIFIER}">
-  <option>Option</option>
-</select>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/size class names
-
-### skeleton
-Skeleton is a component that can be used to show a loading state
-
-[skeleton docs](https://daisyui.com/components/skeleton/)
-
-#### Class names
-- component: `skeleton`
-- modifier: `skeleton-text`
-
-#### Syntax
-```html
-<div class="skeleton"></div>
-```
-Example with text skeleton:
-```html
-<div class="skeleton skeleton-text">Loading data...</div>
-```
-
-#### Rules
-- Add `h-*` and `w-*` utility classes to set height and width
-
-### stack
-Stack visually puts elements on top of each other
-
-[stack docs](https://daisyui.com/components/stack/)
-
-#### Class Names:
-- Component: `stack`
-- Modifier: `stack-top`, `stack-bottom`, `stack-start`, `stack-end`
-
-#### Syntax
-```html
-<div class="stack {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier class names
-- You can use `w-*` and `h-*` classes to set the width and height of the stack, making all items the same size
-
-### stat
-Stat is used to show numbers and data in a block
-
-[stat docs](https://daisyui.com/components/stat/)
-
-#### Class names
-- Component: `stats`
-- Part: `stat`, `stat-title`, `stat-value`, `stat-desc`, `stat-figure`, `stat-actions`
-- Direction: `stats-horizontal`, `stats-vertical`
-
-#### Syntax
-```html
-<div class="stats {MODIFIER}">
-  <div class="stat">{CONTENT}</div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the direction class names
-- It's horizontal by default but you can make it vertical with the `stats-vertical` class
-- Content includes `stat-title`, `stat-value`, `stat-desc` inside a `stat`
-
-### status
-Status is a really small icon to visually show the current status of an element, like online, offline, error, etc
-
-[status docs](https://daisyui.com/components/status/)
-
-#### Class Names:
-- Component: `status`
-- Color: `status-neutral`, `status-primary`, `status-secondary`, `status-accent`, `status-info`, `status-success`, `status-warning`, `status-error`
-- Size: `status-xs`, `status-sm`, `status-md`, `status-lg`, `status-xl`
-
-#### Syntax
-```html
-<span class="status {MODIFIER}"></span>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the color/size class names
-- This component does not render anything visible
-
-### steps
-Steps can be used to show a list of steps in a process
-
-[steps docs](https://daisyui.com/components/steps/)
-
-#### Class Names:
-- Component: `steps`
-- Part: `step`, `step-icon`
-- Color: `step-neutral`, `step-primary`, `step-secondary`, `step-accent`, `step-info`, `step-success`, `step-warning`, `step-error`
-- Direction: `steps-vertical`, `steps-horizontal`
-
-#### Syntax
-```html
-<ul class="steps {MODIFIER}">
-  <li class="step">{step content}</li>
-</ul>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each direction/color class names
-- To make a step active, add the `step-primary` class
-- You can add an icon in each step using `step-icon` class
-- To display data in `data-content` ,use `data-content="{value}"` at the `<li>`
-
-### swap
-Swap allows you to toggle the visibility of two elements using a checkbox or a class name
-
-[swap docs](https://daisyui.com/components/swap/)
-
-#### Class Names:
-- Component: `swap`
-- Part: `swap-on`, `swap-off`, `swap-indeterminate`
-- Modifier: `swap-active`
-- Style: `swap-rotate`, `swap-flip`
-
-#### Syntax
-Using checkbox
-```html
-<label class="swap {MODIFIER}">
-  <input type="checkbox" />
-  <div class="swap-on">{content when active}</div>
-  <div class="swap-off">{content when inactive}</div>
-</label>
-```
-
-Using class name
-```html
-<div class="swap {MODIFIER}">
-  <div class="swap-on">{content when active}</div>
-  <div class="swap-off">{content when inactive}</div>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/style class names
-- Use only a hidden checkbox to control swap state or add/remove the `swap-active` class using JS to control state
-- To show something when the checkbox is indeterminate, use `swap-indeterminate` class
-
-### tab
-Tabs can be used to show a list of links in a tabbed format
-
-[tab docs](https://daisyui.com/components/tab/)
-
-#### Class Names:
-- Component: `tabs`
-- Part: `tab`, `tab-content`
-- Style: `tabs-box`, `tabs-border`, `tabs-lift`
-- Modifier: `tab-active`, `tab-disabled`
-- Placement: `tabs-top`, `tabs-bottom`
-
-#### Syntax
-Using buttons:
-```html
-<div role="tablist" class="tabs {MODIFIER}">
-  <button role="tab" class="tab">Tab</button>
-</div>
-```
-
-Using radio inputs:
-```html
-<div role="tablist" class="tabs tabs-box">
-  <input type="radio" name="my_tabs" class="tab" aria-label="Tab" />
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the style/size class names
-- Radio inputs are needed for tab content to work with tab click
-- If tabs gets a background then every tab inside it becomes rounded from both top corners
-
-### table
-Table can be used to show a list of data in a table format
-
-[table docs](https://daisyui.com/components/table/)
-
-#### Class Names:
-- Component: `table`
-- Modifier: `table-zebra`, `table-pin-rows`, `table-pin-cols`
-- Size: `table-xs`, `table-sm`, `table-md`, `table-lg`, `table-xl`
-
-#### Syntax
-```html
-<div class="overflow-x-auto">
-  <table class="table {MODIFIER}">
-    <thead>
-      <tr>
-        <th></th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <th></th>
-      </tr>
-    </tbody>
-  </table>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each modifier/size class names
-- The `overflow-x-auto` class is added to the wrapper div to make the table horizontally scrollable on smaller screens
-
-### text-rotate
-Text Rotate can show up to 6 lines of text, one at a time, with a an infinite loop animation. Duration is 10 seconds by default. The animation will pause on hover.
-
-[textarea docs](https://daisyui.com/components/text-rotate/)
-
-#### Class Names:
-- Component: `text-rotate`
-
-#### Syntax
-```html
-<span class="text-rotate">
-  <span>
-    <span>Word 1</span>
-    <span>Word 2</span>
-    <span>Word 3</span>
-    <span>Word 4</span>
-    <span>Word 5</span>
-    <span>Word 6</span>
-  </span>
-</span>
-```
-Example:
-Big font size, horizontally centered
-```html
-<span class="text-rotate max-md:text-3xl text-7xl font-title">
-  <span class="justify-items-center">
-    <span>DESIGN</span>
-    <span>DEVELOP</span>
-    <span>DEPLOY</span>
-    <span>SCALE</span>
-    <span>MAINTAIN</span>
-    <span>REPEAT</span>
-  </span>
-</span>
-```
-Rotating words in a sentence, different colors for each word
-```html
-<span>
-  Providing AI Agents for 
-  <span class="text-rotate">
-    <span>
-      <span class="bg-teal-400 text-teal-800 px-2">Designers</span>
-      <span class="bg-red-400 text-red-800 px-2">Developers</span>
-      <span class="bg-blue-400 text-blue-800 px-2">Managers</span>
-    </span>
-  </span>
-</span>
-```
-Custom line height in case you have a tall font or need more vertical spacing between lines
-```html
-<span class="text-rotate max-md:text-3xl text-7xl font-title leading-[2]">
-  <span class="justify-items-center">
-    <span>📐 DESIGN</span>
-    <span>⌨️ DEVELOP</span>
-    <span>🌎 DEPLOY</span>
-    <span>🌱 SCALE</span>
-    <span>🔧 MAINTAIN</span>
-    <span>♻️ REPEAT</span>
-  </span>
-</span>
-```
-
-#### Rules
-- `text-rotate` must have one span or div inside it that contains 2 to 6 spans/divs for each line of text
-- Total duration of the loop is 10000 milliseconds by default
-- You can set custom duration using `duration-{value}` utility class, where value is in milliseconds (e.g. `duration-12000` for 12 seconds)
-
-
-### textarea
-Textarea allows users to enter text in multiple lines
-
-[textarea docs](https://daisyui.com/components/textarea/)
-
-#### Class Names:
-- Component: `textarea`
-- Style: `textarea-ghost`
-- Color: `textarea-neutral`, `textarea-primary`, `textarea-secondary`, `textarea-accent`, `textarea-info`, `textarea-success`, `textarea-warning`, `textarea-error`
-- Size: `textarea-xs`, `textarea-sm`, `textarea-md`, `textarea-lg`, `textarea-xl`
-
-#### Syntax
-```html
-<textarea class="textarea {MODIFIER}" placeholder="Bio"></textarea>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each style/color/size class names
-
-### theme-controller
-If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value
-
-[theme-controller docs](https://daisyui.com/components/theme-controller/)
-
-#### Class names
-- component: `theme-controller`
-
-#### Syntax
-```html
-<input type="checkbox" value="{theme-name}" class="theme-controller" />
-```
-
-#### Rules
-- The value attribute of the input element should be a valid daisyUI theme name
-
-### timeline
-Timeline component shows a list of events in chronological order
-
-[timeline docs](https://daisyui.com/components/timeline/)
-
-#### Class Names:
-- Component: `timeline`
-- Part: `timeline-start`, `timeline-middle`, `timeline-end`
-- Modifier: `timeline-snap-icon`, `timeline-box`, `timeline-compact`
-- Direction: `timeline-vertical`, `timeline-horizontal`
-
-#### Syntax
-```html
-<ul class="timeline {MODIFIER}">
-  <li>
-    <div class="timeline-start">{start}</div>
-    <div class="timeline-middle">{icon}</div>
-    <div class="timeline-end">{end}</div>
-  </li>
-</ul>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the modifier/direction class names
-- To make a vertical timeline, add the `timeline-vertical` class to the `ul` element or just do nothing (because its the default style.)
-- Add `timeline-snap-icon` to snap the icon to the start instead of middle
-- Add the `timeline-compact` class to force all items on one side
-
-### toast
-Toast is a wrapper to stack elements, positioned on the corner of page
-
-[toast docs](https://daisyui.com/components/toast/)
-
-#### Class Names:
-- Component: `toast`
-- Placement: `toast-start`, `toast-center`, `toast-end`, `toast-top`, `toast-middle`, `toast-bottom`
-
-#### Syntax
-```html
-<div class="toast {MODIFIER}">{CONTENT}</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of the placement class names
-
-### toggle
-Toggle is a checkbox that is styled to look like a switch button
-
-[toggle docs](https://daisyui.com/components/toggle/)
-
-#### Class Names:
-- Component: `toggle`
-- Color: `toggle-primary`, `toggle-secondary`, `toggle-accent`, `toggle-neutral`, `toggle-success`, `toggle-warning`, `toggle-info`, `toggle-error`
-- Size: `toggle-xs`, `toggle-sm`, `toggle-md`, `toggle-lg`, `toggle-xl`
-
-#### Syntax
-```html
-<input type="checkbox" class="toggle {MODIFIER}" />
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each color/size class names
-
-### tooltip
-Tooltip can be used to show a message when hovering over an element
-
-[tooltip docs](https://daisyui.com/components/tooltip/)
-
-#### Class names
-- component: `tooltip`
-- part: `tooltip-content`
-- modifier: `tooltip-open`
-- placement: `tooltip-top`, `tooltip-bottom`, `tooltip-left`, `tooltip-right`
-- color: `tooltip-primary`, `tooltip-secondary`, `tooltip-accent`, `tooltip-info`, `tooltip-success`, `tooltip-warning`, `tooltip-error`
-
-#### Syntax
-```html
-<div class="tooltip {MODIFIER}" data-tip="Tooltip text">
-  <button class="btn">Hover me</button>
-</div>
-```
-
-#### Rules
-- {MODIFIER} is optional and can have one of each modifier/placement/color class names
-
-### validator
-Validator class changes the color of form elements to error or success based on input's validation rules
-
-[validator docs](https://daisyui.com/components/validator/)
-
-#### Class names
-- component: `validator`
-- part: `validator-hint`
-
-#### Syntax
-```html
-<input type="{type}" class="input validator" required />
-<p class="validator-hint">Error message</p>
-```
-
-#### Rules
-- Use with `input`, `select`, `textarea`
-

From 65713f6bcc527984a831e0b816a1173b43335180 Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 15:54:00 +0800
Subject: [PATCH 26/32] refactor: enhance dropdown functionality and styling
 across components

Updated the AutoCollapseDropdown component to improve its toggle behavior and added a click handler for better interaction. Adjusted the NavigationItem class for consistent overflow handling. Enhanced the DoughnutApp styling with z-index and overflow properties. Updated tests to verify dropdown behavior and styling.
---
 frontend/src/DoughnutApp.vue                  |  2 ++
 .../commons/AutoCollapseDropdown.vue          | 18 ++++++++++++-
 .../components/navigation/NavigationItem.vue  |  2 +-
 .../src/composables/useAutoCollapseDetails.ts |  7 +++--
 .../tests/toolbars/AccountMenuItem.spec.ts    | 26 +++++++++++++++----
 frontend/tests/toolbars/MainMenu.spec.ts      |  7 +++++
 6 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/frontend/src/DoughnutApp.vue b/frontend/src/DoughnutApp.vue
index d6dc6cb32d..1276b30f3f 100644
--- a/frontend/src/DoughnutApp.vue
+++ b/frontend/src/DoughnutApp.vue
@@ -98,6 +98,8 @@ onMounted(async () => {
   width: $main-menu-width;
   position: fixed; // Sticky for vertical menu on desktop
   flex-shrink: 0;
+  z-index: 10000;
+  overflow: visible;
 }
 
 .main-content {
diff --git a/frontend/src/components/commons/AutoCollapseDropdown.vue b/frontend/src/components/commons/AutoCollapseDropdown.vue
index 2f3c32ffe0..027baf5cb1 100644
--- a/frontend/src/components/commons/AutoCollapseDropdown.vue
+++ b/frontend/src/components/commons/AutoCollapseDropdown.vue
@@ -4,6 +4,7 @@
     data-auto-collapse-dropdown
     :class="{ 'daisy-dropdown-open': open }"
     v-bind="$attrs"
+    @click="onClick"
     @toggle="onToggle"
   >
     <slot :closeDropdown="closeDropdown" :open="open"></slot>
@@ -18,7 +19,22 @@ defineOptions({ inheritAttrs: false })
 
 const detailsRef = ref<HTMLDetailsElement | null>(null)
 const open = ref(false)
-const { closeDetails: closeDropdown } = useAutoCollapseDetails(detailsRef)
+const setOpen = (isOpen: boolean) => {
+  if (detailsRef.value) {
+    detailsRef.value.open = isOpen
+  }
+  open.value = isOpen
+}
+
+const closeDropdown = () => setOpen(false)
+const toggleDropdown = () => setOpen(!open.value)
+useAutoCollapseDetails(detailsRef, closeDropdown)
+
+const onClick = (event: MouseEvent) => {
+  if (event.target === detailsRef.value) {
+    toggleDropdown()
+  }
+}
 
 const onToggle = (event: Event) => {
   open.value = (event.target as HTMLDetailsElement).open
diff --git a/frontend/src/components/navigation/NavigationItem.vue b/frontend/src/components/navigation/NavigationItem.vue
index 3b21db2a6d..8f724113f0 100644
--- a/frontend/src/components/navigation/NavigationItem.vue
+++ b/frontend/src/components/navigation/NavigationItem.vue
@@ -53,7 +53,7 @@
     <AutoCollapseDropdown
       v-if="hasDropdown && !nonClickable"
       v-slot="{ closeDropdown }"
-      class="daisy-dropdown daisy-dropdown-bottom daisy-dropdown-end lg:daisy-dropdown-top lg:daisy-dropdown-right"
+      class="daisy-dropdown daisy-dropdown-bottom daisy-dropdown-end lg:daisy-dropdown-top lg:daisy-dropdown-right overflow-visible"
     >
       <summary
         tabindex="0"
diff --git a/frontend/src/composables/useAutoCollapseDetails.ts b/frontend/src/composables/useAutoCollapseDetails.ts
index a5fc0680a2..ea057a2aba 100644
--- a/frontend/src/composables/useAutoCollapseDetails.ts
+++ b/frontend/src/composables/useAutoCollapseDetails.ts
@@ -1,14 +1,13 @@
 import { onMounted, onUnmounted, type Ref } from "vue"
 
 export function useAutoCollapseDetails(
-  detailsRef: Ref<HTMLDetailsElement | null>
-) {
-  const closeDetails = () => {
+  detailsRef: Ref<HTMLDetailsElement | null>,
+  closeDetails: () => void = () => {
     if (detailsRef.value) {
       detailsRef.value.open = false
     }
   }
-
+) {
   const isInsideAnotherModal = (target: EventTarget | null) => {
     if (!(target instanceof HTMLElement)) return false
     const targetModal = target.closest("dialog.modal-mask")
diff --git a/frontend/tests/toolbars/AccountMenuItem.spec.ts b/frontend/tests/toolbars/AccountMenuItem.spec.ts
index 8a1eba3d78..4fec5f65bf 100644
--- a/frontend/tests/toolbars/AccountMenuItem.spec.ts
+++ b/frontend/tests/toolbars/AccountMenuItem.spec.ts
@@ -5,21 +5,37 @@ import makeMe from "doughnut-test-fixtures/makeMe"
 import { describe, expect, it, vi } from "vitest"
 
 describe("AccountMenuItem", () => {
-  it("calls logout when the user chooses Logout", async () => {
-    const logout = vi.fn()
-    const showUserSettingsDialog = vi.fn()
+  const renderAccountMenuItem = (overrides?: {
+    logout?: () => void
+    showUserSettingsDialog?: () => void
+  }) =>
     helper
       .component(AccountMenuItem)
       .withProps({
         user: makeMe.aUser.please(),
-        showUserSettingsDialog,
-        logout,
+        showUserSettingsDialog: overrides?.showUserSettingsDialog ?? vi.fn(),
+        logout: overrides?.logout ?? vi.fn(),
       })
       .withRouter()
       .render()
 
+  it("calls logout when the user chooses Logout", async () => {
+    const logout = vi.fn()
+    renderAccountMenuItem({ logout })
+
     await fireEvent.click(screen.getByLabelText("Account"))
     await fireEvent.click(screen.getByText("Logout"))
     expect(logout).toHaveBeenCalledOnce()
   })
+
+  it("opens account actions when the browser click targets the details root", async () => {
+    renderAccountMenuItem()
+
+    const dropdown = document.querySelector("[data-auto-collapse-dropdown]")
+    expect(dropdown).toBeInstanceOf(HTMLDetailsElement)
+
+    await fireEvent.click(dropdown as HTMLDetailsElement)
+
+    expect((dropdown as HTMLDetailsElement).open).toBe(true)
+  })
 })
diff --git a/frontend/tests/toolbars/MainMenu.spec.ts b/frontend/tests/toolbars/MainMenu.spec.ts
index 5a8de75231..8c1d06bbbe 100644
--- a/frontend/tests/toolbars/MainMenu.spec.ts
+++ b/frontend/tests/toolbars/MainMenu.spec.ts
@@ -355,6 +355,13 @@ describe("main menu", () => {
 
       await fireEvent.click(screen.getByLabelText("Account"))
 
+      const accountDropdown = document.querySelector(
+        "[data-auto-collapse-dropdown]"
+      )
+      expect(accountDropdown).toHaveClass("overflow-visible")
+      expect(getComputedStyle(accountDropdown as Element).overflow).toBe(
+        "visible"
+      )
       expect(assimilateLink).toBeInTheDocument()
       expect(screen.getByText(/Settings for/)).toBeInTheDocument()
       expect(screen.getByText("Recent...")).toBeInTheDocument()

From 7fa2a9baac82f118059f04ed4e41f0c8a0d54b08 Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 17:04:00 +0800
Subject: [PATCH 27/32] refactor: update note handling and improve component
 structure

Modified the NoteInfoBar component to use 'displayedNote' instead of 'note' for better clarity. Enhanced the NoteInfoComponent by streamlining the rendering of memory trackers. Updated the AssimilationSettings component to pass the note prop correctly. Adjusted the NoteInfoMemoryTracker template to ensure proper table structure.
---
 e2e_test/step_definitions/assimilation.ts     |  2 +-
 frontend/src/components/notes/NoteInfoBar.vue | 10 ++++---
 .../components/notes/NoteInfoComponent.vue    | 11 +++-----
 .../notes/NoteInfoMemoryTracker.vue           | 26 ++++++++++---------
 .../recall/AssimilationSettings.vue           |  1 +
 5 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/e2e_test/step_definitions/assimilation.ts b/e2e_test/step_definitions/assimilation.ts
index d62e393af8..513825d607 100644
--- a/e2e_test/step_definitions/assimilation.ts
+++ b/e2e_test/step_definitions/assimilation.ts
@@ -141,7 +141,7 @@ Then(
     if (expectedResult === 'success') {
       start.assumeAssimilationPage().expectPopupClosed()
       start
-        .jumpToNotePage(noteTitle)
+        .jumpToNotePage(noteTitle, true)
         .openAssimilationSettings()
         .expectMemoryTrackerInfo([{ type: 'spelling', 'Recall Count': '0' }])
     } else {
diff --git a/frontend/src/components/notes/NoteInfoBar.vue b/frontend/src/components/notes/NoteInfoBar.vue
index 7e96ae0c81..39bccb75a9 100644
--- a/frontend/src/components/notes/NoteInfoBar.vue
+++ b/frontend/src/components/notes/NoteInfoBar.vue
@@ -1,7 +1,7 @@
 <template>
   <NoteInfoComponent
-    v-if="noteRecallInfo && note"
-    :note="note"
+    v-if="noteRecallInfo && displayedNote"
+    :note="displayedNote"
     :note-recall-info="noteRecallInfo"
     @level-changed="$emit('levelChanged', $event)"
     @remember-spelling-changed="$emit('rememberSpellingChanged', $event)"
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import type { NoteRecallInfo } from "@generated/doughnut-backend-api"
+import type { Note, NoteRecallInfo } from "@generated/doughnut-backend-api"
 import { NoteController } from "@generated/doughnut-backend-api/sdk.gen"
 import NoteInfoComponent from "./NoteInfoComponent.vue"
 import { ref, watch, computed } from "vue"
@@ -18,6 +18,7 @@ import { useStorageAccessor } from "@/composables/useStorageAccessor"
 
 const props = defineProps<{
   noteId: number
+  note?: Note
 }>()
 
 const emit = defineEmits<{
@@ -29,8 +30,9 @@ const emit = defineEmits<{
 const noteRecallInfo = ref<NoteRecallInfo | undefined>(undefined)
 const storageAccessor = useStorageAccessor()
 
-const note = computed(
+const displayedNote = computed(
   () =>
+    props.note ??
     storageAccessor.value?.storedApi().getNoteRealmRef(props.noteId).value?.note
 )
 
diff --git a/frontend/src/components/notes/NoteInfoComponent.vue b/frontend/src/components/notes/NoteInfoComponent.vue
index ad09803577..4c6d0848ec 100644
--- a/frontend/src/components/notes/NoteInfoComponent.vue
+++ b/frontend/src/components/notes/NoteInfoComponent.vue
@@ -20,17 +20,14 @@
       </tr>
     </thead>
     <tbody>
-      <tr
+      <NoteInfoMemoryTracker
         v-for="memoryTracker in memoryTrackers"
         :key="memoryTracker.id"
+        :model-value="memoryTracker"
         class="clickable-row"
         @click="navigateToMemoryTracker(memoryTracker.id)"
-      >
-        <NoteInfoMemoryTracker
-          :model-value="memoryTracker"
-          @update:model-value="updateMemoryTracker($event)"
-        />
-      </tr>
+        @update:model-value="updateMemoryTracker($event)"
+      />
     </tbody>
   </table>
 </template>
diff --git a/frontend/src/components/notes/NoteInfoMemoryTracker.vue b/frontend/src/components/notes/NoteInfoMemoryTracker.vue
index 176b7e4d17..81962d1628 100644
--- a/frontend/src/components/notes/NoteInfoMemoryTracker.vue
+++ b/frontend/src/components/notes/NoteInfoMemoryTracker.vue
@@ -1,16 +1,18 @@
 <template>
-  <td :class="{ 'strikethrough': isSkipped }">
-    {{ localMemoryTracker.spelling ? 'spelling' : 'normal' }}
-  </td>
-  <td :class="{ 'strikethrough': isSkipped }">
-    <span class="statistics-value">{{ localMemoryTracker.recallCount }}</span>
-  </td>
-  <td :class="{ 'strikethrough': isSkipped }">
-    <span class="statistics-value">{{ localMemoryTracker.forgettingCurveIndex }}</span>
-  </td>
-  <td :class="{ 'strikethrough': isSkipped }">
-    <span class="statistics-value">{{ new Date(localMemoryTracker.nextRecallAt).toLocaleString() }}</span>
-  </td>
+  <tr>
+    <td :class="{ 'strikethrough': isSkipped }">
+      {{ localMemoryTracker.spelling ? 'spelling' : 'normal' }}
+    </td>
+    <td :class="{ 'strikethrough': isSkipped }">
+      <span class="statistics-value">{{ localMemoryTracker.recallCount }}</span>
+    </td>
+    <td :class="{ 'strikethrough': isSkipped }">
+      <span class="statistics-value">{{ localMemoryTracker.forgettingCurveIndex }}</span>
+    </td>
+    <td :class="{ 'strikethrough': isSkipped }">
+      <span class="statistics-value">{{ new Date(localMemoryTracker.nextRecallAt).toLocaleString() }}</span>
+    </td>
+  </tr>
 </template>
 
 <script setup lang="ts">
diff --git a/frontend/src/components/recall/AssimilationSettings.vue b/frontend/src/components/recall/AssimilationSettings.vue
index b8e5cf6096..6d07a17f3f 100644
--- a/frontend/src/components/recall/AssimilationSettings.vue
+++ b/frontend/src/components/recall/AssimilationSettings.vue
@@ -18,6 +18,7 @@
           >
             <NoteInfoBar
               :note-id="note.id"
+              :note="note"
               @level-changed="emit('levelChanged', $event)"
               @remember-spelling-changed="emit('rememberSpellingChanged', $event)"
               @note-recall-info-loaded="emit('noteRecallInfoLoaded', $event)"

From bdf186ab4d15f5cde24fd9604f248b91e4e4172f Mon Sep 17 00:00:00 2001
From: Terry Yin <terry@odd-e.com>
Date: Tue, 19 May 2026 17:52:34 +0800
Subject: [PATCH 28/32] refactor: improve NoteMoreOptionsForm and note page
 interactions

Refactored the NoteMoreOptionsForm to enhance the dropdown opening logic and ensure it checks the dropdown state before interacting. Updated the note page to handle question list expectations more robustly, accommodating cases where the question table may not be present. This improves the reliability of the UI interactions and test assertions.
---
 .../start/pageObjects/noteMoreOptionsForm.ts  | 20 +++++++++++++++----
 e2e_test/start/pageObjects/notePage.ts        |  9 ++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/e2e_test/start/pageObjects/noteMoreOptionsForm.ts b/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
index 81556f913a..8ab0510362 100644
--- a/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
+++ b/e2e_test/start/pageObjects/noteMoreOptionsForm.ts
@@ -3,11 +3,23 @@ import { assumeAssimilationPage } from './assimilationPage'
 import { toolbarButton } from './toolbarButton'
 import { questionListPage } from './questionListPage'
 
-export const makeSureNoteMoreOptionsFormIsOpen = () => {
-  cy.get('summary[title="more options"]').click()
-  cy.get('details[data-auto-collapse-dropdown]')
+const moreOptionsDetails = () =>
+  cy
+    .get('details[data-auto-collapse-dropdown]')
     .filter(':has(summary[title="more options"])')
-    .should('have.prop', 'open', true)
+
+const isMoreOptionsDropdownOpen = ($details: JQuery<HTMLElement>) =>
+  $details.prop('open') === true || $details.hasClass('daisy-dropdown-open')
+
+export const makeSureNoteMoreOptionsFormIsOpen = () => {
+  moreOptionsDetails().then(($details) => {
+    if (!isMoreOptionsDropdownOpen($details)) {
+      cy.wrap($details).find('summary[title="more options"]').click()
+    }
+  })
+  moreOptionsDetails().should(($details) => {
+    expect(isMoreOptionsDropdownOpen($details)).to.eq(true)
+  })
   cy.findByRole('button', { name: 'Assimilation settings' }).should(
     'be.visible'
   )
diff --git a/e2e_test/start/pageObjects/notePage.ts b/e2e_test/start/pageObjects/notePage.ts
index 50edaf71c4..0e746c906b 100644
--- a/e2e_test/start/pageObjects/notePage.ts
+++ b/e2e_test/start/pageObjects/notePage.ts
@@ -9,6 +9,7 @@ import { sidebarChildNotePageMethods } from './noteSidebar'
 import { assumeAssociateWikidataDialog } from './associateWikidataDialog'
 import { toolbarButton } from './toolbarButton'
 import { makeSureNoteMoreOptionsFormIsOpen } from './noteMoreOptionsForm'
+import { questionListPage } from './questionListPage'
 import { assumeAssimilationPage } from './assimilationPage'
 
 /** Matches `noteShowHref()` (`/n{id}`), `/n/:id`, or legacy `/d/n/:id` note links. */
@@ -505,7 +506,13 @@ export const assumeNotePage = (
       this.openQuestionList().addQuestionPage().refineQuestion(row)
     },
     expectQuestionsInList(expectedQuestions: Record<string, string>[]) {
-      this.openQuestionList().expectQuestion(expectedQuestions)
+      cy.get('body').then(($body) => {
+        if ($body.find('.question-table').length > 0) {
+          questionListPage().expectQuestion(expectedQuestions)
+        } else {
+          this.openQuestionList().expectQuestion(expectedQuestions)
+        }
+      })
     },
     sendMessageToNoteOwner(message: string) {
       this.toolbarButton('Star a conversation about this note').click()

From 82940d844467aeb9eec1b77ecee75d70a3163cf4 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Wed, 20 May 2026 10:24:14 +0800
Subject: [PATCH 29/32] @hey-api/openapi-ts@0.97.2 @redocly/cli@2.31.1

---
 package.json        |  4 +--
 pnpm-lock.yaml      | 62 ++++++++++++++++++++++-----------------------
 pnpm-workspace.yaml |  5 ++++
 3 files changed, 38 insertions(+), 33 deletions(-)

diff --git a/package.json b/package.json
index d944e591a6..c26e53c5e2 100644
--- a/package.json
+++ b/package.json
@@ -86,11 +86,11 @@
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.8",
     "@biomejs/biome": "2.4.15",
     "@cucumber/cucumber": "^12.9.0",
-    "@hey-api/openapi-ts": "0.97.1",
+    "@hey-api/openapi-ts": "0.97.2",
     "@hono/node-server": "2.0.2",
     "@mbtest/mountebank": "2.9.4",
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@redocly/cli": "^2.30.6",
+    "@redocly/cli": "^2.31.1",
     "@testing-library/cypress": "10.1.3",
     "@types/cypress-cucumber-preprocessor": "^4.0.5",
     "@types/jquery": "^3.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 532f98b176..aec842d508 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,8 +81,8 @@ importers:
         specifier: ^12.9.0
         version: 12.9.0
       '@hey-api/openapi-ts':
-        specifier: 0.97.1
-        version: 0.97.1(typescript@6.0.3)
+        specifier: 0.97.2
+        version: 0.97.2(typescript@6.0.3)
       '@hono/node-server':
         specifier: 2.0.2
         version: 2.0.2(hono@4.12.19)
@@ -93,8 +93,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0(zod@4.4.3)
       '@redocly/cli':
-        specifier: ^2.30.6
-        version: 2.30.6(@opentelemetry/api@1.9.1)(core-js@3.49.0)
+        specifier: ^2.31.1
+        version: 2.31.1(@opentelemetry/api@1.9.1)(core-js@3.49.0)
       '@testing-library/cypress':
         specifier: 10.1.3
         version: 10.1.3(cypress@15.15.0)
@@ -1209,15 +1209,15 @@ packages:
     resolution: {integrity: sha512-ZhCFSKI2ipZHEbgmtUHdyddvRU3wJ4elgCfYUC7T7hZa4EivSrVflTQf2w+v3TuaYxR1Y2V2kq3otqTttrrK8Q==}
     engines: {node: '>=22.13.0'}
 
-  '@hey-api/openapi-ts@0.97.1':
-    resolution: {integrity: sha512-LksUJeXAqwf6OhcCCr3/B4YjnBs5rqSqjDUKMBvkgp4OhaCQiJrOvntctFxdnugy8jUojP4yi/eJf5xYzcYzCQ==}
+  '@hey-api/openapi-ts@0.97.2':
+    resolution: {integrity: sha512-nA+y0/I5O9loQMeJKumi6BQ40/Y71N0hIMmXZ/I7rh8jEOzYxSxmf5a4TBEI2Ap4RAfZyh7RJzJfVzT98KUYQQ==}
     engines: {node: '>=22.13.0'}
     hasBin: true
     peerDependencies:
       typescript: '>=5.5.3 || >=6.0.0 || 6.0.1-rc'
 
-  '@hey-api/shared@0.4.3':
-    resolution: {integrity: sha512-3tHfZNXgGOt+3P3Kq9cvqmZ9i7e3jtrkip1uDpZTX1+hTNboHhYdjxnT8AbrDuvslTaQHoAOlP4/iCDdzd9Jag==}
+  '@hey-api/shared@0.4.4':
+    resolution: {integrity: sha512-UZgaQNEdo/OSGLeNXhSv0VQTHQQm5Q2mHOuoYhFPJkNvLVrz7KZtGdKR8O4QPrhyblshxY+caJli08WKM0gREg==}
     engines: {node: '>=22.13.0'}
 
   '@hey-api/spec-types@0.2.0':
@@ -1999,30 +1999,30 @@ packages:
   '@redocly/ajv@8.18.3':
     resolution: {integrity: sha512-l42u0of3hY98sN2A+M4qTX1O/KrpgGH32Hu9kP2GtHyD5Dfqq86PKFLe5dwaD8DEnNmlOlll2BAmeEtf0DaySg==}
 
-  '@redocly/cli-otel@0.1.2':
-    resolution: {integrity: sha512-Bg7BoO5t1x3lVK+KhA5aGPmeXpQmdf6WtTYHhelKJCsQ+tRMiJoFAQoKHoBHAoNxXrhlS3K9lKFLHGmtxsFQfA==}
+  '@redocly/cli-otel@0.3.1':
+    resolution: {integrity: sha512-TbC4bK2zLtU/O9I2pszHPP0rtJOvFhQmEwQ/FHxERPu71fgKG8POUDP2jSiGmsXE7NdGSHBKqnf+y9Acn2jq5g==}
 
-  '@redocly/cli@2.30.6':
-    resolution: {integrity: sha512-BFkviDxeuLbisRdaSfPmSehL0AIBGfA9mziZF0APumaFo92D2g+a3r25mPbhdD3EgmIKPZRvAe8AR8BudebVJA==}
+  '@redocly/cli@2.31.1':
+    resolution: {integrity: sha512-eOyKMW3udQwIH2TvgRNeNtgzenNR8PHbvON4oYbr7uAQ2XGJnq9X24fsSgiZIuSFTm+XqMDmf888B5yMnFaxgQ==}
     engines: {node: '>=22.12.0 || >=20.19.0 <21.0.0', npm: '>=10'}
     hasBin: true
 
   '@redocly/config@0.22.0':
     resolution: {integrity: sha512-gAy93Ddo01Z3bHuVdPWfCwzgfaYgMdaZPcfL7JZ7hWJoK9V0lXDbigTWkhiPFAaLWzbOJ+kbUQG1+XwIm0KRGQ==}
 
-  '@redocly/config@0.48.1':
-    resolution: {integrity: sha512-vq8GM3e0KiglqkwE5Lb9XayrmZY4dHCs21BsvV92yAZN68f1N9cZUuwY1SwnztPbH06dn9uLzubBl/JNfImqfA==}
+  '@redocly/config@0.48.2':
+    resolution: {integrity: sha512-DUHthTRdj+caAQWCtJae4yzvxaUDuwQkFsZFVaAEyORd8Bt8K2wYso61jYZuR/kQZaDejfUREtQTVVZ5VYTqgw==}
 
   '@redocly/openapi-core@1.34.14':
     resolution: {integrity: sha512-y+xFx+Zz54Xhr8jUdnLENYnt7Y7GEDL6Q03ga7rTtX8DVwefX9H+hQEPgJp1nda7vdH+wJ9/HBVvyfBuW9x6rA==}
     engines: {node: '>=18.17.0', npm: '>=9.5.0'}
 
-  '@redocly/openapi-core@2.30.6':
-    resolution: {integrity: sha512-nxyqXRzWQQlvpLLv686ycOQg+fNWbF/ZvkyC8bXoDU6LxMM5qSjrNomcVwoExbNpvGt9qJilpT6qQlk155RnmA==}
+  '@redocly/openapi-core@2.31.1':
+    resolution: {integrity: sha512-sPf5eS8oh4EYFAzha/JWSZ0eInhFaGoO4MaF8wkZEiL4lTpZPLN7D9RABWcXn/9xTljIQsX+bEBY3rhN44UhGg==}
     engines: {node: '>=22.12.0 || >=20.19.0 <21.0.0', npm: '>=10'}
 
-  '@redocly/respect-core@2.30.6':
-    resolution: {integrity: sha512-rE38QmhQ6EQNFR5Ry99oFXVL5q6D8W/CcyLGfdA/jf7Hv4fT/35M6Q6zONueC+j9N6fxbQC+Vvpd6JJKukrGFQ==}
+  '@redocly/respect-core@2.31.1':
+    resolution: {integrity: sha512-KW/ismQ6/v95GPWTKhWTO0Lp7UIhPKJU7Gc1GFTpRJRxbM3Ail2eJ/I0jpPlMr4geze+O2zQV0h9jI4co6hhIQ==}
     engines: {node: '>=22.12.0 || >=20.19.0 <21.0.0', npm: '>=10'}
 
   '@rolldown/binding-android-arm64@1.0.1':
@@ -8039,11 +8039,11 @@ snapshots:
       '@types/json-schema': 7.0.15
       js-yaml: 4.1.1
 
-  '@hey-api/openapi-ts@0.97.1(typescript@6.0.3)':
+  '@hey-api/openapi-ts@0.97.2(typescript@6.0.3)':
     dependencies:
       '@hey-api/codegen-core': 0.8.1
       '@hey-api/json-schema-ref-parser': 1.4.2
-      '@hey-api/shared': 0.4.3
+      '@hey-api/shared': 0.4.4
       '@hey-api/spec-types': 0.2.0
       '@hey-api/types': 0.1.4
       '@lukeed/ms': 2.0.2
@@ -8055,7 +8055,7 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@hey-api/shared@0.4.3':
+  '@hey-api/shared@0.4.4':
     dependencies:
       '@hey-api/codegen-core': 0.8.1
       '@hey-api/json-schema-ref-parser': 1.4.2
@@ -8711,19 +8711,19 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
-  '@redocly/cli-otel@0.1.2':
+  '@redocly/cli-otel@0.3.1':
     dependencies:
       ulid: 2.4.0
 
-  '@redocly/cli@2.30.6(@opentelemetry/api@1.9.1)(core-js@3.49.0)':
+  '@redocly/cli@2.31.1(@opentelemetry/api@1.9.1)(core-js@3.49.0)':
     dependencies:
       '@opentelemetry/exporter-trace-otlp-http': 0.214.0(@opentelemetry/api@1.9.1)
       '@opentelemetry/resources': 2.6.1(@opentelemetry/api@1.9.1)
       '@opentelemetry/sdk-trace-node': 2.6.1(@opentelemetry/api@1.9.1)
       '@opentelemetry/semantic-conventions': 1.40.0
-      '@redocly/cli-otel': 0.1.2
-      '@redocly/openapi-core': 2.30.6
-      '@redocly/respect-core': 2.30.6
+      '@redocly/cli-otel': 0.3.1
+      '@redocly/openapi-core': 2.31.1
+      '@redocly/respect-core': 2.31.1
       ajv: 8.20.0
       ajv-formats: 3.0.1(ajv@8.20.0)
       colorette: 1.4.0
@@ -8757,7 +8757,7 @@ snapshots:
 
   '@redocly/config@0.22.0': {}
 
-  '@redocly/config@0.48.1':
+  '@redocly/config@0.48.2':
     dependencies:
       json-schema-to-ts: 2.7.2
 
@@ -8775,10 +8775,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@redocly/openapi-core@2.30.6':
+  '@redocly/openapi-core@2.31.1':
     dependencies:
       '@redocly/ajv': 8.18.3
-      '@redocly/config': 0.48.1
+      '@redocly/config': 0.48.2
       ajv: 8.20.0
       ajv-formats: 3.0.1(ajv@8.20.0)
       colorette: 1.4.0
@@ -8788,12 +8788,12 @@ snapshots:
       pluralize: 8.0.0
       yaml-ast-parser: 0.0.43
 
-  '@redocly/respect-core@2.30.6':
+  '@redocly/respect-core@2.31.1':
     dependencies:
       '@faker-js/faker': 7.6.0
       '@noble/hashes': 1.8.0
       '@redocly/ajv': 8.18.3
-      '@redocly/openapi-core': 2.30.6
+      '@redocly/openapi-core': 2.31.1
       ajv: 8.20.0
       better-ajv-errors: 2.0.3(ajv@8.20.0)
       colorette: 2.0.20
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 1eb3230a67..c817123bf1 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -77,3 +77,8 @@ allowBuilds:
 minimumReleaseAgeExclude:
   - daisyui@5.5.20
   - npm-run-all2@9.0.0
+  - '@redocly/cli-otel@0.3.1'
+  - '@redocly/cli@2.31.1'
+  - '@redocly/config@0.48.2'
+  - '@redocly/openapi-core@2.31.1'
+  - '@redocly/respect-core@2.31.1'

From 8ab3f7ce747d2d4224765d774b4f2297ae9e947b Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Wed, 20 May 2026 11:10:43 +0800
Subject: [PATCH 30/32] tsx@4.22.2 vue-tsc@3.3.0 @types/node@25.9.0
 syncpack@15.3.0

---
 cli/package.json                              |   4 +-
 frontend/package.json                         |   4 +-
 mcp-server/package.json                       |   2 +-
 package.json                                  |   4 +-
 .../doughnut-backend-api/client/client.gen.ts |   5 +-
 .../doughnut-backend-api/client/utils.gen.ts  |  14 +-
 pnpm-lock.yaml                                | 239 +++++++++---------
 7 files changed, 137 insertions(+), 135 deletions(-)

diff --git a/cli/package.json b/cli/package.json
index c10d7d1d8d..1ed0a4f275 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -38,13 +38,13 @@
   "devDependencies": {
     "@stryker-mutator/core": "^9.6.1",
     "@stryker-mutator/vitest-runner": "^9.6.1",
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.0",
     "@types/react": "^19.2.14",
     "doughnut-test-fixtures": "workspace:*",
     "esbuild": "0.28.0",
     "ink": "^7.0.3",
     "ink-testing-library": "^4.0.0",
-    "tsx": "4.22.1",
+    "tsx": "4.22.2",
     "typescript": "6.0.3",
     "vitest": "4.1.6"
   }
diff --git a/frontend/package.json b/frontend/package.json
index e29a004174..e1f0b89da6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -42,7 +42,7 @@
     "@tailwindcss/vite": "^4.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.0",
     "@types/turndown": "^5.0.6",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
@@ -76,7 +76,7 @@
     "vitest-fetch-mock": "^0.4.5",
     "vue": "3.5.34",
     "vue-router": "5.0.7",
-    "vue-tsc": "3.2.9"
+    "vue-tsc": "3.3.0"
   },
   "overrides": {
     "quill": "npm:@dotwee/quill@2.0.9"
diff --git a/mcp-server/package.json b/mcp-server/package.json
index 9262ccca02..e7869c4199 100644
--- a/mcp-server/package.json
+++ b/mcp-server/package.json
@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.0",
     "doughnut-test-fixtures": "workspace:*",
     "esbuild": "0.28.0",
     "typescript": "6.0.3",
diff --git a/package.json b/package.json
index c26e53c5e2..f8a21457a5 100644
--- a/package.json
+++ b/package.json
@@ -94,7 +94,7 @@
     "@testing-library/cypress": "10.1.3",
     "@types/cypress-cucumber-preprocessor": "^4.0.5",
     "@types/jquery": "^3.5",
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.0",
     "cypress": "15.15.0",
     "cypress-file-upload": "^5.0.8",
     "github_action_sound": "^1.0.8",
@@ -104,7 +104,7 @@
     "process": "^0.11.10",
     "slugify": "1.6.9",
     "superagent": "^10.3.0",
-    "syncpack": "^15.2.0",
+    "syncpack": "^15.3.0",
     "tesseract.js": "^7.0.0",
     "tty-assert": "0.1.3",
     "typescript": "6.0.3",
diff --git a/packages/generated/doughnut-backend-api/client/client.gen.ts b/packages/generated/doughnut-backend-api/client/client.gen.ts
index 377b6c9e09..fc3f037f16 100644
--- a/packages/generated/doughnut-backend-api/client/client.gen.ts
+++ b/packages/generated/doughnut-backend-api/client/client.gen.ts
@@ -48,10 +48,7 @@ export const createClient = (config: Config = {}): Client => {
     };
 
     if (opts.security) {
-      await setAuthParams({
-        ...opts,
-        security: opts.security,
-      });
+      await setAuthParams(opts);
     }
 
     if (opts.requestValidator) {
diff --git a/packages/generated/doughnut-backend-api/client/utils.gen.ts b/packages/generated/doughnut-backend-api/client/utils.gen.ts
index eb0164fa8c..7800fe4b9d 100644
--- a/packages/generated/doughnut-backend-api/client/utils.gen.ts
+++ b/packages/generated/doughnut-backend-api/client/utils.gen.ts
@@ -118,14 +118,12 @@ const checkForExistence = (
   return false;
 };
 
-export const setAuthParams = async ({
-  security,
-  ...options
-}: Pick<Required<RequestOptions>, 'security'> &
-  Pick<RequestOptions, 'auth' | 'query'> & {
+export async function setAuthParams(
+  options: Pick<RequestOptions, 'auth' | 'query' | 'security'> & {
     headers: Headers;
-  }) => {
-  for (const auth of security) {
+  },
+): Promise<void> {
+  for (const auth of options.security ?? []) {
     if (checkForExistence(options, auth.name)) {
       continue;
     }
@@ -154,7 +152,7 @@ export const setAuthParams = async ({
         break;
     }
   }
-};
+}
 
 export const buildUrl: Client['buildUrl'] = (options) =>
   getUrl({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index aec842d508..6ff61b879c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -105,8 +105,8 @@ importers:
         specifier: ^3.5
         version: 3.5.34
       '@types/node':
-        specifier: 25.8.0
-        version: 25.8.0
+        specifier: 25.9.0
+        version: 25.9.0
       cypress:
         specifier: 15.15.0
         version: 15.15.0
@@ -135,8 +135,8 @@ importers:
         specifier: ^10.3.0
         version: 10.3.0
       syncpack:
-        specifier: ^15.2.0
-        version: 15.2.0
+        specifier: ^15.3.0
+        version: 15.3.0
       tesseract.js:
         specifier: ^7.0.0
         version: 7.0.0
@@ -208,14 +208,14 @@ importers:
         specifier: ^4.0.0
         version: 4.0.0(@types/react@19.2.14)
       tsx:
-        specifier: 4.22.1
-        version: 4.22.1
+        specifier: 4.22.2
+        version: 4.22.2
       typescript:
         specifier: 6.0.3
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   frontend:
     dependencies:
@@ -258,16 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -282,13 +282,13 @@ importers:
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.7
-        version: 6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -351,16 +351,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -377,8 +377,8 @@ importers:
         specifier: 5.0.7
         version: 5.0.7(@vue/compiler-sfc@3.5.34)(vue@3.5.34(typescript@6.0.3))
       vue-tsc:
-        specifier: 3.2.9
-        version: 3.2.9(typescript@6.0.3)
+        specifier: 3.3.0
+        version: 3.3.0(typescript@6.0.3)
 
   mcp-server:
     dependencies:
@@ -403,7 +403,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -2435,6 +2435,9 @@ packages:
   '@types/node@25.8.0':
     resolution: {integrity: sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==}
 
+  '@types/node@25.9.0':
+    resolution: {integrity: sha512-AOQwYUNolgy3VosiRqXrACUXTN8nJUtPl7FJXMqZVyxiiCLhQuG3jXKvCS1ALr+Y2OmZhzzLVlYPEqJaiqkaJQ==}
+
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
 
@@ -2668,8 +2671,8 @@ packages:
       typescript:
         optional: true
 
-  '@vue/language-core@3.2.9':
-    resolution: {integrity: sha512-ie0ojt/0fU/GfIogh+zgHbaYRPlt9S+cLOxcWwF7nTSFh897BVgnFKL2byT4kpp1mlqYWZ2psGwSniyE2xsxYw==}
+  '@vue/language-core@3.3.0':
+    resolution: {integrity: sha512-EyUxq1b8Yoxk6hQ6X33BIRnfFLb9Rbm9w/8G8y6uMxlQu7CW7yy9JS/z54xSpIvBvVWX6Lt5v1aBGwmrqD4aJw==}
 
   '@vue/reactivity@3.5.34':
     resolution: {integrity: sha512-y9XDjCEuBp+98k+UL5dbYkh57AHU4o6cxZedOPXw3bmrZZYLQsVHguGurq7hVrPCSrQtrnz1f9dssyFr+dMXfQ==}
@@ -6307,48 +6310,48 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  syncpack-darwin-arm64@15.2.0:
-    resolution: {integrity: sha512-7bvEQO8vwMen5Jn0HyHSj3Yke4ZOtle44XRKNPR4znY0p6RIJHxADLOT7yETYtkM7e2Oupi7WoGpFYT50iwaxQ==}
+  syncpack-darwin-arm64@15.3.0:
+    resolution: {integrity: sha512-Azt4KUDw5YvnclTd1uREF2TuUT3vFnqNQSVOcN7OQOQiEzv9bY9v2l6Exfudfd8l924jg2Z4rsWae0BA1r+a6A==}
     cpu: [arm64]
     os: [darwin]
 
-  syncpack-darwin-x64@15.2.0:
-    resolution: {integrity: sha512-Wvry6LE/idjsKlOsNk3syNWoQqeWB/hLYKqY5rIivvL+FGJOsYWUADwSTz8ThflNTefoIRvohapLlvt5ffA75g==}
+  syncpack-darwin-x64@15.3.0:
+    resolution: {integrity: sha512-G/nEPY0L5ccY/CdRcFdefZHa3wYSHA9Ij5BSE1SsmFrE2ryXUhtNZltv4QS4Xun4nuQSXofcWmVjcj94q7x85Q==}
     cpu: [x64]
     os: [darwin]
 
-  syncpack-linux-arm64-musl@15.2.0:
-    resolution: {integrity: sha512-yuvghI2+TBQmYX3AsrVFQOhgq84QyRePFVQSRQp25I5BADppts1I/3ZQ06WITzBrKsOsbm2Ds74UhKdBSIW6Ug==}
+  syncpack-linux-arm64-musl@15.3.0:
+    resolution: {integrity: sha512-6h3C3gwp5CA5jHGmOdCHTtHLBwfgMvZJ4ibW/bP0kqOabxOGvwgTu774e5Rc0tCh+HZEHf76lHR7rqzagElo2g==}
     cpu: [arm64]
     os: [linux]
 
-  syncpack-linux-arm64@15.2.0:
-    resolution: {integrity: sha512-jBLPNEAyTBbGXJCMqnMY0KJg5MuihpHRod/ZihddLZin18/hk82GYXm9wk2YchFM3CwKD8Vti2SHxSweWUOcVg==}
+  syncpack-linux-arm64@15.3.0:
+    resolution: {integrity: sha512-CG/JssZA4fp7ydaIxD6A0DaoKjrQcMDv20izwHL2c1Kl22ZC8/A0/RzqkRc+G0Uwx8xXRRdgzF1EFG/8YySZVw==}
     cpu: [arm64]
     os: [linux]
 
-  syncpack-linux-x64-musl@15.2.0:
-    resolution: {integrity: sha512-F75wqGiW6l1amXXK0JSmtN6eg5syUz1SHMUNw6FkSBqZirdvltz/iBZc76Ms6ZMbleThV/QFZOinH0CL3bAKTg==}
+  syncpack-linux-x64-musl@15.3.0:
+    resolution: {integrity: sha512-gfnoYlp5R/DtvsgkSNk2PlsInrOuKCAI1DsvxPnwpzf2w9PBM8u1lj4dYZgfF2A5/vpZ9r5B3aQqZHxQYwWOcQ==}
     cpu: [x64]
     os: [linux]
 
-  syncpack-linux-x64@15.2.0:
-    resolution: {integrity: sha512-5B3iqrdRKAUvXhmUAKbQHiJ3VpgKfkRR1yOpdxEBZmj18nopKwMME5EEVD7vaHvuqzajjyFmSdXaxRM1JIX0pg==}
+  syncpack-linux-x64@15.3.0:
+    resolution: {integrity: sha512-1Zw9fuoGSPc2KZiKN8sLYQkRzKVuq8CTvbsGT76GEVGtdMALTJHkRrKCuJpPQkmkT0QCYMLaWIRFuMB75CshSg==}
     cpu: [x64]
     os: [linux]
 
-  syncpack-windows-arm64@15.2.0:
-    resolution: {integrity: sha512-vzFz5WfHN6wgSBjmWxUoHRAIjKseCLClXxIxxYTnWfFKkP6vtnTJKV9/LM7HK3cAfz1GDa49dNL70DrYFMyeGw==}
+  syncpack-windows-arm64@15.3.0:
+    resolution: {integrity: sha512-94uhIfc252J45dxAOd8RTRUvfAQzTzzL0Vf/FJl6RDV9jNW3Il8mI6op6gTcGn8mj42IxOu0I9y0lT6ufGz40A==}
     cpu: [arm64]
     os: [win32]
 
-  syncpack-windows-x64@15.2.0:
-    resolution: {integrity: sha512-i5Ygq8GNPAuTZoftmR8VBdYsWKmpOcKKGKZkPqLPtEOuiSp56Dgievm+asR2DLMtm/qwkFE+tqYTVlKWw133Rw==}
+  syncpack-windows-x64@15.3.0:
+    resolution: {integrity: sha512-FXi47AyxMg/Jf3cykKfRSvefRdy4K37PfePWQ/mz7YfBcEZL1DOa3A6tF7g9pOYRo7VC4HAk0CFEy5fm37CzDg==}
     cpu: [x64]
     os: [win32]
 
-  syncpack@15.2.0:
-    resolution: {integrity: sha512-bRknhaR2FaVlFO62U8jy5+KYlZx3j8wTD4Z51GdzPWPfGY9Zj8xXwC07TYqz8ypQLaEXT4yB6xrRyi/GaiBsZQ==}
+  syncpack@15.3.0:
+    resolution: {integrity: sha512-277tpyFK9X9FHFnRou2rHOg7/DoyaRc1P7km0Vc//CZ4x8boHV/uNxa9AU8Uv7SyVpcT1kvbTYF1+a5TJo2amw==}
     engines: {node: '>=14.17.0'}
     hasBin: true
 
@@ -6517,13 +6520,13 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsx@4.22.0:
-    resolution: {integrity: sha512-8ccZMPD69s1AbKXx0C5ddTNZfNjwV04iIKgjZmKfKxMynEtSYcK0Lh7iQFh53fI5Yu4pb9usgAiqyPmEONaALg==}
+  tsx@4.22.1:
+    resolution: {integrity: sha512-TvncJykhxAzFCk0VQZKBTClall4Pm7qXDSodb6uxi8QFa8X8mT6ABjxxsQ2opDRYxG7AzcRWXaFtruz5HJKuWg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  tsx@4.22.1:
-    resolution: {integrity: sha512-TvncJykhxAzFCk0VQZKBTClall4Pm7qXDSodb6uxi8QFa8X8mT6ABjxxsQ2opDRYxG7AzcRWXaFtruz5HJKuWg==}
+  tsx@4.22.2:
+    resolution: {integrity: sha512-6w9FwtT8WQqRAyTNR+Z+86kghRqpmOLjXUrBlBT6T+CQGDuIMm0VmAqaFUFBIeKDTGobE6/YSigZYLeomzBaRg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
@@ -6926,8 +6929,8 @@ packages:
   vue-component-type-helpers@3.2.7:
     resolution: {integrity: sha512-+gPp5YGmhfsj1IN+xUo7y0fb4clfnOiiUA39y07yW1VzCRjzVgwLbtmdWlghh7mXrPsEaYc7rrIir/HT6C8vYQ==}
 
-  vue-component-type-helpers@3.2.9:
-    resolution: {integrity: sha512-S3BiWYaLSzHxTpln665ELSrMR9UYmrIDUmhik7nVZxmJjTKL2/a+ew1hvGxksKelivm0ujjWfG1fYOiU/2e8rA==}
+  vue-component-type-helpers@3.3.0:
+    resolution: {integrity: sha512-vwR8DDsBysI9NWXa0okPFpCcW+BUC3sPTuLBNo1faMzw4QWMFd+3/lFYFu29ZN0q+8UReXWJHEYesC9dcXYCLg==}
 
   vue-content-loader@2.0.1:
     resolution: {integrity: sha512-pkof4+q2xmzNEdhqelxtJejeP/vQUJtLle4/v2ueG+HURqM9Q/GIGC8GJ2bVVWeLfTDET51jqimwQdmxJTlu0g==}
@@ -6964,8 +6967,8 @@ packages:
     peerDependencies:
       vue: ^3.0.2
 
-  vue-tsc@3.2.9:
-    resolution: {integrity: sha512-qm8/nbo+9eZc1SCndm9wT+gq23pM+wRIdHY0wjm83B3lIginHTwcdrLUyTrKjDWXbMVNjKegNrnymhpdqnCL3A==}
+  vue-tsc@3.3.0:
+    resolution: {integrity: sha512-kY8RcoTOENASi0P1GLPvJgA2+hoGF+t8We1UGgmnAb1r/GjTUMSE3zz+WGfjPORZNnBHdAt67sVPhBLXWunkeg==}
     hasBin: true
     peerDependencies:
       typescript: '>=5.0.0'
@@ -8878,10 +8881,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8897,24 +8900,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8931,14 +8934,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -8953,7 +8956,7 @@ snapshots:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       type-fest: 2.19.0
       vue: 3.5.34(typescript@6.0.3)
-      vue-component-type-helpers: 3.2.9
+      vue-component-type-helpers: 3.3.0
 
   '@stryker-mutator/api@9.6.1':
     dependencies:
@@ -9020,7 +9023,7 @@ snapshots:
       '@stryker-mutator/util': 9.6.1
       semver: 7.7.4
       tslib: 2.8.1
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   '@szmarczak/http-timer@4.0.6':
     dependencies:
@@ -9087,12 +9090,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@teppeis/multimaps@3.0.0': {}
 
@@ -9208,6 +9211,10 @@ snapshots:
     dependencies:
       undici-types: 7.24.6
 
+  '@types/node@25.9.0':
+    dependencies:
+      undici-types: 7.24.6
+
   '@types/normalize-package-data@2.4.4': {}
 
   '@types/react@19.2.14':
@@ -9273,47 +9280,47 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       playwright: 1.60.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@vitest/utils': 4.1.6
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       ws: 8.20.0
     transitivePeerDependencies:
       - bufferutil
@@ -9338,13 +9345,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -9381,7 +9388,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -9578,7 +9585,7 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  '@vue/language-core@3.2.9':
+  '@vue/language-core@3.3.0':
     dependencies:
       '@volar/language-core': 2.4.28
       '@vue/compiler-dom': 3.5.34
@@ -10931,7 +10938,7 @@ snapshots:
       shelljs: 0.10.0
       spec-change: 1.11.21
       tinyglobby: 0.2.16
-      tsx: 4.22.0
+      tsx: 4.22.1
     transitivePeerDependencies:
       - '@babel/core'
       - supports-color
@@ -13646,40 +13653,40 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  syncpack-darwin-arm64@15.2.0:
+  syncpack-darwin-arm64@15.3.0:
     optional: true
 
-  syncpack-darwin-x64@15.2.0:
+  syncpack-darwin-x64@15.3.0:
     optional: true
 
-  syncpack-linux-arm64-musl@15.2.0:
+  syncpack-linux-arm64-musl@15.3.0:
     optional: true
 
-  syncpack-linux-arm64@15.2.0:
+  syncpack-linux-arm64@15.3.0:
     optional: true
 
-  syncpack-linux-x64-musl@15.2.0:
+  syncpack-linux-x64-musl@15.3.0:
     optional: true
 
-  syncpack-linux-x64@15.2.0:
+  syncpack-linux-x64@15.3.0:
     optional: true
 
-  syncpack-windows-arm64@15.2.0:
+  syncpack-windows-arm64@15.3.0:
     optional: true
 
-  syncpack-windows-x64@15.2.0:
+  syncpack-windows-x64@15.3.0:
     optional: true
 
-  syncpack@15.2.0:
+  syncpack@15.3.0:
     optionalDependencies:
-      syncpack-darwin-arm64: 15.2.0
-      syncpack-darwin-x64: 15.2.0
-      syncpack-linux-arm64: 15.2.0
-      syncpack-linux-arm64-musl: 15.2.0
-      syncpack-linux-x64: 15.2.0
-      syncpack-linux-x64-musl: 15.2.0
-      syncpack-windows-arm64: 15.2.0
-      syncpack-windows-x64: 15.2.0
+      syncpack-darwin-arm64: 15.3.0
+      syncpack-darwin-x64: 15.3.0
+      syncpack-linux-arm64: 15.3.0
+      syncpack-linux-arm64-musl: 15.3.0
+      syncpack-linux-x64: 15.3.0
+      syncpack-linux-x64-musl: 15.3.0
+      syncpack-windows-arm64: 15.3.0
+      syncpack-windows-x64: 15.3.0
 
   systeminformation@5.31.6: {}
 
@@ -13822,13 +13829,13 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsx@4.22.0:
+  tsx@4.22.1:
     dependencies:
       esbuild: 0.28.0
     optionalDependencies:
       fsevents: 2.3.3
 
-  tsx@4.22.1:
+  tsx@4.22.2:
     dependencies:
       esbuild: 0.28.0
     optionalDependencies:
@@ -14004,11 +14011,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14078,7 +14085,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vue-tsc@3.2.9(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14088,15 +14095,15 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
       optionator: 0.9.4
       typescript: 6.0.3
-      vue-tsc: 3.2.9(typescript@6.0.3)
+      vue-tsc: 3.3.0(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14107,11 +14114,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0):
+  vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -14125,13 +14132,13 @@ snapshots:
       jiti: 2.6.1
       sass: 1.99.0
       terser: 5.47.1
-      tsx: 4.22.1
+      tsx: 4.22.2
       yaml: 2.9.0
 
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14145,16 +14152,16 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)):
+  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.6
       '@vitest/runner': 4.1.6
       '@vitest/snapshot': 4.1.6
@@ -14171,12 +14178,12 @@ snapshots:
       tinyexec: 1.1.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
       '@types/node': 25.8.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.1)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui': 4.1.6(vitest@4.1.6)
       jsdom: 26.1.0(canvas@3.2.3)
     transitivePeerDependencies:
@@ -14199,7 +14206,7 @@ snapshots:
 
   vue-component-type-helpers@3.2.7: {}
 
-  vue-component-type-helpers@3.2.9: {}
+  vue-component-type-helpers@3.3.0: {}
 
   vue-content-loader@2.0.1(vue@3.5.34(typescript@6.0.3)):
     dependencies:
@@ -14252,10 +14259,10 @@ snapshots:
     dependencies:
       vue: 3.5.34(typescript@6.0.3)
 
-  vue-tsc@3.2.9(typescript@6.0.3):
+  vue-tsc@3.3.0(typescript@6.0.3):
     dependencies:
       '@volar/typescript': 2.4.28
-      '@vue/language-core': 3.2.9
+      '@vue/language-core': 3.3.0
       typescript: 6.0.3
 
   vue@3.5.34(typescript@6.0.3):

From 6ee9ece0a6c0a4b3dd8d67d1be2b58583f582f9e Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Wed, 20 May 2026 11:13:03 +0800
Subject: [PATCH 31/32] pnpm recursive i to ensure node_modules updates are
 hoisted

---
 pnpm-lock.yaml | 275 ++++++++++++++++++++++++-------------------------
 1 file changed, 134 insertions(+), 141 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6ff61b879c..e9b07f50e0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -185,13 +185,13 @@ importers:
     devDependencies:
       '@stryker-mutator/core':
         specifier: ^9.6.1
-        version: 9.6.1(@types/node@25.8.0)
+        version: 9.6.1(@types/node@25.9.0)
       '@stryker-mutator/vitest-runner':
         specifier: ^9.6.1
-        version: 9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.8.0))(vitest@4.1.6)
+        version: 9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.9.0))(vitest@4.1.6)
       '@types/node':
-        specifier: 25.8.0
-        version: 25.8.0
+        specifier: 25.9.0
+        version: 25.9.0
       '@types/react':
         specifier: ^19.2.14
         version: 19.2.14
@@ -215,7 +215,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   frontend:
     dependencies:
@@ -258,16 +258,16 @@ importers:
         version: 2.4.15
       '@storybook/addon-docs':
         specifier: 10.4.0
-        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/vue3':
         specifier: 10.4.0
         version: 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       '@storybook/vue3-vite':
         specifier: 10.4.0
-        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@tailwindcss/vite':
         specifier: ^4.3.0
-        version: 4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 4.3.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@testing-library/user-event':
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
@@ -275,20 +275,20 @@ importers:
         specifier: ^8.1.0
         version: 8.1.0(@vue/compiler-dom@3.5.34)(@vue/compiler-sfc@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
       '@types/node':
-        specifier: 25.8.0
-        version: 25.8.0
+        specifier: 25.9.0
+        version: 25.9.0
       '@types/turndown':
         specifier: ^5.0.6
         version: 5.0.6
       '@vitejs/plugin-vue':
         specifier: ^6.0.7
-        version: 6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 6.0.7(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitejs/plugin-vue-jsx':
         specifier: ^5.1.5
-        version: 5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
+        version: 5.1.5(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))
       '@vitest/browser-playwright':
         specifier: 4.1.6
-        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
+        version: 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui':
         specifier: 4.1.6
         version: 4.1.6(vitest@4.1.6)
@@ -351,16 +351,16 @@ importers:
         version: 32.0.0(vue@3.5.34(typescript@6.0.3))
       unplugin-vue-inspector:
         specifier: ^3.0.0
-        version: 3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 3.0.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vite:
         specifier: 8.0.13
-        version: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+        version: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vite-plugin-checker:
         specifier: ^0.13.0
-        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3))
+        version: 0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3))
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vitest-browser-vue:
         specifier: ^2.1.0
         version: 2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3))
@@ -390,8 +390,8 @@ importers:
         specifier: ^1.29.0
         version: 1.29.0(zod@4.4.3)
       '@types/node':
-        specifier: 25.8.0
-        version: 25.8.0
+        specifier: 25.9.0
+        version: 25.9.0
       doughnut-test-fixtures:
         specifier: workspace:*
         version: link:../packages/doughnut-test-fixtures
@@ -403,7 +403,7 @@ importers:
         version: 6.0.3
       vitest:
         specifier: 4.1.6
-        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+        version: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       zod:
         specifier: ^4.4.3
         version: 4.4.3
@@ -2432,9 +2432,6 @@ packages:
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
-  '@types/node@25.8.0':
-    resolution: {integrity: sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==}
-
   '@types/node@25.9.0':
     resolution: {integrity: sha512-AOQwYUNolgy3VosiRqXrACUXTN8nJUtPl7FJXMqZVyxiiCLhQuG3jXKvCS1ALr+Y2OmZhzzLVlYPEqJaiqkaJQ==}
 
@@ -8093,122 +8090,122 @@ snapshots:
 
   '@inquirer/ansi@2.0.5': {}
 
-  '@inquirer/checkbox@5.1.4(@types/node@25.8.0)':
+  '@inquirer/checkbox@5.1.4(@types/node@25.9.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/confirm@6.0.12(@types/node@25.8.0)':
+  '@inquirer/confirm@6.0.12(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/core@11.1.9(@types/node@25.8.0)':
+  '@inquirer/core@11.1.9(@types/node@25.9.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
       cli-width: 4.1.0
       fast-wrap-ansi: 0.2.0
       mute-stream: 3.0.0
       signal-exit: 4.1.0
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/editor@5.1.1(@types/node@25.8.0)':
+  '@inquirer/editor@5.1.1(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/external-editor': 3.0.0(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/external-editor': 3.0.0(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/expand@5.0.13(@types/node@25.8.0)':
+  '@inquirer/expand@5.0.13(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/external-editor@3.0.0(@types/node@25.8.0)':
+  '@inquirer/external-editor@3.0.0(@types/node@25.9.0)':
     dependencies:
       chardet: 2.1.1
       iconv-lite: 0.7.2
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
   '@inquirer/figures@2.0.5': {}
 
-  '@inquirer/input@5.0.12(@types/node@25.8.0)':
+  '@inquirer/input@5.0.12(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/number@4.0.12(@types/node@25.8.0)':
+  '@inquirer/number@4.0.12(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/password@5.0.12(@types/node@25.8.0)':
+  '@inquirer/password@5.0.12(@types/node@25.9.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
-
-  '@inquirer/prompts@8.4.2(@types/node@25.8.0)':
-    dependencies:
-      '@inquirer/checkbox': 5.1.4(@types/node@25.8.0)
-      '@inquirer/confirm': 6.0.12(@types/node@25.8.0)
-      '@inquirer/editor': 5.1.1(@types/node@25.8.0)
-      '@inquirer/expand': 5.0.13(@types/node@25.8.0)
-      '@inquirer/input': 5.0.12(@types/node@25.8.0)
-      '@inquirer/number': 4.0.12(@types/node@25.8.0)
-      '@inquirer/password': 5.0.12(@types/node@25.8.0)
-      '@inquirer/rawlist': 5.2.8(@types/node@25.8.0)
-      '@inquirer/search': 4.1.8(@types/node@25.8.0)
-      '@inquirer/select': 5.1.4(@types/node@25.8.0)
+      '@types/node': 25.9.0
+
+  '@inquirer/prompts@8.4.2(@types/node@25.9.0)':
+    dependencies:
+      '@inquirer/checkbox': 5.1.4(@types/node@25.9.0)
+      '@inquirer/confirm': 6.0.12(@types/node@25.9.0)
+      '@inquirer/editor': 5.1.1(@types/node@25.9.0)
+      '@inquirer/expand': 5.0.13(@types/node@25.9.0)
+      '@inquirer/input': 5.0.12(@types/node@25.9.0)
+      '@inquirer/number': 4.0.12(@types/node@25.9.0)
+      '@inquirer/password': 5.0.12(@types/node@25.9.0)
+      '@inquirer/rawlist': 5.2.8(@types/node@25.9.0)
+      '@inquirer/search': 4.1.8(@types/node@25.9.0)
+      '@inquirer/select': 5.1.4(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/rawlist@5.2.8(@types/node@25.8.0)':
+  '@inquirer/rawlist@5.2.8(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/search@4.1.8(@types/node@25.8.0)':
+  '@inquirer/search@4.1.8(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/select@5.1.4(@types/node@25.8.0)':
+  '@inquirer/select@5.1.4(@types/node@25.9.0)':
     dependencies:
       '@inquirer/ansi': 2.0.5
-      '@inquirer/core': 11.1.9(@types/node@25.8.0)
+      '@inquirer/core': 11.1.9(@types/node@25.9.0)
       '@inquirer/figures': 2.0.5
-      '@inquirer/type': 4.0.5(@types/node@25.8.0)
+      '@inquirer/type': 4.0.5(@types/node@25.9.0)
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
-  '@inquirer/type@4.0.5(@types/node@25.8.0)':
+  '@inquirer/type@4.0.5(@types/node@25.9.0)':
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -8881,10 +8878,10 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
+  '@storybook/addon-docs@10.4.0(@types/react@19.2.14)(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.6)
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/icons': 2.0.2(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       '@storybook/react-dom-shim': 10.4.0(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))
       react: 19.2.6
@@ -8900,24 +8897,24 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
+  '@storybook/builder-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
-      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@storybook/csf-plugin': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       ts-dedent: 2.2.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
+  '@storybook/csf-plugin@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.28.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@storybook/global@5.0.0': {}
 
@@ -8934,14 +8931,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@storybook/vue3-vite@10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
-      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@storybook/builder-vite': 10.4.0(esbuild@0.28.0)(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@storybook/vue3': 10.4.0(storybook@10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6))(vue@3.5.34(typescript@6.0.3))
       magic-string: 0.30.21
       storybook: 10.4.0(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)(@testing-library/dom@10.4.1)(@types/react@19.2.14)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
       typescript: 5.9.3
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue-component-meta: 2.2.12(typescript@5.9.3)
       vue-docgen-api: 4.79.2(vue@3.5.34(typescript@6.0.3))
     transitivePeerDependencies:
@@ -8965,9 +8962,9 @@ snapshots:
       tslib: 2.8.1
       typed-inject: 5.0.0
 
-  '@stryker-mutator/core@9.6.1(@types/node@25.8.0)':
+  '@stryker-mutator/core@9.6.1(@types/node@25.9.0)':
     dependencies:
-      '@inquirer/prompts': 8.4.2(@types/node@25.8.0)
+      '@inquirer/prompts': 8.4.2(@types/node@25.9.0)
       '@stryker-mutator/api': 9.6.1
       '@stryker-mutator/instrumenter': 9.6.1
       '@stryker-mutator/util': 9.6.1
@@ -9016,14 +9013,14 @@ snapshots:
 
   '@stryker-mutator/util@9.6.1': {}
 
-  '@stryker-mutator/vitest-runner@9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.8.0))(vitest@4.1.6)':
+  '@stryker-mutator/vitest-runner@9.6.1(@stryker-mutator/core@9.6.1(@types/node@25.9.0))(vitest@4.1.6)':
     dependencies:
       '@stryker-mutator/api': 9.6.1
-      '@stryker-mutator/core': 9.6.1(@types/node@25.8.0)
+      '@stryker-mutator/core': 9.6.1(@types/node@25.9.0)
       '@stryker-mutator/util': 9.6.1
       semver: 7.7.4
       tslib: 2.8.1
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   '@szmarczak/http-timer@4.0.6':
     dependencies:
@@ -9090,12 +9087,12 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.3.0
       '@tailwindcss/oxide-win32-x64-msvc': 4.3.0
 
-  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.0
       '@tailwindcss/oxide': 4.3.0
       tailwindcss: 4.3.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@teppeis/multimaps@3.0.0': {}
 
@@ -9163,7 +9160,7 @@ snapshots:
     dependencies:
       '@types/http-cache-semantics': 4.2.0
       '@types/keyv': 3.1.4
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
       '@types/responselike': 1.0.3
 
   '@types/chai@5.2.3':
@@ -9193,7 +9190,7 @@ snapshots:
 
   '@types/keyv@3.1.4':
     dependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
   '@types/localforage@0.0.34':
     dependencies:
@@ -9207,10 +9204,6 @@ snapshots:
 
   '@types/ms@2.1.0': {}
 
-  '@types/node@25.8.0':
-    dependencies:
-      undici-types: 7.24.6
-
   '@types/node@25.9.0':
     dependencies:
       undici-types: 7.24.6
@@ -9223,7 +9216,7 @@ snapshots:
 
   '@types/responselike@1.0.3':
     dependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
 
   '@types/sinonjs__fake-timers@8.1.1': {}
 
@@ -9242,7 +9235,7 @@ snapshots:
 
   '@types/yauzl@2.10.3':
     dependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
     optional: true
 
   '@typescript-eslint/project-service@8.59.1(typescript@5.9.3)':
@@ -9280,47 +9273,47 @@ snapshots:
       '@typescript-eslint/types': 8.59.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue-jsx@5.1.5(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
       '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-rc.18
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
+  '@vitejs/plugin-vue@6.0.7(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue@3.5.34(typescript@6.0.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vue: 3.5.34(typescript@6.0.3)
 
-  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser-playwright@4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
-      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@vitest/browser': 4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       playwright: 1.60.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
     transitivePeerDependencies:
       - bufferutil
       - msw
       - utf-8-validate
       - vite
 
-  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
+  '@vitest/browser@4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)':
     dependencies:
       '@blazediff/core': 1.9.1
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@vitest/utils': 4.1.6
       magic-string: 0.30.21
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       ws: 8.20.0
     transitivePeerDependencies:
       - bufferutil
@@ -9345,13 +9338,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
+  '@vitest/mocker@4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))':
     dependencies:
       '@vitest/spy': 4.1.6
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -9388,7 +9381,7 @@ snapshots:
       sirv: 3.0.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   '@vitest/utils@3.2.4':
     dependencies:
@@ -12830,7 +12823,7 @@ snapshots:
 
   protobufjs@8.0.3:
     dependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
       long: 5.3.2
 
   proxy-addr@2.0.7:
@@ -14011,11 +14004,11 @@ snapshots:
       unplugin-utils: 0.3.1
       vue: 3.5.34(typescript@6.0.3)
 
-  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
+  unplugin-vue-inspector@3.0.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       kolorist: 1.8.0
       unplugin: 1.16.1
-      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vite-plugin-vue-inspector: 6.0.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
     transitivePeerDependencies:
       - supports-color
       - vite
@@ -14085,7 +14078,7 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
-  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3)):
+  vite-plugin-checker@0.13.0(@biomejs/biome@2.4.15)(optionator@0.9.4)(typescript@6.0.3)(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vue-tsc@3.3.0(typescript@6.0.3)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -14095,7 +14088,7 @@ snapshots:
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.16
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       '@biomejs/biome': 2.4.15
@@ -14103,7 +14096,7 @@ snapshots:
       typescript: 6.0.3
       vue-tsc: 3.3.0(typescript@6.0.3)
 
-  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
+  vite-plugin-vue-inspector@6.0.0(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
@@ -14114,11 +14107,11 @@ snapshots:
       '@vue/compiler-dom': 3.5.34
       kolorist: 1.8.0
       magic-string: 0.30.21
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0):
+  vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.32.0
       picomatch: 4.0.4
@@ -14126,7 +14119,7 @@ snapshots:
       rolldown: 1.0.1
       tinyglobby: 0.2.16
     optionalDependencies:
-      '@types/node': 25.8.0
+      '@types/node': 25.9.0
       esbuild: 0.28.0
       fsevents: 2.3.3
       jiti: 2.6.1
@@ -14138,7 +14131,7 @@ snapshots:
   vitest-browser-vue@2.1.0(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vitest@4.1.6)(vue@3.5.34(typescript@6.0.3)):
     dependencies:
       '@vue/test-utils': 2.4.10(@vue/compiler-dom@3.5.34)(@vue/server-renderer@3.5.34(vue@3.5.34(typescript@6.0.3)))(vue@3.5.34(typescript@6.0.3))
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       vue: 3.5.34(typescript@6.0.3)
     transitivePeerDependencies:
       - '@vue/compiler-dom'
@@ -14152,16 +14145,16 @@ snapshots:
       dom-accessibility-api: 0.6.3
       lodash-es: 4.18.1
       redent: 4.0.0
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
   vitest-fetch-mock@0.4.5(vitest@4.1.6):
     dependencies:
-      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      vitest: 4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
 
-  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.8.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
+  vitest@4.1.6(@opentelemetry/api@1.9.1)(@types/node@25.9.0)(@vitest/browser-playwright@4.1.6)(@vitest/ui@4.1.6)(jsdom@26.1.0(canvas@3.2.3))(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)):
     dependencies:
       '@vitest/expect': 4.1.6
-      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
+      '@vitest/mocker': 4.1.6(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))
       '@vitest/pretty-format': 4.1.6
       '@vitest/runner': 4.1.6
       '@vitest/snapshot': 4.1.6
@@ -14178,12 +14171,12 @@ snapshots:
       tinyexec: 1.1.2
       tinyglobby: 0.2.16
       tinyrainbow: 3.1.0
-      vite: 8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
+      vite: 8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@opentelemetry/api': 1.9.1
-      '@types/node': 25.8.0
-      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.8.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
+      '@types/node': 25.9.0
+      '@vitest/browser-playwright': 4.1.6(playwright@1.60.0)(vite@8.0.13(@types/node@25.9.0)(esbuild@0.28.0)(jiti@2.6.1)(sass@1.99.0)(terser@5.47.1)(tsx@4.22.2)(yaml@2.9.0))(vitest@4.1.6)
       '@vitest/ui': 4.1.6(vitest@4.1.6)
       jsdom: 26.1.0(canvas@3.2.3)
     transitivePeerDependencies:

From 6febb7638475fb34632bf98eae45df8dea72a248 Mon Sep 17 00:00:00 2001
From: Tan Yeong Sheng <tanyeongsheng@gmail.com>
Date: Wed, 20 May 2026 11:46:43 +0800
Subject: [PATCH 32/32] restore Quiz.vue build under Tailwind v4 after merge
 from main
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Quiz.vue scoped CSS used `@media (max-width: theme("screens.lg"))`,
  which lightningcss rejects under Tailwind v4 ("Invalid media query").
  Replaced with the literal `1024px` (the lg breakpoint).
- Reapplied the v5 prefix policy on Quiz.vue: tailwind utilities lose
  the `daisy-` prefix (`daisy-h-full` → `h-full`, `daisy-w-full` →
  `w-full`), and the v4 component name `daisy-input-bordered` is
  renamed to its v5 form `daisy-input`.
---
 frontend/src/components/recall/Quiz.vue   | 6 +++---
 frontend/src/composables/useBreakpoint.ts | 5 ++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/recall/Quiz.vue b/frontend/src/components/recall/Quiz.vue
index 5b351bb640..222d228ee3 100644
--- a/frontend/src/components/recall/Quiz.vue
+++ b/frontend/src/components/recall/Quiz.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="content daisy-h-full"
+    class="content h-full"
     :class="{ 'quiz--contestable': showContestableDummyInput }"
   >
     <ContentLoader v-if="!currentQuestionFetched || isCurrentMemoryTrackerFetching" />
@@ -45,7 +45,7 @@
     >
       <input
         type="text"
-        class="daisy-input daisy-input-bordered daisy-w-full"
+        class="daisy-input w-full"
         readonly
         tabindex="-1"
       />
@@ -241,7 +241,7 @@ $contestable-dummy-input-reserve: calc(
   background-color: hsl(var(--b1));
 }
 
-@media (max-width: theme("screens.lg")) {
+@media (max-width: 1024px) {
   .contestable-dummy-input-bar {
     left: 0;
   }
diff --git a/frontend/src/composables/useBreakpoint.ts b/frontend/src/composables/useBreakpoint.ts
index 7684ca1d7d..13501ac92c 100644
--- a/frontend/src/composables/useBreakpoint.ts
+++ b/frontend/src/composables/useBreakpoint.ts
@@ -9,10 +9,9 @@ export function useBreakpoint() {
   }
 
   onMounted(() => {
-    // Match CSS @media (max-width: theme('screens.lg'))
+    // Match CSS @media (max-width: 1024px) — the lg breakpoint (Tailwind v4: var(--breakpoint-lg))
     // CSS uses max-width: 1024px for tablet, so we need min-width: 1025px for desktop
-    // This ensures at exactly 1024px, both JS and CSS treat it as tablet
-    // Read the actual breakpoint from CSS custom property or use 1025px to match CSS behavior
+    // so that at exactly 1024px both JS and CSS treat it as tablet.
     const lgBreakpoint = 1024
     mediaQuery = window.matchMedia(`(min-width: ${lgBreakpoint + 1}px)`)
     isLgOrLarger.value = mediaQuery.matches