@keepkit/ui 0.24.0 → 0.26.1

package/dist/index.js

@@ -50,7 +50,8 @@ function useKeepUrlSync({
         ...decoded.search ? { search: decoded.search } : { search: void 0 },
         ...decoded.tags ? { tags: decoded.tags } : { tags: void 0 },
         ...decoded.sort ? { sort: decoded.sort } : {},
-        ...decoded.pagination ? { pagination: { ...previousQuery.pagination, ...decoded.pagination } } : {}
+        ...decoded.pagination ? { pagination: { ...previousQuery.pagination, ...decoded.pagination } } : {},
+        ...decoded.archiveScope !== void 0 ? { archived: decoded.archived, archiveScope: decoded.archiveScope } : decoded.archived !== void 0 ? { archived: decoded.archived, archiveScope: void 0 } : { archived: void 0, archiveScope: void 0 }
       }));
     };
     read();
@@ -190,7 +191,16 @@ var DE_LABELS = {
   backupRecoveryDescription: "Wenn lokale Synchronisierungsdaten besch\xE4digt sind, stellen Sie ein g\xFCltiges JSON-Backup wieder her.",
   syncPending: "\xC4nderungen warten auf die Synchronisierung.",
   syncSynced: "Alle \xC4nderungen sind synchronisiert.",
-  syncConflict: "Einige \xC4nderungen ben\xF6tigen eine Konfliktl\xF6sung."
+  syncConflict: "Einige \xC4nderungen ben\xF6tigen eine Konfliktl\xF6sung.",
+  archiveScope: "Archivbereich",
+  archiveScopeActive: "Aktiv",
+  archiveScopeArchived: "Archiviert",
+  archiveScopeAll: "Alle Elemente",
+  undoReorder: "Sortierung r\xFCckg\xE4ngig machen",
+  toolbarStart: "Sammlungsaktionen",
+  toolbarQuery: "Suchen und sortieren",
+  toolbarFilters: "Filter",
+  toolbarEnd: "Zus\xE4tzliche Aktionen"
 };
 
 // src/locales/en.ts
@@ -289,7 +299,16 @@ var EN_LABELS = {
   backupRecoveryDescription: "If local sync data is damaged, restore a known-good JSON backup.",
   syncPending: "Changes are waiting to sync.",
   syncSynced: "All changes are synced.",
-  syncConflict: "Some changes need conflict resolution."
+  syncConflict: "Some changes need conflict resolution.",
+  archiveScope: "Archive scope",
+  archiveScopeActive: "Active",
+  archiveScopeArchived: "Archived",
+  archiveScopeAll: "All items",
+  undoReorder: "Undo reorder",
+  toolbarStart: "Collection actions",
+  toolbarQuery: "Search and sort",
+  toolbarFilters: "Filters",
+  toolbarEnd: "Additional actions"
 };
 
 // src/locales/es.ts
@@ -388,7 +407,16 @@ var ES_LABELS = {
   backupRecoveryDescription: "Si los datos locales est\xE1n da\xF1ados, restaura una copia JSON v\xE1lida.",
   syncPending: "Hay cambios pendientes de sincronizaci\xF3n.",
   syncSynced: "Todos los cambios est\xE1n sincronizados.",
-  syncConflict: "Algunos cambios necesitan resolver un conflicto."
+  syncConflict: "Algunos cambios necesitan resolver un conflicto.",
+  archiveScope: "\xC1mbito del archivo",
+  archiveScopeActive: "Activos",
+  archiveScopeArchived: "Archivados",
+  archiveScopeAll: "Todos los elementos",
+  undoReorder: "Deshacer ordenaci\xF3n",
+  toolbarStart: "Acciones de la colecci\xF3n",
+  toolbarQuery: "Buscar y ordenar",
+  toolbarFilters: "Filtros",
+  toolbarEnd: "Acciones adicionales"
 };
 
 // src/locales/fil.ts
@@ -487,7 +515,16 @@ var FIL_LABELS = {
   backupRecoveryDescription: "Kung sira ang lokal na sync data, mag-restore ng gumaganang JSON backup.",
   syncPending: "May mga pagbabagong naghihintay ng sync.",
   syncSynced: "Naka-sync na ang lahat ng pagbabago.",
-  syncConflict: "May mga pagbabagong kailangang ayusin ang conflict."
+  syncConflict: "May mga pagbabagong kailangang ayusin ang conflict.",
+  archiveScope: "Saklaw ng archive",
+  archiveScopeActive: "Aktibo",
+  archiveScopeArchived: "Naka-archive",
+  archiveScopeAll: "Lahat ng item",
+  undoReorder: "I-undo ang pag-aayos",
+  toolbarStart: "Mga aksyon ng koleksyon",
+  toolbarQuery: "Maghanap at mag-ayos",
+  toolbarFilters: "Mga filter",
+  toolbarEnd: "Mga karagdagang aksyon"
 };
 
 // src/locales/fr.ts
@@ -586,7 +623,16 @@ var FR_LABELS = {
   backupRecoveryDescription: "Si les donn\xE9es locales sont endommag\xE9es, restaurez une sauvegarde JSON valide.",
   syncPending: "Des modifications attendent la synchronisation.",
   syncSynced: "Toutes les modifications sont synchronis\xE9es.",
-  syncConflict: "Certaines modifications n\xE9cessitent une r\xE9solution de conflit."
+  syncConflict: "Certaines modifications n\xE9cessitent une r\xE9solution de conflit.",
+  archiveScope: "P\xE9rim\xE8tre des archives",
+  archiveScopeActive: "Actifs",
+  archiveScopeArchived: "Archiv\xE9s",
+  archiveScopeAll: "Tous les \xE9l\xE9ments",
+  undoReorder: "Annuler le r\xE9ordonnancement",
+  toolbarStart: "Actions de la collection",
+  toolbarQuery: "Recherche et tri",
+  toolbarFilters: "Filtres",
+  toolbarEnd: "Actions suppl\xE9mentaires"
 };
 
 // src/locales/id.ts
@@ -685,7 +731,16 @@ var ID_LABELS = {
   backupRecoveryDescription: "Jika data sinkronisasi lokal rusak, pulihkan cadangan JSON yang valid.",
   syncPending: "Ada perubahan yang menunggu sinkronisasi.",
   syncSynced: "Semua perubahan telah disinkronkan.",
-  syncConflict: "Beberapa perubahan memerlukan penyelesaian konflik."
+  syncConflict: "Beberapa perubahan memerlukan penyelesaian konflik.",
+  archiveScope: "Cakupan arsip",
+  archiveScopeActive: "Aktif",
+  archiveScopeArchived: "Diarsipkan",
+  archiveScopeAll: "Semua item",
+  undoReorder: "Batalkan pengurutan",
+  toolbarStart: "Tindakan koleksi",
+  toolbarQuery: "Cari dan urutkan",
+  toolbarFilters: "Filter",
+  toolbarEnd: "Tindakan tambahan"
 };
 
 // src/locales/it.ts
@@ -784,7 +839,16 @@ var IT_LABELS = {
   backupRecoveryDescription: "Se i dati locali sono danneggiati, ripristina un backup JSON valido.",
   syncPending: "Ci sono modifiche in attesa di sincronizzazione.",
   syncSynced: "Tutte le modifiche sono sincronizzate.",
-  syncConflict: "Alcune modifiche richiedono la risoluzione di un conflitto."
+  syncConflict: "Alcune modifiche richiedono la risoluzione di un conflitto.",
+  archiveScope: "Ambito archivio",
+  archiveScopeActive: "Attivi",
+  archiveScopeArchived: "Archiviati",
+  archiveScopeAll: "Tutti gli elementi",
+  undoReorder: "Annulla riordinamento",
+  toolbarStart: "Azioni della raccolta",
+  toolbarQuery: "Cerca e ordina",
+  toolbarFilters: "Filtri",
+  toolbarEnd: "Azioni aggiuntive"
 };
 
 // src/locales/ja.ts
@@ -883,7 +947,16 @@ var JA_LABELS = {
   backupRecoveryDescription: "\u30ED\u30FC\u30AB\u30EB\u306E\u540C\u671F\u30C7\u30FC\u30BF\u304C\u7834\u640D\u3057\u305F\u5834\u5408\u306F\u3001\u6B63\u5E38\u306AJSON\u30D0\u30C3\u30AF\u30A2\u30C3\u30D7\u304B\u3089\u5FA9\u5143\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
   syncPending: "\u540C\u671F\u5F85\u3061\u306E\u5909\u66F4\u304C\u3042\u308A\u307E\u3059\u3002",
   syncSynced: "\u3059\u3079\u3066\u306E\u5909\u66F4\u3092\u540C\u671F\u3057\u307E\u3057\u305F\u3002",
-  syncConflict: "\u7AF6\u5408\u3057\u3066\u3044\u308B\u5909\u66F4\u304C\u3042\u308A\u307E\u3059\u3002\u89E3\u6C7A\u3057\u3066\u304F\u3060\u3055\u3044\u3002"
+  syncConflict: "\u7AF6\u5408\u3057\u3066\u3044\u308B\u5909\u66F4\u304C\u3042\u308A\u307E\u3059\u3002\u89E3\u6C7A\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+  archiveScope: "\u30A2\u30FC\u30AB\u30A4\u30D6\u306E\u7BC4\u56F2",
+  archiveScopeActive: "\u4FDD\u5B58\u4E2D",
+  archiveScopeArchived: "\u30A2\u30FC\u30AB\u30A4\u30D6\u6E08\u307F",
+  archiveScopeAll: "\u3059\u3079\u3066",
+  undoReorder: "\u4E26\u3073\u66FF\u3048\u3092\u5143\u306B\u623B\u3059",
+  toolbarStart: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3\u306E\u64CD\u4F5C",
+  toolbarQuery: "\u691C\u7D22\u3068\u4E26\u3073\u66FF\u3048",
+  toolbarFilters: "\u7D5E\u308A\u8FBC\u307F",
+  toolbarEnd: "\u8FFD\u52A0\u306E\u64CD\u4F5C"
 };
 
 // src/locales/ko.ts
@@ -982,7 +1055,16 @@ var KO_LABELS = {
   backupRecoveryDescription: "\uB85C\uCEEC \uB3D9\uAE30\uD654 \uB370\uC774\uD130\uAC00 \uC190\uC0C1\uB41C \uACBD\uC6B0 \uC815\uC0C1\uC801\uC778 JSON \uBC31\uC5C5\uC744 \uBCF5\uC6D0\uD558\uC138\uC694.",
   syncPending: "\uB3D9\uAE30\uD654 \uB300\uAE30 \uC911\uC778 \uBCC0\uACBD \uC0AC\uD56D\uC774 \uC788\uC2B5\uB2C8\uB2E4.",
   syncSynced: "\uBAA8\uB4E0 \uBCC0\uACBD \uC0AC\uD56D\uC774 \uB3D9\uAE30\uD654\uB418\uC5C8\uC2B5\uB2C8\uB2E4.",
-  syncConflict: "\uCDA9\uB3CC\uC744 \uD574\uACB0\uD574\uC57C \uD558\uB294 \uBCC0\uACBD \uC0AC\uD56D\uC774 \uC788\uC2B5\uB2C8\uB2E4."
+  syncConflict: "\uCDA9\uB3CC\uC744 \uD574\uACB0\uD574\uC57C \uD558\uB294 \uBCC0\uACBD \uC0AC\uD56D\uC774 \uC788\uC2B5\uB2C8\uB2E4.",
+  archiveScope: "\uBCF4\uAD00 \uBC94\uC704",
+  archiveScopeActive: "\uD65C\uC131",
+  archiveScopeArchived: "\uBCF4\uAD00\uB428",
+  archiveScopeAll: "\uBAA8\uB4E0 \uD56D\uBAA9",
+  undoReorder: "\uC815\uB82C \uC2E4\uD589 \uCDE8\uC18C",
+  toolbarStart: "\uCEEC\uB809\uC158 \uC791\uC5C5",
+  toolbarQuery: "\uAC80\uC0C9 \uBC0F \uC815\uB82C",
+  toolbarFilters: "\uD544\uD130",
+  toolbarEnd: "\uCD94\uAC00 \uC791\uC5C5"
 };
 
 // src/locales/ms.ts
@@ -1081,7 +1163,16 @@ var MS_LABELS = {
   backupRecoveryDescription: "Jika data penyegerakan setempat rosak, pulihkan sandaran JSON yang sah.",
   syncPending: "Terdapat perubahan yang menunggu penyegerakan.",
   syncSynced: "Semua perubahan telah disegerakkan.",
-  syncConflict: "Sesetengah perubahan memerlukan penyelesaian konflik."
+  syncConflict: "Sesetengah perubahan memerlukan penyelesaian konflik.",
+  archiveScope: "Skop arkib",
+  archiveScopeActive: "Aktif",
+  archiveScopeArchived: "Diarkibkan",
+  archiveScopeAll: "Semua item",
+  undoReorder: "Buat asal susunan",
+  toolbarStart: "Tindakan koleksi",
+  toolbarQuery: "Cari dan susun",
+  toolbarFilters: "Penapis",
+  toolbarEnd: "Tindakan tambahan"
 };
 
 // src/locales/pt-BR.ts
@@ -1180,7 +1271,16 @@ var PT_BR_LABELS = {
   backupRecoveryDescription: "Se os dados locais estiverem corrompidos, restaure um backup JSON v\xE1lido.",
   syncPending: "H\xE1 altera\xE7\xF5es aguardando sincroniza\xE7\xE3o.",
   syncSynced: "Todas as altera\xE7\xF5es foram sincronizadas.",
-  syncConflict: "Algumas altera\xE7\xF5es precisam de resolu\xE7\xE3o de conflito."
+  syncConflict: "Algumas altera\xE7\xF5es precisam de resolu\xE7\xE3o de conflito.",
+  archiveScope: "Escopo do arquivo",
+  archiveScopeActive: "Ativos",
+  archiveScopeArchived: "Arquivados",
+  archiveScopeAll: "Todos os itens",
+  undoReorder: "Desfazer reordena\xE7\xE3o",
+  toolbarStart: "A\xE7\xF5es da cole\xE7\xE3o",
+  toolbarQuery: "Pesquisar e ordenar",
+  toolbarFilters: "Filtros",
+  toolbarEnd: "A\xE7\xF5es adicionais"
 };
 
 // src/locales/ru.ts
@@ -1279,7 +1379,16 @@ var RU_LABELS = {
   backupRecoveryDescription: "\u0415\u0441\u043B\u0438 \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u044B\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u043F\u043E\u0432\u0440\u0435\u0436\u0434\u0435\u043D\u044B, \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0435 \u0440\u0430\u0431\u043E\u0447\u0443\u044E JSON-\u043A\u043E\u043F\u0438\u044E.",
   syncPending: "\u0415\u0441\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F, \u043E\u0436\u0438\u0434\u0430\u044E\u0449\u0438\u0435 \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0430\u0446\u0438\u0438.",
   syncSynced: "\u0412\u0441\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0441\u0438\u043D\u0445\u0440\u043E\u043D\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u044B.",
-  syncConflict: "\u041D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F \u043A\u043E\u043D\u0444\u043B\u0438\u043A\u0442\u0430."
+  syncConflict: "\u041D\u0435\u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0442\u0440\u0435\u0431\u0443\u044E\u0442 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F \u043A\u043E\u043D\u0444\u043B\u0438\u043A\u0442\u0430.",
+  archiveScope: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C \u0430\u0440\u0445\u0438\u0432\u0430",
+  archiveScopeActive: "\u0410\u043A\u0442\u0438\u0432\u043D\u044B\u0435",
+  archiveScopeArchived: "\u0412 \u0430\u0440\u0445\u0438\u0432\u0435",
+  archiveScopeAll: "\u0412\u0441\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B",
+  undoReorder: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0443",
+  toolbarStart: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u043A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u0438",
+  toolbarQuery: "\u041F\u043E\u0438\u0441\u043A \u0438 \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430",
+  toolbarFilters: "\u0424\u0438\u043B\u044C\u0442\u0440\u044B",
+  toolbarEnd: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"
 };
 
 // src/locales/th.ts
@@ -1378,7 +1487,16 @@ var TH_LABELS = {
   backupRecoveryDescription: "\u0E2B\u0E32\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E0B\u0E34\u0E07\u0E04\u0E4C\u0E43\u0E19\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E40\u0E2A\u0E35\u0E22\u0E2B\u0E32\u0E22 \u0E43\u0E2B\u0E49\u0E01\u0E39\u0E49\u0E04\u0E37\u0E19\u0E08\u0E32\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E2A\u0E33\u0E23\u0E2D\u0E07 JSON \u0E17\u0E35\u0E48\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E44\u0E14\u0E49",
   syncPending: "\u0E21\u0E35\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E41\u0E1B\u0E25\u0E07\u0E17\u0E35\u0E48\u0E23\u0E2D\u0E01\u0E32\u0E23\u0E0B\u0E34\u0E07\u0E04\u0E4C",
   syncSynced: "\u0E0B\u0E34\u0E07\u0E04\u0E4C\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E41\u0E1B\u0E25\u0E07\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14\u0E41\u0E25\u0E49\u0E27",
-  syncConflict: "\u0E21\u0E35\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E41\u0E1B\u0E25\u0E07\u0E17\u0E35\u0E48\u0E15\u0E49\u0E2D\u0E07\u0E41\u0E01\u0E49\u0E44\u0E02\u0E02\u0E49\u0E2D\u0E02\u0E31\u0E14\u0E41\u0E22\u0E49\u0E07"
+  syncConflict: "\u0E21\u0E35\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E41\u0E1B\u0E25\u0E07\u0E17\u0E35\u0E48\u0E15\u0E49\u0E2D\u0E07\u0E41\u0E01\u0E49\u0E44\u0E02\u0E02\u0E49\u0E2D\u0E02\u0E31\u0E14\u0E41\u0E22\u0E49\u0E07",
+  archiveScope: "\u0E02\u0E2D\u0E1A\u0E40\u0E02\u0E15\u0E01\u0E32\u0E23\u0E40\u0E01\u0E47\u0E1A\u0E16\u0E32\u0E27\u0E23",
+  archiveScopeActive: "\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E2D\u0E22\u0E39\u0E48",
+  archiveScopeArchived: "\u0E40\u0E01\u0E47\u0E1A\u0E16\u0E32\u0E27\u0E23\u0E41\u0E25\u0E49\u0E27",
+  archiveScopeAll: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
+  undoReorder: "\u0E40\u0E25\u0E34\u0E01\u0E17\u0E33\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07",
+  toolbarStart: "\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E02\u0E2D\u0E07\u0E04\u0E2D\u0E25\u0E40\u0E25\u0E01\u0E0A\u0E31\u0E19",
+  toolbarQuery: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E41\u0E25\u0E30\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07",
+  toolbarFilters: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
+  toolbarEnd: "\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21"
 };
 
 // src/locales/vi.ts
@@ -1477,7 +1595,16 @@ var VI_LABELS = {
   backupRecoveryDescription: "N\u1EBFu d\u1EEF li\u1EC7u \u0111\u1ED3ng b\u1ED9 c\u1EE5c b\u1ED9 b\u1ECB h\u1ECFng, h\xE3y kh\xF4i ph\u1EE5c b\u1EA3n sao l\u01B0u JSON h\u1EE3p l\u1EC7.",
   syncPending: "C\xF3 thay \u0111\u1ED5i \u0111ang ch\u1EDD \u0111\u1ED3ng b\u1ED9.",
   syncSynced: "T\u1EA5t c\u1EA3 thay \u0111\u1ED5i \u0111\xE3 \u0111\u01B0\u1EE3c \u0111\u1ED3ng b\u1ED9.",
-  syncConflict: "M\u1ED9t s\u1ED1 thay \u0111\u1ED5i c\u1EA7n gi\u1EA3i quy\u1EBFt xung \u0111\u1ED9t."
+  syncConflict: "M\u1ED9t s\u1ED1 thay \u0111\u1ED5i c\u1EA7n gi\u1EA3i quy\u1EBFt xung \u0111\u1ED9t.",
+  archiveScope: "Ph\u1EA1m vi l\u01B0u tr\u1EEF",
+  archiveScopeActive: "\u0110ang ho\u1EA1t \u0111\u1ED9ng",
+  archiveScopeArchived: "\u0110\xE3 l\u01B0u tr\u1EEF",
+  archiveScopeAll: "T\u1EA5t c\u1EA3 m\u1EE5c",
+  undoReorder: "Ho\xE0n t\xE1c s\u1EAFp x\u1EBFp",
+  toolbarStart: "Thao t\xE1c b\u1ED9 s\u01B0u t\u1EADp",
+  toolbarQuery: "T\xECm ki\u1EBFm v\xE0 s\u1EAFp x\u1EBFp",
+  toolbarFilters: "B\u1ED9 l\u1ECDc",
+  toolbarEnd: "Thao t\xE1c b\u1ED5 sung"
 };
 
 // src/locales/zh-Hans.ts
@@ -1576,7 +1703,16 @@ var ZH_HANS_LABELS = {
   backupRecoveryDescription: "\u5982\u679C\u672C\u5730\u540C\u6B65\u6570\u636E\u635F\u574F\uFF0C\u8BF7\u6062\u590D\u53EF\u7528\u7684 JSON \u5907\u4EFD\u3002",
   syncPending: "\u6709\u66F4\u6539\u7B49\u5F85\u540C\u6B65\u3002",
   syncSynced: "\u6240\u6709\u66F4\u6539\u5747\u5DF2\u540C\u6B65\u3002",
-  syncConflict: "\u6709\u4E9B\u66F4\u6539\u9700\u8981\u89E3\u51B3\u51B2\u7A81\u3002"
+  syncConflict: "\u6709\u4E9B\u66F4\u6539\u9700\u8981\u89E3\u51B3\u51B2\u7A81\u3002",
+  archiveScope: "\u5F52\u6863\u8303\u56F4",
+  archiveScopeActive: "\u4FDD\u5B58\u4E2D",
+  archiveScopeArchived: "\u5DF2\u5F52\u6863",
+  archiveScopeAll: "\u5168\u90E8\u9879\u76EE",
+  undoReorder: "\u64A4\u9500\u6392\u5E8F",
+  toolbarStart: "\u96C6\u5408\u64CD\u4F5C",
+  toolbarQuery: "\u641C\u7D22\u548C\u6392\u5E8F",
+  toolbarFilters: "\u7B5B\u9009",
+  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C"
 };
 
 // src/locales/zh-Hant.ts
@@ -1675,7 +1811,16 @@ var ZH_HANT_LABELS = {
   backupRecoveryDescription: "\u5982\u679C\u672C\u6A5F\u540C\u6B65\u8CC7\u6599\u640D\u6BC0\uFF0C\u8ACB\u9084\u539F\u53EF\u7528\u7684 JSON \u5099\u4EFD\u3002",
   syncPending: "\u6709\u8B8A\u66F4\u7B49\u5F85\u540C\u6B65\u3002",
   syncSynced: "\u6240\u6709\u8B8A\u66F4\u90FD\u5DF2\u540C\u6B65\u3002",
-  syncConflict: "\u6709\u4E9B\u8B8A\u66F4\u9700\u8981\u89E3\u6C7A\u885D\u7A81\u3002"
+  syncConflict: "\u6709\u4E9B\u8B8A\u66F4\u9700\u8981\u89E3\u6C7A\u885D\u7A81\u3002",
+  archiveScope: "\u5C01\u5B58\u7BC4\u570D",
+  archiveScopeActive: "\u4FDD\u5B58\u4E2D",
+  archiveScopeArchived: "\u5DF2\u5C01\u5B58",
+  archiveScopeAll: "\u6240\u6709\u9805\u76EE",
+  undoReorder: "\u5FA9\u539F\u6392\u5E8F",
+  toolbarStart: "\u96C6\u5408\u64CD\u4F5C",
+  toolbarQuery: "\u641C\u5C0B\u8207\u6392\u5E8F",
+  toolbarFilters: "\u7BE9\u9078",
+  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C"
 };
 
 // src/locales/index.ts
@@ -2505,7 +2650,7 @@ import {
 } from "react";
 
 // src/features/editor/KeepQuickEditor.tsx
-import { useKeepContext as useKeepContext2, useKeepItem as useKeepItem3 } from "@keepkit/core/react";
+import { useKeepCollections, useKeepItem as useKeepItem3 } from "@keepkit/core/react";
 import {
   useCallback as useCallback2,
   useEffect as useEffect3,
@@ -2643,7 +2788,7 @@ function KeepQuickEditorView({
   focusScopeRef,
   ...props
 }) {
-  const context = useKeepContext2();
+  const collections = useKeepCollections({ targetType: state.item.targetType, orderBy: "name" });
   const rootRef = useRef4(null);
   const noteLabel = useUiLabel("note");
   const tagsLabel = useUiLabel("tags");
@@ -2695,11 +2840,7 @@ function KeepQuickEditorView({
           onChange: (event) => state.setCollectionId(event.currentTarget.value || void 0),
           children: [
             /* @__PURE__ */ jsx7("option", { value: "", children: uncategorizedLabel }),
-            (collectionIds ?? [
-              ...new Set(
-                context.items.map((entry) => entry.collectionId).filter((id) => Boolean(id))
-              )
-            ].sort()).map((id) => /* @__PURE__ */ jsx7("option", { value: id, children: collectionLabels?.[id] ?? id }, id))
+            (collectionIds ?? collections.map((collection) => collection.id)).map((id) => /* @__PURE__ */ jsx7("option", { value: id, children: collectionLabels?.[id] ?? id }, id))
           ]
         }
       )
@@ -2921,10 +3062,10 @@ function KeepSavePopoverPanel({
 }
 
 // src/features/actions/hooks/useKeepUndo.ts
-import { useKeepContext as useKeepContext3 } from "@keepkit/core/react";
+import { useKeepContext as useKeepContext2 } from "@keepkit/core/react";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 function useKeepUndo() {
-  const context = useKeepContext3();
+  const context = useKeepContext2();
   const emitFeedback = useKeepUiFeedback();
   const restoredMessage = useUiLabel("restoredMessage");
   const { canUndo, startedAt, expiresAt } = context.undo;
@@ -2984,6 +3125,7 @@ function KeepUndo({ children, label, ...props }) {
 
 // src/features/collection/KeepCollection.tsx
 import { KeepErrorBoundary as KeepErrorBoundary2 } from "@keepkit/core/react";
+import { useEffect as useEffect10, useId as useId3, useState as useState14 } from "react";
 
 // src/features/query/KeepActiveFiltersSummary.tsx
 import {
@@ -3130,16 +3272,56 @@ function focusFilterFallback(scope) {
   }
 }
 
-// src/features/query/KeepCollectionFilter.tsx
-import { useKeepContext as useKeepContext4 } from "@keepkit/core/react";
-import { useMemo as useMemo3, useState as useState6 } from "react";
+// src/features/query/KeepArchiveScopeSelect.tsx
+import { useState as useState6 } from "react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-function useCollectionOptions(collectionLabels, items) {
-  const ids = useMemo3(
-    () => [...new Set((items ?? []).map((item) => item.collectionId).filter((id) => Boolean(id)))].sort(),
-    [items]
-  );
-  return ids.map((id) => ({ id, label: collectionLabels?.[id] ?? id }));
+function KeepArchiveScopeSelect({
+  value: controlledValue,
+  defaultValue = "active",
+  onValueChange,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const [internalValue, setInternalValue] = useState6(controlledValue ?? defaultValue);
+  const value = controlledValue ?? internalValue;
+  const label = useUiLabel("archiveScope");
+  const activeLabel = useUiLabel("archiveScopeActive");
+  const archivedLabel = useUiLabel("archiveScopeArchived");
+  const allLabel = useUiLabel("archiveScopeAll");
+  const handleChange = (next) => {
+    if (next !== "active" && next !== "archived" && next !== "all") return;
+    if (controlledValue === void 0) setInternalValue(next);
+    onValueChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs9("label", { "data-keepkit": "archive-scope", children: [
+    /* @__PURE__ */ jsx11("span", { children: label }),
+    /* @__PURE__ */ jsxs9(
+      "select",
+      {
+        ...props,
+        value,
+        "aria-label": ariaLabel ?? label,
+        "data-keep-action": "archive-scope",
+        onChange: (event) => handleChange(event.currentTarget.value),
+        children: [
+          /* @__PURE__ */ jsx11("option", { value: "active", children: activeLabel }),
+          /* @__PURE__ */ jsx11("option", { value: "archived", children: archivedLabel }),
+          /* @__PURE__ */ jsx11("option", { value: "all", children: allLabel })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/features/query/KeepCollectionFilter.tsx
+import { useKeepCollections as useKeepCollections2, useKeepContext as useKeepContext3 } from "@keepkit/core/react";
+import { useState as useState7 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function useCollectionOptions(collectionLabels, collections) {
+  return collections.map((collection) => ({
+    id: collection.id,
+    label: collectionLabels?.[collection.id] ?? collection.name
+  }));
 }
 function KeepCollectionSelect({
   item,
@@ -3151,10 +3333,11 @@ function KeepCollectionSelect({
   uncategorizedLabel,
   ...props
 }) {
-  const context = useKeepContext4();
-  const state = useState6(value ?? defaultValue ?? item.collectionId ?? "");
+  const context = useKeepContext3();
+  const state = useState7(value ?? defaultValue ?? item.collectionId ?? "");
   const selected = value ?? state[0];
-  const options = useCollectionOptions(collectionLabels, context.items);
+  const collections = useKeepCollections2({ targetType: item.targetType, orderBy: "name" });
+  const options = useCollectionOptions(collectionLabels, collections);
   const defaultUncategorizedLabel = useUiLabel("uncategorized");
   const uncategorized = uncategorizedLabel ?? defaultUncategorizedLabel;
   const handleChange = (next) => {
@@ -3164,7 +3347,7 @@ function KeepCollectionSelect({
     onChange?.(resolved);
     void context.moveToCollection(item.id, resolved);
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "select",
     {
       ...props,
@@ -3172,8 +3355,8 @@ function KeepCollectionSelect({
       onChange: (event) => handleChange(event.currentTarget.value),
       "data-keep-action": "move-collection",
       children: [
-        /* @__PURE__ */ jsx11("option", { value: "", children: uncategorized }),
-        options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.id, children: option.label }, option.id))
+        /* @__PURE__ */ jsx12("option", { value: "", children: uncategorized }),
+        options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.id, children: option.label }, option.id))
       ]
     }
   );
@@ -3188,10 +3371,10 @@ function KeepCollectionFilter({
   uncategorizedLabel,
   ...props
 }) {
-  const context = useKeepContext4();
-  const [internalValue, setInternalValue] = useState6(value ?? defaultValue ?? "");
+  const [internalValue, setInternalValue] = useState7(value ?? defaultValue ?? "");
   const selected = value ?? internalValue;
-  const options = useCollectionOptions(collectionLabels, context.items);
+  const collections = useKeepCollections2({ orderBy: "name" });
+  const options = useCollectionOptions(collectionLabels, collections);
   const collectionLabel = useUiLabel("collection");
   const defaultAllLabel = useUiLabel("allCollections");
   const defaultUncategorizedLabel = useUiLabel("uncategorized");
@@ -3203,9 +3386,9 @@ function KeepCollectionFilter({
     onValueChange?.(resolved);
     onChange?.(resolved);
   };
-  return /* @__PURE__ */ jsxs9("label", { "data-keepkit": "collection-filter", children: [
-    /* @__PURE__ */ jsx11("span", { children: collectionLabel }),
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("label", { "data-keepkit": "collection-filter", children: [
+    /* @__PURE__ */ jsx12("span", { children: collectionLabel }),
+    /* @__PURE__ */ jsxs10(
       "select",
       {
         ...props,
@@ -3213,9 +3396,9 @@ function KeepCollectionFilter({
         onChange: (event) => handleChange(event.currentTarget.value),
         "data-keep-action": "filter-collection",
         children: [
-          /* @__PURE__ */ jsx11("option", { value: "", children: all }),
-          /* @__PURE__ */ jsx11("option", { value: "__uncategorized__", children: uncategorized }),
-          options.map((option) => /* @__PURE__ */ jsx11("option", { value: option.id, children: option.label }, option.id))
+          /* @__PURE__ */ jsx12("option", { value: "", children: all }),
+          /* @__PURE__ */ jsx12("option", { value: "__uncategorized__", children: uncategorized }),
+          options.map((option) => /* @__PURE__ */ jsx12("option", { value: option.id, children: option.label }, option.id))
         ]
       }
     )
@@ -3227,10 +3410,10 @@ import { isValidElement as isValidElement3 } from "react";
 
 // src/features/query/hooks/useKeepTagFilter.ts
 import { useKeepList as useKeepList2 } from "@keepkit/core/react";
-import { useCallback as useCallback4, useMemo as useMemo4, useState as useState7 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useState as useState8 } from "react";
 function useKeepTagFilter(options) {
   const { query, controlledValue, defaultValue, onChange, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState7(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState8(defaultValue);
   const resolvedValue = controlledValue ?? uncontrolledValue;
   const list = useKeepList2({
     ...query,
@@ -3244,7 +3427,7 @@ function useKeepTagFilter(options) {
     },
     [controlledValue, onChange, onValueChange]
   );
-  const state = useMemo4(
+  const state = useMemo3(
     () => ({ tags: list.tags, tagCounts: list.tagCounts, value: resolvedValue, select }),
     [list.tagCounts, list.tags, resolvedValue, select]
   );
@@ -3256,7 +3439,7 @@ function useKeepTagFilter(options) {
 }
 
 // src/features/query/KeepTagFilter.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function KeepTagFilter({
   query,
   value: controlledValue,
@@ -3274,9 +3457,9 @@ function KeepTagFilter({
 }) {
   const view = useKeepTagFilter({ query, controlledValue, defaultValue, onChange, onValueChange });
   const contentChildren = asChild && isValidElement3(children) ? void 0 : children;
-  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs10("fieldset", { children: [
-    /* @__PURE__ */ jsx12("legend", { children: ariaLabel ?? view.labels.aria }),
-    /* @__PURE__ */ jsx12(
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs11("fieldset", { children: [
+    /* @__PURE__ */ jsx13("legend", { children: ariaLabel ?? view.labels.aria }),
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -3286,7 +3469,7 @@ function KeepTagFilter({
         children: allLabel ?? view.labels.all
       }
     ),
-    view.state.tags.map((tag) => /* @__PURE__ */ jsxs10(
+    view.state.tags.map((tag) => /* @__PURE__ */ jsxs11(
       "button",
       {
         type: "button",
@@ -3295,7 +3478,7 @@ function KeepTagFilter({
         onClick: () => view.state.select(tag),
         children: [
           renderTag ? renderTag(tag, view.state.tagCounts[tag] ?? 0, view.state.value === tag) : tag,
-          /* @__PURE__ */ jsxs10("span", { children: [
+          /* @__PURE__ */ jsxs11("span", { children: [
             " (",
             view.state.tagCounts[tag] ?? 0,
             ")"
@@ -3321,10 +3504,10 @@ function KeepTagFilter({
 }
 
 // src/features/query/hooks/useQueryControls.ts
-import { useEffect as useEffect6, useState as useState8 } from "react";
+import { useEffect as useEffect6, useState as useState9 } from "react";
 function useKeepSearchInput(options) {
   const { controlledValue, defaultValue, debounceMs, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState8(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState9(defaultValue);
   const value = controlledValue ?? uncontrolledValue;
   useEffect6(() => {
     if (!onValueChange) return;
@@ -3345,7 +3528,7 @@ function useKeepSearchInput(options) {
 }
 function useKeepSortSelect(options) {
   const { controlledValue, defaultValue, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState8(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState9(defaultValue);
   const value = controlledValue ?? uncontrolledValue;
   return {
     value,
@@ -3393,7 +3576,7 @@ function getVisiblePages(currentPage, pageCount, maxPageButtons) {
 }
 
 // src/features/query/query-controls.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function KeepSearchInput({
   value: controlledValue,
   defaultValue = "",
@@ -3404,7 +3587,7 @@ function KeepSearchInput({
   ...props
 }) {
   const view = useKeepSearchInput({ controlledValue, defaultValue, debounceMs, onValueChange });
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
       ...props,
@@ -3429,13 +3612,13 @@ function KeepSortSelect({
   ...props
 }) {
   const view = useKeepSortSelect({ controlledValue, defaultValue, onValueChange });
-  const options = children ?? /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    /* @__PURE__ */ jsx13("option", { value: "updatedAt:desc", children: view.labels.updatedNewest }),
-    /* @__PURE__ */ jsx13("option", { value: "updatedAt:asc", children: view.labels.updatedOldest }),
-    /* @__PURE__ */ jsx13("option", { value: "savedAt:desc", children: view.labels.savedNewest }),
-    /* @__PURE__ */ jsx13("option", { value: "savedAt:asc", children: view.labels.savedOldest })
+  const options = children ?? /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    /* @__PURE__ */ jsx14("option", { value: "updatedAt:desc", children: view.labels.updatedNewest }),
+    /* @__PURE__ */ jsx14("option", { value: "updatedAt:asc", children: view.labels.updatedOldest }),
+    /* @__PURE__ */ jsx14("option", { value: "savedAt:desc", children: view.labels.savedNewest }),
+    /* @__PURE__ */ jsx14("option", { value: "savedAt:asc", children: view.labels.savedOldest })
   ] });
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "select",
     {
       ...props,
@@ -3467,9 +3650,9 @@ function KeepPagination({
     "data-state": view.pageCount > 1 ? "active" : "idle"
   };
   if (render)
-    return /* @__PURE__ */ jsx13("nav", { ...navProps, children: render({ page: view.currentPage, pageCount: view.pageCount, goToPage: view.goToPage }) });
-  return /* @__PURE__ */ jsxs11("nav", { ...navProps, children: [
-    /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14("nav", { ...navProps, children: render({ page: view.currentPage, pageCount: view.pageCount, goToPage: view.goToPage }) });
+  return /* @__PURE__ */ jsxs12("nav", { ...navProps, children: [
+    /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -3479,7 +3662,7 @@ function KeepPagination({
         children: view.labels.previous
       }
     ),
-    view.visiblePages.map((nextPage) => /* @__PURE__ */ jsx13(
+    view.visiblePages.map((nextPage) => /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -3491,7 +3674,7 @@ function KeepPagination({
       },
       nextPage
     )),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -3506,13 +3689,14 @@ function KeepPagination({
 
 // src/features/collection/hooks/useKeepCollection.ts
 import { useKeepList as useKeepList3 } from "@keepkit/core/react";
-import { useMemo as useMemo5, useState as useState9 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo4, useState as useState10 } from "react";
 function useKeepCollection({
   query,
   pageSize,
   urlSync,
   urlAdapter,
-  features
+  features,
+  archiveScope
 }) {
   const enabled = {
     search: true,
@@ -3526,15 +3710,23 @@ function useKeepCollection({
     archive: false,
     ...features
   };
-  const [searchValue, setSearchValue] = useState9(query.search?.query ?? "");
-  const [sort, setSort] = useState9(query.sort ?? { by: "updatedAt", direction: "desc" });
-  const [activeTags, setActiveTags] = useState9(query.tags ?? []);
-  const [activeCollection, setActiveCollection] = useState9(query.collectionId);
-  const [page, setPage] = useState9(query.pagination?.page ?? 1);
+  const [searchValue, setSearchValue] = useState10(query.search?.query ?? "");
+  const [sort, setSort] = useState10(query.sort ?? { by: "updatedAt", direction: "desc" });
+  const [activeTags, setActiveTags] = useState10(query.tags ?? []);
+  const [activeCollection, setActiveCollection] = useState10(query.collectionId);
+  const [page, setPage] = useState10(query.pagination?.page ?? 1);
+  const [activeArchiveScope, setActiveArchiveScope] = useState10(
+    archiveScope ?? query.archiveScope ?? scopeFromArchived(query.archived)
+  );
+  useEffect7(() => {
+    if (archiveScope !== void 0) setActiveArchiveScope(archiveScope);
+  }, [archiveScope]);
   const resolvedPageSize = query.pagination?.pageSize ?? pageSize;
-  const resolvedQuery = useMemo5(
+  const resolvedQuery = useMemo4(
     () => ({
       ...query,
+      archiveScope: activeArchiveScope,
+      archived: activeArchiveScope === "active" ? false : activeArchiveScope === "archived" ? true : void 0,
       search: enabled.search ? { ...query.search, query: searchValue } : query.search,
       sort: enabled.sort ? sort : query.sort,
       tags: activeTags.length > 0 ? activeTags : void 0,
@@ -3552,7 +3744,8 @@ function useKeepCollection({
       query,
       resolvedPageSize,
       searchValue,
-      sort
+      sort,
+      activeArchiveScope
     ]
   );
   useKeepUrlSync({
@@ -3564,19 +3757,21 @@ function useKeepCollection({
       setSort(next.sort ?? { by: "updatedAt", direction: "desc" });
       setActiveTags(next.tags ?? []);
       setActiveCollection(next.collectionId);
+      setActiveArchiveScope(next.archiveScope ?? scopeFromArchived(next.archived));
       setPage(next.pagination?.page ?? 1);
     },
     options: typeof urlSync === "object" ? urlSync : {},
     adapter: urlAdapter
   });
   const list = useKeepList3(resolvedQuery);
-  const allState = useKeepList3({});
+  const allState = useKeepList3({ archiveScope: "all" });
   return {
     enabled,
     searchValue,
     sortValue: sortToValue(sort),
     activeTags,
     activeCollection,
+    archiveScope: activeArchiveScope,
     resolvedPageSize,
     resolvedQuery,
     list,
@@ -3597,6 +3792,10 @@ function useKeepCollection({
       setActiveCollection(value);
       setPage(1);
     },
+    setArchiveScope: (value) => {
+      setActiveArchiveScope(value);
+      setPage(1);
+    },
     removeTag: (tagToRemove) => {
       setActiveTags((current) => current.filter((tag) => tag !== tagToRemove));
       setPage(1);
@@ -3610,6 +3809,9 @@ function useKeepCollection({
     setPage
   };
 }
+function scopeFromArchived(archived) {
+  return archived === true ? "archived" : "active";
+}
 
 // src/features/collection/KeepList.tsx
 import { KeepErrorBoundary } from "@keepkit/core/react";
@@ -3621,8 +3823,10 @@ import {
   createElement as createElement2,
   isValidElement as isValidElement4,
   useContext as useContext3,
-  useEffect as useEffect7,
-  useState as useState11
+  useEffect as useEffect8,
+  useId as useId2,
+  useRef as useRef7,
+  useState as useState12
 } from "react";
 
 // src/features/item/hooks/useKeepItemStatusBadge.ts
@@ -3665,10 +3869,10 @@ function getDisplayStatus(status) {
 }
 
 // src/features/item/KeepItemStatusBadge.tsx
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function KeepItemStatusBadge({ status = "available", label, className, ...props }) {
   const view = useKeepItemStatusBadge(status);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "span",
     {
       ...props,
@@ -3679,14 +3883,14 @@ function KeepItemStatusBadge({ status = "available", label, className, ...props
       "data-status": status,
       "data-item-status": view.resolvedStatus,
       children: [
-        /* @__PURE__ */ jsx14(StatusIcon, { name: view.icon }),
-        /* @__PURE__ */ jsx14("span", { "data-status-label": "true", children: label ?? view.statusLabel })
+        /* @__PURE__ */ jsx15(StatusIcon, { name: view.icon }),
+        /* @__PURE__ */ jsx15("span", { "data-status-label": "true", children: label ?? view.statusLabel })
       ]
     }
   );
 }
 function StatusIcon({ name }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       "data-status-icon": name,
@@ -3701,18 +3905,18 @@ function StatusIcon({ name }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        name === "check" ? /* @__PURE__ */ jsx14("path", { d: "m5 12 4 4L19 6" }) : null,
-        name === "clock" ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
-          /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "8" }),
-          /* @__PURE__ */ jsx14("path", { d: "M12 7v5l3 2" })
+        name === "check" ? /* @__PURE__ */ jsx15("path", { d: "m5 12 4 4L19 6" }) : null,
+        name === "clock" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+          /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "8" }),
+          /* @__PURE__ */ jsx15("path", { d: "M12 7v5l3 2" })
         ] }) : null,
-        name === "ban" ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
-          /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "8" }),
-          /* @__PURE__ */ jsx14("path", { d: "m6.5 6.5 11 11" })
+        name === "ban" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+          /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "8" }),
+          /* @__PURE__ */ jsx15("path", { d: "m6.5 6.5 11 11" })
         ] }) : null,
-        name === "lock" ? /* @__PURE__ */ jsxs12(Fragment7, { children: [
-          /* @__PURE__ */ jsx14("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
-          /* @__PURE__ */ jsx14("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
+        name === "lock" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+          /* @__PURE__ */ jsx15("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
+          /* @__PURE__ */ jsx15("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
         ] }) : null
       ]
     }
@@ -3720,16 +3924,16 @@ function StatusIcon({ name }) {
 }
 
 // src/features/status/hooks/useKeepStaleNotice.ts
-import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
-import { useState as useState10 } from "react";
+import { useKeepContext as useKeepContext4 } from "@keepkit/core/react";
+import { useState as useState11 } from "react";
 function useKeepStaleNotice({ item, onRetry, onRemoved }) {
-  const context = useKeepContext5();
+  const context = useKeepContext4();
   const emitFeedback = useKeepUiFeedback();
   const removedMessage = useUiLabel("removedMessage");
   const restoredMessage = useUiLabel("restoredMessage");
   const undoLabel = useUiLabel("undo");
-  const [isRetrying, setIsRetrying] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [isRetrying, setIsRetrying] = useState11(false);
+  const [error, setError] = useState11(null);
   async function retry() {
     setError(null);
     setIsRetrying(true);
@@ -3775,7 +3979,7 @@ function useKeepStaleNotice({ item, onRetry, onRemoved }) {
   };
 }
 function useKeepPruneStale({ statuses, onPruned }) {
-  const context = useKeepContext5();
+  const context = useKeepContext4();
   const emitFeedback = useKeepUiFeedback();
   const staleItems = context.items.filter((item) => item.status && statuses.includes(item.status));
   const staleIds = staleItems.map((item) => item.id);
@@ -3809,7 +4013,7 @@ function useKeepPruneStale({ statuses, onPruned }) {
 }
 
 // src/features/status/KeepStaleNotice.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function KeepStaleNotice({
   item,
   onRetry,
@@ -3821,11 +4025,11 @@ function KeepStaleNotice({
   ...props
 }) {
   const view = useKeepStaleNotice({ item, onRetry, onRemoved });
-  return /* @__PURE__ */ jsxs13("aside", { ...props, className, "data-keepkit": "stale-notice", "data-state": view.error ? "error" : "stale", children: [
-    /* @__PURE__ */ jsx15(KeepItemStatusBadge, { status: view.status }),
-    children ?? (item.statusReason ? /* @__PURE__ */ jsx15("p", { children: item.statusReason }) : null),
-    /* @__PURE__ */ jsxs13("div", { children: [
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("aside", { ...props, className, "data-keepkit": "stale-notice", "data-state": view.error ? "error" : "stale", children: [
+    /* @__PURE__ */ jsx16(KeepItemStatusBadge, { status: view.status }),
+    children ?? (item.statusReason ? /* @__PURE__ */ jsx16("p", { children: item.statusReason }) : null),
+    /* @__PURE__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsx16(
         "button",
         {
           type: "button",
@@ -3835,7 +4039,7 @@ function KeepStaleNotice({
           children: retryLabel ?? view.labels.retry
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "button",
         {
           type: "button",
@@ -3846,7 +4050,7 @@ function KeepStaleNotice({
         }
       )
     ] }),
-    view.error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
+    view.error ? /* @__PURE__ */ jsx16("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
   ] });
 }
 function KeepPruneStaleButton({
@@ -3858,7 +4062,7 @@ function KeepPruneStaleButton({
   ...props
 }) {
   const view = useKeepPruneStale({ statuses, onPruned });
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "button",
     {
       ...props,
@@ -3971,7 +4175,7 @@ function getDisplayStatus2(status) {
 }
 
 // src/features/item/KeepItemCard.tsx
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var KeepItemCardContext = createContext3(null);
 function useKeepItemCardCompound(part) {
   const context = useContext3(KeepItemCardContext);
@@ -3999,6 +4203,9 @@ function KeepItemCardRoot({
   showSaveButton = true,
   showPinButton = false,
   showArchiveButton = false,
+  showEditButton = false,
+  onEdit,
+  editSlot,
   saveButtonLabels,
   asChild = false,
   href: hrefOption,
@@ -4008,6 +4215,7 @@ function KeepItemCardRoot({
   linkTargetAttribute,
   linkRel,
   highlightQuery,
+  cardVariant = "outlined",
   className,
   ...rootProps
 }) {
@@ -4025,6 +4233,14 @@ function KeepItemCardRoot({
   const contextQuery = useKeepSearchQuery();
   const searchQuery = highlightQuery ?? contextQuery;
   const contentChildren = asChild && isValidElement4(children) ? void 0 : children;
+  const [isEditOpen, setEditOpen] = useState12(false);
+  const editTriggerRef = useRef7(null);
+  const editPanelId = useId2();
+  const editLabel = useUiLabel("editSavedItem");
+  const closeEdit = () => setEditOpen(false);
+  useEffect8(() => {
+    if (!isEditOpen) editTriggerRef.current?.focus();
+  }, [isEditOpen]);
   function renderLink(content) {
     if (!view.href || !view.isAvailable) return content;
     const linkProps = {
@@ -4034,17 +4250,17 @@ function KeepItemCardRoot({
       onClick: (event) => onOpen?.(item, event),
       children: content
     };
-    return LinkComponent ? /* @__PURE__ */ jsx16(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx16("a", { ...linkProps });
+    return LinkComponent ? /* @__PURE__ */ jsx17(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx17("a", { ...linkProps });
   }
   function renderTitle(content) {
     if (linkTarget !== "title") return content;
     if (view.isAvailable) return renderLink(content);
-    return view.href ? /* @__PURE__ */ jsx16("span", { "aria-disabled": "true", "data-link-disabled": "true", children: content }) : content;
+    return view.href ? /* @__PURE__ */ jsx17("span", { "aria-disabled": "true", "data-link-disabled": "true", children: content }) : content;
   }
   const resolvedImageProps = view.imageProps ? { ...view.imageProps, alt: imageAlt ?? view.imageProps.alt } : void 0;
   const imageSource = resolvedImageProps?.src;
-  const [imageStatus, setImageStatus] = useState11(imageSource ? "loading" : "error");
-  useEffect7(() => {
+  const [imageStatus, setImageStatus] = useState12(imageSource ? "loading" : "error");
+  useEffect8(() => {
     setImageStatus(imageSource ? "loading" : "error");
   }, [imageSource]);
   let image = null;
@@ -4062,24 +4278,44 @@ function KeepItemCardRoot({
         setImageStatus("error");
       }
     };
-    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx16(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx16("img", { ...imagePropsWithHandlers, alt: imagePropsWithHandlers.alt }));
+    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx17(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx17("img", { ...imagePropsWithHandlers, alt: imagePropsWithHandlers.alt }));
   }
   const tags = showTags ? item.tags ?? [] : [];
   const renderedTags = showTags && tags.length > 0 ? renderTags?.(tags, item) ?? null : null;
-  const meta = showSavedAt ? /* @__PURE__ */ jsxs14("div", { "data-card-meta": true, children: [
-    /* @__PURE__ */ jsxs14("span", { children: [
+  const meta = showSavedAt ? /* @__PURE__ */ jsxs15("div", { "data-card-meta": true, children: [
+    /* @__PURE__ */ jsxs15("span", { children: [
       view.labels.savedAt,
       ":"
     ] }),
     " ",
-    /* @__PURE__ */ jsx16("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
+    /* @__PURE__ */ jsx17("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
   ] }) : null;
-  const error = view.itemState.error ? /* @__PURE__ */ jsx16("p", { role: "alert", children: getErrorMessage3(view.itemState.error, view.labels.error) }) : null;
-  const actions = view.statusLabel ? /* @__PURE__ */ jsx16(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    showSaveButton ? /* @__PURE__ */ jsx16(KeepItemCardSave, {}) : null,
-    showPinButton ? /* @__PURE__ */ jsx16(KeepItemCardPin, {}) : null,
-    showArchiveButton ? /* @__PURE__ */ jsx16(KeepItemCardArchive, {}) : null,
-    /* @__PURE__ */ jsx16(KeepItemCardRemove, {})
+  const error = view.itemState.error ? /* @__PURE__ */ jsx17("p", { role: "alert", children: getErrorMessage3(view.itemState.error, view.labels.error) }) : null;
+  const actions = view.statusLabel ? /* @__PURE__ */ jsx17(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    showEditButton ? /* @__PURE__ */ jsxs15(Fragment8, { children: [
+      /* @__PURE__ */ jsx17(
+        "button",
+        {
+          ref: editTriggerRef,
+          type: "button",
+          "data-keep-action": "edit",
+          "aria-label": editLabel,
+          "aria-haspopup": "dialog",
+          "aria-expanded": isEditOpen,
+          "aria-controls": editPanelId,
+          onClick: () => {
+            onEdit?.(item);
+            setEditOpen(true);
+          },
+          children: editLabel
+        }
+      ),
+      isEditOpen ? /* @__PURE__ */ jsx17("div", { id: editPanelId, role: "dialog", "aria-label": editLabel, "data-keepkit": "item-edit-dialog", children: editSlot ? editSlot(item, closeEdit) : /* @__PURE__ */ jsx17(KeepQuickEditor, { item: view.itemState.item ?? item, onClose: closeEdit }) }) : null
+    ] }) : null,
+    showSaveButton ? /* @__PURE__ */ jsx17(KeepItemCardSave, {}) : null,
+    showPinButton ? /* @__PURE__ */ jsx17(KeepItemCardPin, {}) : null,
+    showArchiveButton ? /* @__PURE__ */ jsx17(KeepItemCardArchive, {}) : null,
+    /* @__PURE__ */ jsx17(KeepItemCardRemove, {})
   ] });
   const compoundValue = {
     item,
@@ -4100,12 +4336,12 @@ function KeepItemCardRoot({
     remove: view.remove,
     isMutating: view.itemState.isMutating,
     saveAriaLabel: `${view.labels.remove} ${String(view.resolvedTitle)}`,
-    renderText: (content) => /* @__PURE__ */ jsx16(KeepHighlight, { query: searchQuery, children: content })
+    renderText: (content) => /* @__PURE__ */ jsx17(KeepHighlight, { query: searchQuery, children: content })
   };
-  const defaultBody = /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    /* @__PURE__ */ jsx16(KeepItemCardMedia, {}),
-    /* @__PURE__ */ jsx16(KeepItemCardContent, {}),
-    /* @__PURE__ */ jsx16(KeepItemCardActions, {})
+  const defaultBody = /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    /* @__PURE__ */ jsx17(KeepItemCardMedia, {}),
+    /* @__PURE__ */ jsx17(KeepItemCardContent, {}),
+    /* @__PURE__ */ jsx17(KeepItemCardActions, {})
   ] });
   const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? defaultBody;
   const linkedBody = linkTarget === "card" && view.isAvailable ? renderLink(body) : body;
@@ -4121,23 +4357,24 @@ function KeepItemCardRoot({
       "data-state": view.itemState.error ? "error" : view.itemState.isSaved ? "saved" : "unsaved",
       "data-status": item.status ?? "available",
       "data-item-status": view.displayStatus,
+      "data-card-variant": cardVariant !== "outlined" ? cardVariant : void 0,
       "data-loading": view.itemState.isMutating ? "true" : void 0
     },
     linkedBody,
     "KeepItemCard"
   );
-  return /* @__PURE__ */ jsx16(KeepItemCardContext.Provider, { value: compoundValue, children: root });
+  return /* @__PURE__ */ jsx17(KeepItemCardContext.Provider, { value: compoundValue, children: root });
 }
 function KeepItemCardMedia({ children, fallback, ...props }) {
   const context = useKeepItemCardCompound("Media");
-  return /* @__PURE__ */ jsx16("div", { ...props, "data-keep-card-part": "media", "data-media-status": context.imageStatus, "data-aspect-ratio": "1/1", children: children ?? context.image ?? /* @__PURE__ */ jsx16("span", { role: "img", "aria-label": context.fallbackLabel, "data-keep-card-fallback": "true", children: fallback ?? /* @__PURE__ */ jsx16(KeepMediaPlaceholderIcon, {}) }) });
+  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "media", "data-media-status": context.imageStatus, "data-aspect-ratio": "1/1", children: children ?? context.image ?? /* @__PURE__ */ jsx17("span", { role: "img", "aria-label": context.fallbackLabel, "data-keep-card-fallback": "true", children: fallback ?? /* @__PURE__ */ jsx17(KeepMediaPlaceholderIcon, {}) }) });
 }
 function KeepItemCardContent({ children, ...props }) {
   const context = useKeepItemCardCompound("Content");
-  return /* @__PURE__ */ jsx16("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    /* @__PURE__ */ jsx16(KeepItemCardTitle, {}),
+  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    /* @__PURE__ */ jsx17(KeepItemCardTitle, {}),
     context.meta,
-    /* @__PURE__ */ jsx16(KeepItemCardTags, {}),
+    /* @__PURE__ */ jsx17(KeepItemCardTags, {}),
     context.error
   ] }) : context.renderText(children) });
 }
@@ -4150,8 +4387,8 @@ function KeepItemCardTitle({ as = "h3", children, ...props }) {
   );
 }
 function KeepMediaPlaceholderIcon() {
-  return /* @__PURE__ */ jsxs14("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx17(
       "path",
       {
         d: "M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5v-13Z",
@@ -4159,23 +4396,23 @@ function KeepMediaPlaceholderIcon() {
         stroke: "currentColor"
       }
     ),
-    /* @__PURE__ */ jsx16("circle", { cx: "9", cy: "9", r: "1.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx16("path", { d: "m5.5 18 4.5-4.5 3 3 2-2L19 18", fill: "none", stroke: "currentColor" })
+    /* @__PURE__ */ jsx17("circle", { cx: "9", cy: "9", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx17("path", { d: "m5.5 18 4.5-4.5 3 3 2-2L19 18", fill: "none", stroke: "currentColor" })
   ] });
 }
 function KeepItemCardTags({ children, ...props }) {
   const context = useKeepItemCardCompound("Tags");
   if (children === void 0 && context.renderedTags) return context.renderedTags;
   if (children === void 0 && context.tags.length === 0) return null;
-  return /* @__PURE__ */ jsx16("ul", { ...props, "aria-label": props["aria-label"] ?? context.tagsLabel, "data-keep-card-part": "tags", children: children ?? context.tags.map((tag) => /* @__PURE__ */ jsx16("li", { children: tag }, tag)) });
+  return /* @__PURE__ */ jsx17("ul", { ...props, "aria-label": props["aria-label"] ?? context.tagsLabel, "data-keep-card-part": "tags", children: children ?? context.tags.map((tag) => /* @__PURE__ */ jsx17("li", { children: tag }, tag)) });
 }
 function KeepItemCardActions({ children, ...props }) {
   const context = useKeepItemCardCompound("Actions");
-  return /* @__PURE__ */ jsx16("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
+  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
 }
 function KeepItemCardSave({ labels, getAriaLabel, ...props }) {
   const context = useKeepItemCardCompound("Save");
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     KeepButton,
     {
       ...props,
@@ -4188,7 +4425,7 @@ function KeepItemCardSave({ labels, getAriaLabel, ...props }) {
 }
 function KeepItemCardRemove({ children, disabled, onClick, ...props }) {
   const context = useKeepItemCardCompound("Remove");
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "button",
     {
       ...props,
@@ -4205,19 +4442,19 @@ function KeepItemCardRemove({ children, disabled, onClick, ...props }) {
 }
 function KeepItemCardPin({ children, ...props }) {
   const context = useKeepItemCardCompound("Pin");
-  return /* @__PURE__ */ jsx16(KeepPinButton, { ...props, item: context.item, children });
+  return /* @__PURE__ */ jsx17(KeepPinButton, { ...props, item: context.item, children });
 }
 function KeepItemCardArchive({
   children,
   ...props
 }) {
   const context = useKeepItemCardCompound("Archive");
-  return /* @__PURE__ */ jsx16(KeepArchiveButton, { ...props, item: context.item, children });
+  return /* @__PURE__ */ jsx17(KeepArchiveButton, { ...props, item: context.item, children });
 }
 function KeepItemCardCollectionBadge({ children, ...props }) {
   const context = useKeepItemCardCompound("CollectionBadge");
   if (!context.item.collectionId) return null;
-  return /* @__PURE__ */ jsx16("span", { ...props, "data-keep-card-part": "collection-badge", children: children ?? context.collectionLabel });
+  return /* @__PURE__ */ jsx17("span", { ...props, "data-keep-card-part": "collection-badge", children: children ?? context.collectionLabel });
 }
 var KeepItemCard = Object.assign(KeepItemCardRoot, {
   Media: KeepItemCardMedia,
@@ -4232,12 +4469,12 @@ var KeepItemCard = Object.assign(KeepItemCardRoot, {
   CollectionBadge: KeepItemCardCollectionBadge
 });
 function KeepItemCardSkeleton({ layout = "list", ...props }) {
-  return /* @__PURE__ */ jsxs14("article", { ...props, "aria-hidden": "true", "data-keepkit": "card-skeleton", "data-layout": layout, "data-state": "loading", children: [
-    /* @__PURE__ */ jsx16("span", { "data-skeleton-part": "media" }),
-    /* @__PURE__ */ jsx16("span", { "data-skeleton-part": "title" }),
-    /* @__PURE__ */ jsx16("span", { "data-skeleton-part": "meta" }),
-    /* @__PURE__ */ jsx16("span", { "data-skeleton-part": "tag" }),
-    /* @__PURE__ */ jsx16("span", { "data-skeleton-part": "tag" })
+  return /* @__PURE__ */ jsxs15("article", { ...props, "aria-hidden": "true", "data-keepkit": "card-skeleton", "data-layout": layout, "data-state": "loading", children: [
+    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "media" }),
+    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "title" }),
+    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "meta" }),
+    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "tag" }),
+    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "tag" })
   ] });
 }
 function formatSavedAt(timestamp) {
@@ -4249,7 +4486,7 @@ function getErrorMessage3(error, fallback) {
 
 // src/features/status/KeepEmptyState.tsx
 import { isValidElement as isValidElement5 } from "react";
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function KeepEmptyState({
   title,
   description,
@@ -4268,10 +4505,10 @@ function KeepEmptyState({
   );
   const clearLabel = useUiLabel("clearFilters");
   const contentChildren = asChild && isValidElement5(children) ? void 0 : children;
-  const body = contentChildren ?? /* @__PURE__ */ jsxs15(Fragment9, { children: [
-    /* @__PURE__ */ jsx17("h2", { children: title ?? defaultTitle }),
-    description ?? /* @__PURE__ */ jsx17("p", { children: defaultDescription }),
-    action ?? (resolvedVariant === "empty-filtered" && onClearFilters ? /* @__PURE__ */ jsx17("button", { type: "button", "data-keep-action": "clear-filters", onClick: onClearFilters, children: clearLabel }) : null)
+  const body = contentChildren ?? /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    /* @__PURE__ */ jsx18("h2", { children: title ?? defaultTitle }),
+    description ?? /* @__PURE__ */ jsx18("p", { children: defaultDescription }),
+    action ?? (resolvedVariant === "empty-filtered" && onClearFilters ? /* @__PURE__ */ jsx18("button", { type: "button", "data-keep-action": "clear-filters", onClick: onClearFilters, children: clearLabel }) : null)
   ] });
   return renderRoot(
     asChild,
@@ -4297,9 +4534,9 @@ function useKeepListView(query) {
 }
 
 // src/features/collection/hooks/useRovingTabIndex.ts
-import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef8 } from "react";
 function useRovingTabIndex() {
-  const ref = useRef7(null);
+  const ref = useRef8(null);
   const getItems = useCallback5(() => {
     const root = ref.current;
     if (!root) return [];
@@ -4317,7 +4554,7 @@ function useRovingTabIndex() {
       item.tabIndex = index === activeIndex ? 0 : -1;
     });
   }, [getItems]);
-  useEffect8(() => {
+  useEffect9(() => {
     const root = ref.current;
     if (!root) return;
     syncTabIndices();
@@ -4361,13 +4598,124 @@ function useRovingTabIndex() {
   return { ref, onKeyDown, onFocusCapture };
 }
 
+// src/features/collection/KeepReorderableList.tsx
+import { useState as useState13 } from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function KeepReorderableList({
+  items,
+  onReorder,
+  renderItem,
+  itemLabel = (_item, index) => `Move item ${index + 1}`,
+  ...props
+}) {
+  const [draggedId, setDraggedId] = useState13(null);
+  const [dropTargetIndex, setDropTargetIndex] = useState13(null);
+  const ids = items.map((item) => item.id);
+  function commit(nextIds) {
+    void onReorder(nextIds);
+  }
+  function move(index, targetIndex) {
+    if (targetIndex < 0 || targetIndex >= ids.length || targetIndex === index) return;
+    const next = [...ids];
+    const [id] = next.splice(index, 1);
+    if (id === void 0) return;
+    next.splice(targetIndex, 0, id);
+    commit(next);
+  }
+  function moveToInsertion(index, insertionIndex) {
+    const next = [...ids];
+    const [id] = next.splice(index, 1);
+    if (id === void 0) return;
+    const targetIndex = Math.min(
+      Math.max(0, insertionIndex > index ? insertionIndex - 1 : insertionIndex),
+      next.length
+    );
+    next.splice(targetIndex, 0, id);
+    if (next[index] === id) return;
+    commit(next);
+  }
+  return /* @__PURE__ */ jsx19("ul", { ...props, "data-keepkit": "reorderable-list", children: items.map((item, index) => {
+    const moveUp = () => move(index, index - 1);
+    const moveDown = () => move(index, index + 1);
+    const onHandleKeyDown = (event) => {
+      if (event.key === " ") {
+        event.preventDefault();
+        if (draggedId === item.id) {
+          setDraggedId(null);
+          setDropTargetIndex(null);
+        } else {
+          setDraggedId(item.id);
+          setDropTargetIndex(index);
+        }
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        moveUp();
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault();
+        moveDown();
+      }
+    };
+    const state = {
+      index,
+      isDragging: draggedId === item.id,
+      moveUp,
+      moveDown,
+      dragHandleProps: {
+        role: "button",
+        tabIndex: 0,
+        draggable: true,
+        "data-drag-handle": "true",
+        "aria-label": itemLabel(item, index),
+        "aria-grabbed": draggedId === item.id,
+        onDragStart: () => {
+          setDraggedId(item.id);
+          setDropTargetIndex(index);
+        },
+        onDragEnd: () => {
+          setDraggedId(null);
+          setDropTargetIndex(null);
+        },
+        onKeyDown: onHandleKeyDown
+      }
+    };
+    return /* @__PURE__ */ jsx19(
+      "li",
+      {
+        "data-reorder-index": index,
+        "data-dragging": draggedId === item.id ? "true" : void 0,
+        "data-drop-target": draggedId && draggedId !== item.id ? dropTargetIndex === index ? "before" : dropTargetIndex === index + 1 ? "after" : void 0 : void 0,
+        onDragOver: (event) => {
+          if (!draggedId || draggedId === item.id) return;
+          event.preventDefault();
+          const bounds = event.currentTarget.getBoundingClientRect();
+          const insertionIndex = event.clientY > bounds.top + bounds.height / 2 ? index + 1 : index;
+          setDropTargetIndex(insertionIndex);
+        },
+        onDragLeave: (event) => {
+          if (event.currentTarget === event.target) setDropTargetIndex(null);
+        },
+        onDrop: (event) => {
+          event.preventDefault();
+          if (!draggedId || draggedId === item.id) return;
+          const sourceIndex = ids.indexOf(draggedId);
+          setDraggedId(null);
+          setDropTargetIndex(null);
+          moveToInsertion(sourceIndex, dropTargetIndex ?? index);
+        },
+        children: renderItem(item, state)
+      },
+      item.id
+    );
+  }) });
+}
+
 // src/features/collection/KeepList.tsx
-import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function KeepList(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...listProps } = props;
-  const content = /* @__PURE__ */ jsx18(KeepListContent, { ...listProps });
+  const content = /* @__PURE__ */ jsx20(KeepListContent, { ...listProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx18(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx20(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepListContent({
   query,
@@ -4381,6 +4729,8 @@ function KeepListContent({
   onClearFilters,
   itemCardProps,
   layout = "list",
+  reorderable = false,
+  onReorder,
   asChild = false,
   onKeyDown,
   onFocusCapture,
@@ -4402,7 +4752,10 @@ function KeepListContent({
     allItemCount: view.allState.totalCount,
     query,
     itemCardProps,
-    layout
+    layout,
+    reorderable,
+    onReorder,
+    reorder: state.reorder
   });
   return renderRoot(
     asChild,
@@ -4427,7 +4780,7 @@ function KeepListContent({
         if (!event.defaultPrevented) roving.onFocusCapture(event);
       }
     },
-    /* @__PURE__ */ jsx18(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
+    /* @__PURE__ */ jsx20(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
     "KeepList"
   );
 }
@@ -4442,17 +4795,17 @@ function getListBody(state, options) {
   if (state.isLoading && !state.isHydrated) {
     if (options.loading !== void 0) return resolveContent(options.loading, state);
     const count = Number.isFinite(options.loadingCount) ? Math.max(0, Math.floor(options.loadingCount)) : 6;
-    return /* @__PURE__ */ jsxs16(Fragment10, { children: [
-      /* @__PURE__ */ jsx18("span", { role: "status", "data-keepkit": "loading-label", children: options.loadingLabel }),
-      /* @__PURE__ */ jsx18("ul", { "data-keepkit": "skeleton-list", "data-layout": options.layout, children: Array.from({ length: count }, (_, index) => (
+    return /* @__PURE__ */ jsxs17(Fragment10, { children: [
+      /* @__PURE__ */ jsx20("span", { role: "status", "data-keepkit": "loading-label", children: options.loadingLabel }),
+      /* @__PURE__ */ jsx20("ul", { "data-keepkit": "skeleton-list", "data-layout": options.layout, children: Array.from({ length: count }, (_, index) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: Static loading placeholders never reorder.
-        /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(KeepItemCardSkeleton, { layout: options.layout }) }, index)
+        /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(KeepItemCardSkeleton, { layout: options.layout }) }, index)
       )) })
     ] });
   }
   if (state.isHydrated && state.items.length === 0) {
     if (options.empty !== void 0) return resolveContent(options.empty, state);
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(
       KeepEmptyState,
       {
         variant: options.allItemCount > 0 && hasActiveQueryFilters(options.query) ? "empty-filtered" : "empty-storage",
@@ -4462,32 +4815,56 @@ function getListBody(state, options) {
   }
   if (typeof options.children === "function") return options.children(state);
   if (options.children !== void 0 && !isValidElement6(options.children)) return options.children;
-  return /* @__PURE__ */ jsx18("ul", { "data-layout": options.layout, children: state.items.map(
-    (item) => options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(KeepItemCard, { item, ...options.itemCardProps }) }, item.id)
+  if (options.reorderable) {
+    return /* @__PURE__ */ jsx20(
+      KeepReorderableList,
+      {
+        items: state.items,
+        onReorder: async (orderedIds) => {
+          await options.reorder(orderedIds);
+          await options.onReorder?.(orderedIds);
+        },
+        renderItem: (item, reorderState) => /* @__PURE__ */ jsxs17(Fragment10, { children: [
+          /* @__PURE__ */ jsx20("button", { type: "button", ...reorderState.dragHandleProps, children: "\u2195" }),
+          options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx20(KeepItemCard, { item, ...options.itemCardProps })
+        ] }),
+        "data-layout": options.layout
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx20("ul", { "data-layout": options.layout, children: state.items.map(
+    (item) => options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(KeepItemCard, { item, ...options.itemCardProps }) }, item.id)
   ) });
 }
 function hasActiveQueryFilters(query) {
   if (!query) return false;
   return Boolean(
-    query.search?.query?.trim() || query.tags?.some((tag) => tag.trim()) || query.targetType || query.savedBetween || query.archived !== void 0 || query.collectionId || query.filter
+    query.search?.query?.trim() || query.tags?.some((tag) => tag.trim()) || query.targetType || query.savedBetween || query.archiveScope !== void 0 && query.archiveScope !== "active" || query.collectionId || query.filter
   );
 }
 
 // src/features/collection/KeepCollection.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function KeepCollection(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...collectionProps } = props;
-  const content = /* @__PURE__ */ jsx19(KeepCollectionContent, { ...collectionProps });
+  const content = /* @__PURE__ */ jsx21(KeepCollectionContent, { ...collectionProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx19(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx21(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepCollectionContent({
   query = {},
   pageSize = 20,
   layout = "list",
+  toolbarVariant = "plain",
+  toolbarLayout = "flat",
   urlSync = false,
   urlAdapter,
+  archiveScope,
+  onArchiveScopeChange,
+  reorderable = false,
+  onReorder,
   features,
+  slots,
   collectionLabels,
   renderItem,
   itemCardProps,
@@ -4500,38 +4877,105 @@ function KeepCollectionContent({
   className,
   ...rootProps
 }) {
-  const view = useKeepCollection({ query, pageSize, urlSync, urlAdapter, features });
+  const view = useKeepCollection({ query, pageSize, urlSync, urlAdapter, features, archiveScope });
+  const [reorderUndoIds, setReorderUndoIds] = useState14(null);
+  const reorderUndoLabel = useUiLabel("undoReorder");
+  const handleReorder = async (orderedIds) => {
+    const previousIds = view.list.items.map((item) => item.id);
+    await view.list.reorder(orderedIds);
+    const itemsById = new Map(view.list.items.map((item) => [item.id, item]));
+    const orderedItems = orderedIds.flatMap((id) => {
+      const item = itemsById.get(id);
+      return item ? [item] : [];
+    });
+    setReorderUndoIds(previousIds);
+    await onReorder?.(orderedItems);
+  };
+  useEffect10(() => {
+    if (!reorderUndoIds) return;
+    const timer = window.setTimeout(() => setReorderUndoIds(null), 5e3);
+    return () => window.clearTimeout(timer);
+  }, [reorderUndoIds]);
+  const undoReorder = async () => {
+    if (!reorderUndoIds) return;
+    const previous = reorderUndoIds;
+    setReorderUndoIds(null);
+    await view.list.reorder(previous);
+  };
   const resolvedItemCardProps = {
     ...itemCardProps,
     showTags: itemCardProps?.showTags ?? view.enabled.tags,
     showPinButton: itemCardProps?.showPinButton ?? view.enabled.pin,
     showArchiveButton: itemCardProps?.showArchiveButton ?? view.enabled.archive
   };
-  return /* @__PURE__ */ jsxs17(
+  const toolbarId = useId3();
+  const structuredToolbar = toolbarLayout === "grouped" || toolbarVariant === "panel" || slots?.toolbarStart !== void 0 || slots?.toolbarEnd !== void 0;
+  const hasQueryControls = view.enabled.search || view.enabled.sort;
+  const hasFilterControls = view.enabled.tagFilter || view.enabled.collectionFilter || archiveScope !== void 0;
+  const queryControls = hasQueryControls ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+    view.enabled.search ? /* @__PURE__ */ jsx21(KeepSearchInput, { value: view.searchValue, onValueChange: view.setSearchValue }) : null,
+    view.enabled.sort ? /* @__PURE__ */ jsx21(KeepSortSelect, { value: view.sortValue, onValueChange: view.setSortValue }) : null
+  ] }) : null;
+  const filterControls = hasFilterControls ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+    view.enabled.tagFilter ? /* @__PURE__ */ jsx21(KeepTagFilter, { query, value: view.activeTags[0], onValueChange: view.setTag }) : null,
+    view.enabled.collectionFilter ? /* @__PURE__ */ jsx21(
+      KeepCollectionFilter,
+      {
+        value: view.activeCollection,
+        onValueChange: view.setCollection,
+        collectionLabels
+      }
+    ) : null,
+    archiveScope !== void 0 ? /* @__PURE__ */ jsx21(
+      KeepArchiveScopeSelect,
+      {
+        value: view.archiveScope,
+        onValueChange: (next) => {
+          view.setArchiveScope(next);
+          onArchiveScopeChange?.(next);
+        }
+      }
+    ) : null
+  ] }) : null;
+  const toolbarStartLabel = useUiLabel("toolbarStart");
+  const toolbarQueryLabel = useUiLabel("toolbarQuery");
+  const toolbarFiltersLabel = useUiLabel("toolbarFilters");
+  const toolbarEndLabel = useUiLabel("toolbarEnd");
+  const toolbarStartContent = slots?.toolbarStart === void 0 ? null : resolveContent(slots.toolbarStart, view.list);
+  const toolbarEndContent = slots?.toolbarEnd === void 0 ? null : resolveContent(slots.toolbarEnd, view.list);
+  const hasToolbarContent = hasQueryControls || hasFilterControls || hasRenderableContent(toolbarStartContent) || hasRenderableContent(toolbarEndContent);
+  const renderToolbarGroup = (group, content, label) => {
+    if (!hasRenderableContent(content)) return null;
+    const labelId = `${toolbarId}-${group}`;
+    return /* @__PURE__ */ jsxs18("fieldset", { "data-keepkit": "collection-toolbar-group", "data-group": group, "aria-labelledby": labelId, children: [
+      /* @__PURE__ */ jsx21("legend", { id: labelId, "data-keepkit": "collection-toolbar-label", children: label }),
+      /* @__PURE__ */ jsx21("div", { "data-keepkit": "collection-toolbar-content", children: content })
+    ] });
+  };
+  const toolbar = !structuredToolbar ? /* @__PURE__ */ jsxs18("div", { children: [
+    queryControls,
+    filterControls
+  ] }) : !hasToolbarContent ? null : /* @__PURE__ */ jsxs18("div", { "data-keepkit": "collection-toolbar", "data-variant": toolbarVariant, "data-layout": toolbarLayout, children: [
+    renderToolbarGroup("toolbarStart", toolbarStartContent, toolbarStartLabel),
+    renderToolbarGroup("query", queryControls, toolbarQueryLabel),
+    renderToolbarGroup("filters", filterControls, toolbarFiltersLabel),
+    renderToolbarGroup("toolbarEnd", toolbarEndContent, toolbarEndLabel)
+  ] });
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       ...rootProps,
       className,
       "data-keepkit": "collection",
       "data-layout": layout,
+      "data-toolbar-variant": toolbarVariant !== "plain" ? toolbarVariant : void 0,
+      "data-toolbar-layout": toolbarLayout !== "flat" ? toolbarLayout : void 0,
       "aria-busy": view.list.isLoading || view.list.isMutating || rootProps["aria-busy"],
       "data-state": getCollectionState(view.list),
       "data-loading": view.list.isLoading || view.list.isMutating ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs17("div", { children: [
-          view.enabled.search ? /* @__PURE__ */ jsx19(KeepSearchInput, { value: view.searchValue, onValueChange: view.setSearchValue }) : null,
-          view.enabled.sort ? /* @__PURE__ */ jsx19(KeepSortSelect, { value: view.sortValue, onValueChange: view.setSortValue }) : null,
-          view.enabled.tagFilter ? /* @__PURE__ */ jsx19(KeepTagFilter, { query, value: view.activeTags[0], onValueChange: view.setTag }) : null,
-          view.enabled.collectionFilter ? /* @__PURE__ */ jsx19(
-            KeepCollectionFilter,
-            {
-              value: view.activeCollection,
-              onValueChange: view.setCollection,
-              collectionLabels
-            }
-          ) : null
-        ] }),
-        activeFilters === void 0 ? /* @__PURE__ */ jsx19(
+        toolbar,
+        activeFilters === void 0 ? /* @__PURE__ */ jsx21(
           KeepActiveFiltersSummary,
           {
             search: view.searchValue,
@@ -4541,7 +4985,7 @@ function KeepCollectionContent({
             onClear: view.clearFilters
           }
         ) : resolveContent(activeFilters, view.list),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx21(
           KeepList,
           {
             query: view.resolvedQuery,
@@ -4552,11 +4996,13 @@ function KeepCollectionContent({
             renderLoading,
             loadingCount,
             onClearFilters: view.clearFilters,
+            reorderable,
+            onReorder: reorderable ? handleReorder : void 0,
             empty: view.list.totalCount === 0 && view.allState.totalCount > 0 ? void 0 : empty,
             error
           }
         ),
-        view.enabled.pagination ? /* @__PURE__ */ jsx19(
+        view.enabled.pagination ? /* @__PURE__ */ jsx21(
           KeepPagination,
           {
             totalCount: view.list.totalCount,
@@ -4565,7 +5011,8 @@ function KeepCollectionContent({
             onPageChange: view.setPage
           }
         ) : null,
-        view.enabled.bulkActions ? /* @__PURE__ */ jsx19(KeepBulkActions, { query: view.resolvedQuery }) : null
+        view.enabled.bulkActions ? /* @__PURE__ */ jsx21(KeepBulkActions, { query: view.resolvedQuery }) : null,
+        reorderable && reorderUndoIds ? /* @__PURE__ */ jsx21("div", { "data-keepkit": "reorder-feedback", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx21("button", { type: "button", "data-keep-action": "undo-reorder", onClick: () => void undoReorder(), children: reorderUndoLabel }) }) : null
       ]
     }
   );
@@ -4576,14 +5023,17 @@ function getCollectionState(list) {
   if (list.isHydrated && list.items.length === 0) return "empty";
   return "ready";
 }
+function hasRenderableContent(content) {
+  return content !== null && content !== void 0 && content !== false && content !== true && content !== "";
+}
 
 // src/features/collection/KeepLayout.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function KeepLayout({ layout = "list", children, onKeyDown, onFocusCapture, ...props }) {
   const roving = useRovingTabIndex();
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: The group manages keyboard focus for descendant cards.
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         ...props,
@@ -4606,113 +5056,11 @@ function KeepLayout({ layout = "list", children, onKeyDown, onFocusCapture, ...p
   );
 }
 
-// src/features/collection/KeepReorderableList.tsx
-import { useState as useState12 } from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function KeepReorderableList({
-  items,
-  onReorder,
-  renderItem,
-  itemLabel = (_item, index) => `Move item ${index + 1}`,
-  ...props
-}) {
-  const [draggedId, setDraggedId] = useState12(null);
-  const [dropTargetIndex, setDropTargetIndex] = useState12(null);
-  const ids = items.map((item) => item.id);
-  function commit(nextIds) {
-    void onReorder(nextIds);
-  }
-  function move(index, targetIndex) {
-    if (targetIndex < 0 || targetIndex >= ids.length || targetIndex === index) return;
-    const next = [...ids];
-    const [id] = next.splice(index, 1);
-    if (id === void 0) return;
-    next.splice(targetIndex, 0, id);
-    commit(next);
-  }
-  function moveToInsertion(index, insertionIndex) {
-    const next = [...ids];
-    const [id] = next.splice(index, 1);
-    if (id === void 0) return;
-    const targetIndex = Math.min(
-      Math.max(0, insertionIndex > index ? insertionIndex - 1 : insertionIndex),
-      next.length
-    );
-    next.splice(targetIndex, 0, id);
-    if (next[index] === id) return;
-    commit(next);
-  }
-  return /* @__PURE__ */ jsx21("ul", { ...props, "data-keepkit": "reorderable-list", children: items.map((item, index) => {
-    const moveUp = () => move(index, index - 1);
-    const moveDown = () => move(index, index + 1);
-    const onHandleKeyDown = (event) => {
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        moveUp();
-      } else if (event.key === "ArrowDown") {
-        event.preventDefault();
-        moveDown();
-      }
-    };
-    const state = {
-      index,
-      isDragging: draggedId === item.id,
-      moveUp,
-      moveDown,
-      dragHandleProps: {
-        role: "button",
-        tabIndex: 0,
-        draggable: true,
-        "data-drag-handle": "true",
-        "aria-label": itemLabel(item, index),
-        "aria-grabbed": draggedId === item.id,
-        onDragStart: () => {
-          setDraggedId(item.id);
-          setDropTargetIndex(index);
-        },
-        onDragEnd: () => {
-          setDraggedId(null);
-          setDropTargetIndex(null);
-        },
-        onKeyDown: onHandleKeyDown
-      }
-    };
-    return /* @__PURE__ */ jsx21(
-      "li",
-      {
-        "data-reorder-index": index,
-        "data-dragging": draggedId === item.id ? "true" : void 0,
-        "data-drop-target": draggedId && draggedId !== item.id ? dropTargetIndex === index ? "before" : dropTargetIndex === index + 1 ? "after" : void 0 : void 0,
-        onDragOver: (event) => {
-          if (!draggedId || draggedId === item.id) return;
-          event.preventDefault();
-          const bounds = event.currentTarget.getBoundingClientRect();
-          const insertionIndex = event.clientY > bounds.top + bounds.height / 2 ? index + 1 : index;
-          setDropTargetIndex(insertionIndex);
-        },
-        onDragLeave: (event) => {
-          if (event.currentTarget === event.target) setDropTargetIndex(null);
-        },
-        onDrop: (event) => {
-          event.preventDefault();
-          if (!draggedId || draggedId === item.id) return;
-          const sourceIndex = ids.indexOf(draggedId);
-          setDraggedId(null);
-          setDropTargetIndex(null);
-          moveToInsertion(sourceIndex, dropTargetIndex ?? index);
-        },
-        children: renderItem(item, state)
-      },
-      item.id
-    );
-  }) });
-}
-
 // src/features/editor/KeepNoteEditor.tsx
 import { isValidElement as isValidElement7 } from "react";
 
 // src/features/navigation/KeepShortcutHint.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
   const keys = typeof shortcut === "string" ? shortcut.split("+") : [...shortcut];
   const occurrences = /* @__PURE__ */ new Map();
@@ -4721,23 +5069,23 @@ function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
     occurrences.set(key, occurrence + 1);
     return { id: `${key}-${occurrence}`, value: key };
   });
-  return /* @__PURE__ */ jsx22("span", { ...props, "data-keepkit": "shortcut-hint", "aria-hidden": props["aria-hidden"] ?? true, children: keyedKeys.map((key, index) => /* @__PURE__ */ jsxs18("span", { children: [
-    index > 0 ? /* @__PURE__ */ jsx22("span", { "data-shortcut-separator": "true", children: separator }) : null,
-    /* @__PURE__ */ jsx22("kbd", { children: key.value.trim() })
+  return /* @__PURE__ */ jsx23("span", { ...props, "data-keepkit": "shortcut-hint", "aria-hidden": props["aria-hidden"] ?? true, children: keyedKeys.map((key, index) => /* @__PURE__ */ jsxs19("span", { children: [
+    index > 0 ? /* @__PURE__ */ jsx23("span", { "data-shortcut-separator": "true", children: separator }) : null,
+    /* @__PURE__ */ jsx23("kbd", { children: key.value.trim() })
   ] }, key.id)) });
 }
 
 // src/features/editor/hooks/useKeepNoteEditor.ts
 import { useKeepItem as useKeepItem6 } from "@keepkit/core/react";
-import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef8, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef9, useState as useState15 } from "react";
 function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
   const itemState = useKeepItem6(item);
   const { error, isMutating, item: savedItem, updateNote } = itemState;
-  const [note, setNote] = useState13(item.note ?? "");
+  const [note, setNote] = useState15(item.note ?? "");
   const baselineNote = savedItem?.note ?? item.note ?? "";
   const isDirty = note !== baselineNote;
-  const lastSavedNoteRef = useRef8(void 0);
-  useEffect9(() => setNote(baselineNote), [baselineNote]);
+  const lastSavedNoteRef = useRef9(void 0);
+  useEffect11(() => setNote(baselineNote), [baselineNote]);
   const save = useCallback6(async () => {
     const nextNote = note.trim() || void 0;
     try {
@@ -4749,7 +5097,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
       throw cause;
     }
   }, [note, onSaveError, onSaved, updateNote]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (!isDirty || debounceMs <= 0 || lastSavedNoteRef.current === note) return;
     const timer = window.setTimeout(() => void save().catch(() => void 0), debounceMs);
     return () => window.clearTimeout(timer);
@@ -4784,7 +5132,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepNoteEditor.tsx
-import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function KeepNoteEditor({
   item,
   label,
@@ -4803,10 +5151,10 @@ function KeepNoteEditor({
   const view = useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError });
   const { error, isDirty, isSaving, note, setNote } = view.state;
   const contentChildren = asChild && isValidElement7(children) ? void 0 : children;
-  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs19(Fragment11, { children: [
-    /* @__PURE__ */ jsxs19("label", { children: [
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs20(Fragment12, { children: [
+    /* @__PURE__ */ jsxs20("label", { children: [
       label ?? view.labels.note,
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx24(
         "textarea",
         {
           "data-keep-action": "edit-note",
@@ -4818,13 +5166,13 @@ function KeepNoteEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs19("button", { type: "submit", "data-keep-action": "save-note", disabled: isSaving, "aria-busy": isSaving, children: [
+    /* @__PURE__ */ jsxs20("button", { type: "submit", "data-keep-action": "save-note", disabled: isSaving, "aria-busy": isSaving, children: [
       saveLabel ?? view.labels.save,
-      showShortcutHint ? /* @__PURE__ */ jsx23(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
+      showShortcutHint ? /* @__PURE__ */ jsx24(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
     ] })
   ] });
   if (!asChild) {
-    return /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsxs20(
       "form",
       {
         ...formProps,
@@ -4837,7 +5185,7 @@ function KeepNoteEditor({
         "data-disabled": isSaving ? "true" : void 0,
         children: [
           body,
-          error ? /* @__PURE__ */ jsx23("p", { role: "alert", children: getErrorMessage4(error, view.labels.error) }) : null
+          error ? /* @__PURE__ */ jsx24("p", { role: "alert", children: getErrorMessage4(error, view.labels.error) }) : null
         ]
       }
     );
@@ -4865,12 +5213,12 @@ function getErrorMessage4(error, fallback) {
 
 // src/features/editor/hooks/useKeepTagEditor.ts
 import { useKeepItem as useKeepItem7 } from "@keepkit/core/react";
-import { useCallback as useCallback7, useEffect as useEffect10, useState as useState14 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useState as useState16 } from "react";
 function useKeepTagEditor({ item, onSaved, onSaveError }) {
   const itemState = useKeepItem7(item);
-  const [tags, setTags] = useState14(item.tags ?? []);
-  const [input, setInput] = useState14("");
-  useEffect10(() => setTags(itemState.item?.tags ?? item.tags ?? []), [item.tags, itemState.item?.tags]);
+  const [tags, setTags] = useState16(item.tags ?? []);
+  const [input, setInput] = useState16("");
+  useEffect12(() => setTags(itemState.item?.tags ?? item.tags ?? []), [item.tags, itemState.item?.tags]);
   const save = useCallback7(async () => {
     const nextTags = normalizeUiTags(tags);
     try {
@@ -4917,7 +5265,7 @@ function useKeepTagEditor({ item, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepTagEditor.tsx
-import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function KeepTagEditor({
   item,
   availableTags = [],
@@ -4928,10 +5276,10 @@ function KeepTagEditor({
 }) {
   const view = useKeepTagEditor({ item, onSaved, onSaveError });
   const { isSaving, tags } = view.state;
-  const body = render ? render(view.state) : /* @__PURE__ */ jsxs20(Fragment12, { children: [
-    /* @__PURE__ */ jsxs20("label", { children: [
+  const body = render ? render(view.state) : /* @__PURE__ */ jsxs21(Fragment13, { children: [
+    /* @__PURE__ */ jsxs21("label", { children: [
       view.labels.tags,
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         "input",
         {
           "data-keep-action": "edit-tags",
@@ -4942,14 +5290,14 @@ function KeepTagEditor({
         }
       )
     ] }),
-    availableTags.length > 0 ? /* @__PURE__ */ jsx24("datalist", { id: `keep-tags-${item.id}`, children: availableTags.map((tag) => /* @__PURE__ */ jsx24("option", { value: tag }, tag)) }) : null,
-    /* @__PURE__ */ jsx24("ul", { "aria-label": view.labels.tags, children: tags.map((tag) => /* @__PURE__ */ jsxs20("li", { children: [
+    availableTags.length > 0 ? /* @__PURE__ */ jsx25("datalist", { id: `keep-tags-${item.id}`, children: availableTags.map((tag) => /* @__PURE__ */ jsx25("option", { value: tag }, tag)) }) : null,
+    /* @__PURE__ */ jsx25("ul", { "aria-label": view.labels.tags, children: tags.map((tag) => /* @__PURE__ */ jsxs21("li", { children: [
       tag,
-      /* @__PURE__ */ jsx24("button", { type: "button", "data-keep-action": "remove-tag", onClick: () => view.removeTag(tag), children: view.labels.remove })
+      /* @__PURE__ */ jsx25("button", { type: "button", "data-keep-action": "remove-tag", onClick: () => view.removeTag(tag), children: view.labels.remove })
     ] }, tag)) }),
-    /* @__PURE__ */ jsx24("button", { type: "submit", "data-keep-action": "apply-tags", disabled: isSaving, "aria-busy": isSaving, children: view.labels.apply })
+    /* @__PURE__ */ jsx25("button", { type: "submit", "data-keep-action": "apply-tags", disabled: isSaving, "aria-busy": isSaving, children: view.labels.apply })
   ] });
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "form",
     {
       ...props,
@@ -4961,7 +5309,7 @@ function KeepTagEditor({
       "data-disabled": isSaving ? "true" : void 0,
       children: [
         body,
-        view.error ? /* @__PURE__ */ jsx24("p", { role: "alert", children: getErrorMessage5(view.error, view.labels.error) }) : null
+        view.error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: getErrorMessage5(view.error, view.labels.error) }) : null
       ]
     }
   );
@@ -4992,10 +5340,10 @@ function useKeepToastFeedback(showToast) {
 
 // src/features/navigation/KeepTourBar.tsx
 import { useKeepNavigator } from "@keepkit/core/react";
-import { useId as useId2 } from "react";
+import { useId as useId4 } from "react";
 
 // src/features/navigation/hooks/useKeepTourShortcuts.ts
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect13 } from "react";
 function useKeepTourShortcuts({
   onNext,
   onPrev,
@@ -5006,7 +5354,7 @@ function useKeepTourShortcuts({
   prevKeys = ["k", "["],
   onError
 }) {
-  useEffect11(() => {
+  useEffect13(() => {
     if (!enabled) return;
     const handleKeyDown = (event) => {
       if (!allowInEditable && isEditableTarget(event.target)) return;
@@ -5027,7 +5375,7 @@ function isEditableTarget(target) {
 }
 
 // src/features/navigation/KeepTourBar.tsx
-import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function KeepTourBar({
   navigation: providedNavigation,
   currentId,
@@ -5036,6 +5384,9 @@ function KeepTourBar({
   prevHref,
   nextHref,
   backHref,
+  getItemHref,
+  getBackHref,
+  onNavigate,
   onPrev,
   onNext,
   onBack,
@@ -5057,8 +5408,33 @@ function KeepTourBar({
   const nextItemLabel = useUiLabel("nextPage", nextLabel);
   const listLabel = useUiLabel("allItems", backLabel);
   const { labels } = useKeepUiLabels();
-  const resolvedPrev = onPrev ?? (() => navigateTo(navigation.goToPrev(), prevHref));
-  const resolvedNext = onNext ?? (() => navigateTo(navigation.goToNext(), nextHref));
+  const resolvedPrevHref = prevHref ?? (navigation.prevItem ? getItemHref?.(navigation.prevItem) : void 0);
+  const resolvedNextHref = nextHref ?? (navigation.nextItem ? getItemHref?.(navigation.nextItem) : void 0);
+  const resolvedBackHref = backHref ?? getBackHref?.();
+  const navigateByKeyboard = (direction) => {
+    const item = direction === "prev" ? navigation.goToPrev() : navigation.goToNext();
+    if (!item) return;
+    onNavigate?.(direction, item);
+    const handler = direction === "prev" ? onPrev : onNext;
+    if (handler) return handler();
+    navigateTo(item, direction === "prev" ? resolvedPrevHref : resolvedNextHref);
+  };
+  const resolvedPrev = () => navigateByKeyboard("prev");
+  const resolvedNext = () => navigateByKeyboard("next");
+  const notifyPrevNavigation = () => {
+    const item = navigation.prevItem;
+    if (!item) return;
+    navigation.goToPrev();
+    onNavigate?.("prev", item);
+    void onPrev?.();
+  };
+  const notifyNextNavigation = () => {
+    const item = navigation.nextItem;
+    if (!item) return;
+    navigation.goToNext();
+    onNavigate?.("next", item);
+    void onNext?.();
+  };
   useKeepTourShortcuts({
     ...shortcutOptions,
     enabled: keyboardShortcuts && (shortcutOptions?.enabled ?? true),
@@ -5069,17 +5445,17 @@ function KeepTourBar({
       return resolvedPrev();
     }
   });
-  const body = /* @__PURE__ */ jsxs21(Fragment13, { children: [
-    showProgress ? /* @__PURE__ */ jsx25("span", { "data-keepkit": "tour-progress", "aria-live": "polite", children: progress ?? `${navigation.currentPosition ?? 0} / ${navigation.items.length}` }) : null,
-    /* @__PURE__ */ jsx25(
+  const body = /* @__PURE__ */ jsxs22(Fragment14, { children: [
+    showProgress ? /* @__PURE__ */ jsx26("span", { "data-keepkit": "tour-progress", "aria-live": "polite", children: progress ?? `${navigation.currentPosition ?? 0} / ${navigation.items.length}` }) : null,
+    /* @__PURE__ */ jsx26(
       TourAction,
       {
-        href: prevHref,
+        href: resolvedPrevHref,
         disabled: !navigation.hasPrev,
-        onClick: prevHref ? onPrev : resolvedPrev,
+        onClick: resolvedPrevHref ? notifyPrevNavigation : resolvedPrev,
         "data-keep-action": "tour-prev",
         shortcut: showShortcutHint ? shortcutOptions?.prevKeys?.[0] ?? "K" : void 0,
-        preview: navigation.prevItem ? /* @__PURE__ */ jsxs21(Fragment13, { children: [
+        preview: navigation.prevItem ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
           previousLabel,
           ": ",
           getItemTitle(navigation.prevItem)
@@ -5087,15 +5463,15 @@ function KeepTourBar({
         children: previousLabel
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       TourAction,
       {
-        href: nextHref,
+        href: resolvedNextHref,
         disabled: !navigation.hasNext,
-        onClick: nextHref ? onNext : resolvedNext,
+        onClick: resolvedNextHref ? notifyNextNavigation : resolvedNext,
         "data-keep-action": "tour-next",
         shortcut: showShortcutHint ? shortcutOptions?.nextKeys?.[0] ?? "J" : void 0,
-        preview: navigation.nextItem ? /* @__PURE__ */ jsxs21(Fragment13, { children: [
+        preview: navigation.nextItem ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
           nextItemLabel,
           ": ",
           getItemTitle(navigation.nextItem)
@@ -5103,7 +5479,7 @@ function KeepTourBar({
         children: nextItemLabel
       }
     ),
-    backHref || onBack ? /* @__PURE__ */ jsx25(TourAction, { href: backHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
+    resolvedBackHref || onBack ? /* @__PURE__ */ jsx26(TourAction, { href: resolvedBackHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
   ] });
   return renderRoot(
     asChild,
@@ -5114,14 +5490,14 @@ function KeepTourBar({
   );
 }
 function TourAction({ href, disabled = false, onClick, children, preview, shortcut, ...props }) {
-  const previewId = useId2();
-  const content = /* @__PURE__ */ jsxs21(Fragment13, { children: [
-    /* @__PURE__ */ jsx25("span", { "data-tour-label": "true", children }),
-    shortcut ? /* @__PURE__ */ jsx25(KeepShortcutHint, { shortcut }) : null,
-    preview ? /* @__PURE__ */ jsx25("small", { id: previewId, "data-tour-preview": "true", children: preview }) : null
+  const previewId = useId4();
+  const content = /* @__PURE__ */ jsxs22(Fragment14, { children: [
+    /* @__PURE__ */ jsx26("span", { "data-tour-label": "true", children }),
+    shortcut ? /* @__PURE__ */ jsx26(KeepShortcutHint, { shortcut }) : null,
+    preview ? /* @__PURE__ */ jsx26("small", { id: previewId, "data-tour-preview": "true", children: preview }) : null
   ] });
   if (href && !disabled) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       "a",
       {
         ...props,
@@ -5133,7 +5509,7 @@ function TourAction({ href, disabled = false, onClick, children, preview, shortc
       }
     );
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "button",
     {
       ...props,
@@ -5156,10 +5532,10 @@ function navigateTo(item, href) {
 import { isValidElement as isValidElement8 } from "react";
 
 // src/features/status/hooks/useStatusViews.ts
-import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
-import { useEffect as useEffect12, useRef as useRef9, useState as useState15 } from "react";
+import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState17 } from "react";
 function useKeepStatus(status) {
-  const context = useKeepContext6();
+  const context = useKeepContext5();
   const resolvedStatus = status ?? getDerivedStatus(context);
   const state = {
     status: resolvedStatus,
@@ -5170,13 +5546,13 @@ function useKeepStatus(status) {
   return { state, defaultLabel: useUiLabel(getStatusLabelKey3(resolvedStatus)) };
 }
 function useKeepAnnouncements(messages) {
-  const context = useKeepContext6();
+  const context = useKeepContext5();
   const savedMessage = useUiLabel("savedMessage", messages?.save);
   const removedMessage = useUiLabel("removedMessage", messages?.remove);
   const noteSavedMessage = useUiLabel("noteSavedMessage", messages?.note);
-  const [message, setMessage] = useState15("");
-  const lastChangeRef = useRef9(void 0);
-  useEffect12(() => {
+  const [message, setMessage] = useState17("");
+  const lastChangeRef = useRef10(void 0);
+  useEffect14(() => {
     const change = context.lastChange;
     if (!change || change === lastChangeRef.current) return;
     lastChangeRef.current = change;
@@ -5204,7 +5580,7 @@ function getStatusLabelKey3(status) {
 }
 
 // src/features/status/status.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function KeepStatus({
   status,
   labels,
@@ -5236,7 +5612,7 @@ function KeepStatus({
 }
 function KeepAnnouncements({ messages, ...props }) {
   const message = useKeepAnnouncements(messages);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       ...props,
@@ -5252,15 +5628,15 @@ function KeepAnnouncements({ messages, ...props }) {
 var KeepAnnouncer = KeepAnnouncements;
 
 // src/features/sync/hooks/useKeepSyncFeedback.ts
-import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
-import { useEffect as useEffect13, useRef as useRef10 } from "react";
+import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
+import { useEffect as useEffect15, useRef as useRef11 } from "react";
 function useKeepSyncFeedback() {
-  const { syncState } = useKeepContext7();
+  const { syncState } = useKeepContext6();
   const emitFeedback = useKeepUiFeedback();
   const completedMessage = useUiLabel("syncSynced");
   const failedMessage = useUiLabel("syncFailedMessage");
-  const previousStatus = useRef10("idle");
-  useEffect13(() => {
+  const previousStatus = useRef11("idle");
+  useEffect15(() => {
     const previous = previousStatus.current;
     previousStatus.current = syncState.status;
     if (syncState.status === "error" && previous !== "error") {
@@ -5280,17 +5656,17 @@ function KeepSyncFeedbackObserver() {
 }
 
 // src/features/sync/hooks/useKeepSyncRecoveryDialog.ts
-import { useKeepContext as useKeepContext8 } from "@keepkit/core/react";
-import { useEffect as useEffect14, useState as useState16 } from "react";
+import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 function useKeepSyncRecoveryDialog(options) {
   const { open, onOpenChange, conflicts, onManualMerge } = options;
-  const context = useKeepContext8();
+  const context = useKeepContext7();
   const conflictList = conflicts ?? context.syncState.conflicts ?? [];
   const hasRecovery = conflictList.length > 0 || context.syncState.status === "error" || Boolean(context.error);
-  const [dismissed, setDismissed] = useState16(false);
-  const [busyId, setBusyId] = useState16();
-  const [error, setError] = useState16();
-  useEffect14(() => {
+  const [dismissed, setDismissed] = useState18(false);
+  const [busyId, setBusyId] = useState18();
+  const [error, setError] = useState18();
+  useEffect16(() => {
     if (hasRecovery) setDismissed(false);
   }, [hasRecovery]);
   return {
@@ -5335,7 +5711,7 @@ function useKeepSyncRecoveryDialog(options) {
 }
 
 // src/features/sync/KeepSyncRecoveryDialog.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function KeepSyncRecoveryDialog({
   open,
   onOpenChange,
@@ -5350,7 +5726,7 @@ function KeepSyncRecoveryDialog({
 }) {
   const view = useKeepSyncRecoveryDialog({ open, onOpenChange, conflicts, onManualMerge });
   if (!view.isOpen) return null;
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "section",
     {
       ...props,
@@ -5364,17 +5740,17 @@ function KeepSyncRecoveryDialog({
       "data-state": view.conflictList.length > 0 ? "conflict" : "error",
       "data-loading": view.busyId !== void 0 ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs22("header", { children: [
-          /* @__PURE__ */ jsx27("h2", { id: "keepkit-sync-recovery-title", children: title ?? view.labels.title }),
-          /* @__PURE__ */ jsx27("button", { type: "button", "data-keep-action": "close-dialog", onClick: view.close, "aria-label": view.labels.close, children: view.labels.close })
+        /* @__PURE__ */ jsxs23("header", { children: [
+          /* @__PURE__ */ jsx28("h2", { id: "keepkit-sync-recovery-title", children: title ?? view.labels.title }),
+          /* @__PURE__ */ jsx28("button", { type: "button", "data-keep-action": "close-dialog", onClick: view.close, "aria-label": view.labels.close, children: view.labels.close })
         ] }),
         children,
-        view.conflictList.length > 0 ? /* @__PURE__ */ jsxs22("div", { children: [
-          /* @__PURE__ */ jsx27("p", { children: view.labels.conflict }),
-          view.conflictList.map((conflict) => /* @__PURE__ */ jsxs22("article", { "data-conflict-id": conflict.id, children: [
-            /* @__PURE__ */ jsx27("h3", { children: getMetaTitle(conflict.operation.item?.meta) ?? conflict.id }),
-            /* @__PURE__ */ jsxs22("div", { "data-conflict-preview": true, children: [
-              /* @__PURE__ */ jsx27(
+        view.conflictList.length > 0 ? /* @__PURE__ */ jsxs23("div", { children: [
+          /* @__PURE__ */ jsx28("p", { children: view.labels.conflict }),
+          view.conflictList.map((conflict) => /* @__PURE__ */ jsxs23("article", { "data-conflict-id": conflict.id, children: [
+            /* @__PURE__ */ jsx28("h3", { children: getMetaTitle(conflict.operation.item?.meta) ?? conflict.id }),
+            /* @__PURE__ */ jsxs23("div", { "data-conflict-preview": true, children: [
+              /* @__PURE__ */ jsx28(
                 ConflictPreview,
                 {
                   item: conflict.operation.item,
@@ -5384,7 +5760,7 @@ function KeepSyncRecoveryDialog({
                   side: "local"
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 ConflictPreview,
                 {
                   item: conflict.remote,
@@ -5395,8 +5771,8 @@ function KeepSyncRecoveryDialog({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsxs23("div", { children: [
+              /* @__PURE__ */ jsx28(
                 "button",
                 {
                   type: "button",
@@ -5406,7 +5782,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.keepLocal
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 "button",
                 {
                   type: "button",
@@ -5416,7 +5792,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.useServer
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx28(
                 "button",
                 {
                   type: "button",
@@ -5429,12 +5805,12 @@ function KeepSyncRecoveryDialog({
             ] })
           ] }, conflict.id))
         ] }) : null,
-        view.showBackupRecovery ? /* @__PURE__ */ jsxs22("section", { "data-recovery": "backup", children: [
-          /* @__PURE__ */ jsx27("h3", { children: view.labels.backupRecovery }),
-          /* @__PURE__ */ jsx27("p", { children: view.labels.backupRecoveryDescription }),
-          backup ?? (showBackupControls ? /* @__PURE__ */ jsx27(KeepBackup, {}) : null)
+        view.showBackupRecovery ? /* @__PURE__ */ jsxs23("section", { "data-recovery": "backup", children: [
+          /* @__PURE__ */ jsx28("h3", { children: view.labels.backupRecovery }),
+          /* @__PURE__ */ jsx28("p", { children: view.labels.backupRecoveryDescription }),
+          backup ?? (showBackupControls ? /* @__PURE__ */ jsx28(KeepBackup, {}) : null)
         ] }) : null,
-        view.error ? /* @__PURE__ */ jsx27("p", { id: "keepkit-sync-recovery-error", role: "alert", "aria-live": "assertive", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
+        view.error ? /* @__PURE__ */ jsx28("p", { id: "keepkit-sync-recovery-error", role: "alert", "aria-live": "assertive", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
       ]
     }
   );
@@ -5446,16 +5822,16 @@ function ConflictPreview({
   noteLabel,
   side
 }) {
-  return /* @__PURE__ */ jsxs22("article", { "data-conflict-version": side, "aria-label": heading, children: [
-    /* @__PURE__ */ jsx27("h4", { children: heading }),
-    /* @__PURE__ */ jsxs22("dl", { children: [
-      /* @__PURE__ */ jsxs22("div", { children: [
-        /* @__PURE__ */ jsx27("dt", { children: updatedAtLabel }),
-        /* @__PURE__ */ jsx27("dd", { children: item ? /* @__PURE__ */ jsx27("time", { dateTime: new Date(item.updatedAt).toISOString(), children: formatConflictDate(item.updatedAt) }) : "\u2014" })
+  return /* @__PURE__ */ jsxs23("article", { "data-conflict-version": side, "aria-label": heading, children: [
+    /* @__PURE__ */ jsx28("h4", { children: heading }),
+    /* @__PURE__ */ jsxs23("dl", { children: [
+      /* @__PURE__ */ jsxs23("div", { children: [
+        /* @__PURE__ */ jsx28("dt", { children: updatedAtLabel }),
+        /* @__PURE__ */ jsx28("dd", { children: item ? /* @__PURE__ */ jsx28("time", { dateTime: new Date(item.updatedAt).toISOString(), children: formatConflictDate(item.updatedAt) }) : "\u2014" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { children: [
-        /* @__PURE__ */ jsx27("dt", { children: noteLabel }),
-        /* @__PURE__ */ jsx27("dd", { children: item?.note || "\u2014" })
+      /* @__PURE__ */ jsxs23("div", { children: [
+        /* @__PURE__ */ jsx28("dt", { children: noteLabel }),
+        /* @__PURE__ */ jsx28("dd", { children: item?.note || "\u2014" })
       ] })
     ] })
   ] });
@@ -5465,9 +5841,9 @@ function formatConflictDate(timestamp) {
 }
 
 // src/features/sync/hooks/useKeepSyncStatusBanner.ts
-import { useKeepContext as useKeepContext9 } from "@keepkit/core/react";
+import { useKeepContext as useKeepContext8 } from "@keepkit/core/react";
 function useKeepSyncStatusBanner({ onRetry, children }) {
-  const context = useKeepContext9();
+  const context = useKeepContext8();
   const retryLabel = useUiLabel("retrySync");
   const resolveLabel = useUiLabel("resolveSync");
   const conflictLabel = useUiLabel("syncConflict");
@@ -5499,7 +5875,7 @@ function getErrorMessage6(error) {
 }
 
 // src/features/sync/KeepSyncStatusBanner.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function KeepSyncStatusBanner({
   onRetry,
   onResolveConflicts,
@@ -5509,7 +5885,7 @@ function KeepSyncStatusBanner({
 }) {
   const view = useKeepSyncStatusBanner({ onRetry, children });
   if (view.status === "idle" && !view.hasConflicts) return null;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "aside",
     {
       ...props,
@@ -5519,8 +5895,8 @@ function KeepSyncStatusBanner({
       "data-keepkit": "sync-status",
       "data-state": view.status,
       children: [
-        /* @__PURE__ */ jsx28("p", { children: view.message }),
-        view.showRetry ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("p", { children: view.message }),
+        view.showRetry ? /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -5530,7 +5906,7 @@ function KeepSyncStatusBanner({
             children: view.retryLabel
           }
         ) : null,
-        view.hasConflicts ? /* @__PURE__ */ jsx28(
+        view.hasConflicts ? /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -5546,7 +5922,7 @@ function KeepSyncStatusBanner({
 }
 
 // src/features/workspace/hooks/useKeepWorkspace.ts
-import { useCallback as useCallback9, useState as useState17 } from "react";
+import { useCallback as useCallback9, useState as useState19 } from "react";
 var PRESET_MODULES = {
   basic: { syncStatus: false, undo: false, recovery: false, backup: false, stalePrune: false },
   standard: { syncStatus: false, undo: true, recovery: false, backup: false, stalePrune: false },
@@ -5566,7 +5942,7 @@ function useKeepWorkspace({
   onRecoveryOpenChange,
   onResolveConflicts
 }) {
-  const [internalRecoveryOpen, setInternalRecoveryOpen] = useState17(false);
+  const [internalRecoveryOpen, setInternalRecoveryOpen] = useState19(false);
   const resolvedModules = { ...PRESET_MODULES[preset], ...modules };
   const setRecoveryOpen = useCallback9(
     (open) => {
@@ -5590,10 +5966,12 @@ function useKeepWorkspace({
 }
 
 // src/features/workspace/KeepWorkspace.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function KeepWorkspace({
   preset = "standard",
   modules,
+  surface,
+  sectionGap,
   collectionProps,
   syncStatusProps,
   recoveryProps,
@@ -5622,38 +6000,64 @@ function KeepWorkspace({
     ...collectionProps,
     features: { ...view.collectionFeatures, ...collectionProps?.features }
   };
-  return /* @__PURE__ */ jsxs24("section", { ...props, className, "data-keepkit": "workspace", "data-preset": preset, children: [
-    resolveOptionalSlot(slots?.before, state),
-    view.modules.syncStatus ? resolveSlot(
-      slots?.syncStatus,
-      /* @__PURE__ */ jsx29(KeepSyncStatusBanner, { ...syncStatusProps, onResolveConflicts: view.openRecovery }),
-      state
-    ) : null,
-    resolveSlot(slots?.collection, /* @__PURE__ */ jsx29(KeepCollection, { ...resolvedCollectionProps }), state),
-    view.modules.backup || view.modules.stalePrune ? resolveSlot(
-      slots?.actions,
-      /* @__PURE__ */ jsxs24("div", { "data-keepkit": "workspace-actions", children: [
-        view.modules.stalePrune ? /* @__PURE__ */ jsx29(KeepPruneStaleButton, { ...stalePruneProps }) : null,
-        view.modules.backup ? /* @__PURE__ */ jsx29(KeepBackup, { ...backupProps }) : null
-      ] }),
-      state
-    ) : null,
-    view.modules.undo ? resolveSlot(slots?.undo, /* @__PURE__ */ jsx29(KeepUndo, { ...undoProps }), state) : null,
-    view.modules.recovery ? resolveSlot(
-      slots?.recovery,
-      /* @__PURE__ */ jsx29(
-        KeepSyncRecoveryDialog,
-        {
-          ...recoveryProps,
-          open: view.recoveryOpen,
-          onOpenChange: view.setRecoveryOpen
-        }
-      ),
-      state
-    ) : null,
-    resolveOptionalSlot(children, state),
-    resolveOptionalSlot(slots?.after, state)
-  ] });
+  const structuredRegions = surface !== void 0 && surface !== "plain";
+  const region = (name, content) => {
+    if (!structuredRegions) return content;
+    if (content === null || content === void 0 || content === false) return null;
+    const resolvedSurface = typeof surface === "string" ? surface : surface[name] ?? "plain";
+    return /* @__PURE__ */ jsx30("div", { "data-keepkit": "workspace-region", "data-region": name, "data-surface": resolvedSurface, children: content });
+  };
+  const before = resolveOptionalSlot(slots?.before, state);
+  const syncStatus = view.modules.syncStatus ? resolveSlot(
+    slots?.syncStatus,
+    /* @__PURE__ */ jsx30(KeepSyncStatusBanner, { ...syncStatusProps, onResolveConflicts: view.openRecovery }),
+    state
+  ) : null;
+  const collection = resolveSlot(slots?.collection, /* @__PURE__ */ jsx30(KeepCollection, { ...resolvedCollectionProps }), state);
+  const actions = view.modules.backup || view.modules.stalePrune ? resolveSlot(
+    slots?.actions,
+    /* @__PURE__ */ jsxs25("div", { "data-keepkit": "workspace-actions", children: [
+      view.modules.stalePrune ? /* @__PURE__ */ jsx30(KeepPruneStaleButton, { ...stalePruneProps }) : null,
+      view.modules.backup ? /* @__PURE__ */ jsx30(KeepBackup, { ...backupProps }) : null
+    ] }),
+    state
+  ) : null;
+  const undo = view.modules.undo ? resolveSlot(slots?.undo, /* @__PURE__ */ jsx30(KeepUndo, { ...undoProps }), state) : null;
+  const recovery = view.modules.recovery ? resolveSlot(
+    slots?.recovery,
+    /* @__PURE__ */ jsx30(
+      KeepSyncRecoveryDialog,
+      {
+        ...recoveryProps,
+        open: view.recoveryOpen,
+        onOpenChange: view.setRecoveryOpen
+      }
+    ),
+    state
+  ) : null;
+  const additionalContent = resolveOptionalSlot(children, state);
+  const after = resolveOptionalSlot(slots?.after, state);
+  return /* @__PURE__ */ jsxs25(
+    "section",
+    {
+      ...props,
+      className,
+      "data-keepkit": "workspace",
+      "data-preset": preset,
+      "data-surface": surface !== void 0 ? typeof surface === "string" ? surface : "custom" : void 0,
+      "data-section-gap": sectionGap,
+      children: [
+        region("before", before),
+        region("syncStatus", syncStatus),
+        region("collection", collection),
+        region("actions", actions),
+        region("undo", undo),
+        region("recovery", recovery),
+        region("children", additionalContent),
+        region("after", after)
+      ]
+    }
+  );
 }
 function resolveSlot(slot, fallback, state) {
   if (slot === void 0) return fallback;
@@ -5666,7 +6070,7 @@ function resolveOptionalSlot(slot, state) {
 
 // src/foundation/theme.tsx
 import { isValidElement as isValidElement9 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var keepThemeNames = [
   "default",
   "ocean",
@@ -5725,7 +6129,7 @@ function KeepThemeProvider({
       throw new Error("KeepThemeProvider with asChild requires a single React element child.");
     return createSlot(children, rootProps);
   }
-  return /* @__PURE__ */ jsx30("div", { ...rootProps, children });
+  return /* @__PURE__ */ jsx31("div", { ...rootProps, children });
 }
 
 // src/index.tsx
@@ -5733,7 +6137,8 @@ import { createAuthenticatedSyncKit } from "@keepkit/core/core";
 import {
   KeepErrorBoundary as KeepErrorBoundary3,
   KeepProvider,
-  useKeepContext as useKeepContext10,
+  useKeepCollections as useKeepCollections3,
+  useKeepContext as useKeepContext9,
   useKeepItem as useKeepItem8,
   useKeepList as useKeepList5,
   useKeepNavigator as useKeepNavigator2,
@@ -5749,7 +6154,7 @@ import {
   LocalStorageSyncQueueAdapter,
   SyncStorageAdapter
 } from "@keepkit/core/storage";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 function KeepKitProvider({
   labels,
   locale,
@@ -5769,7 +6174,7 @@ function KeepKitProvider({
   children,
   ...providerProps
 }) {
-  return /* @__PURE__ */ jsx31(KeepUiProvider, { labels, locale, labelResolver, onFeedback, children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(KeepUiProvider, { labels, locale, labelResolver, onFeedback, children: /* @__PURE__ */ jsx32(
     KeepThemeProvider,
     {
       theme,
@@ -5783,10 +6188,10 @@ function KeepKitProvider({
       className: themeClassName,
       style: themeStyle,
       asChild: themeAsChild,
-      children: /* @__PURE__ */ jsxs25(CoreKeepProvider, { ...providerProps, children: [
-        /* @__PURE__ */ jsx31(KeepSyncFeedbackObserver, {}),
+      children: /* @__PURE__ */ jsxs26(CoreKeepProvider, { ...providerProps, children: [
+        /* @__PURE__ */ jsx32(KeepSyncFeedbackObserver, {}),
         children,
-        /* @__PURE__ */ jsx31(KeepAnnouncements, {})
+        /* @__PURE__ */ jsx32(KeepAnnouncements, {})
       ] })
     }
   ) });
@@ -5813,7 +6218,7 @@ function createKeepKit(options = {}) {
   } = options;
   const coreKit = createCoreKeepKit(coreOptions);
   return {
-    Provider: (props) => /* @__PURE__ */ jsx31(
+    Provider: (props) => /* @__PURE__ */ jsx32(
       KeepKitProvider,
       {
         ...coreOptions,
@@ -5834,9 +6239,9 @@ function createKeepKit(options = {}) {
         ...props
       }
     ),
-    Button: (props) => /* @__PURE__ */ jsx31(KeepButton, { ...props }),
-    Backup: (props) => /* @__PURE__ */ jsx31(KeepBackup, { ...props }),
-    Collection: (props) => /* @__PURE__ */ jsx31(
+    Button: (props) => /* @__PURE__ */ jsx32(KeepButton, { ...props }),
+    Backup: (props) => /* @__PURE__ */ jsx32(KeepBackup, { ...props }),
+    Collection: (props) => /* @__PURE__ */ jsx32(
       KeepCollection,
       {
         ...props,
@@ -5847,7 +6252,7 @@ function createKeepKit(options = {}) {
         }
       }
     ),
-    Workspace: (props) => /* @__PURE__ */ jsx31(
+    Workspace: (props) => /* @__PURE__ */ jsx32(
       KeepWorkspace,
       {
         ...props,
@@ -5864,6 +6269,7 @@ function createKeepKit(options = {}) {
     useContext: () => coreKit.useContext(),
     useItem: (item) => coreKit.useItem(item),
     useList: (query) => coreKit.useList(query),
+    useCollections: (collectionsOptions) => coreKit.useCollections(collectionsOptions),
     useNavigator: (navigatorOptions) => coreKit.useNavigator(navigatorOptions),
     useShortcut: (shortcutOptions) => coreKit.useShortcut(shortcutOptions)
   };
@@ -5876,6 +6282,7 @@ export {
   KeepAnnouncements,
   KeepAnnouncer,
   KeepArchiveButton,
+  KeepArchiveScopeSelect,
   KeepBackup,
   KeepBulkActions,
   KeepButton,
@@ -5932,7 +6339,8 @@ export {
   keepThemeNames,
   mergeProps,
   toggleSelectAll,
-  useKeepContext10 as useKeepContext,
+  useKeepCollections3 as useKeepCollections,
+  useKeepContext9 as useKeepContext,
   useKeepItem8 as useKeepItem,
   useKeepList5 as useKeepList,
   useKeepNavigator2 as useKeepNavigator,