@keepkit/ui 0.19.0 → 0.21.0

package/dist/index.js

@@ -88,15 +88,25 @@ function getBrowserAdapter() {
   };
 }
 
-// src/features/actions/hooks/useKeepBackup.ts
-import { useKeepContext } from "@keepkit/core/react";
-import { useRef as useRef2, useState } from "react";
+// src/features/actions/KeepArchiveButton.tsx
+import { useKeepItem } from "@keepkit/core/react";
 
 // src/foundation/ui-context.tsx
 import { createContext, useCallback, useContext, useMemo } from "react";
 
 // src/locales/de.ts
 var DE_LABELS = {
+  archive: "Archivieren",
+  unarchive: "Archivierung aufheben",
+  archived: "Archiviert",
+  pin: "Anheften",
+  unpin: "Anheften l\xF6sen",
+  pinned: "Angeheftet",
+  collection: "Sammlung",
+  allCollections: "Alle Sammlungen",
+  filterCollections: "Nach Sammlung filtern",
+  uncategorized: "Nicht kategorisiert",
+  saveWithNote: "Mit Notiz speichern",
   save: "Speichern",
   saved: "Gespeichert",
   remove: "Entfernen",
@@ -183,6 +193,17 @@ var DE_LABELS = {
 
 // src/locales/en.ts
 var EN_LABELS = {
+  archive: "Archive",
+  unarchive: "Unarchive",
+  archived: "Archived",
+  pin: "Pin",
+  unpin: "Unpin",
+  pinned: "Pinned",
+  collection: "Collection",
+  allCollections: "All collections",
+  filterCollections: "Filter collections",
+  uncategorized: "Uncategorized",
+  saveWithNote: "Save with note",
   save: "Save",
   saved: "Saved",
   remove: "Remove",
@@ -269,6 +290,17 @@ var EN_LABELS = {
 
 // src/locales/es.ts
 var ES_LABELS = {
+  archive: "Archivar",
+  unarchive: "Desarchivar",
+  archived: "Archivado",
+  pin: "Fijar",
+  unpin: "Desfijar",
+  pinned: "Fijado",
+  collection: "Colecci\xF3n",
+  allCollections: "Todas las colecciones",
+  filterCollections: "Filtrar por colecci\xF3n",
+  uncategorized: "Sin categor\xEDa",
+  saveWithNote: "Guardar con nota",
   save: "Guardar",
   saved: "Guardado",
   remove: "Eliminar",
@@ -355,6 +387,17 @@ var ES_LABELS = {
 
 // src/locales/fil.ts
 var FIL_LABELS = {
+  archive: "I-archive",
+  unarchive: "Alisin sa archive",
+  archived: "Naka-archive",
+  pin: "I-pin",
+  unpin: "Alisin ang pin",
+  pinned: "Naka-pin",
+  collection: "Koleksyon",
+  allCollections: "Lahat ng koleksyon",
+  filterCollections: "I-filter ayon sa koleksyon",
+  uncategorized: "Walang kategorya",
+  saveWithNote: "I-save na may tala",
   save: "I-save",
   saved: "Nai-save",
   remove: "Alisin",
@@ -441,6 +484,17 @@ var FIL_LABELS = {
 
 // src/locales/fr.ts
 var FR_LABELS = {
+  archive: "Archiver",
+  unarchive: "D\xE9sarchiver",
+  archived: "Archiv\xE9",
+  pin: "\xC9pingler",
+  unpin: "D\xE9s\xE9pingler",
+  pinned: "\xC9pingl\xE9",
+  collection: "Collection",
+  allCollections: "Toutes les collections",
+  filterCollections: "Filtrer par collection",
+  uncategorized: "Non class\xE9",
+  saveWithNote: "Enregistrer avec une note",
   save: "Enregistrer",
   saved: "Enregistr\xE9",
   remove: "Supprimer",
@@ -527,6 +581,17 @@ var FR_LABELS = {
 
 // src/locales/id.ts
 var ID_LABELS = {
+  archive: "Arsipkan",
+  unarchive: "Batalkan arsip",
+  archived: "Diarsipkan",
+  pin: "Sematkan",
+  unpin: "Lepas sematan",
+  pinned: "Disematkan",
+  collection: "Koleksi",
+  allCollections: "Semua koleksi",
+  filterCollections: "Filter koleksi",
+  uncategorized: "Tanpa kategori",
+  saveWithNote: "Simpan dengan catatan",
   save: "Simpan",
   saved: "Tersimpan",
   remove: "Hapus",
@@ -613,6 +678,17 @@ var ID_LABELS = {
 
 // src/locales/it.ts
 var IT_LABELS = {
+  archive: "Archivia",
+  unarchive: "Rimuovi dall'archivio",
+  archived: "Archiviato",
+  pin: "Fissa",
+  unpin: "Rimuovi fissaggio",
+  pinned: "Fissato",
+  collection: "Raccolta",
+  allCollections: "Tutte le raccolte",
+  filterCollections: "Filtra per raccolta",
+  uncategorized: "Senza categoria",
+  saveWithNote: "Salva con nota",
   save: "Salva",
   saved: "Salvato",
   remove: "Rimuovi",
@@ -699,6 +775,17 @@ var IT_LABELS = {
 
 // src/locales/ja.ts
 var JA_LABELS = {
+  archive: "\u30A2\u30FC\u30AB\u30A4\u30D6",
+  unarchive: "\u30A2\u30FC\u30AB\u30A4\u30D6\u3092\u89E3\u9664",
+  archived: "\u30A2\u30FC\u30AB\u30A4\u30D6\u6E08\u307F",
+  pin: "\u30D4\u30F3\u7559\u3081",
+  unpin: "\u30D4\u30F3\u7559\u3081\u3092\u89E3\u9664",
+  pinned: "\u30D4\u30F3\u7559\u3081\u6E08\u307F",
+  collection: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3",
+  allCollections: "\u3059\u3079\u3066\u306E\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3",
+  filterCollections: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3\u3067\u7D5E\u308A\u8FBC\u3080",
+  uncategorized: "\u672A\u5206\u985E",
+  saveWithNote: "\u30E1\u30E2\u4ED8\u304D\u3067\u4FDD\u5B58",
   save: "\u4FDD\u5B58",
   saved: "\u4FDD\u5B58\u6E08\u307F",
   remove: "\u524A\u9664",
@@ -785,6 +872,17 @@ var JA_LABELS = {
 
 // src/locales/ko.ts
 var KO_LABELS = {
+  archive: "\uBCF4\uAD00",
+  unarchive: "\uBCF4\uAD00 \uD574\uC81C",
+  archived: "\uBCF4\uAD00\uB428",
+  pin: "\uACE0\uC815",
+  unpin: "\uACE0\uC815 \uD574\uC81C",
+  pinned: "\uACE0\uC815\uB428",
+  collection: "\uCEEC\uB809\uC158",
+  allCollections: "\uBAA8\uB4E0 \uCEEC\uB809\uC158",
+  filterCollections: "\uCEEC\uB809\uC158 \uD544\uD130",
+  uncategorized: "\uBBF8\uBD84\uB958",
+  saveWithNote: "\uBA54\uBAA8\uC640 \uD568\uAED8 \uC800\uC7A5",
   save: "\uC800\uC7A5",
   saved: "\uC800\uC7A5\uB428",
   remove: "\uC0AD\uC81C",
@@ -871,6 +969,17 @@ var KO_LABELS = {
 
 // src/locales/ms.ts
 var MS_LABELS = {
+  archive: "Arkibkan",
+  unarchive: "Nyaharkib",
+  archived: "Diarkibkan",
+  pin: "Pin",
+  unpin: "Nyahpin",
+  pinned: "Dipinkan",
+  collection: "Koleksi",
+  allCollections: "Semua koleksi",
+  filterCollections: "Tapis koleksi",
+  uncategorized: "Tiada kategori",
+  saveWithNote: "Simpan dengan nota",
   save: "Simpan",
   saved: "Disimpan",
   remove: "Buang",
@@ -957,6 +1066,17 @@ var MS_LABELS = {
 
 // src/locales/pt-BR.ts
 var PT_BR_LABELS = {
+  archive: "Arquivar",
+  unarchive: "Desarquivar",
+  archived: "Arquivado",
+  pin: "Fixar",
+  unpin: "Desafixar",
+  pinned: "Fixado",
+  collection: "Cole\xE7\xE3o",
+  allCollections: "Todas as cole\xE7\xF5es",
+  filterCollections: "Filtrar por cole\xE7\xE3o",
+  uncategorized: "Sem categoria",
+  saveWithNote: "Salvar com nota",
   save: "Salvar",
   saved: "Salvo",
   remove: "Remover",
@@ -1043,6 +1163,17 @@ var PT_BR_LABELS = {
 
 // src/locales/ru.ts
 var RU_LABELS = {
+  archive: "\u0410\u0440\u0445\u0438\u0432\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+  unarchive: "\u0420\u0430\u0437\u0430\u0440\u0445\u0438\u0432\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+  archived: "\u0412 \u0430\u0440\u0445\u0438\u0432\u0435",
+  pin: "\u0417\u0430\u043A\u0440\u0435\u043F\u0438\u0442\u044C",
+  unpin: "\u041E\u0442\u043A\u0440\u0435\u043F\u0438\u0442\u044C",
+  pinned: "\u0417\u0430\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u043E",
+  collection: "\u041A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u044F",
+  allCollections: "\u0412\u0441\u0435 \u043A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u0438",
+  filterCollections: "\u0424\u0438\u043B\u044C\u0442\u0440 \u043A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u0439",
+  uncategorized: "\u0411\u0435\u0437 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438",
+  saveWithNote: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0441 \u0437\u0430\u043C\u0435\u0442\u043A\u043E\u0439",
   save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
   saved: "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u043E",
   remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
@@ -1129,6 +1260,17 @@ var RU_LABELS = {
 
 // src/locales/th.ts
 var TH_LABELS = {
+  archive: "\u0E40\u0E01\u0E47\u0E1A\u0E16\u0E32\u0E27\u0E23",
+  unarchive: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E40\u0E01\u0E47\u0E1A\u0E16\u0E32\u0E27\u0E23",
+  archived: "\u0E40\u0E01\u0E47\u0E1A\u0E16\u0E32\u0E27\u0E23\u0E41\u0E25\u0E49\u0E27",
+  pin: "\u0E1B\u0E31\u0E01\u0E2B\u0E21\u0E38\u0E14",
+  unpin: "\u0E40\u0E25\u0E34\u0E01\u0E1B\u0E31\u0E01\u0E2B\u0E21\u0E38\u0E14",
+  pinned: "\u0E1B\u0E31\u0E01\u0E2B\u0E21\u0E38\u0E14\u0E41\u0E25\u0E49\u0E27",
+  collection: "\u0E04\u0E2D\u0E25\u0E40\u0E25\u0E01\u0E0A\u0E31\u0E19",
+  allCollections: "\u0E04\u0E2D\u0E25\u0E40\u0E25\u0E01\u0E0A\u0E31\u0E19\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
+  filterCollections: "\u0E01\u0E23\u0E2D\u0E07\u0E04\u0E2D\u0E25\u0E40\u0E25\u0E01\u0E0A\u0E31\u0E19",
+  uncategorized: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E2B\u0E21\u0E27\u0E14\u0E2B\u0E21\u0E39\u0E48",
+  saveWithNote: "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E1E\u0E23\u0E49\u0E2D\u0E21\u0E42\u0E19\u0E49\u0E15",
   save: "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01",
   saved: "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E41\u0E25\u0E49\u0E27",
   remove: "\u0E25\u0E1A",
@@ -1215,6 +1357,17 @@ var TH_LABELS = {
 
 // src/locales/vi.ts
 var VI_LABELS = {
+  archive: "L\u01B0u tr\u1EEF",
+  unarchive: "B\u1ECF l\u01B0u tr\u1EEF",
+  archived: "\u0110\xE3 l\u01B0u tr\u1EEF",
+  pin: "Ghim",
+  unpin: "B\u1ECF ghim",
+  pinned: "\u0110\xE3 ghim",
+  collection: "B\u1ED9 s\u01B0u t\u1EADp",
+  allCollections: "T\u1EA5t c\u1EA3 b\u1ED9 s\u01B0u t\u1EADp",
+  filterCollections: "L\u1ECDc theo b\u1ED9 s\u01B0u t\u1EADp",
+  uncategorized: "Ch\u01B0a ph\xE2n lo\u1EA1i",
+  saveWithNote: "L\u01B0u k\xE8m ghi ch\xFA",
   save: "L\u01B0u",
   saved: "\u0110\xE3 l\u01B0u",
   remove: "X\xF3a",
@@ -1301,6 +1454,17 @@ var VI_LABELS = {
 
 // src/locales/zh-Hans.ts
 var ZH_HANS_LABELS = {
+  archive: "\u5F52\u6863",
+  unarchive: "\u53D6\u6D88\u5F52\u6863",
+  archived: "\u5DF2\u5F52\u6863",
+  pin: "\u7F6E\u9876",
+  unpin: "\u53D6\u6D88\u7F6E\u9876",
+  pinned: "\u5DF2\u7F6E\u9876",
+  collection: "\u96C6\u5408",
+  allCollections: "\u6240\u6709\u96C6\u5408",
+  filterCollections: "\u6309\u96C6\u5408\u7B5B\u9009",
+  uncategorized: "\u672A\u5206\u7C7B",
+  saveWithNote: "\u4FDD\u5B58\u5E76\u6DFB\u52A0\u5907\u6CE8",
   save: "\u4FDD\u5B58",
   saved: "\u5DF2\u4FDD\u5B58",
   remove: "\u5220\u9664",
@@ -1387,6 +1551,17 @@ var ZH_HANS_LABELS = {
 
 // src/locales/zh-Hant.ts
 var ZH_HANT_LABELS = {
+  archive: "\u5C01\u5B58",
+  unarchive: "\u53D6\u6D88\u5C01\u5B58",
+  archived: "\u5DF2\u5C01\u5B58",
+  pin: "\u91D8\u9078",
+  unpin: "\u53D6\u6D88\u91D8\u9078",
+  pinned: "\u5DF2\u91D8\u9078",
+  collection: "\u6536\u85CF\u96C6",
+  allCollections: "\u6240\u6709\u6536\u85CF\u96C6",
+  filterCollections: "\u4F9D\u6536\u85CF\u96C6\u7BE9\u9078",
+  uncategorized: "\u672A\u5206\u985E",
+  saveWithNote: "\u5132\u5B58\u4E26\u52A0\u5099\u8A3B",
   save: "\u5132\u5B58",
   saved: "\u5DF2\u5132\u5B58",
   remove: "\u522A\u9664",
@@ -1570,7 +1745,84 @@ function useKeepUiFeedback() {
   return useCallback((event) => emitFeedback(event), [emitFeedback]);
 }
 
+// src/features/actions/KeepArchiveButton.tsx
+import { jsxs } from "react/jsx-runtime";
+function KeepArchiveButton({
+  item,
+  children,
+  archiveLabel,
+  unarchiveLabel,
+  onToggleError,
+  disabled,
+  ...props
+}) {
+  const state = useKeepItem(item);
+  const archive = useUiLabel("archive");
+  const unarchive = useUiLabel("unarchive");
+  const archivedLabel = useUiLabel("archived");
+  const isArchived = state.item?.archived === true;
+  const isDisabled = disabled ?? state.isMutating;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...props,
+      type: props.type ?? "button",
+      disabled: isDisabled,
+      "aria-pressed": isArchived,
+      "data-archived": isArchived ? "true" : "false",
+      "data-keep-action": "toggle-archive",
+      onClick: () => void state.toggleArchive().catch((error) => onToggleError?.(error)),
+      children: [
+        typeof children === "function" ? children(state) : children ?? (isArchived ? unarchiveLabel ?? unarchive : archiveLabel ?? archive),
+        isArchived && children === void 0 ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+          " (",
+          archivedLabel,
+          ")"
+        ] }) : null
+      ]
+    }
+  );
+}
+function KeepPinButton({
+  item,
+  children,
+  pinLabel,
+  unpinLabel,
+  onToggleError,
+  disabled,
+  ...props
+}) {
+  const state = useKeepItem(item);
+  const pin = useUiLabel("pin");
+  const unpin = useUiLabel("unpin");
+  const pinnedLabel = useUiLabel("pinned");
+  const isPinned = state.item?.pinned === true;
+  const isDisabled = disabled ?? state.isMutating;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...props,
+      type: props.type ?? "button",
+      disabled: isDisabled,
+      "aria-pressed": isPinned,
+      "data-pinned": isPinned ? "true" : "false",
+      "data-keep-action": "toggle-pin",
+      onClick: () => void state.togglePin().catch((error) => onToggleError?.(error)),
+      children: [
+        typeof children === "function" ? children(state) : children ?? (isPinned ? unpinLabel ?? unpin : pinLabel ?? pin),
+        isPinned && children === void 0 ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+          " (",
+          pinnedLabel,
+          ")"
+        ] }) : null
+      ]
+    }
+  );
+}
+
 // src/features/actions/hooks/useKeepBackup.ts
+import { useKeepContext } from "@keepkit/core/react";
+import { useRef as useRef2, useState } from "react";
 function useKeepBackup({ filename, onExport, onImported }) {
   const context = useKeepContext();
   const inputRef = useRef2(null);
@@ -1631,7 +1883,7 @@ function useKeepBackup({ filename, onExport, onImported }) {
 }
 
 // src/features/actions/KeepBackup.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function KeepBackup({
   filename = "keepkit-backup.json",
   onExport,
@@ -1639,7 +1891,7 @@ function KeepBackup({
   ...props
 }) {
   const view = useKeepBackup({ filename, onExport, onImported });
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "section",
     {
       ...props,
@@ -1657,9 +1909,9 @@ function KeepBackup({
             children: view.labels.export
           }
         ),
-        /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsxs2("label", { children: [
           view.labels.importMode,
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "select",
             {
               "data-keep-action": "select-import-mode",
@@ -1684,7 +1936,7 @@ function KeepBackup({
             onChange: (event) => void view.importBackup(event)
           }
         ),
-        view.result ? /* @__PURE__ */ jsxs("p", { role: "status", children: [
+        view.result ? /* @__PURE__ */ jsxs2("p", { role: "status", children: [
           view.result.imported,
           " ",
           view.labels.importedCount,
@@ -1712,7 +1964,8 @@ import {
   cloneElement,
   createContext as createContext2,
   isValidElement,
-  useContext as useContext2
+  useContext as useContext2,
+  useMemo as useMemo2
 } from "react";
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 var KeepSearchQueryContext = createContext2(void 0);
@@ -1725,8 +1978,11 @@ function useKeepSearchQuery() {
 function KeepHighlight({ children, query }) {
   const contextQuery = useKeepSearchQuery();
   const resolvedQuery = query ?? contextQuery;
-  if (typeof children !== "string" || !resolvedQuery?.trim()) return children ?? null;
-  return highlightText(children, resolvedQuery);
+  const normalizedQuery = resolvedQuery?.trim() ?? "";
+  return useMemo2(() => {
+    if (typeof children !== "string" || !normalizedQuery) return children ?? null;
+    return highlightText(children, normalizedQuery);
+  }, [children, normalizedQuery]);
 }
 function highlightText(text, query) {
   const normalizedQuery = query.trim();
@@ -1759,7 +2015,10 @@ function toKeepButtonItem(item) {
     meta: item.meta,
     targetType: item.targetType,
     note: item.note,
-    tags: item.tags
+    tags: item.tags,
+    archived: item.archived,
+    pinned: item.pinned,
+    collectionId: item.collectionId
   };
 }
 function getMetaTitle(meta) {
@@ -1776,6 +2035,17 @@ function sortToValue(sort) {
 function resolveContent(content, state) {
   return typeof content === "function" ? content(state) : content;
 }
+function composeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref !== null && ref !== void 0) {
+        ref.current = value;
+      }
+    }
+  };
+}
 function chainedFunction(childHandler, parentHandler) {
   if (!childHandler) return parentHandler;
   if (!parentHandler) return childHandler;
@@ -1786,6 +2056,12 @@ function chainedFunction(childHandler, parentHandler) {
 }
 function mergeProps(childProps, parentProps) {
   const merged = { ...parentProps, ...childProps };
+  if ("ref" in childProps || "ref" in parentProps) {
+    merged.ref = composeRefs(
+      childProps.ref,
+      parentProps.ref
+    );
+  }
   const className = mergeClassNames(childProps.className, parentProps.className);
   if (className) merged.className = className;
   const style = mergeStyles(childProps.style, parentProps.style);
@@ -1965,7 +2241,7 @@ function getItemLabel(item) {
 }
 
 // src/features/actions/KeepBulkActions.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function KeepBulkActions({
   query,
   selectedIds: controlledSelectedIds,
@@ -1988,12 +2264,12 @@ function KeepBulkActions({
     controlledScope,
     onSelectionScopeChange
   });
-  const body = render ? render(state) : typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsxs2("fieldset", { children: [
+  const body = render ? render(state) : typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsxs3("fieldset", { children: [
       /* @__PURE__ */ jsx5("legend", { children: labels.selectItems }),
-      /* @__PURE__ */ jsxs2("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         labels.selectionScope,
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs3(
           "select",
           {
             "data-keep-action": "select-scope",
@@ -2007,7 +2283,7 @@ function KeepBulkActions({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs2("label", { children: [
+      /* @__PURE__ */ jsxs3("label", { children: [
         /* @__PURE__ */ jsx5(
           "input",
           {
@@ -2022,7 +2298,7 @@ function KeepBulkActions({
         " ",
         labels.selectedCount
       ] }),
-      state.items.map((item) => /* @__PURE__ */ jsxs2("span", { children: [
+      state.items.map((item) => /* @__PURE__ */ jsxs3("span", { children: [
         /* @__PURE__ */ jsx5(
           KeepItemCheckbox,
           {
@@ -2044,7 +2320,7 @@ function KeepBulkActions({
         children: labels.deleteSelected
       }
     ),
-    /* @__PURE__ */ jsxs2("label", { children: [
+    /* @__PURE__ */ jsxs3("label", { children: [
       labels.tags,
       /* @__PURE__ */ jsx5(
         "input",
@@ -2086,10 +2362,10 @@ import {
 import { createElement, useEffect as useEffect2, useRef as useRef3 } from "react";
 
 // src/features/actions/hooks/useKeepButton.ts
-import { useKeepItem } from "@keepkit/core/react";
+import { useKeepItem as useKeepItem2 } from "@keepkit/core/react";
 function useKeepButton({ item, labels, icons, children }) {
   return {
-    buttonState: useKeepItem(item),
+    buttonState: useKeepItem2(item),
     emitFeedback: useKeepUiFeedback(),
     customStateLabel: labels?.loading !== void 0 || labels?.error !== void 0 || icons !== void 0 && children === void 0,
     labels: {
@@ -2106,7 +2382,7 @@ function useKeepButton({ item, labels, icons, children }) {
 }
 
 // src/features/actions/KeepButton.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function KeepButton({
   labels,
   icons,
@@ -2151,7 +2427,7 @@ function KeepButton({
     const label = state.error ? labels?.error ?? view.labels.error : state.isMutating ? labels?.loading ?? view.labels.loading : state.isSaved ? labels?.saved ?? view.labels.saved : labels?.unsaved ?? view.labels.save;
     if (!icons) return label;
     const icon = state.error ? icons.error : state.isMutating ? icons.loading : state.isSaved ? icons.remove ?? icons.saved : icons.save;
-    return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs4(Fragment3, { children: [
       renderIcon(icon, iconClassName),
       showLabel && !iconOnly ? label : null
     ] });
@@ -2186,16 +2462,259 @@ function renderIcon(icon, className) {
   return icon ?? null;
 }
 
+// src/features/actions/KeepSavePopover.tsx
+import { useKeepItem as useKeepItem4 } from "@keepkit/core/react";
+import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef5, useState as useState4 } from "react";
+
+// src/features/editor/KeepQuickEditor.tsx
+import { useKeepContext as useKeepContext2, useKeepItem as useKeepItem3 } from "@keepkit/core/react";
+import {
+  useCallback as useCallback2,
+  useEffect as useEffect3,
+  useRef as useRef4,
+  useState as useState3
+} from "react";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function useKeepQuickEditor(item, options = {}) {
+  const { debounceMs = 300, onSaved, onSaveError } = options;
+  const itemState = useKeepItem3(item);
+  const { error, isMutating, moveToCollection, updateNote, updateTags } = itemState;
+  const baseline = itemState.item ?? item;
+  const [note, setNote] = useState3(baseline.note ?? "");
+  const [tags, setTags] = useState3(baseline.tags ?? []);
+  const [collectionId, setCollectionId] = useState3(baseline.collectionId);
+  const baselineRef = useRef4({
+    note: baseline.note ?? "",
+    tags: baseline.tags ?? [],
+    collectionId: baseline.collectionId
+  });
+  const draftRef = useRef4({ note, tags, collectionId });
+  draftRef.current = { note, tags, collectionId };
+  useEffect3(() => {
+    if (draftRef.current.note === baselineRef.current.note && sameTags(draftRef.current.tags, baselineRef.current.tags) && draftRef.current.collectionId === baselineRef.current.collectionId) {
+      setNote(baseline.note ?? "");
+      setTags(baseline.tags ?? []);
+      setCollectionId(baseline.collectionId);
+      baselineRef.current = {
+        note: baseline.note ?? "",
+        tags: baseline.tags ?? [],
+        collectionId: baseline.collectionId
+      };
+    }
+  }, [baseline]);
+  const isDirty = note !== baselineRef.current.note || !sameTags(tags, baselineRef.current.tags) || collectionId !== baselineRef.current.collectionId;
+  const flush = useCallback2(async () => {
+    const draft = draftRef.current;
+    try {
+      if (draft.note !== baselineRef.current.note) await updateNote(draft.note.trim() || void 0);
+      if (!sameTags(draft.tags, baselineRef.current.tags)) await updateTags(draft.tags);
+      if (draft.collectionId !== baselineRef.current.collectionId) await moveToCollection(draft.collectionId);
+      baselineRef.current = { note: draft.note, tags: [...draft.tags], collectionId: draft.collectionId };
+      const { collectionId: _oldCollectionId, ...withoutCollection } = baseline;
+      onSaved?.({
+        ...withoutCollection,
+        note: draft.note.trim() || void 0,
+        tags: draft.tags,
+        ...draft.collectionId ? { collectionId: draft.collectionId } : {}
+      });
+    } catch (error2) {
+      onSaveError?.(error2);
+      throw error2;
+    }
+  }, [baseline, moveToCollection, onSaveError, onSaved, updateNote, updateTags]);
+  useEffect3(() => {
+    if (!isDirty || debounceMs <= 0) return;
+    const timer = window.setTimeout(() => void flush().catch(() => void 0), debounceMs);
+    return () => window.clearTimeout(timer);
+  }, [debounceMs, flush, isDirty]);
+  return {
+    state: {
+      item,
+      note,
+      tags,
+      collectionId,
+      setNote,
+      setTags,
+      setCollectionId,
+      isDirty,
+      isSaving: isMutating,
+      error,
+      flush
+    }
+  };
+}
+function KeepQuickEditor({
+  item,
+  debounceMs = 300,
+  collectionIds,
+  collectionLabels,
+  children,
+  onClose,
+  onSaved,
+  onSaveError,
+  ...props
+}) {
+  const view = useKeepQuickEditor(item, { debounceMs, onSaved, onSaveError });
+  const context = useKeepContext2();
+  const { state } = view;
+  const rootRef = useRef4(null);
+  const noteLabel = useUiLabel("note");
+  const tagsLabel = useUiLabel("tags");
+  const collectionLabel = useUiLabel("collection");
+  const uncategorizedLabel = useUiLabel("uncategorized");
+  const saveLabel = useUiLabel("saveWithNote");
+  const closeLabel = useUiLabel("close");
+  const submit = (event) => {
+    event.preventDefault();
+    void state.flush().catch(() => void 0);
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      void state.flush().then(() => onClose?.()).catch(() => void 0);
+    }
+    if (event.key === "Tab") trapFocus(event, rootRef.current);
+  };
+  const body = typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsxs5("label", { children: [
+      noteLabel,
+      /* @__PURE__ */ jsx7("textarea", { value: state.note, onChange: (event) => state.setNote(event.currentTarget.value) })
+    ] }),
+    /* @__PURE__ */ jsxs5("label", { children: [
+      tagsLabel,
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          value: state.tags.join(", "),
+          onChange: (event) => state.setTags(
+            event.currentTarget.value.split(",").map((tag) => tag.trim()).filter(Boolean)
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("label", { children: [
+      collectionLabel,
+      /* @__PURE__ */ jsxs5(
+        "select",
+        {
+          value: state.collectionId ?? "",
+          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))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx7("button", { type: "submit", disabled: state.isSaving, "data-keep-action": "save-quick-edit", children: saveLabel }),
+    /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "button",
+        onClick: () => void state.flush().then(() => onClose?.()).catch(() => void 0),
+        disabled: state.isSaving,
+        "data-keep-action": "close-quick-edit",
+        children: closeLabel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx7(
+    "form",
+    {
+      ...props,
+      ref: rootRef,
+      onSubmit: submit,
+      onKeyDown,
+      "data-keepkit": "quick-editor",
+      "data-state": state.isDirty ? "dirty" : "clean",
+      "aria-busy": state.isSaving || props["aria-busy"],
+      children: body
+    }
+  );
+}
+function sameTags(left, right) {
+  return left.length === right.length && left.every((tag, index) => tag === right[index]);
+}
+function trapFocus(event, root) {
+  if (!root) return;
+  const elements = [
+    ...root.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
+  ].filter((element) => !element.hasAttribute("disabled"));
+  if (elements.length === 0) return;
+  const first = elements[0];
+  const last = elements[elements.length - 1];
+  if (event.shiftKey && document.activeElement === first) {
+    event.preventDefault();
+    last.focus();
+  } else if (!event.shiftKey && document.activeElement === last) {
+    event.preventDefault();
+    first.focus();
+  }
+}
+
+// src/features/actions/KeepSavePopover.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function KeepSavePopover({
+  item,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  buttonProps,
+  editorProps,
+  children,
+  ...props
+}) {
+  const state = useKeepItem4(item);
+  const [internalOpen, setInternalOpen] = useState4(defaultOpen);
+  const isOpen = controlledOpen ?? internalOpen;
+  const triggerRef = useRef5(null);
+  const previousSaved = useRef5(state.isSaved);
+  const observedHydration = useRef5(!state.isLoading);
+  const closeLabel = useUiLabel("close");
+  const { ref: _buttonRef, ...resolvedButtonProps } = buttonProps ?? {};
+  const setOpen = useCallback3(
+    (next) => {
+      if (controlledOpen === void 0) setInternalOpen(next);
+      onOpenChange?.(next);
+      if (!next) window.setTimeout(() => triggerRef.current?.focus(), 0);
+    },
+    [controlledOpen, onOpenChange]
+  );
+  useEffect4(() => {
+    if (!observedHydration.current) {
+      if (state.isLoading) return;
+      observedHydration.current = true;
+      previousSaved.current = state.isSaved;
+      return;
+    }
+    if (!previousSaved.current && state.isSaved) setOpen(true);
+    previousSaved.current = state.isSaved;
+  }, [setOpen, state.isLoading, state.isSaved]);
+  const currentItem = state.item;
+  return /* @__PURE__ */ jsxs6("div", { ...props, "data-keepkit": "save-popover", "data-open": isOpen ? "true" : "false", children: [
+    /* @__PURE__ */ jsx8(KeepButton, { ...resolvedButtonProps, item, asChild: false, ref: triggerRef }),
+    isOpen && currentItem ? /* @__PURE__ */ jsxs6("div", { role: "dialog", "aria-label": children ? void 0 : closeLabel, "data-keep-popover-panel": "true", children: [
+      children,
+      /* @__PURE__ */ jsx8(KeepQuickEditor, { ...editorProps, item: currentItem, onClose: () => setOpen(false) }),
+      /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => setOpen(false), "data-keep-action": "close-save-popover", children: closeLabel })
+    ] }) : null
+  ] });
+}
+
 // src/features/actions/hooks/useKeepUndo.ts
-import { useKeepContext as useKeepContext2 } from "@keepkit/core/react";
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useKeepContext as useKeepContext3 } from "@keepkit/core/react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 function useKeepUndo() {
-  const context = useKeepContext2();
+  const context = useKeepContext3();
   const emitFeedback = useKeepUiFeedback();
   const restoredMessage = useUiLabel("restoredMessage");
   const { canUndo, startedAt, expiresAt } = context.undo;
-  const [now, setNow] = useState3(() => Date.now());
-  useEffect3(() => {
+  const [now, setNow] = useState5(() => Date.now());
+  useEffect5(() => {
     if (!canUndo || expiresAt === void 0) return;
     setNow(Date.now());
     const timer = setInterval(() => setNow(Date.now()), 250);
@@ -2224,17 +2743,17 @@ function useKeepUndo() {
 }
 
 // src/features/actions/KeepUndo.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function KeepUndo({ children, label, ...props }) {
   const view = useKeepUndo();
   if (!view.canUndo) return null;
-  return /* @__PURE__ */ jsxs4("div", { ...props, role: "status", "aria-live": "polite", "data-keepkit": "undo", "data-state": "available", children: [
-    /* @__PURE__ */ jsx7("span", { "data-keepkit": "undo-message", children: children ?? view.message }),
-    /* @__PURE__ */ jsxs4("span", { "data-keepkit": "undo-countdown", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs7("div", { ...props, role: "status", "aria-live": "polite", "data-keepkit": "undo", "data-state": "available", children: [
+    /* @__PURE__ */ jsx9("span", { "data-keepkit": "undo-message", children: children ?? view.message }),
+    /* @__PURE__ */ jsxs7("span", { "data-keepkit": "undo-countdown", "aria-hidden": "true", children: [
       view.remainingSeconds,
       "s"
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx9(
       "progress",
       {
         "data-keepkit": "undo-progress",
@@ -2244,7 +2763,7 @@ function KeepUndo({ children, label, ...props }) {
         "aria-valuetext": `${view.remainingSeconds}s`
       }
     ),
-    /* @__PURE__ */ jsx7("button", { type: "button", "data-keep-action": "undo", onClick: () => void view.undo(), children: label ?? view.label })
+    /* @__PURE__ */ jsx9("button", { type: "button", "data-keep-action": "undo", onClick: () => void view.undo(), children: label ?? view.label })
   ] });
 }
 
@@ -2252,8 +2771,11 @@ function KeepUndo({ children, label, ...props }) {
 import { KeepErrorBoundary as KeepErrorBoundary2 } from "@keepkit/core/react";
 
 // src/features/query/KeepActiveFiltersSummary.tsx
-import { isValidElement as isValidElement2 } from "react";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import {
+  isValidElement as isValidElement2,
+  useRef as useRef6
+} from "react";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function KeepActiveFiltersSummary({
   query,
   search: providedSearch,
@@ -2273,6 +2795,38 @@ function KeepActiveFiltersSummary({
   const clearAllLabel = useUiLabel("clearAllFilters");
   const clearLabel = useUiLabel("clearFilters");
   const removeLabel = useUiLabel("removeFilter");
+  const chipRefs = useRef6([]);
+  const filterCount = Number(Boolean(search)) + tags.length;
+  function focusChip(index) {
+    chipRefs.current[index]?.focus();
+  }
+  function focusAfterRemoval(index, source) {
+    const summaryRoot = source.closest('[data-keepkit="active-filters"]');
+    const fallbackScope = source.closest('[data-keepkit="collection"]') ?? summaryRoot?.parentElement ?? source.parentElement;
+    queueMicrotask(() => {
+      const nextIndex = index < filterCount - 1 ? index : index - 1;
+      const nextChip = nextIndex >= 0 ? chipRefs.current[nextIndex] : null;
+      if (nextChip?.isConnected) {
+        nextChip.focus();
+        return;
+      }
+      focusFilterFallback(fallbackScope);
+    });
+  }
+  function handleChipKeyDown(event, index) {
+    const nextIndex = event.key === "ArrowRight" ? index + 1 : event.key === "ArrowLeft" ? index - 1 : -1;
+    if (nextIndex < 0 || nextIndex >= filterCount || !chipRefs.current[nextIndex]) return;
+    event.preventDefault();
+    focusChip(nextIndex);
+  }
+  function removeSearch(event) {
+    focusAfterRemoval(0, event.currentTarget);
+    onSearchChange?.("");
+  }
+  function removeTag(tag, index, event) {
+    focusAfterRemoval(index, event.currentTarget);
+    onTagChange?.(tag);
+  }
   const state = {
     search,
     tags,
@@ -2282,37 +2836,45 @@ function KeepActiveFiltersSummary({
     removeTag: (tag) => onTagChange?.(tag)
   };
   const contentChildren = asChild && isElement(children) ? void 0 : children;
-  const body = typeof contentChildren === "function" ? contentChildren(state) : contentChildren ?? (hasFilters ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsx8("span", { "data-active-filters-label": "true", children: activeFiltersLabel }),
-    /* @__PURE__ */ jsxs5("ul", { "data-active-filters-list": "true", children: [
-      search ? /* @__PURE__ */ jsxs5("li", { "data-filter-kind": "search", children: [
-        /* @__PURE__ */ jsx8("span", { "data-filter-value": "true", children: search }),
-        /* @__PURE__ */ jsx8(
+  const body = typeof contentChildren === "function" ? contentChildren(state) : contentChildren ?? (hasFilters ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx10("span", { "data-active-filters-label": "true", children: activeFiltersLabel }),
+    /* @__PURE__ */ jsxs8("ul", { "data-active-filters-list": "true", children: [
+      search ? /* @__PURE__ */ jsxs8("li", { "data-filter-kind": "search", children: [
+        /* @__PURE__ */ jsx10("span", { "data-filter-value": "true", children: search }),
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
             "data-keep-action": "remove-search-filter",
             "aria-label": `${search} ${removeLabel}`,
-            onClick: state.removeSearch,
+            ref: (element) => {
+              chipRefs.current[0] = element;
+            },
+            onKeyDown: (event) => handleChipKeyDown(event, 0),
+            onClick: removeSearch,
             children: "\xD7"
           }
         )
       ] }) : null,
-      tags.map((tag) => /* @__PURE__ */ jsxs5("li", { "data-filter-kind": "tag", children: [
-        /* @__PURE__ */ jsx8("span", { "data-filter-value": "true", children: tag }),
-        /* @__PURE__ */ jsx8(
+      tags.map((tag, tagIndex) => /* @__PURE__ */ jsxs8("li", { "data-filter-kind": "tag", children: [
+        /* @__PURE__ */ jsx10("span", { "data-filter-value": "true", children: tag }),
+        /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
             "data-keep-action": "remove-tag-filter",
             "aria-label": `${tag} ${removeLabel}`,
-            onClick: () => state.removeTag(tag),
+            ref: (element) => {
+              chipRefs.current[tagIndex + Number(Boolean(search))] = element;
+            },
+            onKeyDown: (event) => handleChipKeyDown(event, tagIndex + Number(Boolean(search))),
+            onClick: (event) => removeTag(tag, tagIndex + Number(Boolean(search)), event),
             children: "\xD7"
           }
         )
       ] }, tag))
     ] }),
-    /* @__PURE__ */ jsx8("button", { type: "button", "data-keep-action": "clear-filters", onClick: state.clear, children: clearAllLabel || clearLabel })
+    /* @__PURE__ */ jsx10("button", { type: "button", "data-keep-action": "clear-filters", onClick: state.clear, children: clearAllLabel || clearLabel })
   ] }) : null);
   if (!hasFilters && !asChild && contentChildren === void 0) return null;
   return renderRoot(
@@ -2335,22 +2897,131 @@ function normalizeTags(tags) {
 function isElement(value) {
   return isValidElement2(value);
 }
+function focusFilterFallback(scope) {
+  const searchInput = scope?.querySelector('[data-keep-action="search"]');
+  if (searchInput) {
+    searchInput.focus();
+    return;
+  }
+  const listCard = scope?.querySelector('[data-keepkit="card"][tabindex="0"]');
+  if (listCard) {
+    listCard.focus();
+    return;
+  }
+  const list = scope?.querySelector('[data-keepkit="list"]');
+  if (list) {
+    if (!list.hasAttribute("tabindex")) list.tabIndex = -1;
+    list.focus();
+  }
+}
+
+// src/features/query/KeepCollectionFilter.tsx
+import { useKeepContext as useKeepContext4 } from "@keepkit/core/react";
+import { useMemo as useMemo3, 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 KeepCollectionSelect({
+  item,
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  collectionLabels,
+  uncategorizedLabel,
+  ...props
+}) {
+  const context = useKeepContext4();
+  const state = useState6(value ?? defaultValue ?? item.collectionId ?? "");
+  const selected = value ?? state[0];
+  const options = useCollectionOptions(collectionLabels, context.items);
+  const defaultUncategorizedLabel = useUiLabel("uncategorized");
+  const uncategorized = uncategorizedLabel ?? defaultUncategorizedLabel;
+  const handleChange = (next) => {
+    const resolved = next || void 0;
+    if (value === void 0) state[1](next);
+    onValueChange?.(resolved);
+    onChange?.(resolved);
+    void context.moveToCollection(item.id, resolved);
+  };
+  return /* @__PURE__ */ jsxs9(
+    "select",
+    {
+      ...props,
+      value: selected,
+      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))
+      ]
+    }
+  );
+}
+function KeepCollectionFilter({
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  collectionLabels,
+  allLabel,
+  uncategorizedLabel,
+  ...props
+}) {
+  const context = useKeepContext4();
+  const [internalValue, setInternalValue] = useState6(value ?? defaultValue ?? "");
+  const selected = value ?? internalValue;
+  const options = useCollectionOptions(collectionLabels, context.items);
+  const collectionLabel = useUiLabel("collection");
+  const defaultAllLabel = useUiLabel("allCollections");
+  const defaultUncategorizedLabel = useUiLabel("uncategorized");
+  const all = allLabel ?? defaultAllLabel;
+  const uncategorized = uncategorizedLabel ?? defaultUncategorizedLabel;
+  const handleChange = (next) => {
+    if (value === void 0) setInternalValue(next);
+    const resolved = next || void 0;
+    onValueChange?.(resolved);
+    onChange?.(resolved);
+  };
+  return /* @__PURE__ */ jsxs9("label", { "data-keepkit": "collection-filter", children: [
+    /* @__PURE__ */ jsx11("span", { children: collectionLabel }),
+    /* @__PURE__ */ jsxs9(
+      "select",
+      {
+        ...props,
+        value: selected,
+        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))
+        ]
+      }
+    )
+  ] });
+}
 
 // src/features/query/KeepTagFilter.tsx
 import { isValidElement as isValidElement3 } from "react";
 
 // src/features/query/hooks/useKeepTagFilter.ts
 import { useKeepList as useKeepList2 } from "@keepkit/core/react";
-import { useCallback as useCallback2, useMemo as useMemo2, useState as useState4 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo4, useState as useState7 } from "react";
 function useKeepTagFilter(options) {
   const { query, controlledValue, defaultValue, onChange, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState4(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState7(defaultValue);
   const resolvedValue = controlledValue ?? uncontrolledValue;
   const list = useKeepList2({
     ...query,
     tags: resolvedValue ? [...query?.tags ?? [], resolvedValue] : query?.tags
   });
-  const select = useCallback2(
+  const select = useCallback4(
     (tag) => {
       if (controlledValue === void 0) setUncontrolledValue(tag);
       onChange?.(tag);
@@ -2358,7 +3029,7 @@ function useKeepTagFilter(options) {
     },
     [controlledValue, onChange, onValueChange]
   );
-  const state = useMemo2(
+  const state = useMemo4(
     () => ({ tags: list.tags, tagCounts: list.tagCounts, value: resolvedValue, select }),
     [list.tagCounts, list.tags, resolvedValue, select]
   );
@@ -2370,7 +3041,7 @@ function useKeepTagFilter(options) {
 }
 
 // src/features/query/KeepTagFilter.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function KeepTagFilter({
   query,
   value: controlledValue,
@@ -2388,9 +3059,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__ */ jsxs6("fieldset", { children: [
-    /* @__PURE__ */ jsx9("legend", { children: ariaLabel ?? view.labels.aria }),
-    /* @__PURE__ */ jsx9(
+  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(
       "button",
       {
         type: "button",
@@ -2400,7 +3071,7 @@ function KeepTagFilter({
         children: allLabel ?? view.labels.all
       }
     ),
-    view.state.tags.map((tag) => /* @__PURE__ */ jsxs6(
+    view.state.tags.map((tag) => /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -2409,7 +3080,7 @@ function KeepTagFilter({
         onClick: () => view.state.select(tag),
         children: [
           renderTag ? renderTag(tag, view.state.tagCounts[tag] ?? 0, view.state.value === tag) : tag,
-          /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsxs10("span", { children: [
             " (",
             view.state.tagCounts[tag] ?? 0,
             ")"
@@ -2435,12 +3106,12 @@ function KeepTagFilter({
 }
 
 // src/features/query/hooks/useQueryControls.ts
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 function useKeepSearchInput(options) {
   const { controlledValue, defaultValue, debounceMs, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState5(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState8(defaultValue);
   const value = controlledValue ?? uncontrolledValue;
-  useEffect4(() => {
+  useEffect6(() => {
     if (!onValueChange) return;
     if (debounceMs <= 0) {
       onValueChange(value);
@@ -2459,7 +3130,7 @@ function useKeepSearchInput(options) {
 }
 function useKeepSortSelect(options) {
   const { controlledValue, defaultValue, onValueChange } = options;
-  const [uncontrolledValue, setUncontrolledValue] = useState5(defaultValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState8(defaultValue);
   const value = controlledValue ?? uncontrolledValue;
   return {
     value,
@@ -2507,7 +3178,7 @@ function getVisiblePages(currentPage, pageCount, maxPageButtons) {
 }
 
 // src/features/query/query-controls.tsx
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function KeepSearchInput({
   value: controlledValue,
   defaultValue = "",
@@ -2518,7 +3189,7 @@ function KeepSearchInput({
   ...props
 }) {
   const view = useKeepSearchInput({ controlledValue, defaultValue, debounceMs, onValueChange });
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx13(
     "input",
     {
       ...props,
@@ -2543,13 +3214,13 @@ function KeepSortSelect({
   ...props
 }) {
   const view = useKeepSortSelect({ controlledValue, defaultValue, onValueChange });
-  const options = children ?? /* @__PURE__ */ jsxs7(Fragment5, { children: [
-    /* @__PURE__ */ jsx10("option", { value: "updatedAt:desc", children: view.labels.updatedNewest }),
-    /* @__PURE__ */ jsx10("option", { value: "updatedAt:asc", children: view.labels.updatedOldest }),
-    /* @__PURE__ */ jsx10("option", { value: "savedAt:desc", children: view.labels.savedNewest }),
-    /* @__PURE__ */ jsx10("option", { value: "savedAt:asc", children: view.labels.savedOldest })
+  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 })
   ] });
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx13(
     "select",
     {
       ...props,
@@ -2581,9 +3252,9 @@ function KeepPagination({
     "data-state": view.pageCount > 1 ? "active" : "idle"
   };
   if (render)
-    return /* @__PURE__ */ jsx10("nav", { ...navProps, children: render({ page: view.currentPage, pageCount: view.pageCount, goToPage: view.goToPage }) });
-  return /* @__PURE__ */ jsxs7("nav", { ...navProps, children: [
-    /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx13("nav", { ...navProps, children: render({ page: view.currentPage, pageCount: view.pageCount, goToPage: view.goToPage }) });
+  return /* @__PURE__ */ jsxs11("nav", { ...navProps, children: [
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -2593,7 +3264,7 @@ function KeepPagination({
         children: view.labels.previous
       }
     ),
-    view.visiblePages.map((nextPage) => /* @__PURE__ */ jsx10(
+    view.visiblePages.map((nextPage) => /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -2605,7 +3276,7 @@ function KeepPagination({
       },
       nextPage
     )),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -2620,7 +3291,7 @@ function KeepPagination({
 
 // src/features/collection/hooks/useKeepCollection.ts
 import { useKeepList as useKeepList3 } from "@keepkit/core/react";
-import { useMemo as useMemo3, useState as useState6 } from "react";
+import { useMemo as useMemo5, useState as useState9 } from "react";
 function useKeepCollection({
   query,
   pageSize,
@@ -2633,23 +3304,38 @@ function useKeepCollection({
     sort: true,
     pagination: true,
     tagFilter: false,
+    collectionFilter: false,
     bulkActions: false,
     ...features
   };
-  const [searchValue, setSearchValue] = useState6(query.search?.query ?? "");
-  const [sort, setSort] = useState6(query.sort ?? { by: "updatedAt", direction: "desc" });
-  const [activeTags, setActiveTags] = useState6(query.tags ?? []);
-  const [page, setPage] = useState6(query.pagination?.page ?? 1);
+  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 resolvedPageSize = query.pagination?.pageSize ?? pageSize;
-  const resolvedQuery = useMemo3(
+  const resolvedQuery = useMemo5(
     () => ({
       ...query,
       search: enabled.search ? { ...query.search, query: searchValue } : query.search,
       sort: enabled.sort ? sort : query.sort,
       tags: activeTags.length > 0 ? activeTags : void 0,
+      collectionId: activeCollection && activeCollection !== "__uncategorized__" ? activeCollection : void 0,
+      filter: activeCollection === "__uncategorized__" ? (item) => item.collectionId === void 0 && (query.filter?.(item) ?? true) : query.filter,
       pagination: enabled.pagination ? { ...query.pagination, page, pageSize: resolvedPageSize } : query.pagination
     }),
-    [activeTags, enabled.pagination, enabled.search, enabled.sort, page, query, resolvedPageSize, searchValue, sort]
+    [
+      activeCollection,
+      activeTags,
+      enabled.pagination,
+      enabled.search,
+      enabled.sort,
+      page,
+      query,
+      resolvedPageSize,
+      searchValue,
+      sort
+    ]
   );
   useKeepUrlSync({
     enabled: Boolean(urlSync),
@@ -2659,6 +3345,7 @@ function useKeepCollection({
       setSearchValue(next.search?.query ?? "");
       setSort(next.sort ?? { by: "updatedAt", direction: "desc" });
       setActiveTags(next.tags ?? []);
+      setActiveCollection(next.collectionId);
       setPage(next.pagination?.page ?? 1);
     },
     options: typeof urlSync === "object" ? urlSync : {},
@@ -2671,6 +3358,7 @@ function useKeepCollection({
     searchValue,
     sortValue: sortToValue(sort),
     activeTags,
+    activeCollection,
     resolvedPageSize,
     resolvedQuery,
     list,
@@ -2687,6 +3375,10 @@ function useKeepCollection({
       setActiveTags(value ? [value] : []);
       setPage(1);
     },
+    setCollection: (value) => {
+      setActiveCollection(value);
+      setPage(1);
+    },
     removeTag: (tagToRemove) => {
       setActiveTags((current) => current.filter((tag) => tag !== tagToRemove));
       setPage(1);
@@ -2694,6 +3386,7 @@ function useKeepCollection({
     clearFilters: () => {
       setSearchValue("");
       setActiveTags([]);
+      setActiveCollection(void 0);
       setPage(1);
     },
     setPage
@@ -2710,8 +3403,8 @@ import {
   createElement as createElement2,
   isValidElement as isValidElement4,
   useContext as useContext3,
-  useEffect as useEffect5,
-  useState as useState8
+  useEffect as useEffect7,
+  useState as useState11
 } from "react";
 
 // src/features/item/hooks/useKeepItemStatusBadge.ts
@@ -2754,10 +3447,10 @@ function getDisplayStatus(status) {
 }
 
 // src/features/item/KeepItemStatusBadge.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function KeepItemStatusBadge({ status = "available", label, className, ...props }) {
   const view = useKeepItemStatusBadge(status);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       ...props,
@@ -2768,14 +3461,14 @@ function KeepItemStatusBadge({ status = "available", label, className, ...props
       "data-status": status,
       "data-item-status": view.resolvedStatus,
       children: [
-        /* @__PURE__ */ jsx11(StatusIcon, { name: view.icon }),
-        /* @__PURE__ */ jsx11("span", { "data-status-label": "true", children: label ?? view.statusLabel })
+        /* @__PURE__ */ jsx14(StatusIcon, { name: view.icon }),
+        /* @__PURE__ */ jsx14("span", { "data-status-label": "true", children: label ?? view.statusLabel })
       ]
     }
   );
 }
 function StatusIcon({ name }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs12(
     "svg",
     {
       "data-status-icon": name,
@@ -2790,18 +3483,18 @@ function StatusIcon({ name }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        name === "check" ? /* @__PURE__ */ jsx11("path", { d: "m5 12 4 4L19 6" }) : null,
-        name === "clock" ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
-          /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "8" }),
-          /* @__PURE__ */ jsx11("path", { d: "M12 7v5l3 2" })
+        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" })
         ] }) : null,
-        name === "ban" ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
-          /* @__PURE__ */ jsx11("circle", { cx: "12", cy: "12", r: "8" }),
-          /* @__PURE__ */ jsx11("path", { d: "m6.5 6.5 11 11" })
+        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" })
         ] }) : null,
-        name === "lock" ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
-          /* @__PURE__ */ jsx11("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
-          /* @__PURE__ */ jsx11("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
+        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" })
         ] }) : null
       ]
     }
@@ -2809,16 +3502,16 @@ function StatusIcon({ name }) {
 }
 
 // src/features/status/hooks/useKeepStaleNotice.ts
-import { useKeepContext as useKeepContext3 } from "@keepkit/core/react";
-import { useState as useState7 } from "react";
+import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
+import { useState as useState10 } from "react";
 function useKeepStaleNotice({ item, onRetry, onRemoved }) {
-  const context = useKeepContext3();
+  const context = useKeepContext5();
   const emitFeedback = useKeepUiFeedback();
   const removedMessage = useUiLabel("removedMessage");
   const restoredMessage = useUiLabel("restoredMessage");
   const undoLabel = useUiLabel("undo");
-  const [isRetrying, setIsRetrying] = useState7(false);
-  const [error, setError] = useState7(null);
+  const [isRetrying, setIsRetrying] = useState10(false);
+  const [error, setError] = useState10(null);
   async function retry() {
     setError(null);
     setIsRetrying(true);
@@ -2864,7 +3557,7 @@ function useKeepStaleNotice({ item, onRetry, onRemoved }) {
   };
 }
 function useKeepPruneStale({ statuses, onPruned }) {
-  const context = useKeepContext3();
+  const context = useKeepContext5();
   const emitFeedback = useKeepUiFeedback();
   const staleItems = context.items.filter((item) => item.status && statuses.includes(item.status));
   const staleIds = staleItems.map((item) => item.id);
@@ -2898,7 +3591,7 @@ function useKeepPruneStale({ statuses, onPruned }) {
 }
 
 // src/features/status/KeepStaleNotice.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function KeepStaleNotice({
   item,
   onRetry,
@@ -2910,11 +3603,11 @@ function KeepStaleNotice({
   ...props
 }) {
   const view = useKeepStaleNotice({ item, onRetry, onRemoved });
-  return /* @__PURE__ */ jsxs9("aside", { ...props, className, "data-keepkit": "stale-notice", "data-state": view.error ? "error" : "stale", children: [
-    /* @__PURE__ */ jsx12(KeepItemStatusBadge, { status: view.status }),
-    children ?? (item.statusReason ? /* @__PURE__ */ jsx12("p", { children: item.statusReason }) : null),
-    /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsx12(
+  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(
         "button",
         {
           type: "button",
@@ -2924,7 +3617,7 @@ function KeepStaleNotice({
           children: retryLabel ?? view.labels.retry
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -2935,7 +3628,7 @@ function KeepStaleNotice({
         }
       )
     ] }),
-    view.error ? /* @__PURE__ */ jsx12("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
+    view.error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
   ] });
 }
 function KeepPruneStaleButton({
@@ -2947,7 +3640,7 @@ function KeepPruneStaleButton({
   ...props
 }) {
   const view = useKeepPruneStale({ statuses, onPruned });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx15(
     "button",
     {
       ...props,
@@ -2964,7 +3657,7 @@ function KeepPruneStaleButton({
 }
 
 // src/features/item/hooks/useKeepItemCard.ts
-import { useKeepItem as useKeepItem2 } from "@keepkit/core/react";
+import { useKeepItem as useKeepItem5 } from "@keepkit/core/react";
 function useKeepItemCard(options) {
   const {
     item,
@@ -2977,7 +3670,7 @@ function useKeepItemCard(options) {
     onRemoveError,
     onRemoved
   } = options;
-  const itemState = useKeepItem2(item);
+  const itemState = useKeepItem5(item);
   const emitFeedback = useKeepUiFeedback();
   const removedMessage = useUiLabel("removedMessage");
   const restoredMessage = useUiLabel("restoredMessage");
@@ -3060,7 +3753,7 @@ function getDisplayStatus2(status) {
 }
 
 // src/features/item/KeepItemCard.tsx
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var KeepItemCardContext = createContext3(null);
 function useKeepItemCardCompound(part) {
   const context = useContext3(KeepItemCardContext);
@@ -3077,6 +3770,7 @@ function KeepItemCardRoot({
   renderTags,
   showTags = true,
   showSavedAt = true,
+  collectionLabels,
   imageAlt,
   render,
   children,
@@ -3120,17 +3814,17 @@ function KeepItemCardRoot({
       onClick: (event) => onOpen?.(item, event),
       children: content
     };
-    return LinkComponent ? /* @__PURE__ */ jsx13(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx13("a", { ...linkProps });
+    return LinkComponent ? /* @__PURE__ */ jsx16(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx16("a", { ...linkProps });
   }
   function renderTitle(content) {
     if (linkTarget !== "title") return content;
     if (view.isAvailable) return renderLink(content);
-    return view.href ? /* @__PURE__ */ jsx13("span", { "aria-disabled": "true", "data-link-disabled": "true", children: content }) : content;
+    return view.href ? /* @__PURE__ */ jsx16("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] = useState8(imageSource ? "loading" : "error");
-  useEffect5(() => {
+  const [imageStatus, setImageStatus] = useState11(imageSource ? "loading" : "error");
+  useEffect7(() => {
     setImageStatus(imageSource ? "loading" : "error");
   }, [imageSource]);
   let image = null;
@@ -3148,21 +3842,21 @@ function KeepItemCardRoot({
         setImageStatus("error");
       }
     };
-    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx13(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx13("img", { ...imagePropsWithHandlers, alt: imagePropsWithHandlers.alt }));
+    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx16(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx16("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__ */ jsxs10("div", { "data-card-meta": true, children: [
-    /* @__PURE__ */ jsxs10("span", { children: [
+  const meta = showSavedAt ? /* @__PURE__ */ jsxs14("div", { "data-card-meta": true, children: [
+    /* @__PURE__ */ jsxs14("span", { children: [
       view.labels.savedAt,
       ":"
     ] }),
     " ",
-    /* @__PURE__ */ jsx13("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
+    /* @__PURE__ */ jsx16("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
   ] }) : null;
-  const error = view.itemState.error ? /* @__PURE__ */ jsx13("p", { role: "alert", children: getErrorMessage2(view.itemState.error, view.labels.error) }) : null;
-  const actions = view.statusLabel ? /* @__PURE__ */ jsx13(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    showSaveButton ? /* @__PURE__ */ jsx13(
+  const error = view.itemState.error ? /* @__PURE__ */ jsx16("p", { role: "alert", children: getErrorMessage2(view.itemState.error, view.labels.error) }) : null;
+  const actions = view.statusLabel ? /* @__PURE__ */ jsx16(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    showSaveButton ? /* @__PURE__ */ jsx16(
       KeepButton,
       {
         item: toKeepButtonItem(item),
@@ -3170,7 +3864,7 @@ function KeepItemCardRoot({
         getAriaLabel: (buttonState) => `${buttonState.isSaved ? view.labels.remove : view.labels.save} ${String(view.resolvedTitle)}`
       }
     ) : null,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx16(
       "button",
       {
         type: "button",
@@ -3182,6 +3876,8 @@ function KeepItemCardRoot({
     )
   ] });
   const compoundValue = {
+    item,
+    collectionLabel: item.collectionId ? collectionLabels?.[item.collectionId] ?? item.collectionId : void 0,
     resolvedTitle: view.resolvedTitle,
     renderTitle,
     image: imageStatus === "error" ? null : image,
@@ -3193,12 +3889,12 @@ function KeepItemCardRoot({
     meta,
     error,
     actions,
-    renderText: (content) => /* @__PURE__ */ jsx13(KeepHighlight, { query: searchQuery, children: content })
+    renderText: (content) => /* @__PURE__ */ jsx16(KeepHighlight, { query: searchQuery, children: content })
   };
-  const defaultBody = /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx13(KeepItemCardMedia, {}),
-    /* @__PURE__ */ jsx13(KeepItemCardContent, {}),
-    /* @__PURE__ */ jsx13(KeepItemCardActions, {})
+  const defaultBody = /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    /* @__PURE__ */ jsx16(KeepItemCardMedia, {}),
+    /* @__PURE__ */ jsx16(KeepItemCardContent, {}),
+    /* @__PURE__ */ jsx16(KeepItemCardActions, {})
   ] });
   const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? defaultBody;
   const linkedBody = linkTarget === "card" && view.isAvailable ? renderLink(body) : body;
@@ -3219,18 +3915,18 @@ function KeepItemCardRoot({
     linkedBody,
     "KeepItemCard"
   );
-  return /* @__PURE__ */ jsx13(KeepItemCardContext.Provider, { value: compoundValue, children: root });
+  return /* @__PURE__ */ jsx16(KeepItemCardContext.Provider, { value: compoundValue, children: root });
 }
 function KeepItemCardMedia({ children, fallback, ...props }) {
   const context = useKeepItemCardCompound("Media");
-  return /* @__PURE__ */ jsx13("div", { ...props, "data-keep-card-part": "media", "data-media-status": context.imageStatus, "data-aspect-ratio": "1/1", children: children ?? context.image ?? /* @__PURE__ */ jsx13("span", { role: "img", "aria-label": context.fallbackLabel, "data-keep-card-fallback": "true", children: fallback ?? /* @__PURE__ */ jsx13(KeepMediaPlaceholderIcon, {}) }) });
+  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, {}) }) });
 }
 function KeepItemCardContent({ children, ...props }) {
   const context = useKeepItemCardCompound("Content");
-  return /* @__PURE__ */ jsx13("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx13(KeepItemCardTitle, {}),
+  return /* @__PURE__ */ jsx16("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    /* @__PURE__ */ jsx16(KeepItemCardTitle, {}),
     context.meta,
-    /* @__PURE__ */ jsx13(KeepItemCardTags, {}),
+    /* @__PURE__ */ jsx16(KeepItemCardTags, {}),
     context.error
   ] }) : context.renderText(children) });
 }
@@ -3243,8 +3939,8 @@ function KeepItemCardTitle({ as = "h3", children, ...props }) {
   );
 }
 function KeepMediaPlaceholderIcon() {
-  return /* @__PURE__ */ jsxs10("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs14("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16(
       "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",
@@ -3252,34 +3948,53 @@ function KeepMediaPlaceholderIcon() {
         stroke: "currentColor"
       }
     ),
-    /* @__PURE__ */ jsx13("circle", { cx: "9", cy: "9", r: "1.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx13("path", { d: "m5.5 18 4.5-4.5 3 3 2-2L19 18", fill: "none", 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" })
   ] });
 }
 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__ */ jsx13("ul", { ...props, "aria-label": props["aria-label"] ?? context.tagsLabel, "data-keep-card-part": "tags", children: children ?? context.tags.map((tag) => /* @__PURE__ */ jsx13("li", { children: tag }, tag)) });
+  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)) });
 }
 function KeepItemCardActions({ children, ...props }) {
   const context = useKeepItemCardCompound("Actions");
-  return /* @__PURE__ */ jsx13("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
+  return /* @__PURE__ */ jsx16("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
+}
+function KeepItemCardPin({ children, ...props }) {
+  const context = useKeepItemCardCompound("Pin");
+  return /* @__PURE__ */ jsx16(KeepPinButton, { ...props, item: context.item, children });
+}
+function KeepItemCardArchive({
+  children,
+  ...props
+}) {
+  const context = useKeepItemCardCompound("Archive");
+  return /* @__PURE__ */ jsx16(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 });
 }
 var KeepItemCard = Object.assign(KeepItemCardRoot, {
   Media: KeepItemCardMedia,
   Content: KeepItemCardContent,
   Title: KeepItemCardTitle,
   Tags: KeepItemCardTags,
-  Actions: KeepItemCardActions
+  Actions: KeepItemCardActions,
+  Pin: KeepItemCardPin,
+  Archive: KeepItemCardArchive,
+  CollectionBadge: KeepItemCardCollectionBadge
 });
 function KeepItemCardSkeleton({ layout = "list", ...props }) {
-  return /* @__PURE__ */ jsxs10("article", { ...props, "aria-hidden": "true", "data-keepkit": "card-skeleton", "data-layout": layout, "data-state": "loading", children: [
-    /* @__PURE__ */ jsx13("span", { "data-skeleton-part": "media" }),
-    /* @__PURE__ */ jsx13("span", { "data-skeleton-part": "title" }),
-    /* @__PURE__ */ jsx13("span", { "data-skeleton-part": "meta" }),
-    /* @__PURE__ */ jsx13("span", { "data-skeleton-part": "tag" }),
-    /* @__PURE__ */ jsx13("span", { "data-skeleton-part": "tag" })
+  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" })
   ] });
 }
 function formatSavedAt(timestamp) {
@@ -3291,7 +4006,7 @@ function getErrorMessage2(error, fallback) {
 
 // src/features/status/KeepEmptyState.tsx
 import { isValidElement as isValidElement5 } from "react";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function KeepEmptyState({
   title,
   description,
@@ -3310,10 +4025,10 @@ function KeepEmptyState({
   );
   const clearLabel = useUiLabel("clearFilters");
   const contentChildren = asChild && isValidElement5(children) ? void 0 : children;
-  const body = contentChildren ?? /* @__PURE__ */ jsxs11(Fragment8, { children: [
-    /* @__PURE__ */ jsx14("h2", { children: title ?? defaultTitle }),
-    description ?? /* @__PURE__ */ jsx14("p", { children: defaultDescription }),
-    action ?? (resolvedVariant === "empty-filtered" && onClearFilters ? /* @__PURE__ */ jsx14("button", { type: "button", "data-keep-action": "clear-filters", onClick: onClearFilters, children: clearLabel }) : null)
+  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)
   ] });
   return renderRoot(
     asChild,
@@ -3339,17 +4054,17 @@ function useKeepListView(query) {
 }
 
 // src/features/collection/hooks/useRovingTabIndex.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef4 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef7 } from "react";
 function useRovingTabIndex() {
-  const ref = useRef4(null);
-  const getItems = useCallback3(() => {
+  const ref = useRef7(null);
+  const getItems = useCallback5(() => {
     const root = ref.current;
     if (!root) return [];
     return Array.from(root.querySelectorAll('[data-keepkit="card"]')).filter(
       (item) => item.getAttribute("aria-hidden") !== "true" && item.getAttribute("data-roving-disabled") !== "true"
     );
   }, []);
-  const syncTabIndices = useCallback3(() => {
+  const syncTabIndices = useCallback5(() => {
     const items = getItems();
     if (items.length === 0) return;
     const activeElement = document.activeElement;
@@ -3359,7 +4074,7 @@ function useRovingTabIndex() {
       item.tabIndex = index === activeIndex ? 0 : -1;
     });
   }, [getItems]);
-  useEffect6(() => {
+  useEffect8(() => {
     const root = ref.current;
     if (!root) return;
     syncTabIndices();
@@ -3367,7 +4082,7 @@ function useRovingTabIndex() {
     observer.observe(root, { childList: true, subtree: true });
     return () => observer.disconnect();
   }, [syncTabIndices]);
-  const onFocusCapture = useCallback3(
+  const onFocusCapture = useCallback5(
     (event) => {
       if (!(event.target instanceof HTMLElement)) return;
       const item = event.target.closest('[data-keepkit="card"]');
@@ -3378,7 +4093,7 @@ function useRovingTabIndex() {
     },
     [getItems]
   );
-  const onKeyDown = useCallback3(
+  const onKeyDown = useCallback5(
     (event) => {
       if (event.defaultPrevented) return;
       const items = getItems();
@@ -3404,12 +4119,12 @@ function useRovingTabIndex() {
 }
 
 // src/features/collection/KeepList.tsx
-import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function KeepList(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...listProps } = props;
-  const content = /* @__PURE__ */ jsx15(KeepListContent, { ...listProps });
+  const content = /* @__PURE__ */ jsx18(KeepListContent, { ...listProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx15(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx18(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepListContent({
   query,
@@ -3459,7 +4174,7 @@ function KeepListContent({
       "data-loading": state.isLoading ? "true" : void 0,
       "data-roving-tabindex": "true",
       role: rootProps.role ?? "group",
-      ref: roving.ref,
+      ref: composeRefs(roving.ref, rootProps.ref),
       onKeyDown: (event) => {
         onKeyDown?.(event);
         if (!event.defaultPrevented) roving.onKeyDown(event);
@@ -3469,7 +4184,7 @@ function KeepListContent({
         if (!event.defaultPrevented) roving.onFocusCapture(event);
       }
     },
-    /* @__PURE__ */ jsx15(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
+    /* @__PURE__ */ jsx18(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
     "KeepList"
   );
 }
@@ -3484,17 +4199,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__ */ jsxs12(Fragment9, { children: [
-      /* @__PURE__ */ jsx15("span", { role: "status", "data-keepkit": "loading-label", children: options.loadingLabel }),
-      /* @__PURE__ */ jsx15("ul", { "data-keepkit": "skeleton-list", "data-layout": options.layout, children: Array.from({ length: count }, (_, index) => (
+    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) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: Static loading placeholders never reorder.
-        /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(KeepItemCardSkeleton, { layout: options.layout }) }, index)
+        /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(KeepItemCardSkeleton, { layout: options.layout }) }, index)
       )) })
     ] });
   }
   if (state.isHydrated && state.items.length === 0) {
     if (options.empty !== void 0) return resolveContent(options.empty, state);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(
       KeepEmptyState,
       {
         variant: options.allItemCount > 0 && hasActiveQueryFilters(options.query) ? "empty-filtered" : "empty-storage",
@@ -3504,24 +4219,24 @@ 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__ */ jsx15("ul", { "data-layout": options.layout, children: state.items.map(
-    (item) => options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx15("li", { children: /* @__PURE__ */ jsx15(KeepItemCard, { item, ...options.itemCardProps }) }, item.id)
+  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)
   ) });
 }
 function hasActiveQueryFilters(query) {
   if (!query) return false;
   return Boolean(
-    query.search?.query?.trim() || query.tags?.some((tag) => tag.trim()) || query.targetType || query.savedBetween || query.filter
+    query.search?.query?.trim() || query.tags?.some((tag) => tag.trim()) || query.targetType || query.savedBetween || query.archived !== void 0 || query.collectionId || query.filter
   );
 }
 
 // src/features/collection/KeepCollection.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function KeepCollection(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...collectionProps } = props;
-  const content = /* @__PURE__ */ jsx16(KeepCollectionContent, { ...collectionProps });
+  const content = /* @__PURE__ */ jsx19(KeepCollectionContent, { ...collectionProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx16(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx19(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepCollectionContent({
   query = {},
@@ -3530,6 +4245,7 @@ function KeepCollectionContent({
   urlSync = false,
   urlAdapter,
   features,
+  collectionLabels,
   renderItem,
   itemCardProps,
   loading,
@@ -3542,7 +4258,7 @@ function KeepCollectionContent({
   ...rootProps
 }) {
   const view = useKeepCollection({ query, pageSize, urlSync, urlAdapter, features });
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs17(
     "section",
     {
       ...rootProps,
@@ -3553,12 +4269,20 @@ function KeepCollectionContent({
       "data-state": getCollectionState(view.list),
       "data-loading": view.list.isLoading || view.list.isMutating ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs13("div", { children: [
-          view.enabled.search ? /* @__PURE__ */ jsx16(KeepSearchInput, { value: view.searchValue, onValueChange: view.setSearchValue }) : null,
-          view.enabled.sort ? /* @__PURE__ */ jsx16(KeepSortSelect, { value: view.sortValue, onValueChange: view.setSortValue }) : null,
-          view.enabled.tagFilter ? /* @__PURE__ */ jsx16(KeepTagFilter, { query, value: view.activeTags[0], onValueChange: view.setTag }) : null
+        /* @__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__ */ jsx16(
+        activeFilters === void 0 ? /* @__PURE__ */ jsx19(
           KeepActiveFiltersSummary,
           {
             search: view.searchValue,
@@ -3568,7 +4292,7 @@ function KeepCollectionContent({
             onClear: view.clearFilters
           }
         ) : resolveContent(activeFilters, view.list),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx19(
           KeepList,
           {
             query: view.resolvedQuery,
@@ -3583,7 +4307,7 @@ function KeepCollectionContent({
             error
           }
         ),
-        view.enabled.pagination ? /* @__PURE__ */ jsx16(
+        view.enabled.pagination ? /* @__PURE__ */ jsx19(
           KeepPagination,
           {
             totalCount: view.list.totalCount,
@@ -3592,7 +4316,7 @@ function KeepCollectionContent({
             onPageChange: view.setPage
           }
         ) : null,
-        view.enabled.bulkActions ? /* @__PURE__ */ jsx16(KeepBulkActions, { query: view.resolvedQuery }) : null
+        view.enabled.bulkActions ? /* @__PURE__ */ jsx19(KeepBulkActions, { query: view.resolvedQuery }) : null
       ]
     }
   );
@@ -3605,12 +4329,12 @@ function getCollectionState(list) {
 }
 
 // src/features/collection/KeepLayout.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } 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__ */ jsx17(
+    /* @__PURE__ */ jsx20(
       "div",
       {
         ...props,
@@ -3634,8 +4358,8 @@ function KeepLayout({ layout = "list", children, onKeyDown, onFocusCapture, ...p
 }
 
 // src/features/collection/KeepReorderableList.tsx
-import { useState as useState9 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { useState as useState12 } from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function KeepReorderableList({
   items,
   onReorder,
@@ -3643,8 +4367,8 @@ function KeepReorderableList({
   itemLabel = (_item, index) => `Move item ${index + 1}`,
   ...props
 }) {
-  const [draggedId, setDraggedId] = useState9(null);
-  const [dropTargetIndex, setDropTargetIndex] = useState9(null);
+  const [draggedId, setDraggedId] = useState12(null);
+  const [dropTargetIndex, setDropTargetIndex] = useState12(null);
   const ids = items.map((item) => item.id);
   function commit(nextIds) {
     void onReorder(nextIds);
@@ -3669,7 +4393,7 @@ function KeepReorderableList({
     if (next[index] === id) return;
     commit(next);
   }
-  return /* @__PURE__ */ jsx18("ul", { ...props, "data-keepkit": "reorderable-list", children: items.map((item, index) => {
+  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) => {
@@ -3704,7 +4428,7 @@ function KeepReorderableList({
         onKeyDown: onHandleKeyDown
       }
     };
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx21(
       "li",
       {
         "data-reorder-index": index,
@@ -3739,7 +4463,7 @@ function KeepReorderableList({
 import { isValidElement as isValidElement7 } from "react";
 
 // src/features/navigation/KeepShortcutHint.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
   const keys = typeof shortcut === "string" ? shortcut.split("+") : [...shortcut];
   const occurrences = /* @__PURE__ */ new Map();
@@ -3748,24 +4472,24 @@ function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
     occurrences.set(key, occurrence + 1);
     return { id: `${key}-${occurrence}`, value: key };
   });
-  return /* @__PURE__ */ jsx19("span", { ...props, "data-keepkit": "shortcut-hint", "aria-hidden": props["aria-hidden"] ?? true, children: keyedKeys.map((key, index) => /* @__PURE__ */ jsxs14("span", { children: [
-    index > 0 ? /* @__PURE__ */ jsx19("span", { "data-shortcut-separator": "true", children: separator }) : null,
-    /* @__PURE__ */ jsx19("kbd", { children: key.value.trim() })
+  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() })
   ] }, key.id)) });
 }
 
 // src/features/editor/hooks/useKeepNoteEditor.ts
-import { useKeepItem as useKeepItem3 } from "@keepkit/core/react";
-import { useCallback as useCallback4, useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
+import { useKeepItem as useKeepItem6 } from "@keepkit/core/react";
+import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef8, useState as useState13 } from "react";
 function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
-  const itemState = useKeepItem3(item);
+  const itemState = useKeepItem6(item);
   const { error, isMutating, item: savedItem, updateNote } = itemState;
-  const [note, setNote] = useState10(item.note ?? "");
+  const [note, setNote] = useState13(item.note ?? "");
   const baselineNote = savedItem?.note ?? item.note ?? "";
   const isDirty = note !== baselineNote;
-  const lastSavedNoteRef = useRef5(void 0);
-  useEffect7(() => setNote(baselineNote), [baselineNote]);
-  const save = useCallback4(async () => {
+  const lastSavedNoteRef = useRef8(void 0);
+  useEffect9(() => setNote(baselineNote), [baselineNote]);
+  const save = useCallback6(async () => {
     const nextNote = note.trim() || void 0;
     try {
       await updateNote(nextNote);
@@ -3776,7 +4500,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
       throw cause;
     }
   }, [note, onSaveError, onSaved, updateNote]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!isDirty || debounceMs <= 0 || lastSavedNoteRef.current === note) return;
     const timer = window.setTimeout(() => void save().catch(() => void 0), debounceMs);
     return () => window.clearTimeout(timer);
@@ -3811,7 +4535,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepNoteEditor.tsx
-import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function KeepNoteEditor({
   item,
   label,
@@ -3830,10 +4554,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__ */ jsxs15(Fragment10, { children: [
-    /* @__PURE__ */ jsxs15("label", { children: [
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    /* @__PURE__ */ jsxs19("label", { children: [
       label ?? view.labels.note,
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx23(
         "textarea",
         {
           "data-keep-action": "edit-note",
@@ -3845,13 +4569,13 @@ function KeepNoteEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15("button", { type: "submit", "data-keep-action": "save-note", disabled: isSaving, "aria-busy": isSaving, children: [
+    /* @__PURE__ */ jsxs19("button", { type: "submit", "data-keep-action": "save-note", disabled: isSaving, "aria-busy": isSaving, children: [
       saveLabel ?? view.labels.save,
-      showShortcutHint ? /* @__PURE__ */ jsx20(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
+      showShortcutHint ? /* @__PURE__ */ jsx23(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
     ] })
   ] });
   if (!asChild) {
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs19(
       "form",
       {
         ...formProps,
@@ -3864,7 +4588,7 @@ function KeepNoteEditor({
         "data-disabled": isSaving ? "true" : void 0,
         children: [
           body,
-          error ? /* @__PURE__ */ jsx20("p", { role: "alert", children: getErrorMessage3(error, view.labels.error) }) : null
+          error ? /* @__PURE__ */ jsx23("p", { role: "alert", children: getErrorMessage3(error, view.labels.error) }) : null
         ]
       }
     );
@@ -3891,14 +4615,14 @@ function getErrorMessage3(error, fallback) {
 }
 
 // src/features/editor/hooks/useKeepTagEditor.ts
-import { useKeepItem as useKeepItem4 } from "@keepkit/core/react";
-import { useCallback as useCallback5, useEffect as useEffect8, useState as useState11 } from "react";
+import { useKeepItem as useKeepItem7 } from "@keepkit/core/react";
+import { useCallback as useCallback7, useEffect as useEffect10, useState as useState14 } from "react";
 function useKeepTagEditor({ item, onSaved, onSaveError }) {
-  const itemState = useKeepItem4(item);
-  const [tags, setTags] = useState11(item.tags ?? []);
-  const [input, setInput] = useState11("");
-  useEffect8(() => setTags(itemState.item?.tags ?? item.tags ?? []), [item.tags, itemState.item?.tags]);
-  const save = useCallback5(async () => {
+  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 save = useCallback7(async () => {
     const nextTags = normalizeUiTags(tags);
     try {
       await itemState.updateTags(nextTags);
@@ -3944,7 +4668,7 @@ function useKeepTagEditor({ item, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepTagEditor.tsx
-import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function KeepTagEditor({
   item,
   availableTags = [],
@@ -3955,10 +4679,10 @@ function KeepTagEditor({
 }) {
   const view = useKeepTagEditor({ item, onSaved, onSaveError });
   const { isSaving, tags } = view.state;
-  const body = render ? render(view.state) : /* @__PURE__ */ jsxs16(Fragment11, { children: [
-    /* @__PURE__ */ jsxs16("label", { children: [
+  const body = render ? render(view.state) : /* @__PURE__ */ jsxs20(Fragment12, { children: [
+    /* @__PURE__ */ jsxs20("label", { children: [
       view.labels.tags,
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx24(
         "input",
         {
           "data-keep-action": "edit-tags",
@@ -3969,14 +4693,14 @@ function KeepTagEditor({
         }
       )
     ] }),
-    availableTags.length > 0 ? /* @__PURE__ */ jsx21("datalist", { id: `keep-tags-${item.id}`, children: availableTags.map((tag) => /* @__PURE__ */ jsx21("option", { value: tag }, tag)) }) : null,
-    /* @__PURE__ */ jsx21("ul", { "aria-label": view.labels.tags, children: tags.map((tag) => /* @__PURE__ */ jsxs16("li", { children: [
+    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: [
       tag,
-      /* @__PURE__ */ jsx21("button", { type: "button", "data-keep-action": "remove-tag", onClick: () => view.removeTag(tag), children: view.labels.remove })
+      /* @__PURE__ */ jsx24("button", { type: "button", "data-keep-action": "remove-tag", onClick: () => view.removeTag(tag), children: view.labels.remove })
     ] }, tag)) }),
-    /* @__PURE__ */ jsx21("button", { type: "submit", "data-keep-action": "apply-tags", disabled: isSaving, "aria-busy": isSaving, children: view.labels.apply })
+    /* @__PURE__ */ jsx24("button", { type: "submit", "data-keep-action": "apply-tags", disabled: isSaving, "aria-busy": isSaving, children: view.labels.apply })
   ] });
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs20(
     "form",
     {
       ...props,
@@ -3988,7 +4712,7 @@ function KeepTagEditor({
       "data-disabled": isSaving ? "true" : void 0,
       children: [
         body,
-        view.error ? /* @__PURE__ */ jsx21("p", { role: "alert", children: getErrorMessage4(view.error, view.labels.error) }) : null
+        view.error ? /* @__PURE__ */ jsx24("p", { role: "alert", children: getErrorMessage4(view.error, view.labels.error) }) : null
       ]
     }
   );
@@ -3998,9 +4722,9 @@ function getErrorMessage4(error, fallback) {
 }
 
 // src/features/feedback/useKeepToastFeedback.ts
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback8 } from "react";
 function useKeepToastFeedback(showToast) {
-  return useCallback6(
+  return useCallback8(
     (event) => {
       if (!("undo" in event)) {
         showToast(event.message);
@@ -4022,7 +4746,7 @@ import { useKeepNavigator } from "@keepkit/core/react";
 import { useId } from "react";
 
 // src/features/navigation/hooks/useKeepTourShortcuts.ts
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect11 } from "react";
 function useKeepTourShortcuts({
   onNext,
   onPrev,
@@ -4033,7 +4757,7 @@ function useKeepTourShortcuts({
   prevKeys = ["k", "["],
   onError
 }) {
-  useEffect9(() => {
+  useEffect11(() => {
     if (!enabled) return;
     const handleKeyDown = (event) => {
       if (!allowInEditable && isEditableTarget(event.target)) return;
@@ -4054,7 +4778,7 @@ function isEditableTarget(target) {
 }
 
 // src/features/navigation/KeepTourBar.tsx
-import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function KeepTourBar({
   navigation: providedNavigation,
   currentId,
@@ -4096,9 +4820,9 @@ function KeepTourBar({
       return resolvedPrev();
     }
   });
-  const body = /* @__PURE__ */ jsxs17(Fragment12, { children: [
-    showProgress ? /* @__PURE__ */ jsx22("span", { "data-keepkit": "tour-progress", "aria-live": "polite", children: progress ?? `${navigation.currentPosition ?? 0} / ${navigation.items.length}` }) : null,
-    /* @__PURE__ */ jsx22(
+  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(
       TourAction,
       {
         href: prevHref,
@@ -4106,7 +4830,7 @@ function KeepTourBar({
         onClick: prevHref ? onPrev : resolvedPrev,
         "data-keep-action": "tour-prev",
         shortcut: showShortcutHint ? shortcutOptions?.prevKeys?.[0] ?? "K" : void 0,
-        preview: navigation.prevItem ? /* @__PURE__ */ jsxs17(Fragment12, { children: [
+        preview: navigation.prevItem ? /* @__PURE__ */ jsxs21(Fragment13, { children: [
           previousLabel,
           ": ",
           getItemTitle(navigation.prevItem)
@@ -4114,7 +4838,7 @@ function KeepTourBar({
         children: previousLabel
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx25(
       TourAction,
       {
         href: nextHref,
@@ -4122,7 +4846,7 @@ function KeepTourBar({
         onClick: nextHref ? onNext : resolvedNext,
         "data-keep-action": "tour-next",
         shortcut: showShortcutHint ? shortcutOptions?.nextKeys?.[0] ?? "J" : void 0,
-        preview: navigation.nextItem ? /* @__PURE__ */ jsxs17(Fragment12, { children: [
+        preview: navigation.nextItem ? /* @__PURE__ */ jsxs21(Fragment13, { children: [
           nextItemLabel,
           ": ",
           getItemTitle(navigation.nextItem)
@@ -4130,7 +4854,7 @@ function KeepTourBar({
         children: nextItemLabel
       }
     ),
-    backHref || onBack ? /* @__PURE__ */ jsx22(TourAction, { href: backHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
+    backHref || onBack ? /* @__PURE__ */ jsx25(TourAction, { href: backHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
   ] });
   return renderRoot(
     asChild,
@@ -4142,13 +4866,13 @@ function KeepTourBar({
 }
 function TourAction({ href, disabled = false, onClick, children, preview, shortcut, ...props }) {
   const previewId = useId();
-  const content = /* @__PURE__ */ jsxs17(Fragment12, { children: [
-    /* @__PURE__ */ jsx22("span", { "data-tour-label": "true", children }),
-    shortcut ? /* @__PURE__ */ jsx22(KeepShortcutHint, { shortcut }) : null,
-    preview ? /* @__PURE__ */ jsx22("small", { id: previewId, "data-tour-preview": "true", children: preview }) : null
+  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
   ] });
   if (href && !disabled) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx25(
       "a",
       {
         ...props,
@@ -4160,7 +4884,7 @@ function TourAction({ href, disabled = false, onClick, children, preview, shortc
       }
     );
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       ...props,
@@ -4183,10 +4907,10 @@ function navigateTo(item, href) {
 import { isValidElement as isValidElement8 } from "react";
 
 // src/features/status/hooks/useStatusViews.ts
-import { useKeepContext as useKeepContext4 } from "@keepkit/core/react";
-import { useEffect as useEffect10, useRef as useRef6, useState as useState12 } from "react";
+import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState15 } from "react";
 function useKeepStatus(status) {
-  const context = useKeepContext4();
+  const context = useKeepContext6();
   const resolvedStatus = status ?? getDerivedStatus(context);
   const state = {
     status: resolvedStatus,
@@ -4197,13 +4921,13 @@ function useKeepStatus(status) {
   return { state, defaultLabel: useUiLabel(getStatusLabelKey3(resolvedStatus)) };
 }
 function useKeepAnnouncements(messages) {
-  const context = useKeepContext4();
+  const context = useKeepContext6();
   const savedMessage = useUiLabel("savedMessage", messages?.save);
   const removedMessage = useUiLabel("removedMessage", messages?.remove);
   const noteSavedMessage = useUiLabel("noteSavedMessage", messages?.note);
-  const [message, setMessage] = useState12("");
-  const lastChangeRef = useRef6(void 0);
-  useEffect10(() => {
+  const [message, setMessage] = useState15("");
+  const lastChangeRef = useRef9(void 0);
+  useEffect12(() => {
     const change = context.lastChange;
     if (!change || change === lastChangeRef.current) return;
     lastChangeRef.current = change;
@@ -4231,7 +4955,7 @@ function getStatusLabelKey3(status) {
 }
 
 // src/features/status/status.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function KeepStatus({
   status,
   labels,
@@ -4263,7 +4987,7 @@ function KeepStatus({
 }
 function KeepAnnouncements({ messages, ...props }) {
   const message = useKeepAnnouncements(messages);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       ...props,
@@ -4279,15 +5003,15 @@ function KeepAnnouncements({ messages, ...props }) {
 var KeepAnnouncer = KeepAnnouncements;
 
 // src/features/sync/hooks/useKeepSyncFeedback.ts
-import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
-import { useEffect as useEffect11, useRef as useRef7 } from "react";
+import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
+import { useEffect as useEffect13, useRef as useRef10 } from "react";
 function useKeepSyncFeedback() {
-  const { syncState } = useKeepContext5();
+  const { syncState } = useKeepContext7();
   const emitFeedback = useKeepUiFeedback();
   const completedMessage = useUiLabel("syncSynced");
   const failedMessage = useUiLabel("syncFailedMessage");
-  const previousStatus = useRef7("idle");
-  useEffect11(() => {
+  const previousStatus = useRef10("idle");
+  useEffect13(() => {
     const previous = previousStatus.current;
     previousStatus.current = syncState.status;
     if (syncState.status === "error" && previous !== "error") {
@@ -4307,17 +5031,17 @@ function KeepSyncFeedbackObserver() {
 }
 
 // src/features/sync/hooks/useKeepSyncRecoveryDialog.ts
-import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
-import { useEffect as useEffect12, useState as useState13 } from "react";
+import { useKeepContext as useKeepContext8 } from "@keepkit/core/react";
+import { useEffect as useEffect14, useState as useState16 } from "react";
 function useKeepSyncRecoveryDialog(options) {
   const { open, onOpenChange, conflicts, onManualMerge } = options;
-  const context = useKeepContext6();
+  const context = useKeepContext8();
   const conflictList = conflicts ?? context.syncState.conflicts ?? [];
   const hasRecovery = conflictList.length > 0 || context.syncState.status === "error" || Boolean(context.error);
-  const [dismissed, setDismissed] = useState13(false);
-  const [busyId, setBusyId] = useState13();
-  const [error, setError] = useState13();
-  useEffect12(() => {
+  const [dismissed, setDismissed] = useState16(false);
+  const [busyId, setBusyId] = useState16();
+  const [error, setError] = useState16();
+  useEffect14(() => {
     if (hasRecovery) setDismissed(false);
   }, [hasRecovery]);
   return {
@@ -4362,7 +5086,7 @@ function useKeepSyncRecoveryDialog(options) {
 }
 
 // src/features/sync/KeepSyncRecoveryDialog.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function KeepSyncRecoveryDialog({
   open,
   onOpenChange,
@@ -4377,7 +5101,7 @@ function KeepSyncRecoveryDialog({
 }) {
   const view = useKeepSyncRecoveryDialog({ open, onOpenChange, conflicts, onManualMerge });
   if (!view.isOpen) return null;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs22(
     "section",
     {
       ...props,
@@ -4391,17 +5115,17 @@ function KeepSyncRecoveryDialog({
       "data-state": view.conflictList.length > 0 ? "conflict" : "error",
       "data-loading": view.busyId !== void 0 ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs18("header", { children: [
-          /* @__PURE__ */ jsx24("h2", { id: "keepkit-sync-recovery-title", children: title ?? view.labels.title }),
-          /* @__PURE__ */ jsx24("button", { type: "button", "data-keep-action": "close-dialog", onClick: view.close, "aria-label": view.labels.close, children: view.labels.close })
+        /* @__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 })
         ] }),
         children,
-        view.conflictList.length > 0 ? /* @__PURE__ */ jsxs18("div", { children: [
-          /* @__PURE__ */ jsx24("p", { children: view.labels.conflict }),
-          view.conflictList.map((conflict) => /* @__PURE__ */ jsxs18("article", { "data-conflict-id": conflict.id, children: [
-            /* @__PURE__ */ jsx24("h3", { children: getMetaTitle(conflict.operation.item?.meta) ?? conflict.id }),
-            /* @__PURE__ */ jsxs18("div", { "data-conflict-preview": true, children: [
-              /* @__PURE__ */ jsx24(
+        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(
                 ConflictPreview,
                 {
                   item: conflict.operation.item,
@@ -4411,7 +5135,7 @@ function KeepSyncRecoveryDialog({
                   side: "local"
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx27(
                 ConflictPreview,
                 {
                   item: conflict.remote,
@@ -4422,8 +5146,8 @@ function KeepSyncRecoveryDialog({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs18("div", { children: [
-              /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsxs22("div", { children: [
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -4433,7 +5157,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.keepLocal
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -4443,7 +5167,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.useServer
                 }
               ),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -4456,12 +5180,12 @@ function KeepSyncRecoveryDialog({
             ] })
           ] }, conflict.id))
         ] }) : null,
-        view.showBackupRecovery ? /* @__PURE__ */ jsxs18("section", { "data-recovery": "backup", children: [
-          /* @__PURE__ */ jsx24("h3", { children: view.labels.backupRecovery }),
-          /* @__PURE__ */ jsx24("p", { children: view.labels.backupRecoveryDescription }),
-          backup ?? (showBackupControls ? /* @__PURE__ */ jsx24(KeepBackup, {}) : 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)
         ] }) : null,
-        view.error ? /* @__PURE__ */ jsx24("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__ */ jsx27("p", { id: "keepkit-sync-recovery-error", role: "alert", "aria-live": "assertive", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
       ]
     }
   );
@@ -4473,16 +5197,16 @@ function ConflictPreview({
   noteLabel,
   side
 }) {
-  return /* @__PURE__ */ jsxs18("article", { "data-conflict-version": side, "aria-label": heading, children: [
-    /* @__PURE__ */ jsx24("h4", { children: heading }),
-    /* @__PURE__ */ jsxs18("dl", { children: [
-      /* @__PURE__ */ jsxs18("div", { children: [
-        /* @__PURE__ */ jsx24("dt", { children: updatedAtLabel }),
-        /* @__PURE__ */ jsx24("dd", { children: item ? /* @__PURE__ */ jsx24("time", { dateTime: new Date(item.updatedAt).toISOString(), children: formatConflictDate(item.updatedAt) }) : "\u2014" })
+  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" })
       ] }),
-      /* @__PURE__ */ jsxs18("div", { children: [
-        /* @__PURE__ */ jsx24("dt", { children: noteLabel }),
-        /* @__PURE__ */ jsx24("dd", { children: item?.note || "\u2014" })
+      /* @__PURE__ */ jsxs22("div", { children: [
+        /* @__PURE__ */ jsx27("dt", { children: noteLabel }),
+        /* @__PURE__ */ jsx27("dd", { children: item?.note || "\u2014" })
       ] })
     ] })
   ] });
@@ -4492,9 +5216,9 @@ function formatConflictDate(timestamp) {
 }
 
 // src/features/sync/hooks/useKeepSyncStatusBanner.ts
-import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
+import { useKeepContext as useKeepContext9 } from "@keepkit/core/react";
 function useKeepSyncStatusBanner({ onRetry, children }) {
-  const context = useKeepContext7();
+  const context = useKeepContext9();
   const retryLabel = useUiLabel("retrySync");
   const resolveLabel = useUiLabel("resolveSync");
   const conflictLabel = useUiLabel("syncConflict");
@@ -4526,7 +5250,7 @@ function getErrorMessage5(error) {
 }
 
 // src/features/sync/KeepSyncStatusBanner.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function KeepSyncStatusBanner({
   onRetry,
   onResolveConflicts,
@@ -4536,7 +5260,7 @@ function KeepSyncStatusBanner({
 }) {
   const view = useKeepSyncStatusBanner({ onRetry, children });
   if (view.status === "idle" && !view.hasConflicts) return null;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs23(
     "aside",
     {
       ...props,
@@ -4546,8 +5270,8 @@ function KeepSyncStatusBanner({
       "data-keepkit": "sync-status",
       "data-state": view.status,
       children: [
-        /* @__PURE__ */ jsx25("p", { children: view.message }),
-        view.showRetry ? /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx28("p", { children: view.message }),
+        view.showRetry ? /* @__PURE__ */ jsx28(
           "button",
           {
             type: "button",
@@ -4557,7 +5281,7 @@ function KeepSyncStatusBanner({
             children: view.retryLabel
           }
         ) : null,
-        view.hasConflicts ? /* @__PURE__ */ jsx25(
+        view.hasConflicts ? /* @__PURE__ */ jsx28(
           "button",
           {
             type: "button",
@@ -4574,7 +5298,7 @@ function KeepSyncStatusBanner({
 
 // src/foundation/theme.tsx
 import { isValidElement as isValidElement9 } from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var keepThemeNames = [
   "default",
   "ocean",
@@ -4633,7 +5357,7 @@ function KeepThemeProvider({
       throw new Error("KeepThemeProvider with asChild requires a single React element child.");
     return createSlot(children, rootProps);
   }
-  return /* @__PURE__ */ jsx26("div", { ...rootProps, children });
+  return /* @__PURE__ */ jsx29("div", { ...rootProps, children });
 }
 
 // src/index.tsx
@@ -4641,8 +5365,8 @@ import { createAuthenticatedSyncKit } from "@keepkit/core/core";
 import {
   KeepErrorBoundary as KeepErrorBoundary3,
   KeepProvider,
-  useKeepContext as useKeepContext8,
-  useKeepItem as useKeepItem5,
+  useKeepContext as useKeepContext10,
+  useKeepItem as useKeepItem8,
   useKeepList as useKeepList5,
   useKeepNavigator as useKeepNavigator2,
   useKeepShortcut
@@ -4657,7 +5381,7 @@ import {
   LocalStorageSyncQueueAdapter,
   SyncStorageAdapter
 } from "@keepkit/core/storage";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function KeepKitProvider({
   labels,
   locale,
@@ -4677,7 +5401,7 @@ function KeepKitProvider({
   children,
   ...providerProps
 }) {
-  return /* @__PURE__ */ jsx27(KeepUiProvider, { labels, locale, labelResolver, onFeedback, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx30(KeepUiProvider, { labels, locale, labelResolver, onFeedback, children: /* @__PURE__ */ jsx30(
     KeepThemeProvider,
     {
       theme,
@@ -4691,10 +5415,10 @@ function KeepKitProvider({
       className: themeClassName,
       style: themeStyle,
       asChild: themeAsChild,
-      children: /* @__PURE__ */ jsxs20(CoreKeepProvider, { ...providerProps, children: [
-        /* @__PURE__ */ jsx27(KeepSyncFeedbackObserver, {}),
+      children: /* @__PURE__ */ jsxs24(CoreKeepProvider, { ...providerProps, children: [
+        /* @__PURE__ */ jsx30(KeepSyncFeedbackObserver, {}),
         children,
-        /* @__PURE__ */ jsx27(KeepAnnouncements, {})
+        /* @__PURE__ */ jsx30(KeepAnnouncements, {})
       ] })
     }
   ) });
@@ -4721,7 +5445,7 @@ function createKeepKit(options = {}) {
   } = options;
   const coreKit = createCoreKeepKit(coreOptions);
   return {
-    Provider: (props) => /* @__PURE__ */ jsx27(
+    Provider: (props) => /* @__PURE__ */ jsx30(
       KeepKitProvider,
       {
         ...coreOptions,
@@ -4742,9 +5466,9 @@ function createKeepKit(options = {}) {
         ...props
       }
     ),
-    Button: (props) => /* @__PURE__ */ jsx27(KeepButton, { ...props }),
-    Backup: (props) => /* @__PURE__ */ jsx27(KeepBackup, { ...props }),
-    Collection: (props) => /* @__PURE__ */ jsx27(
+    Button: (props) => /* @__PURE__ */ jsx30(KeepButton, { ...props }),
+    Backup: (props) => /* @__PURE__ */ jsx30(KeepBackup, { ...props }),
+    Collection: (props) => /* @__PURE__ */ jsx30(
       KeepCollection,
       {
         ...props,
@@ -4769,10 +5493,13 @@ export {
   KeepActiveFiltersSummary,
   KeepAnnouncements,
   KeepAnnouncer,
+  KeepArchiveButton,
   KeepBackup,
   KeepBulkActions,
   KeepButton,
   KeepCollection,
+  KeepCollectionFilter,
+  KeepCollectionSelect,
   KeepEmptyState,
   KeepErrorBoundary3 as KeepErrorBoundary,
   KeepHighlight,
@@ -4786,9 +5513,12 @@ export {
   KeepNavigator,
   KeepNoteEditor,
   KeepPagination,
+  KeepPinButton,
   KeepProvider,
   KeepPruneStaleButton,
+  KeepQuickEditor,
   KeepReorderableList,
+  KeepSavePopover,
   KeepSearchInput,
   KeepShortcutHint,
   KeepSortSelect,
@@ -4806,6 +5536,7 @@ export {
   LocalStorageSyncQueueAdapter,
   SyncStorageAdapter,
   chainedFunction,
+  composeRefs,
   createAuthenticatedSyncKit,
   createBrowserStorageAdapter,
   createKeepKit,
@@ -4818,10 +5549,11 @@ export {
   keepThemeNames,
   mergeProps,
   toggleSelectAll,
-  useKeepContext8 as useKeepContext,
-  useKeepItem5 as useKeepItem,
+  useKeepContext10 as useKeepContext,
+  useKeepItem8 as useKeepItem,
   useKeepList5 as useKeepList,
   useKeepNavigator2 as useKeepNavigator,
+  useKeepQuickEditor,
   useKeepShortcut,
   useKeepToastFeedback,
   useKeepTourShortcuts,