qa-notes 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,2120 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import K, { createContext, useMemo, useContext, useState, useRef, useCallback, useEffect, memo } from 'react';
+
+class NotesKitError extends Error {
+  constructor(message, status, body) {
+    super(message);
+    this.name = "NotesKitError";
+    this.status = status;
+    this.body = body;
+  }
+}
+
+class NotesApi {
+  constructor(config) {
+    this.config = config;
+  }
+  /* ── helpers ── */
+  async resolveToken() {
+    const { getToken } = this.config;
+    if (!getToken) return null;
+    if (typeof getToken === "string") return getToken;
+    return getToken();
+  }
+  async request(path, init = {}) {
+    var _a, _b, _c;
+    const token = await this.resolveToken();
+    const url = `${this.config.apiBaseUrl.replace(/\/+$/, "")}${path}`;
+    const headers = {
+      "Content-Type": "application/json",
+      ...this.config.headers
+    };
+    if (token) {
+      headers["Authorization"] = `Bearer ${token}`;
+    }
+    const res = await fetch(url, {
+      ...init,
+      headers: { ...headers, ...init.headers },
+      credentials: token ? "same-origin" : "include"
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => null);
+      const err = new NotesKitError(
+        (_a = body == null ? void 0 : body.message) != null ? _a : `Request failed: ${res.status}`,
+        res.status,
+        body
+      );
+      (_c = (_b = this.config).onError) == null ? void 0 : _c.call(_b, err);
+      throw err;
+    }
+    if (res.status === 204) return void 0;
+    return res.json();
+  }
+  /* ── Notes ── */
+  async listNotes(params) {
+    const qs = new URLSearchParams();
+    if (params == null ? void 0 : params.search) qs.set("search", params.search);
+    if (params == null ? void 0 : params.folderId) qs.set("folderId", params.folderId);
+    if ((params == null ? void 0 : params.rootOnly) != null) qs.set("rootOnly", String(params.rootOnly));
+    if (params == null ? void 0 : params.from) qs.set("from", params.from);
+    if (params == null ? void 0 : params.to) qs.set("to", params.to);
+    if ((params == null ? void 0 : params.page) != null) qs.set("page", String(params.page));
+    if ((params == null ? void 0 : params.size) != null) qs.set("size", String(params.size));
+    if (params == null ? void 0 : params.sort) qs.set("sort", params.sort);
+    const query = qs.toString();
+    return this.request(`/notes${query ? `?${query}` : ""}`);
+  }
+  async suggest(prefix, limit = 5) {
+    const qs = new URLSearchParams({ prefix, limit: String(limit) });
+    return this.request(`/notes/suggest?${qs}`);
+  }
+  async getNote(id) {
+    return this.request(`/notes/${id}`);
+  }
+  async createNote(payload) {
+    return this.request("/notes", {
+      method: "POST",
+      body: JSON.stringify(payload)
+    });
+  }
+  async updateNote(id, payload) {
+    return this.request(`/notes/${id}`, {
+      method: "PUT",
+      body: JSON.stringify(payload)
+    });
+  }
+  async moveNote(id, payload) {
+    return this.request(`/notes/${id}/move`, {
+      method: "PUT",
+      body: JSON.stringify(payload)
+    });
+  }
+  async cloneNote(id, payload) {
+    return this.request(`/notes/${id}/clone`, {
+      method: "POST",
+      body: JSON.stringify(payload)
+    });
+  }
+  async deleteNote(id) {
+    return this.request(`/notes/${id}`, { method: "DELETE" });
+  }
+  /* ── Folders ── */
+  async listFolders() {
+    return this.request("/folders");
+  }
+  async getFolderTree() {
+    return this.request("/folders/tree");
+  }
+  async getFolder(id) {
+    return this.request(`/folders/${id}`);
+  }
+  async getFolderChildren(id) {
+    return this.request(`/folders/${id}/children`);
+  }
+  async createFolder(payload) {
+    return this.request("/folders", {
+      method: "POST",
+      body: JSON.stringify(payload)
+    });
+  }
+  async updateFolder(id, payload) {
+    return this.request(`/folders/${id}`, {
+      method: "PUT",
+      body: JSON.stringify(payload)
+    });
+  }
+  async deleteFolder(id) {
+    return this.request(`/folders/${id}`, { method: "DELETE" });
+  }
+}
+
+const NotesKitContext = createContext(null);
+function useNotesKitContext() {
+  const ctx = useContext(NotesKitContext);
+  if (!ctx) {
+    throw new Error(
+      "[@nurtelecom-qa/qa-notes] useNotesKitContext must be used inside <NotesKitProvider>"
+    );
+  }
+  return ctx;
+}
+function NotesKitProvider({
+  config,
+  durationFetch,
+  children
+}) {
+  var _a;
+  const resolvedTheme = (_a = config.theme) != null ? _a : "dark";
+  const value = useMemo(
+    () => ({
+      api: new NotesApi(config),
+      config,
+      theme: resolvedTheme,
+      durationFetch
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [config.apiBaseUrl, config.getToken, resolvedTheme, durationFetch]
+  );
+  return /* @__PURE__ */ jsx(NotesKitContext.Provider, { value, children });
+}
+
+function useNotes(initial) {
+  var _a;
+  const { api } = useNotesKitContext();
+  const [notes, setNotes] = useState([]);
+  const [totalElements, setTotalElements] = useState(0);
+  const [totalPages, setTotalPages] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [params, setParamsState] = useState(initial != null ? initial : {});
+  const paramsRef = useRef(params);
+  paramsRef.current = params;
+  const currentPage = (_a = params.page) != null ? _a : 0;
+  const fetchNotes = useCallback(
+    async (override) => {
+      const merged = { ...paramsRef.current, ...override };
+      if (override) setParamsState(merged);
+      setLoading(true);
+      setError(null);
+      try {
+        const res = await api.listNotes(merged);
+        setNotes(res.content);
+        setTotalElements(res.page.totalElements);
+        setTotalPages(res.page.totalPages);
+      } catch (e) {
+        setError(e instanceof Error ? e : new Error(String(e)));
+      } finally {
+        setLoading(false);
+      }
+    },
+    [api]
+  );
+  const create = useCallback(
+    async (payload) => {
+      const note = await api.createNote(payload);
+      setNotes((prev) => [note, ...prev]);
+      setTotalElements((t) => t + 1);
+      return note;
+    },
+    [api]
+  );
+  const update = useCallback(
+    async (id, payload) => {
+      const updated = await api.updateNote(id, payload);
+      setNotes((prev) => prev.map((n) => n.id === id ? updated : n));
+      return updated;
+    },
+    [api]
+  );
+  const move = useCallback(
+    async (id, payload) => {
+      const moved = await api.moveNote(id, payload);
+      setNotes((prev) => prev.map((n) => n.id === id ? moved : n));
+      return moved;
+    },
+    [api]
+  );
+  const clone = useCallback(
+    async (id, payload) => {
+      const cloned = await api.cloneNote(id, payload);
+      return cloned;
+    },
+    [api]
+  );
+  const remove = useCallback(
+    async (id) => {
+      await api.deleteNote(id);
+      setNotes((prev) => prev.filter((n) => n.id !== id));
+      setTotalElements((t) => t - 1);
+    },
+    [api]
+  );
+  const setParams = useCallback((p) => {
+    setParamsState((prev) => ({ ...prev, ...p }));
+  }, []);
+  const goToPage = useCallback((page) => {
+    setParamsState((prev) => ({ ...prev, page }));
+  }, []);
+  useEffect(() => {
+    fetchNotes();
+  }, [params.search, params.folderId, params.rootOnly, params.from, params.to, params.page, params.size, params.sort]);
+  const { durationFetch } = useNotesKitContext();
+  useEffect(() => {
+    if (!durationFetch) return;
+    const id = setInterval(() => {
+      api.listNotes(paramsRef.current).then((res) => {
+        setNotes(res.content);
+        setTotalElements(res.page.totalElements);
+        setTotalPages(res.page.totalPages);
+      }).catch(() => {
+      });
+    }, durationFetch);
+    return () => clearInterval(id);
+  }, [api, durationFetch]);
+  return { notes, totalElements, totalPages, currentPage, loading, error, params, fetch: fetchNotes, create, update, move, clone, remove, setParams, goToPage };
+}
+
+function useFolders() {
+  const { api } = useNotesKitContext();
+  const [folders, setFolders] = useState([]);
+  const [tree, setTree] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchFolders = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await api.listFolders();
+      setFolders(res);
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  const fetchTree = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await api.getFolderTree();
+      setTree(res);
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setLoading(false);
+    }
+  }, [api]);
+  const getFolder = useCallback(
+    async (id) => api.getFolder(id),
+    [api]
+  );
+  const getChildren = useCallback(
+    async (id) => api.getFolderChildren(id),
+    [api]
+  );
+  const create = useCallback(
+    async (payload) => {
+      const folder = await api.createFolder(payload);
+      setFolders((prev) => [...prev, folder]);
+      return folder;
+    },
+    [api]
+  );
+  const update = useCallback(
+    async (id, payload) => {
+      const updated = await api.updateFolder(id, payload);
+      setFolders((prev) => prev.map((f) => f.id === id ? updated : f));
+      return updated;
+    },
+    [api]
+  );
+  const remove = useCallback(
+    async (id) => {
+      await api.deleteFolder(id);
+      setFolders((prev) => prev.filter((f) => f.id !== id));
+    },
+    [api]
+  );
+  useEffect(() => {
+    fetchFolders();
+    fetchTree();
+  }, []);
+  const { durationFetch } = useNotesKitContext();
+  useEffect(() => {
+    if (!durationFetch) return;
+    const id = setInterval(() => {
+      api.listFolders().then((res) => setFolders(res)).catch(() => {
+      });
+      api.getFolderTree().then((res) => setTree(res)).catch(() => {
+      });
+    }, durationFetch);
+    return () => clearInterval(id);
+  }, [api, durationFetch]);
+  return { folders, tree, loading, error, fetchFolders, fetchTree, getFolder, getChildren, create, update, remove };
+}
+
+function SearchBar({ value, onChange, placeholder = "\u041D\u0430\u0439\u0442\u0438 \u0437\u0430\u043C\u0435\u0442\u043A\u0443\u2026" }) {
+  const { api } = useNotesKitContext();
+  const [local, setLocal] = useState(value);
+  const [suggestions, setSuggestions] = useState([]);
+  const [showSuggestions, setShowSuggestions] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const searchTimerRef = useRef();
+  const suggestTimerRef = useRef();
+  const wrapRef = useRef(null);
+  useEffect(() => {
+    const handler = (e) => {
+      if (wrapRef.current && !wrapRef.current.contains(e.target)) {
+        setShowSuggestions(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  const suggestSeqRef = useRef(0);
+  const fetchSuggestions = useCallback(
+    (text) => {
+      var _a;
+      clearTimeout(suggestTimerRef.current);
+      const words = text.trim().split(/\s+/);
+      const lastWord = (_a = words[words.length - 1]) != null ? _a : "";
+      if (lastWord.length < 2) {
+        suggestSeqRef.current++;
+        setSuggestions([]);
+        setShowSuggestions(false);
+        return;
+      }
+      const seq = ++suggestSeqRef.current;
+      suggestTimerRef.current = setTimeout(async () => {
+        try {
+          const result = await api.suggest(lastWord, 5);
+          if (seq !== suggestSeqRef.current) return;
+          setSuggestions(result);
+          setShowSuggestions(result.length > 0);
+          setActiveIndex(-1);
+        } catch (e) {
+          if (seq !== suggestSeqRef.current) return;
+          setSuggestions([]);
+          setShowSuggestions(false);
+        }
+      }, 200);
+    },
+    [api]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const v = e.target.value;
+      setLocal(v);
+      fetchSuggestions(v);
+      clearTimeout(searchTimerRef.current);
+      searchTimerRef.current = setTimeout(() => onChange(v), 300);
+    },
+    [onChange, fetchSuggestions]
+  );
+  const applySuggestion = useCallback(
+    (word) => {
+      const words = local.trim().split(/\s+/);
+      words[words.length - 1] = word;
+      const newValue = words.join(" ");
+      setLocal(newValue);
+      setSuggestions([]);
+      setShowSuggestions(false);
+      onChange(newValue);
+    },
+    [local, onChange]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!showSuggestions || suggestions.length === 0) return;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => i < suggestions.length - 1 ? i + 1 : 0);
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => i > 0 ? i - 1 : suggestions.length - 1);
+      } else if (e.key === "Enter" && activeIndex >= 0) {
+        e.preventDefault();
+        applySuggestion(suggestions[activeIndex]);
+      } else if (e.key === "Escape") {
+        setShowSuggestions(false);
+      }
+    },
+    [showSuggestions, suggestions, activeIndex, applySuggestion]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "nk-search-wrap", ref: wrapRef, children: [
+    /* @__PURE__ */ jsxs("svg", { className: "nk-search-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "nk-search",
+        type: "text",
+        value: local,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        onFocus: () => suggestions.length > 0 && setShowSuggestions(true),
+        placeholder,
+        autoComplete: "off"
+      }
+    ),
+    showSuggestions && /* @__PURE__ */ jsx("ul", { className: "nk-suggest", children: suggestions.map((word, i) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: `nk-suggest__item ${i === activeIndex ? "nk-suggest__item--active" : ""}`,
+        onMouseDown: () => applySuggestion(word),
+        onMouseEnter: () => setActiveIndex(i),
+        children: word
+      },
+      word
+    )) })
+  ] });
+}
+
+function formatDate(dateStr) {
+  const d = new Date(dateStr);
+  const dd = String(d.getDate()).padStart(2, "0");
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const yyyy = d.getFullYear();
+  const hh = String(d.getHours()).padStart(2, "0");
+  const min = String(d.getMinutes()).padStart(2, "0");
+  return `${dd}.${mm}.${yyyy} ${hh}:${min}`;
+}
+function NoteCard({
+  note,
+  onEdit,
+  onDelete,
+  onMove,
+  onClone
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "nk-card", onClick: () => onEdit(note), children: [
+    /* @__PURE__ */ jsx("p", { className: "nk-card__title", children: note.title || "\u0411\u0435\u0437 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430" }),
+    note.content && /* @__PURE__ */ jsx("p", { className: "nk-card__preview", children: note.content }),
+    /* @__PURE__ */ jsxs("div", { className: "nk-card__meta", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatDate(note.createdAt),
+        formatDate(note.updatedAt) !== formatDate(note.createdAt) && ` \xB7 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u043E: ${formatDate(note.updatedAt)}`
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "nk-card__actions", children: !note.isSystem && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "nk-btn nk-btn--ghost nk-btn--sm",
+            title: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u0432 \u043F\u0430\u043F\u043A\u0443",
+            onClick: (e) => {
+              e.stopPropagation();
+              onMove(note);
+            },
+            children: "\u21C4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "nk-btn nk-btn--ghost nk-btn--sm",
+            title: "\u041A\u043B\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432 \u043F\u0430\u043F\u043A\u0443",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClone(note);
+            },
+            children: "\u2398"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "nk-btn nk-btn--danger nk-btn--sm",
+            title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+            onClick: (e) => {
+              e.stopPropagation();
+              onDelete(note);
+            },
+            children: "\u2715"
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty$1(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys$1(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2$1(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) {
+      _defineProperty$1(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+function compose$1() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+
+  return function (x) {
+    return fns.reduceRight(function (y, f) {
+      return f(y);
+    }, x);
+  };
+}
+
+function curry$1(fn) {
+  return function curried() {
+    var _this = this;
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    return args.length >= fn.length ? fn.apply(this, args) : function () {
+      for (var _len3 = arguments.length, nextArgs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        nextArgs[_key3] = arguments[_key3];
+      }
+
+      return curried.apply(_this, [].concat(args, nextArgs));
+    };
+  };
+}
+
+function isObject$1(value) {
+  return {}.toString.call(value).includes('Object');
+}
+
+function isEmpty(obj) {
+  return !Object.keys(obj).length;
+}
+
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
+function hasOwnProperty(object, property) {
+  return Object.prototype.hasOwnProperty.call(object, property);
+}
+
+function validateChanges(initial, changes) {
+  if (!isObject$1(changes)) errorHandler$1('changeType');
+  if (Object.keys(changes).some(function (field) {
+    return !hasOwnProperty(initial, field);
+  })) errorHandler$1('changeField');
+  return changes;
+}
+
+function validateSelector(selector) {
+  if (!isFunction(selector)) errorHandler$1('selectorType');
+}
+
+function validateHandler(handler) {
+  if (!(isFunction(handler) || isObject$1(handler))) errorHandler$1('handlerType');
+  if (isObject$1(handler) && Object.values(handler).some(function (_handler) {
+    return !isFunction(_handler);
+  })) errorHandler$1('handlersType');
+}
+
+function validateInitial(initial) {
+  if (!initial) errorHandler$1('initialIsRequired');
+  if (!isObject$1(initial)) errorHandler$1('initialType');
+  if (isEmpty(initial)) errorHandler$1('initialContent');
+}
+
+function throwError$1(errorMessages, type) {
+  throw new Error(errorMessages[type] || errorMessages["default"]);
+}
+
+var errorMessages$1 = {
+  initialIsRequired: 'initial state is required',
+  initialType: 'initial state should be an object',
+  initialContent: 'initial state shouldn\'t be an empty object',
+  handlerType: 'handler should be an object or a function',
+  handlersType: 'all handlers should be a functions',
+  selectorType: 'selector should be a function',
+  changeType: 'provided value of changes should be an object',
+  changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
+  "default": 'an unknown error accured in `state-local` package'
+};
+var errorHandler$1 = curry$1(throwError$1)(errorMessages$1);
+var validators$1 = {
+  changes: validateChanges,
+  selector: validateSelector,
+  handler: validateHandler,
+  initial: validateInitial
+};
+
+function create(initial) {
+  var handler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  validators$1.initial(initial);
+  validators$1.handler(handler);
+  var state = {
+    current: initial
+  };
+  var didUpdate = curry$1(didStateUpdate)(state, handler);
+  var update = curry$1(updateState)(state);
+  var validate = curry$1(validators$1.changes)(initial);
+  var getChanges = curry$1(extractChanges)(state);
+
+  function getState() {
+    var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (state) {
+      return state;
+    };
+    validators$1.selector(selector);
+    return selector(state.current);
+  }
+
+  function setState(causedChanges) {
+    compose$1(didUpdate, update, validate, getChanges)(causedChanges);
+  }
+
+  return [getState, setState];
+}
+
+function extractChanges(state, causedChanges) {
+  return isFunction(causedChanges) ? causedChanges(state.current) : causedChanges;
+}
+
+function updateState(state, changes) {
+  state.current = _objectSpread2(_objectSpread2({}, state.current), changes);
+  return changes;
+}
+
+function didStateUpdate(state, handler, changes) {
+  isFunction(handler) ? handler(state.current) : Object.keys(changes).forEach(function (field) {
+    var _handler$field;
+
+    return (_handler$field = handler[field]) === null || _handler$field === void 0 ? void 0 : _handler$field.call(handler, state.current[field]);
+  });
+  return changes;
+}
+
+var index = {
+  create: create
+};
+
+var config$1 = {
+  paths: {
+    vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs'
+  }
+};
+
+function curry(fn) {
+  return function curried() {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return args.length >= fn.length ? fn.apply(this, args) : function () {
+      for (var _len2 = arguments.length, nextArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        nextArgs[_key2] = arguments[_key2];
+      }
+      return curried.apply(_this, [].concat(args, nextArgs));
+    };
+  };
+}
+
+function isObject(value) {
+  return {}.toString.call(value).includes('Object');
+}
+
+/**
+ * validates the configuration object and informs about deprecation
+ * @param {Object} config - the configuration object 
+ * @return {Object} config - the validated configuration object
+ */
+function validateConfig(config) {
+  if (!config) errorHandler('configIsRequired');
+  if (!isObject(config)) errorHandler('configType');
+  if (config.urls) {
+    informAboutDeprecation();
+    return {
+      paths: {
+        vs: config.urls.monacoBase
+      }
+    };
+  }
+  return config;
+}
+
+/**
+ * logs deprecation message
+ */
+function informAboutDeprecation() {
+  console.warn(errorMessages.deprecation);
+}
+function throwError(errorMessages, type) {
+  throw new Error(errorMessages[type] || errorMessages["default"]);
+}
+var errorMessages = {
+  configIsRequired: 'the configuration object is required',
+  configType: 'the configuration object should be an object',
+  "default": 'an unknown error accured in `@monaco-editor/loader` package',
+  deprecation: "Deprecation warning!\n    You are using deprecated way of configuration.\n\n    Instead of using\n      monaco.config({ urls: { monacoBase: '...' } })\n    use\n      monaco.config({ paths: { vs: '...' } })\n\n    For more please check the link https://github.com/suren-atoyan/monaco-loader#config\n  "
+};
+var errorHandler = curry(throwError)(errorMessages);
+var validators = {
+  config: validateConfig
+};
+
+var compose = function compose() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return function (x) {
+    return fns.reduceRight(function (y, f) {
+      return f(y);
+    }, x);
+  };
+};
+
+function merge(target, source) {
+  Object.keys(source).forEach(function (key) {
+    if (source[key] instanceof Object) {
+      if (target[key]) {
+        Object.assign(source[key], merge(target[key], source[key]));
+      }
+    }
+  });
+  return _objectSpread2$1(_objectSpread2$1({}, target), source);
+}
+
+// The source (has been changed) is https://github.com/facebook/react/issues/5465#issuecomment-157888325
+
+var CANCELATION_MESSAGE = {
+  type: 'cancelation',
+  msg: 'operation is manually canceled'
+};
+function makeCancelable(promise) {
+  var hasCanceled_ = false;
+  var wrappedPromise = new Promise(function (resolve, reject) {
+    promise.then(function (val) {
+      return hasCanceled_ ? reject(CANCELATION_MESSAGE) : resolve(val);
+    });
+    promise["catch"](reject);
+  });
+  return wrappedPromise.cancel = function () {
+    return hasCanceled_ = true;
+  }, wrappedPromise;
+}
+
+var _excluded = ["monaco"];
+
+/** the local state of the module */
+var _state$create = index.create({
+    config: config$1,
+    isInitialized: false,
+    resolve: null,
+    reject: null,
+    monaco: null
+  }),
+  _state$create2 = _slicedToArray(_state$create, 2),
+  getState = _state$create2[0],
+  setState = _state$create2[1];
+
+/**
+ * set the loader configuration
+ * @param {Object} config - the configuration object
+ */
+function config(globalConfig) {
+  var _validators$config = validators.config(globalConfig),
+    monaco = _validators$config.monaco,
+    config = _objectWithoutProperties(_validators$config, _excluded);
+  setState(function (state) {
+    return {
+      config: merge(state.config, config),
+      monaco: monaco
+    };
+  });
+}
+
+/**
+ * handles the initialization of the monaco-editor
+ * @return {Promise} - returns an instance of monaco (with a cancelable promise)
+ */
+function init() {
+  var state = getState(function (_ref) {
+    var monaco = _ref.monaco,
+      isInitialized = _ref.isInitialized,
+      resolve = _ref.resolve;
+    return {
+      monaco: monaco,
+      isInitialized: isInitialized,
+      resolve: resolve
+    };
+  });
+  if (!state.isInitialized) {
+    setState({
+      isInitialized: true
+    });
+    if (state.monaco) {
+      state.resolve(state.monaco);
+      return makeCancelable(wrapperPromise);
+    }
+    if (window.monaco && window.monaco.editor) {
+      storeMonacoInstance(window.monaco);
+      state.resolve(window.monaco);
+      return makeCancelable(wrapperPromise);
+    }
+    compose(injectScripts, getMonacoLoaderScript)(configureLoader);
+  }
+  return makeCancelable(wrapperPromise);
+}
+
+/**
+ * injects provided scripts into the document.body
+ * @param {Object} script - an HTML script element
+ * @return {Object} - the injected HTML script element
+ */
+function injectScripts(script) {
+  return document.body.appendChild(script);
+}
+
+/**
+ * creates an HTML script element with/without provided src
+ * @param {string} [src] - the source path of the script
+ * @return {Object} - the created HTML script element
+ */
+function createScript(src) {
+  var script = document.createElement('script');
+  return src && (script.src = src), script;
+}
+
+/**
+ * creates an HTML script element with the monaco loader src
+ * @return {Object} - the created HTML script element
+ */
+function getMonacoLoaderScript(configureLoader) {
+  var state = getState(function (_ref2) {
+    var config = _ref2.config,
+      reject = _ref2.reject;
+    return {
+      config: config,
+      reject: reject
+    };
+  });
+  var loaderScript = createScript("".concat(state.config.paths.vs, "/loader.js"));
+  loaderScript.onload = function () {
+    return configureLoader();
+  };
+  loaderScript.onerror = state.reject;
+  return loaderScript;
+}
+
+/**
+ * configures the monaco loader
+ */
+function configureLoader() {
+  var state = getState(function (_ref3) {
+    var config = _ref3.config,
+      resolve = _ref3.resolve,
+      reject = _ref3.reject;
+    return {
+      config: config,
+      resolve: resolve,
+      reject: reject
+    };
+  });
+  var require = window.require;
+  require.config(state.config);
+  require(['vs/editor/editor.main'], function (loaded) {
+    var monaco = loaded.m /* for 0.53 & 0.54 */ || loaded /* for other versions */;
+    storeMonacoInstance(monaco);
+    state.resolve(monaco);
+  }, function (error) {
+    state.reject(error);
+  });
+}
+
+/**
+ * store monaco instance in local state
+ */
+function storeMonacoInstance(monaco) {
+  if (!getState().monaco) {
+    setState({
+      monaco: monaco
+    });
+  }
+}
+
+/**
+ * internal helper function
+ * extracts stored monaco instance
+ * @return {Object|null} - the monaco instance
+ */
+function __getMonacoInstance() {
+  return getState(function (_ref4) {
+    var monaco = _ref4.monaco;
+    return monaco;
+  });
+}
+var wrapperPromise = new Promise(function (resolve, reject) {
+  return setState({
+    resolve: resolve,
+    reject: reject
+  });
+});
+var loader = {
+  config: config,
+  init: init,
+  __getMonacoInstance: __getMonacoInstance
+};
+
+var le={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},v=le;var ae={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Y=ae;function Me({children:e}){return K.createElement("div",{style:Y.container},e)}var Z=Me;var $=Z;function Ee({width:e,height:r,isEditorReady:n,loading:t,_ref:a,className:m,wrapperProps:E}){return K.createElement("section",{style:{...v.wrapper,width:e,height:r},...E},!n&&K.createElement($,null,t),K.createElement("div",{ref:a,style:{...v.fullWidth,...!n&&v.hide},className:m}))}var ee=Ee;var H=memo(ee);function Ce(e){useEffect(e,[]);}var k=Ce;function he(e,r,n=true){let t=useRef(true);useEffect(t.current||!n?()=>{t.current=false;}:e,r);}var l=he;function D(){}function h(e,r,n,t){return De(e,t)||be(e,r,n,t)}function De(e,r){return e.editor.getModel(te(e,r))}function be(e,r,n,t){return e.editor.createModel(r,n,t?te(e,t):void 0)}function te(e,r){return e.Uri.parse(r)}function Oe({original:e,modified:r,language:n,originalLanguage:t,modifiedLanguage:a,originalModelPath:m,modifiedModelPath:E,keepCurrentOriginalModel:g=false,keepCurrentModifiedModel:N=false,theme:x="light",loading:P="Loading...",options:y={},height:V="100%",width:z="100%",className:F,wrapperProps:j={},beforeMount:A=D,onMount:q=D}){let[M,O]=useState(false),[T,s]=useState(true),u=useRef(null),c=useRef(null),w=useRef(null),d=useRef(q),o=useRef(A),b=useRef(false);k(()=>{let i=loader.init();return i.then(f=>(c.current=f)&&s(false)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>u.current?I():i.cancel()}),l(()=>{if(u.current&&c.current){let i=u.current.getOriginalEditor(),f=h(c.current,e||"",t||n||"text",m||"");f!==i.getModel()&&i.setModel(f);}},[m],M),l(()=>{if(u.current&&c.current){let i=u.current.getModifiedEditor(),f=h(c.current,r||"",a||n||"text",E||"");f!==i.getModel()&&i.setModel(f);}},[E],M),l(()=>{let i=u.current.getModifiedEditor();i.getOption(c.current.editor.EditorOption.readOnly)?i.setValue(r||""):r!==i.getValue()&&(i.executeEdits("",[{range:i.getModel().getFullModelRange(),text:r||"",forceMoveMarkers:true}]),i.pushUndoStop());},[r],M),l(()=>{u.current?.getModel()?.original.setValue(e||"");},[e],M),l(()=>{let{original:i,modified:f}=u.current.getModel();c.current.editor.setModelLanguage(i,t||n||"text"),c.current.editor.setModelLanguage(f,a||n||"text");},[n,t,a],M),l(()=>{c.current?.editor.setTheme(x);},[x],M),l(()=>{u.current?.updateOptions(y);},[y],M);let L=useCallback(()=>{if(!c.current)return;o.current(c.current);let i=h(c.current,e||"",t||n||"text",m||""),f=h(c.current,r||"",a||n||"text",E||"");u.current?.setModel({original:i,modified:f});},[n,r,a,e,t,m,E]),U=useCallback(()=>{!b.current&&w.current&&(u.current=c.current.editor.createDiffEditor(w.current,{automaticLayout:true,...y}),L(),c.current?.editor.setTheme(x),O(true),b.current=true);},[y,x,L]);useEffect(()=>{M&&d.current(u.current,c.current);},[M]),useEffect(()=>{!T&&!M&&U();},[T,M,U]);function I(){let i=u.current?.getModel();g||i?.original?.dispose(),N||i?.modified?.dispose(),u.current?.dispose();}return K.createElement(H,{width:z,height:V,isEditorReady:M,loading:P,_ref:w,className:F,wrapperProps:j})}var ie=Oe;memo(ie);function He(e){let r=useRef();return useEffect(()=>{r.current=e;},[e]),r.current}var se=He;var _=new Map;function Ve({defaultValue:e,defaultLanguage:r,defaultPath:n,value:t,language:a,path:m,theme:E="light",line:g,loading:N="Loading...",options:x={},overrideServices:P={},saveViewState:y=true,keepCurrentModel:V=false,width:z="100%",height:F="100%",className:j,wrapperProps:A={},beforeMount:q=D,onMount:M=D,onChange:O,onValidate:T=D}){let[s,u]=useState(false),[c,w]=useState(true),d=useRef(null),o=useRef(null),b=useRef(null),L=useRef(M),U=useRef(q),I=useRef(),i=useRef(t),f=se(m),Q=useRef(false),B=useRef(false);k(()=>{let p=loader.init();return p.then(R=>(d.current=R)&&w(false)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>o.current?pe():p.cancel()}),l(()=>{let p=h(d.current,e||t||"",r||a||"",m||n||"");p!==o.current?.getModel()&&(y&&_.set(f,o.current?.saveViewState()),o.current?.setModel(p),y&&o.current?.restoreViewState(_.get(m)));},[m],s),l(()=>{o.current?.updateOptions(x);},[x],s),l(()=>{!o.current||t===void 0||(o.current.getOption(d.current.editor.EditorOption.readOnly)?o.current.setValue(t):t!==o.current.getValue()&&(B.current=true,o.current.executeEdits("",[{range:o.current.getModel().getFullModelRange(),text:t,forceMoveMarkers:true}]),o.current.pushUndoStop(),B.current=false));},[t],s),l(()=>{let p=o.current?.getModel();p&&a&&d.current?.editor.setModelLanguage(p,a);},[a],s),l(()=>{g!==void 0&&o.current?.revealLine(g);},[g],s),l(()=>{d.current?.editor.setTheme(E);},[E],s);let X=useCallback(()=>{if(!(!b.current||!d.current)&&!Q.current){U.current(d.current);let p=m||n,R=h(d.current,t||e||"",r||a||"",p||"");o.current=d.current?.editor.create(b.current,{model:R,automaticLayout:true,...x},P),y&&o.current.restoreViewState(_.get(p)),d.current.editor.setTheme(E),g!==void 0&&o.current.revealLine(g),u(true),Q.current=true;}},[e,r,n,t,a,m,x,P,y,E,g]);useEffect(()=>{s&&L.current(o.current,d.current);},[s]),useEffect(()=>{!c&&!s&&X();},[c,s,X]),i.current=t,useEffect(()=>{s&&O&&(I.current?.dispose(),I.current=o.current?.onDidChangeModelContent(p=>{B.current||O(o.current.getValue(),p);}));},[s,O]),useEffect(()=>{if(s){let p=d.current.editor.onDidChangeMarkers(R=>{let G=o.current.getModel()?.uri;if(G&&R.find(J=>J.path===G.path)){let J=d.current.editor.getModelMarkers({resource:G});T?.(J);}});return ()=>{p?.dispose();}}return ()=>{}},[s,T]);function pe(){I.current?.dispose(),V?y&&_.set(m,o.current.saveViewState()):o.current.getModel()?.dispose(),o.current.dispose();}return K.createElement(H,{width:z,height:F,isEditorReady:s,loading:N,_ref:b,className:j,wrapperProps:A})}var fe=Ve;var de=memo(fe);var Ft=de;
+
+function NoteEditor({ note, loading, showLineNumbers = false, onSave, onClose }) {
+  var _a;
+  const { theme } = useNotesKitContext();
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [lineNumbers, setLineNumbers] = useState(showLineNumbers);
+  const isReadOnly = (_a = note == null ? void 0 : note.isSystem) != null ? _a : false;
+  const titleRef = useRef(null);
+  const overlayMouseDown = useRef(false);
+  useEffect(() => {
+    var _a2, _b;
+    if (loading) return;
+    setTitle((_a2 = note == null ? void 0 : note.title) != null ? _a2 : "");
+    setContent((_b = note == null ? void 0 : note.content) != null ? _b : "");
+  }, [note, loading]);
+  useEffect(() => {
+    var _a2;
+    if (!loading) (_a2 = titleRef.current) == null ? void 0 : _a2.focus();
+  }, [loading]);
+  useEffect(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [onClose]);
+  const handleSave = useCallback(async () => {
+    if (!content.trim()) return;
+    setSaving(true);
+    try {
+      await onSave({ title: title.trim(), content: content.trim() });
+      onClose();
+    } catch (e) {
+    } finally {
+      setSaving(false);
+    }
+  }, [title, content, onSave, onClose]);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+      handleSave();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "nk-overlay",
+      onMouseDown: (e) => {
+        if (e.target === e.currentTarget) overlayMouseDown.current = true;
+      },
+      onMouseUp: (e) => {
+        if (e.target === e.currentTarget && overlayMouseDown.current) onClose();
+        overlayMouseDown.current = false;
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "nk-editor",
+          onMouseDown: () => {
+            overlayMouseDown.current = false;
+          },
+          onKeyDown: handleKeyDown,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "nk-editor__header", children: [
+              /* @__PURE__ */ jsx("h3", { children: loading ? "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026" : isReadOnly ? "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440" : note ? "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435" : "\u041D\u043E\u0432\u0430\u044F \u0437\u0430\u043C\u0435\u0442\u043A\u0430" }),
+              /* @__PURE__ */ jsx("button", { className: "nk-btn nk-btn--ghost nk-btn--sm", onClick: onClose, children: "\u2715" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "nk-editor__body", style: { display: loading ? "none" : void 0 }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: titleRef,
+                  className: "nk-input",
+                  placeholder: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A",
+                  value: title,
+                  maxLength: 500,
+                  readOnly: isReadOnly,
+                  onChange: (e) => {
+                    if (!isReadOnly) setTitle(e.target.value);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "nk-cm-editor", children: /* @__PURE__ */ jsx(
+                Ft,
+                {
+                  height: "100%",
+                  language: "markdown",
+                  theme: theme === "dark" ? "vs-dark" : "light",
+                  value: content,
+                  onChange: (val) => {
+                    if (!isReadOnly) setContent(val != null ? val : "");
+                  },
+                  options: {
+                    readOnly: isReadOnly,
+                    fontSize: 14,
+                    fontFamily: "'JetBrains Mono', ui-monospace, monospace",
+                    lineHeight: 1.6,
+                    wordWrap: "on",
+                    minimap: { enabled: false },
+                    lineNumbers: lineNumbers ? "on" : "off",
+                    glyphMargin: false,
+                    folding: false,
+                    lineDecorationsWidth: 5,
+                    lineNumbersMinChars: lineNumbers ? 3 : 0,
+                    renderLineHighlight: "none",
+                    scrollBeyondLastLine: false,
+                    padding: { top: 12, bottom: 12 },
+                    placeholder: "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u043F\u0438\u0441\u0430\u0442\u044C\u2026 (Markdown)"
+                  }
+                }
+              ) })
+            ] }),
+            loading && /* @__PURE__ */ jsx("div", { className: "nk-editor-loading" }),
+            /* @__PURE__ */ jsxs("div", { className: "nk-editor__footer", style: { display: loading ? "none" : void 0 }, children: [
+              /* @__PURE__ */ jsxs("label", { className: "nk-editor-hint", style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: lineNumbers,
+                    onChange: (e) => setLineNumbers(e.target.checked)
+                  }
+                ),
+                "\u041D\u0443\u043C\u0435\u0440\u0430\u0446\u0438\u044F \u0441\u0442\u0440\u043E\u043A"
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "nk-editor-hint", children: "Markdown \xB7 \u043C\u0443\u043B\u044C\u0442\u0438\u043A\u0443\u0440\u0441\u043E\u0440: Ctrl+Click \xB7 Alt+\u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u044C \xB7 Ctrl+D" }),
+              /* @__PURE__ */ jsx("button", { className: "nk-btn nk-btn--ghost", onClick: onClose, children: isReadOnly ? "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" : "\u041E\u0442\u043C\u0435\u043D\u0430" }),
+              !isReadOnly && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: "nk-btn nk-btn--primary",
+                  onClick: handleSave,
+                  disabled: saving,
+                  children: [
+                    saving ? "\u0421\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435\u2026" : "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
+                    /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, opacity: 0.7 }, children: [
+                      "Ctrl+",
+                      "\u21B5"
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+function ConfirmDialog({ message, onConfirm, onCancel, loading }) {
+  return /* @__PURE__ */ jsx("div", { className: "nk-overlay", onClick: onCancel, children: /* @__PURE__ */ jsx("div", { className: "nk-editor", style: { width: "auto", maxWidth: 420, height: "auto" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx("div", { className: "nk-editor__body", children: /* @__PURE__ */ jsxs("div", { className: "nk-confirm", children: [
+    /* @__PURE__ */ jsx("p", { children: message }),
+    /* @__PURE__ */ jsxs("div", { className: "nk-confirm__actions", children: [
+      /* @__PURE__ */ jsx("button", { className: "nk-btn nk-btn--ghost", onClick: onCancel, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }),
+      /* @__PURE__ */ jsx("button", { className: "nk-btn nk-btn--danger", onClick: onConfirm, disabled: loading, children: loading ? "\u0423\u0434\u0430\u043B\u0435\u043D\u0438\u0435\u2026" : "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" })
+    ] })
+  ] }) }) }) });
+}
+
+function buildPageNumbers(current, total) {
+  if (total <= 7) {
+    return Array.from({ length: total }, (_, i) => i);
+  }
+  const pages = /* @__PURE__ */ new Set();
+  pages.add(0);
+  pages.add(total - 1);
+  for (let i = current - 1; i <= current + 1; i++) {
+    if (i >= 0 && i < total) pages.add(i);
+  }
+  const sorted = [...pages].sort((a, b) => a - b);
+  const result = [];
+  for (let i = 0; i < sorted.length; i++) {
+    if (i > 0 && sorted[i] - sorted[i - 1] > 1) {
+      result.push("\u2026");
+    }
+    result.push(sorted[i]);
+  }
+  return result;
+}
+function Pagination({
+  currentPage,
+  totalPages,
+  totalElements,
+  pageSize,
+  pageSizeOptions,
+  onPageChange,
+  onPageSizeChange
+}) {
+  const pages = useMemo(() => buildPageNumbers(currentPage, totalPages), [currentPage, totalPages]);
+  useEffect(() => {
+    try {
+      localStorage.setItem("nk-page-size", String(pageSize));
+    } catch (e) {
+    }
+  }, [pageSize]);
+  const from = currentPage * pageSize + 1;
+  const to = Math.min((currentPage + 1) * pageSize, totalElements);
+  return /* @__PURE__ */ jsxs("div", { className: "nk-pagination", children: [
+    /* @__PURE__ */ jsxs("span", { className: "nk-pagination__info", children: [
+      from,
+      "\u2013",
+      to,
+      " \u0438\u0437 ",
+      totalElements
+    ] }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        className: "nk-pagination__select",
+        value: pageSize,
+        onChange: (e) => onPageSizeChange(Number(e.target.value)),
+        children: pageSizeOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "nk-pagination__nav", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "nk-pagination__btn",
+          disabled: currentPage <= 0,
+          onClick: () => onPageChange(currentPage - 1),
+          children: "\u2039"
+        }
+      ),
+      pages.map(
+        (p, i) => p === "\u2026" ? /* @__PURE__ */ jsx("span", { className: "nk-pagination__ellipsis", children: "\u2026" }, `ellipsis-${i}`) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: `nk-pagination__btn ${p === currentPage ? "nk-pagination__btn--active" : ""}`,
+            onClick: () => onPageChange(p),
+            children: p + 1
+          },
+          p
+        )
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "nk-pagination__btn",
+          disabled: currentPage >= totalPages - 1,
+          onClick: () => onPageChange(currentPage + 1),
+          children: "\u203A"
+        }
+      )
+    ] })
+  ] });
+}
+
+const SORT_OPTIONS = [
+  { label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A", field: "title" },
+  { label: "\u0421\u043E\u0434\u0435\u0440\u0436\u0438\u043C\u043E\u0435", field: "content" },
+  { label: "\u0414\u0430\u0442\u0430 \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F", field: "createdAt" },
+  { label: "\u0414\u0430\u0442\u0430 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F", field: "updatedAt" }
+];
+const DEFAULT_SORT = "updatedAt,desc";
+function parseSort(value) {
+  const [field, dir] = value.split(",");
+  return { field, dir: dir === "asc" ? "asc" : "desc" };
+}
+function SortBar({ value, onChange }) {
+  const { field: activeField, dir } = parseSort(value);
+  const handleFieldClick = (field) => {
+    if (field === activeField) {
+      onChange(`${field},${dir === "asc" ? "desc" : "asc"}`);
+    } else {
+      onChange(`${field},desc`);
+    }
+  };
+  const isDefault = value === DEFAULT_SORT;
+  return /* @__PURE__ */ jsxs("div", { className: "nk-sort", children: [
+    /* @__PURE__ */ jsx("span", { className: "nk-sort__label", children: "\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430:" }),
+    SORT_OPTIONS.map((opt) => {
+      const isActive = opt.field === activeField;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `nk-sort__btn ${isActive ? "nk-sort__btn--active" : ""}`,
+          onClick: () => handleFieldClick(opt.field),
+          children: [
+            opt.label,
+            isActive && /* @__PURE__ */ jsx("span", { className: "nk-sort__arrow", children: dir === "asc" ? "\u2191" : "\u2193" })
+          ]
+        },
+        opt.field
+      );
+    }),
+    !isDefault && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "nk-sort__btn nk-sort__btn--reset",
+        onClick: () => onChange(DEFAULT_SORT),
+        children: "\u0421\u0431\u0440\u043E\u0441"
+      }
+    )
+  ] });
+}
+
+function TreeItem({
+  node,
+  depth,
+  selectedFolderId,
+  onSelect,
+  onCreate,
+  onRename,
+  onDelete
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [editName, setEditName] = useState(node.name);
+  const [creating, setCreating] = useState(false);
+  const [newName, setNewName] = useState("");
+  const [deleting, setDeleting] = useState(false);
+  const [deleteLoading, setDeleteLoading] = useState(false);
+  const isActive = selectedFolderId === node.id;
+  const hasChildren = node.children.length > 0;
+  const isSystem = node.isSystem;
+  const handleRename = async () => {
+    const trimmed = editName.trim();
+    if (!trimmed || trimmed === node.name) {
+      setEditing(false);
+      setEditName(node.name);
+      return;
+    }
+    await onRename(node.id, { name: trimmed, parentId: node.parentId });
+    setEditing(false);
+  };
+  const handleCreate = async () => {
+    const trimmed = newName.trim();
+    if (!trimmed) {
+      setCreating(false);
+      return;
+    }
+    await onCreate({ name: trimmed, parentId: node.id });
+    setNewName("");
+    setCreating(false);
+    setExpanded(true);
+  };
+  const handleDelete = async () => {
+    setDeleteLoading(true);
+    try {
+      await onDelete(node.id);
+    } finally {
+      setDeleteLoading(false);
+      setDeleting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `nk-folder-item ${isActive ? "nk-folder-item--active" : ""}`,
+        style: { paddingLeft: 12 + depth * 16 },
+        onClick: () => {
+          onSelect(node.id);
+          if (hasChildren) setExpanded((e) => !e);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "nk-folder__icon", children: [
+            expanded && hasChildren ? "\u{1F4C2}" : "\u{1F4C1}",
+            hasChildren && /* @__PURE__ */ jsx("span", { className: "nk-folder__expand-hint", children: expanded ? "\u25BE" : "\u25B8" })
+          ] }),
+          editing ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "nk-folder-input",
+              value: editName,
+              autoFocus: true,
+              onChange: (e) => setEditName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleRename();
+                if (e.key === "Escape") {
+                  setEditing(false);
+                  setEditName(node.name);
+                }
+              },
+              onBlur: handleRename,
+              onClick: (e) => e.stopPropagation()
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "nk-folder__name", children: node.name }),
+          !editing && node.noteCount > 0 && /* @__PURE__ */ jsx("span", { className: "nk-folder__badge", children: node.noteCount }),
+          !editing && !isSystem && /* @__PURE__ */ jsxs("div", { className: "nk-folder__actions", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "nk-folder__action-btn",
+                title: "\u041F\u0435\u0440\u0435\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u0442\u044C",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setEditName(node.name);
+                  setEditing(true);
+                },
+                children: "\u270E"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "nk-folder__action-btn",
+                title: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043F\u043E\u0434\u043F\u0430\u043F\u043A\u0443",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setCreating(true);
+                  setExpanded(true);
+                },
+                children: "+"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "nk-folder__action-btn nk-folder__action-btn--danger",
+                title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043F\u0430\u043F\u043A\u0443",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setDeleting(true);
+                },
+                children: "\u2715"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    expanded && hasChildren && node.children.map((child) => /* @__PURE__ */ jsx(
+      TreeItem,
+      {
+        node: child,
+        depth: depth + 1,
+        selectedFolderId,
+        onSelect,
+        onCreate,
+        onRename,
+        onDelete
+      },
+      child.id
+    )),
+    creating && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "nk-folder-item",
+        style: { paddingLeft: 12 + (depth + 1) * 16 },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "nk-folder__icon", children: "\u{1F4C1}" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "nk-folder-input",
+              placeholder: "\u041D\u043E\u0432\u0430\u044F \u043F\u0430\u043F\u043A\u0430\u2026",
+              value: newName,
+              autoFocus: true,
+              onChange: (e) => setNewName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleCreate();
+                if (e.key === "Escape") {
+                  setCreating(false);
+                  setNewName("");
+                }
+              },
+              onBlur: handleCreate,
+              onClick: (e) => e.stopPropagation()
+            }
+          )
+        ]
+      }
+    ),
+    deleting && /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        message: `\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043F\u0430\u043F\u043A\u0443 \xAB${node.name}\xBB? \u0417\u0430\u043C\u0435\u0442\u043A\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043E\u0441\u0442\u0430\u043D\u0443\u0442\u0441\u044F \u0431\u0435\u0437 \u043F\u0430\u043F\u043A\u0438.`,
+        onConfirm: handleDelete,
+        onCancel: () => setDeleting(false),
+        loading: deleteLoading
+      }
+    )
+  ] });
+}
+function FolderPanel({
+  tree,
+  loading,
+  selectedFolderId,
+  isRootOnly,
+  collapsed,
+  onToggle,
+  onSelectAll,
+  onSelectRootOnly,
+  onSelectFolder,
+  onCreate,
+  onRename,
+  onDelete
+}) {
+  const [creatingRoot, setCreatingRoot] = useState(false);
+  const [rootName, setRootName] = useState("");
+  useEffect(() => {
+    try {
+      localStorage.setItem(
+        "nk-folder-selection",
+        JSON.stringify({ folderId: selectedFolderId, isRootOnly })
+      );
+    } catch (e) {
+    }
+  }, [selectedFolderId, isRootOnly]);
+  const handleCreateRoot = useCallback(async () => {
+    const trimmed = rootName.trim();
+    if (!trimmed) {
+      setCreatingRoot(false);
+      return;
+    }
+    await onCreate({ name: trimmed });
+    setRootName("");
+    setCreatingRoot(false);
+  }, [rootName, onCreate]);
+  const isAll = selectedFolderId === null && !isRootOnly;
+  const isRoot = selectedFolderId === null && isRootOnly;
+  return /* @__PURE__ */ jsxs("div", { className: `nk-sidebar ${collapsed ? "nk-sidebar--collapsed" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "nk-sidebar__header", children: [
+      !collapsed && /* @__PURE__ */ jsx("span", { children: "\u041F\u0430\u043F\u043A\u0438" }),
+      /* @__PURE__ */ jsx("div", { className: "nk-sidebar__header-actions", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "nk-folder__action-btn",
+          title: collapsed ? "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u043F\u043A\u0438" : "\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u043F\u043A\u0438",
+          onClick: onToggle,
+          children: collapsed ? "\u25B8" : "\u25C2"
+        }
+      ) })
+    ] }),
+    !collapsed && /* @__PURE__ */ jsxs("div", { className: "nk-sidebar__list", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `nk-folder-item ${isAll ? "nk-folder-item--active" : ""}`,
+          onClick: onSelectAll,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__icon", children: "\u{1F4DA}" }),
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__name", children: "\u0412\u0441\u0435 \u0437\u0430\u043C\u0435\u0442\u043A\u0438" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `nk-folder-item ${isRoot ? "nk-folder-item--active" : ""}`,
+          onClick: onSelectRootOnly,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__icon", children: "\u{1F4C4}" }),
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__name", children: "\u0411\u0435\u0437 \u043F\u0430\u043F\u043A\u0438" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "nk-sidebar__divider" }),
+      loading ? /* @__PURE__ */ jsx("div", { className: "nk-sidebar__loading", children: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026" }) : tree.length === 0 ? /* @__PURE__ */ jsx("div", { className: "nk-sidebar__empty", children: "\u041D\u0435\u0442 \u043F\u0430\u043F\u043E\u043A" }) : (() => {
+        const systemFolders = tree.filter((n) => n.isSystem);
+        const userFolders = tree.filter((n) => !n.isSystem);
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          userFolders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            systemFolders.length > 0 && /* @__PURE__ */ jsx("div", { className: "nk-sidebar__section-label", children: "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u0435" }),
+            userFolders.map((node) => /* @__PURE__ */ jsx(
+              TreeItem,
+              {
+                node,
+                depth: 0,
+                selectedFolderId,
+                onSelect: onSelectFolder,
+                onCreate,
+                onRename,
+                onDelete
+              },
+              node.id
+            ))
+          ] }),
+          systemFolders.length > 0 && /* @__PURE__ */ jsx("div", { className: "nk-sidebar__divider" }),
+          systemFolders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "nk-sidebar__section-label", children: "\u0421\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0435" }),
+            systemFolders.map((node) => /* @__PURE__ */ jsx(
+              TreeItem,
+              {
+                node,
+                depth: 0,
+                selectedFolderId,
+                onSelect: onSelectFolder,
+                onCreate,
+                onRename,
+                onDelete
+              },
+              node.id
+            ))
+          ] })
+        ] });
+      })(),
+      creatingRoot ? /* @__PURE__ */ jsxs("div", { className: "nk-folder-item nk-folder-item--create", children: [
+        /* @__PURE__ */ jsx("span", { className: "nk-folder__icon", children: "\u{1F4C1}" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "nk-folder-input",
+            placeholder: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043F\u0430\u043F\u043A\u0438\u2026",
+            value: rootName,
+            autoFocus: true,
+            onChange: (e) => setRootName(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleCreateRoot();
+              if (e.key === "Escape") {
+                setCreatingRoot(false);
+                setRootName("");
+              }
+            },
+            onBlur: handleCreateRoot
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "nk-folder-item nk-folder-item--create",
+          onClick: () => setCreatingRoot(true),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__icon--add", children: "+" }),
+            /* @__PURE__ */ jsx("span", { className: "nk-folder__name", children: "\u041D\u043E\u0432\u0430\u044F \u043F\u0430\u043F\u043A\u0430" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+function PickerTreeItem({
+  node,
+  depth,
+  selected,
+  disabledId,
+  onSelect
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const hasChildren = node.children.length > 0;
+  const isDisabled = node.id === disabledId;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `nk-picker-item ${selected === node.id ? "nk-picker-item--active" : ""} ${isDisabled ? "nk-picker-item--disabled" : ""}`,
+        style: { paddingLeft: 12 + depth * 20 },
+        onClick: () => {
+          if (!isDisabled) onSelect(node.id);
+        },
+        children: [
+          hasChildren && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `nk-folder__chevron ${expanded ? "nk-folder__chevron--open" : ""}`,
+              onClick: (e) => {
+                e.stopPropagation();
+                setExpanded(!expanded);
+              },
+              children: "\u25B8"
+            }
+          ),
+          !hasChildren && /* @__PURE__ */ jsx("span", { className: "nk-folder__chevron nk-folder__chevron--empty" }),
+          /* @__PURE__ */ jsxs("span", { className: "nk-picker-item__name", children: [
+            node.name,
+            isDisabled && /* @__PURE__ */ jsx("span", { className: "nk-picker-item__current", children: " \u2014 \u0442\u0435\u043A\u0443\u0449\u0430\u044F" })
+          ] })
+        ]
+      }
+    ),
+    expanded && hasChildren && node.children.map((child) => /* @__PURE__ */ jsx(
+      PickerTreeItem,
+      {
+        node: child,
+        depth: depth + 1,
+        selected,
+        disabledId,
+        onSelect
+      },
+      child.id
+    ))
+  ] });
+}
+function FolderPickerDialog({
+  title,
+  tree,
+  currentFolderId,
+  onConfirm,
+  onCancel,
+  loading
+}) {
+  const [selected, setSelected] = useState(null);
+  return /* @__PURE__ */ jsx("div", { className: "nk-overlay", onClick: onCancel, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "nk-editor",
+      style: { width: "auto", maxWidth: 460, height: "auto", maxHeight: "70vh" },
+      onClick: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsx("div", { className: "nk-editor__body", style: { padding: 0 }, children: /* @__PURE__ */ jsxs("div", { className: "nk-picker", children: [
+        /* @__PURE__ */ jsx("div", { className: "nk-picker__header", children: title }),
+        /* @__PURE__ */ jsxs("div", { className: "nk-picker__list", children: [
+          /* @__PURE__ */ (() => {
+            const rootDisabled = currentFolderId === null;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `nk-picker-item ${selected === null ? "nk-picker-item--active" : ""} ${rootDisabled ? "nk-picker-item--disabled" : ""}`,
+                style: { paddingLeft: 12 },
+                onClick: () => {
+                  if (!rootDisabled) setSelected(null);
+                },
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "nk-folder__chevron nk-folder__chevron--empty" }),
+                  /* @__PURE__ */ jsxs("span", { className: "nk-picker-item__name", children: [
+                    "\u0411\u0435\u0437 \u043F\u0430\u043F\u043A\u0438 (\u043A\u043E\u0440\u0435\u043D\u044C)",
+                    rootDisabled && /* @__PURE__ */ jsx("span", { className: "nk-picker-item__current", children: " \u2014 \u0442\u0435\u043A\u0443\u0449\u0430\u044F" })
+                  ] })
+                ]
+              }
+            );
+          })(),
+          tree.map((node) => /* @__PURE__ */ jsx(
+            PickerTreeItem,
+            {
+              node,
+              depth: 0,
+              selected,
+              disabledId: currentFolderId,
+              onSelect: setSelected
+            },
+            node.id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "nk-picker__footer", children: [
+          /* @__PURE__ */ jsx("button", { className: "nk-btn nk-btn--ghost", onClick: onCancel, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "nk-btn nk-btn--primary",
+              disabled: loading || selected === currentFolderId,
+              onClick: () => onConfirm(selected),
+              children: loading ? "\u041F\u043E\u0434\u043E\u0436\u0434\u0438\u0442\u0435\u2026" : "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C"
+            }
+          )
+        ] })
+      ] }) })
+    }
+  ) });
+}
+
+function readFolderSelection() {
+  try {
+    const saved = localStorage.getItem("nk-folder-selection");
+    if (saved) return JSON.parse(saved);
+  } catch (e) {
+  }
+  return null;
+}
+function readPageSize(defaultSize, options) {
+  try {
+    const saved = localStorage.getItem("nk-page-size");
+    if (saved) {
+      const size = Number(saved);
+      if (options.includes(size)) return size;
+    }
+  } catch (e) {
+  }
+  return defaultSize;
+}
+function NotesWidget({
+  pageSize = 12,
+  pageSizeOptions = [12, 20, 40, 60],
+  title = "\u0417\u0430\u043C\u0435\u0442\u043A\u0438",
+  className,
+  folderId,
+  rootOnly
+}) {
+  var _a, _b, _c, _d, _e;
+  const { api, theme } = useNotesKitContext();
+  const _savedSelection = folderId !== void 0 || rootOnly !== void 0 ? null : readFolderSelection();
+  const [selectedFolderId, setSelectedFolderId] = useState((_a = folderId != null ? folderId : _savedSelection == null ? void 0 : _savedSelection.folderId) != null ? _a : null);
+  const [isRootOnly, setIsRootOnly] = useState((_b = rootOnly != null ? rootOnly : _savedSelection == null ? void 0 : _savedSelection.isRootOnly) != null ? _b : false);
+  const {
+    notes,
+    totalElements,
+    totalPages,
+    currentPage,
+    loading,
+    error,
+    params,
+    create,
+    update,
+    move,
+    clone,
+    remove,
+    setParams,
+    goToPage,
+    fetch
+  } = useNotes({
+    size: readPageSize(pageSize, pageSizeOptions),
+    folderId: selectedFolderId != null ? selectedFolderId : void 0,
+    rootOnly: isRootOnly || void 0,
+    sort: "updatedAt,desc"
+  });
+  const {
+    tree,
+    loading: foldersLoading,
+    create: createFolder,
+    update: updateFolder,
+    remove: removeFolder,
+    fetchTree
+  } = useFolders();
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
+  const [editing, setEditing] = useState(void 0);
+  const [editLoading, setEditLoading] = useState(false);
+  const [deleting, setDeleting] = useState(null);
+  const [deleteLoading, setDeleteLoading] = useState(false);
+  const [moving, setMoving] = useState(null);
+  const [moveLoading, setMoveLoading] = useState(false);
+  const [cloning, setCloning] = useState(null);
+  const [cloneLoading, setCloneLoading] = useState(false);
+  const handleSelectAll = useCallback(() => {
+    setSelectedFolderId(null);
+    setIsRootOnly(false);
+    setParams({ folderId: void 0, rootOnly: void 0, page: 0 });
+  }, [setParams]);
+  const handleSelectRootOnly = useCallback(() => {
+    setSelectedFolderId(null);
+    setIsRootOnly(true);
+    setParams({ folderId: void 0, rootOnly: true, page: 0 });
+  }, [setParams]);
+  const handleSelectFolder = useCallback((id) => {
+    setSelectedFolderId(id);
+    setIsRootOnly(false);
+    setParams({ folderId: id, rootOnly: void 0, page: 0 });
+  }, [setParams]);
+  const handleCreateFolder = useCallback(async (payload) => {
+    const folder = await createFolder(payload);
+    await fetchTree();
+    return folder;
+  }, [createFolder, fetchTree]);
+  const handleRenameFolder = useCallback(async (id, payload) => {
+    const folder = await updateFolder(id, payload);
+    await fetchTree();
+    return folder;
+  }, [updateFolder, fetchTree]);
+  const handleDeleteFolder = useCallback(async (id) => {
+    await removeFolder(id);
+    if (selectedFolderId === id) handleSelectAll();
+    await fetchTree();
+    await fetch();
+  }, [removeFolder, selectedFolderId, handleSelectAll, fetchTree, fetch]);
+  const handleCardClick = useCallback(
+    async (note) => {
+      setEditLoading(true);
+      setEditing(null);
+      try {
+        const full = await api.getNote(note.id);
+        setEditing(full);
+      } catch (e) {
+        setEditing(void 0);
+      } finally {
+        setEditLoading(false);
+      }
+    },
+    [api]
+  );
+  const handleSearch = useCallback(
+    (search) => setParams({ search: search || void 0, page: 0 }),
+    [setParams]
+  );
+  const handleSave = useCallback(
+    async (payload) => {
+      try {
+        if (editing === null && !editLoading) {
+          await create({ ...payload, folderId: selectedFolderId });
+        } else if (editing) {
+          await update(editing.id, { title: payload.title, content: payload.content });
+        }
+        setEditing(void 0);
+        setEditLoading(false);
+        await fetch();
+        await fetchTree();
+      } catch (e) {
+        setEditing(void 0);
+        setEditLoading(false);
+      }
+    },
+    [editing, editLoading, create, update, fetch, fetchTree, selectedFolderId]
+  );
+  const handleNew = useCallback(() => {
+    setEditLoading(false);
+    setEditing(null);
+  }, []);
+  const handleDelete = useCallback(async () => {
+    if (!deleting) return;
+    setDeleteLoading(true);
+    try {
+      await remove(deleting.id);
+      setDeleting(null);
+      await fetchTree();
+    } finally {
+      setDeleteLoading(false);
+    }
+  }, [deleting, remove, fetchTree]);
+  const handleMove = useCallback(async (folderId2) => {
+    if (!moving) return;
+    setMoveLoading(true);
+    try {
+      await move(moving.id, { folderId: folderId2 });
+      setMoving(null);
+      await fetch();
+      await fetchTree();
+    } finally {
+      setMoveLoading(false);
+    }
+  }, [moving, move, fetch, fetchTree]);
+  const handleClone = useCallback(async (folderId2) => {
+    if (!cloning) return;
+    setCloneLoading(true);
+    try {
+      await clone(cloning.id, { folderId: folderId2 });
+      setCloning(null);
+      await fetch();
+      await fetchTree();
+    } finally {
+      setCloneLoading(false);
+    }
+  }, [cloning, clone, fetch, fetchTree]);
+  const handlePageSizeChange = useCallback(
+    (newSize) => setParams({ size: newSize, page: 0 }),
+    [setParams]
+  );
+  const handleSortChange = useCallback(
+    (sort) => setParams({ sort, page: 0 }),
+    [setParams]
+  );
+  const isEditorOpen = editing !== void 0 || editLoading;
+  return /* @__PURE__ */ jsxs("div", { className: `nk-root ${className != null ? className : ""}`, "data-theme": theme, children: [
+    /* @__PURE__ */ jsxs("div", { className: "nk-layout", children: [
+      /* @__PURE__ */ jsx(
+        FolderPanel,
+        {
+          tree,
+          loading: foldersLoading,
+          selectedFolderId,
+          isRootOnly,
+          collapsed: sidebarCollapsed,
+          onToggle: () => setSidebarCollapsed((c) => !c),
+          onSelectAll: handleSelectAll,
+          onSelectRootOnly: handleSelectRootOnly,
+          onSelectFolder: handleSelectFolder,
+          onCreate: handleCreateFolder,
+          onRename: handleRenameFolder,
+          onDelete: handleDeleteFolder
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "nk-container", children: [
+        /* @__PURE__ */ jsxs("div", { className: "nk-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "nk-title", children: title }),
+          /* @__PURE__ */ jsx(SearchBar, { value: (_c = params.search) != null ? _c : "", onChange: handleSearch }),
+          /* @__PURE__ */ jsxs("button", { className: "nk-btn nk-btn--primary", onClick: handleNew, children: [
+            "+ ",
+            "\u0421\u043E\u0437\u0434\u0430\u0442\u044C"
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { style: { color: "var(--nk-danger)", fontSize: 14, marginBottom: 12 }, children: error.message }),
+        totalPages > 0 && !loading && notes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "nk-toolbar", children: [
+          /* @__PURE__ */ jsx(SortBar, { value: (_d = params.sort) != null ? _d : "updatedAt,desc", onChange: handleSortChange }),
+          /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              currentPage,
+              totalPages,
+              totalElements,
+              pageSize: (_e = params.size) != null ? _e : pageSize,
+              pageSizeOptions,
+              onPageChange: goToPage,
+              onPageSizeChange: handlePageSizeChange
+            }
+          )
+        ] }),
+        loading ? /* @__PURE__ */ jsx("div", { className: "nk-spinner" }) : notes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "nk-empty", children: [
+          /* @__PURE__ */ jsx("div", { className: "nk-empty__icon", children: "\u{1F4DD}" }),
+          params.search ? "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E \u043F\u043E \u0432\u0430\u0448\u0435\u043C\u0443 \u0437\u0430\u043F\u0440\u043E\u0441\u0443." : "\u0417\u0430\u043C\u0435\u0442\u043E\u043A \u043F\u043E\u043A\u0430 \u043D\u0435\u0442. \u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u043F\u0435\u0440\u0432\u0443\u044E!"
+        ] }) : /* @__PURE__ */ jsx("div", { className: "nk-grid", children: notes.map((note) => /* @__PURE__ */ jsx(NoteCard, { note, onEdit: handleCardClick, onDelete: setDeleting, onMove: setMoving, onClone: setCloning }, note.id)) })
+      ] })
+    ] }),
+    isEditorOpen && /* @__PURE__ */ jsx(
+      NoteEditor,
+      {
+        note: editing != null ? editing : null,
+        loading: editLoading,
+        onSave: handleSave,
+        onClose: () => {
+          setEditing(void 0);
+          setEditLoading(false);
+        }
+      }
+    ),
+    moving && /* @__PURE__ */ jsx(
+      FolderPickerDialog,
+      {
+        title: `\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \xAB${moving.title || "\u0411\u0435\u0437 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"}\xBB`,
+        tree,
+        currentFolderId: moving.folderId,
+        onConfirm: handleMove,
+        onCancel: () => setMoving(null),
+        loading: moveLoading
+      }
+    ),
+    cloning && /* @__PURE__ */ jsx(
+      FolderPickerDialog,
+      {
+        title: `\u041A\u043B\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u0442\u044C \xAB${cloning.title || "\u0411\u0435\u0437 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"}\xBB`,
+        tree,
+        currentFolderId: cloning.folderId,
+        onConfirm: handleClone,
+        onCancel: () => setCloning(null),
+        loading: cloneLoading
+      }
+    ),
+    deleting && /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        message: `\u0423\u0434\u0430\u043B\u0438\u0442\u044C \xAB${deleting.title || "\u0411\u0435\u0437 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0430"}\xBB? \u042D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0435\u043B\u044C\u0437\u044F \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C.`,
+        onConfirm: handleDelete,
+        onCancel: () => setDeleting(null),
+        loading: deleteLoading
+      }
+    )
+  ] });
+}
+
+export { ConfirmDialog, FolderPanel, FolderPickerDialog, NoteCard, NoteEditor, NotesApi, NotesKitError, NotesKitProvider, NotesWidget, Pagination, SearchBar, SortBar, useFolders, useNotes, useNotesKitContext };
+//# sourceMappingURL=index.esm.js.map