@web-mods/articles 1.1.2 → 1.1.4

package/dist/index.js

@@ -1,109 +1,109 @@
-import { jsx as a, jsxs as l, Fragment as pe } from "react/jsx-runtime";
-import ie, { createContext as Le, useContext as _e, useState as A, useEffect as K, forwardRef as Je, createElement as Se, useRef as Y, memo as Te, useCallback as je } from "react";
-import { defaultArticleService as ht } from "./server.js";
-import { createArticleService as Cn, renderArticleByPathname as Sn } from "./server.js";
-import { useNavigate as ft, useParams as mt, useLocation as pt } from "react-router";
-import { createPortal as gt } from "react-dom";
-const Ae = Le({
+import { jsx as n, jsxs as s, Fragment as ue } from "react/jsx-runtime";
+import ce, { createContext as Ae, useContext as He, useState as _, useEffect as K, forwardRef as nt, createElement as Le, useRef as Y, useId as Ie, useCallback as xe, memo as We, useLayoutEffect as Mt } from "react";
+import { defaultArticleService as Ct } from "./server.js";
+import { ArticleServiceError as ea, createArticleService as ta, renderArticleByPathname as ra } from "./server.js";
+import { useNavigate as St, useParams as jt, useLocation as Ot, useMatch as qe } from "react-router";
+import { createPortal as at } from "react-dom";
+const Re = Ae({
   navigate: () => {
   },
   params: {},
   locationState: null
 });
-function Ee() {
-  return _e(Ae);
+function Ve() {
+  return He(Re);
 }
-let ne = [];
-const Oe = /* @__PURE__ */ new Set();
-function He() {
-  Oe.forEach((e) => e([...ne]));
+let se = [];
+const Te = /* @__PURE__ */ new Set();
+function Be() {
+  Te.forEach((e) => e([...se]));
 }
-function xe(e, t) {
+function $e(e, t) {
   const r = Math.random().toString(36).slice(2);
-  ne = [...ne, { id: r, type: e, content: t }], He(), setTimeout(() => {
-    ne = ne.filter((n) => n.id !== r), He();
+  se = [...se, { id: r, type: e, content: t }], Be(), setTimeout(() => {
+    se = se.filter((a) => a.id !== r), Be();
   }, 3e3);
 }
-const Z = {
-  success: (e) => xe("success", e),
-  error: (e) => xe("error", e),
-  warning: (e) => xe("warning", e)
+const J = {
+  success: (e) => $e("success", e),
+  error: (e) => $e("error", e),
+  warning: (e) => $e("warning", e)
 };
-function yt(e) {
-  return Oe.add(e), () => {
-    Oe.delete(e);
+function Pt(e) {
+  return Te.add(e), () => {
+    Te.delete(e);
   };
 }
-function bt() {
-  return ne;
+function Et() {
+  return se;
 }
-const xt = {
+const Lt = {
   success: "bg-emerald-500",
   error: "bg-red-500",
   warning: "bg-amber-500"
-}, vt = {
+}, Tt = {
   success: "✓",
   error: "✕",
   warning: "⚠"
 };
-function wt() {
-  const [e, t] = A(bt());
-  return K(() => yt(t), []), e.length === 0 ? null : /* @__PURE__ */ a("div", { className: "fixed top-4 right-4 z-[9999] flex flex-col gap-2 pointer-events-none", children: e.map((r) => /* @__PURE__ */ l(
+function _t() {
+  const [e, t] = _(Et());
+  return K(() => Pt(t), []), e.length === 0 ? null : /* @__PURE__ */ n("div", { className: "fixed top-4 right-4 z-[9999] flex flex-col gap-2 pointer-events-none", children: e.map((r) => /* @__PURE__ */ s(
     "div",
     {
-      className: `flex items-center gap-2 px-4 py-2.5 rounded-lg shadow-lg text-sm text-white font-medium pointer-events-auto ${xt[r.type]}`,
+      className: `flex items-center gap-2 px-4 py-2.5 rounded-lg shadow-lg text-sm text-white font-medium pointer-events-auto ${Lt[r.type]}`,
       children: [
-        /* @__PURE__ */ a("span", { className: "shrink-0 font-bold", children: vt[r.type] }),
+        /* @__PURE__ */ n("span", { className: "shrink-0 font-bold", children: Tt[r.type] }),
         r.content
       ]
     },
     r.id
   )) });
 }
-const Ke = Le(null);
-function xn({
+const it = Ae(null);
+function Un({
   children: e,
   basePath: t,
-  service: r = ht,
-  previewBaseUrl: n,
-  previewTailwind: s,
-  navigate: u
+  service: r = Ct,
+  previewBaseUrl: a,
+  previewTailwind: o,
+  navigate: l
 }) {
-  const y = /* @__PURE__ */ l(
-    Ke.Provider,
+  const f = /* @__PURE__ */ s(
+    it.Provider,
     {
-      value: { basePath: t, service: r, previewBaseUrl: n, previewTailwind: s },
+      value: { basePath: t, service: r, previewBaseUrl: a, previewTailwind: o },
       children: [
         e,
-        /* @__PURE__ */ a(wt, {})
+        /* @__PURE__ */ n(_t, {})
       ]
     }
   );
-  return u ? /* @__PURE__ */ a(
-    Ae.Provider,
+  return l ? /* @__PURE__ */ n(
+    Re.Provider,
     {
-      value: { navigate: u, params: {}, locationState: null },
-      children: y
+      value: { navigate: l, params: {}, locationState: null },
+      children: f
     }
-  ) : y;
+  ) : f;
 }
-function ze() {
-  const e = _e(Ke);
+function ve() {
+  const e = He(it);
   if (!e)
     throw new Error(
       "useArticlesConfig must be used within ArticlesProvider"
     );
   return e;
 }
-function vn({ children: e }) {
-  const t = ft(), r = mt(), n = pt();
-  return /* @__PURE__ */ a(
-    Ae.Provider,
+function Gn({ children: e }) {
+  const t = St(), r = jt(), a = Ot(), { basePath: o } = ve(), l = o.replace(/\/+$/, ""), f = qe(`${l}/:id/edit`), g = qe(`${l}/:id/detail`), y = f ?? g;
+  return /* @__PURE__ */ n(
+    Re.Provider,
     {
       value: {
-        navigate: (s, u) => t(s, u),
-        params: r,
-        locationState: n.state
+        navigate: (k, p) => t(k, p),
+        params: { ...r, ...y == null ? void 0 : y.params },
+        locationState: a.state
       },
       children: e
     }
@@ -115,23 +115,23 @@ function vn({ children: e }) {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const st = (...e) => e.filter((t, r, a) => !!t && t.trim() !== "" && a.indexOf(t) === r).join(" ").trim();
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kt = (e) => e.replace(
+const zt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (t, r, n) => n ? n.toUpperCase() : r.toLowerCase()
+  (t, r, a) => a ? a.toUpperCase() : r.toLowerCase()
 );
 /**
  * @license lucide-react v1.11.0 - ISC
@@ -139,8 +139,8 @@ const kt = (e) => e.replace(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = (e) => {
-  const t = kt(e);
+const Fe = (e) => {
+  const t = zt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -149,7 +149,7 @@ const Ie = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ve = {
+var Me = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -166,36 +166,36 @@ var ve = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = (e) => {
+const At = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
   return !1;
-}, Mt = Le({}), Ct = () => _e(Mt), St = Je(
-  ({ color: e, size: t, strokeWidth: r, absoluteStrokeWidth: n, className: s = "", children: u, iconNode: y, ...$ }, M) => {
+}, Ht = Ae({}), It = () => He(Ht), Wt = nt(
+  ({ color: e, size: t, strokeWidth: r, absoluteStrokeWidth: a, className: o = "", children: l, iconNode: f, ...g }, y) => {
     const {
-      size: j = 24,
-      strokeWidth: m = 2,
-      absoluteStrokeWidth: S = !1,
-      color: W = "currentColor",
-      className: P = ""
-    } = Ct() ?? {}, E = n ?? S ? Number(r ?? m) * 24 / Number(t ?? j) : r ?? m;
-    return Se(
+      size: k = 24,
+      strokeWidth: p = 2,
+      absoluteStrokeWidth: v = !1,
+      color: P = "currentColor",
+      className: A = ""
+    } = It() ?? {}, H = a ?? v ? Number(r ?? p) * 24 / Number(t ?? k) : r ?? p;
+    return Le(
       "svg",
       {
-        ref: M,
-        ...ve,
-        width: t ?? j ?? ve.width,
-        height: t ?? j ?? ve.height,
-        stroke: e ?? W,
-        strokeWidth: E,
-        className: Ge("lucide", P, s),
-        ...!u && !$t($) && { "aria-hidden": "true" },
-        ...$
+        ref: y,
+        ...Me,
+        width: t ?? k ?? Me.width,
+        height: t ?? k ?? Me.height,
+        stroke: e ?? P,
+        strokeWidth: H,
+        className: st("lucide", A, o),
+        ...!l && !At(g) && { "aria-hidden": "true" },
+        ...g
       },
       [
-        ...y.map(([I, H]) => Se(I, H)),
-        ...Array.isArray(u) ? u : [u]
+        ...f.map(([T, W]) => Le(T, W)),
+        ...Array.isArray(l) ? l : [l]
       ]
     );
   }
@@ -206,20 +206,20 @@ const $t = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const U = (e, t) => {
-  const r = Je(
-    ({ className: n, ...s }, u) => Se(St, {
-      ref: u,
+const B = (e, t) => {
+  const r = nt(
+    ({ className: a, ...o }, l) => Le(Wt, {
+      ref: l,
       iconNode: t,
-      className: Ge(
-        `lucide-${Nt(Ie(e))}`,
+      className: st(
+        `lucide-${Dt(Fe(e))}`,
         `lucide-${e}`,
-        n
+        a
       ),
-      ...s
+      ...o
     })
   );
-  return r.displayName = Ie(e), r;
+  return r.displayName = Fe(e), r;
 };
 /**
  * @license lucide-react v1.11.0 - ISC
@@ -227,48 +227,80 @@ const U = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jt = [
+const Rt = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], Qe = U("arrow-left", jt);
+], ot = B("arrow-left", Rt);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = [
+const Vt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Yt = B("check", Vt);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qt = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Bt = B("chevron-down", qt);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ue = B("chevron-right", Ft);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ut = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], Gt = B("circle-alert", Ut);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Zt = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], Xe = U("code", Ot);
+], Ye = B("code", Zt);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pt = [
+const Kt = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-], Dt = U("copy", Pt);
+], Jt = B("copy", Kt);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = [
+const Qt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], _t = U("external-link", Lt);
+], Xt = B("external-link", Qt);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tt = [
+const er = [
   [
     "path",
     {
@@ -277,14 +309,14 @@ const Tt = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Pe = U("eye", Tt);
+], _e = B("eye", er);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = [
+const tr = [
   [
     "path",
     {
@@ -296,14 +328,14 @@ const At = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], Et = U("file-text", At);
+], rr = B("file-text", tr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = [
+const nr = [
   ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
   [
     "path",
@@ -312,42 +344,63 @@ const zt = [
       key: "oot6mr"
     }
   ]
-], Ht = U("inbox", zt);
+], ar = B("inbox", nr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = [
+const ir = [
+  ["rect", { width: "18", height: "7", x: "3", y: "3", rx: "1", key: "f1a2em" }],
+  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }],
+  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }]
+], ct = B("layout-panel-top", ir);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const sr = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
-], Wt = U("link", It);
+], or = B("link", sr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Vt = U("loader-circle", Rt);
+const cr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], lt = B("loader-circle", cr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = [
+const lr = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], et = U("monitor", Yt);
+], dt = B("monitor", lr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ut = [
+const dr = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }]
+], ut = B("panel-bottom", dr);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ur = [
   [
     "path",
     {
@@ -356,44 +409,44 @@ const Ut = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], qt = U("pencil", Ut);
+], hr = B("pencil", ur);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = [
+const mr = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], Ft = U("plus", Bt);
+], ht = B("plus", mr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = [
+const pr = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], Jt = U("rotate-ccw", Zt);
+], fr = B("rotate-ccw", pr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kt = [
+const gr = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], we = U("search", Kt);
+], Ce = B("search", gr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gt = [
+const xr = [
   [
     "path",
     {
@@ -402,286 +455,296 @@ const Gt = [
     }
   ],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], We = U("shield-check", Gt);
+], Ge = B("shield-check", xr);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qt = [
+const br = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], tt = U("smartphone", Qt);
+], mt = B("smartphone", br);
 /**
  * @license lucide-react v1.11.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = [
+const yr = [
   ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", ry: "2", key: "76otgf" }],
   ["line", { x1: "12", x2: "12.01", y1: "18", y2: "18", key: "1dp563" }]
-], rt = U("tablet", Xt);
-function er(e) {
+], pt = B("tablet", yr);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vr = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], wr = B("x", vr);
+function Nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} }, tr = me.exports, Re;
-function rr() {
-  return Re || (Re = 1, (function(e, t) {
-    (function(r, n) {
-      e.exports = n();
-    })(tr, (function() {
-      var r = 1e3, n = 6e4, s = 36e5, u = "millisecond", y = "second", $ = "minute", M = "hour", j = "day", m = "week", S = "month", W = "quarter", P = "year", E = "date", I = "Invalid Date", H = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, B = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, z = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(x) {
-        var i = ["th", "st", "nd", "rd"], o = x % 100;
-        return "[" + x + (i[(o - 20) % 10] || i[o] || i[0]) + "]";
-      } }, p = function(x, i, o) {
-        var d = String(x);
-        return !d || d.length >= i ? x : "" + Array(i + 1 - d.length).join(o) + x;
-      }, T = { s: p, z: function(x) {
-        var i = -x.utcOffset(), o = Math.abs(i), d = Math.floor(o / 60), c = o % 60;
-        return (i <= 0 ? "+" : "-") + p(d, 2, "0") + ":" + p(c, 2, "0");
-      }, m: function x(i, o) {
-        if (i.date() < o.date()) return -x(o, i);
-        var d = 12 * (o.year() - i.year()) + (o.month() - i.month()), c = i.clone().add(d, S), v = o - c < 0, k = i.clone().add(d + (v ? -1 : 1), S);
-        return +(-(d + (o - c) / (v ? c - k : k - c)) || 0);
-      }, a: function(x) {
-        return x < 0 ? Math.ceil(x) || 0 : Math.floor(x);
-      }, p: function(x) {
-        return { M: S, y: P, w: m, d: j, D: E, h: M, m: $, s: y, ms: u, Q: W }[x] || String(x || "").toLowerCase().replace(/s$/, "");
-      }, u: function(x) {
-        return x === void 0;
-      } }, O = "en", b = {};
-      b[O] = z;
-      var w = "$isDayjsObject", R = function(x) {
-        return x instanceof q || !(!x || !x[w]);
-      }, L = function x(i, o, d) {
-        var c;
-        if (!i) return O;
+var ge = { exports: {} }, kr = ge.exports, Ze;
+function $r() {
+  return Ze || (Ze = 1, (function(e, t) {
+    (function(r, a) {
+      e.exports = a();
+    })(kr, (function() {
+      var r = 1e3, a = 6e4, o = 36e5, l = "millisecond", f = "second", g = "minute", y = "hour", k = "day", p = "week", v = "month", P = "quarter", A = "year", H = "date", T = "Invalid Date", W = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, D = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, R = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(d) {
+        var i = ["th", "st", "nd", "rd"], c = d % 100;
+        return "[" + d + (i[(c - 20) % 10] || i[c] || i[0]) + "]";
+      } }, V = function(d, i, c) {
+        var m = String(d);
+        return !m || m.length >= i ? d : "" + Array(i + 1 - m.length).join(c) + d;
+      }, j = { s: V, z: function(d) {
+        var i = -d.utcOffset(), c = Math.abs(i), m = Math.floor(c / 60), u = c % 60;
+        return (i <= 0 ? "+" : "-") + V(m, 2, "0") + ":" + V(u, 2, "0");
+      }, m: function d(i, c) {
+        if (i.date() < c.date()) return -d(c, i);
+        var m = 12 * (c.year() - i.year()) + (c.month() - i.month()), u = i.clone().add(m, v), C = c - u < 0, O = i.clone().add(m + (C ? -1 : 1), v);
+        return +(-(m + (c - u) / (C ? u - O : O - u)) || 0);
+      }, a: function(d) {
+        return d < 0 ? Math.ceil(d) || 0 : Math.floor(d);
+      }, p: function(d) {
+        return { M: v, y: A, w: p, d: k, D: H, h: y, m: g, s: f, ms: l, Q: P }[d] || String(d || "").toLowerCase().replace(/s$/, "");
+      }, u: function(d) {
+        return d === void 0;
+      } }, E = "en", b = {};
+      b[E] = R;
+      var h = "$isDayjsObject", z = function(d) {
+        return d instanceof L || !(!d || !d[h]);
+      }, M = function d(i, c, m) {
+        var u;
+        if (!i) return E;
         if (typeof i == "string") {
-          var v = i.toLowerCase();
-          b[v] && (c = v), o && (b[v] = o, c = v);
-          var k = i.split("-");
-          if (!c && k.length > 1) return x(k[0]);
+          var C = i.toLowerCase();
+          b[C] && (u = C), c && (b[C] = c, u = C);
+          var O = i.split("-");
+          if (!u && O.length > 1) return d(O[0]);
         } else {
-          var f = i.name;
-          b[f] = i, c = f;
+          var N = i.name;
+          b[N] = i, u = N;
         }
-        return !d && c && (O = c), c || !d && O;
-      }, g = function(x, i) {
-        if (R(x)) return x.clone();
-        var o = typeof i == "object" ? i : {};
-        return o.date = x, o.args = arguments, new q(o);
-      }, C = T;
-      C.l = L, C.i = R, C.w = function(x, i) {
-        return g(x, { locale: i.$L, utc: i.$u, x: i.$x, $offset: i.$offset });
+        return !m && u && (E = u), u || !m && E;
+      }, x = function(d, i) {
+        if (z(d)) return d.clone();
+        var c = typeof i == "object" ? i : {};
+        return c.date = d, c.args = arguments, new L(c);
+      }, w = j;
+      w.l = M, w.i = z, w.w = function(d, i) {
+        return x(d, { locale: i.$L, utc: i.$u, x: i.$x, $offset: i.$offset });
       };
-      var q = (function() {
-        function x(o) {
-          this.$L = L(o.locale, null, !0), this.parse(o), this.$x = this.$x || o.x || {}, this[w] = !0;
+      var L = (function() {
+        function d(c) {
+          this.$L = M(c.locale, null, !0), this.parse(c), this.$x = this.$x || c.x || {}, this[h] = !0;
         }
-        var i = x.prototype;
-        return i.parse = function(o) {
-          this.$d = (function(d) {
-            var c = d.date, v = d.utc;
-            if (c === null) return /* @__PURE__ */ new Date(NaN);
-            if (C.u(c)) return /* @__PURE__ */ new Date();
-            if (c instanceof Date) return new Date(c);
-            if (typeof c == "string" && !/Z$/i.test(c)) {
-              var k = c.match(H);
-              if (k) {
-                var f = k[2] - 1 || 0, N = (k[7] || "0").substring(0, 3);
-                return v ? new Date(Date.UTC(k[1], f, k[3] || 1, k[4] || 0, k[5] || 0, k[6] || 0, N)) : new Date(k[1], f, k[3] || 1, k[4] || 0, k[5] || 0, k[6] || 0, N);
+        var i = d.prototype;
+        return i.parse = function(c) {
+          this.$d = (function(m) {
+            var u = m.date, C = m.utc;
+            if (u === null) return /* @__PURE__ */ new Date(NaN);
+            if (w.u(u)) return /* @__PURE__ */ new Date();
+            if (u instanceof Date) return new Date(u);
+            if (typeof u == "string" && !/Z$/i.test(u)) {
+              var O = u.match(W);
+              if (O) {
+                var N = O[2] - 1 || 0, S = (O[7] || "0").substring(0, 3);
+                return C ? new Date(Date.UTC(O[1], N, O[3] || 1, O[4] || 0, O[5] || 0, O[6] || 0, S)) : new Date(O[1], N, O[3] || 1, O[4] || 0, O[5] || 0, O[6] || 0, S);
               }
             }
-            return new Date(c);
-          })(o), this.init();
+            return new Date(u);
+          })(c), this.init();
         }, i.init = function() {
-          var o = this.$d;
-          this.$y = o.getFullYear(), this.$M = o.getMonth(), this.$D = o.getDate(), this.$W = o.getDay(), this.$H = o.getHours(), this.$m = o.getMinutes(), this.$s = o.getSeconds(), this.$ms = o.getMilliseconds();
+          var c = this.$d;
+          this.$y = c.getFullYear(), this.$M = c.getMonth(), this.$D = c.getDate(), this.$W = c.getDay(), this.$H = c.getHours(), this.$m = c.getMinutes(), this.$s = c.getSeconds(), this.$ms = c.getMilliseconds();
         }, i.$utils = function() {
-          return C;
+          return w;
         }, i.isValid = function() {
-          return this.$d.toString() !== I;
-        }, i.isSame = function(o, d) {
-          var c = g(o);
-          return this.startOf(d) <= c && c <= this.endOf(d);
-        }, i.isAfter = function(o, d) {
-          return g(o) < this.startOf(d);
-        }, i.isBefore = function(o, d) {
-          return this.endOf(d) < g(o);
-        }, i.$g = function(o, d, c) {
-          return C.u(o) ? this[d] : this.set(c, o);
+          return this.$d.toString() !== T;
+        }, i.isSame = function(c, m) {
+          var u = x(c);
+          return this.startOf(m) <= u && u <= this.endOf(m);
+        }, i.isAfter = function(c, m) {
+          return x(c) < this.startOf(m);
+        }, i.isBefore = function(c, m) {
+          return this.endOf(m) < x(c);
+        }, i.$g = function(c, m, u) {
+          return w.u(c) ? this[m] : this.set(u, c);
         }, i.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, i.valueOf = function() {
           return this.$d.getTime();
-        }, i.startOf = function(o, d) {
-          var c = this, v = !!C.u(d) || d, k = C.p(o), f = function(ee, V) {
-            var te = C.w(c.$u ? Date.UTC(c.$y, V, ee) : new Date(c.$y, V, ee), c);
-            return v ? te : te.endOf(j);
-          }, N = function(ee, V) {
-            return C.w(c.toDate()[ee].apply(c.toDate("s"), (v ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(V)), c);
-          }, D = this.$W, h = this.$M, _ = this.$D, Q = "set" + (this.$u ? "UTC" : "");
-          switch (k) {
-            case P:
-              return v ? f(1, 0) : f(31, 11);
-            case S:
-              return v ? f(1, h) : f(0, h + 1);
-            case m:
-              var F = this.$locale().weekStart || 0, X = (D < F ? D + 7 : D) - F;
-              return f(v ? _ - X : _ + (6 - X), h);
-            case j:
-            case E:
-              return N(Q + "Hours", 0);
-            case M:
-              return N(Q + "Minutes", 1);
-            case $:
-              return N(Q + "Seconds", 2);
+        }, i.startOf = function(c, m) {
+          var u = this, C = !!w.u(m) || m, O = w.p(c), N = function(re, $) {
+            var Z = w.w(u.$u ? Date.UTC(u.$y, $, re) : new Date(u.$y, $, re), u);
+            return C ? Z : Z.endOf(k);
+          }, S = function(re, $) {
+            return w.w(u.toDate()[re].apply(u.toDate("s"), (C ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice($)), u);
+          }, I = this.$W, q = this.$M, G = this.$D, ee = "set" + (this.$u ? "UTC" : "");
+          switch (O) {
+            case A:
+              return C ? N(1, 0) : N(31, 11);
+            case v:
+              return C ? N(1, q) : N(0, q + 1);
+            case p:
+              var te = this.$locale().weekStart || 0, ae = (I < te ? I + 7 : I) - te;
+              return N(C ? G - ae : G + (6 - ae), q);
+            case k:
+            case H:
+              return S(ee + "Hours", 0);
             case y:
-              return N(Q + "Milliseconds", 3);
+              return S(ee + "Minutes", 1);
+            case g:
+              return S(ee + "Seconds", 2);
+            case f:
+              return S(ee + "Milliseconds", 3);
             default:
               return this.clone();
           }
-        }, i.endOf = function(o) {
-          return this.startOf(o, !1);
-        }, i.$set = function(o, d) {
-          var c, v = C.p(o), k = "set" + (this.$u ? "UTC" : ""), f = (c = {}, c[j] = k + "Date", c[E] = k + "Date", c[S] = k + "Month", c[P] = k + "FullYear", c[M] = k + "Hours", c[$] = k + "Minutes", c[y] = k + "Seconds", c[u] = k + "Milliseconds", c)[v], N = v === j ? this.$D + (d - this.$W) : d;
-          if (v === S || v === P) {
-            var D = this.clone().set(E, 1);
-            D.$d[f](N), D.init(), this.$d = D.set(E, Math.min(this.$D, D.daysInMonth())).$d;
-          } else f && this.$d[f](N);
+        }, i.endOf = function(c) {
+          return this.startOf(c, !1);
+        }, i.$set = function(c, m) {
+          var u, C = w.p(c), O = "set" + (this.$u ? "UTC" : ""), N = (u = {}, u[k] = O + "Date", u[H] = O + "Date", u[v] = O + "Month", u[A] = O + "FullYear", u[y] = O + "Hours", u[g] = O + "Minutes", u[f] = O + "Seconds", u[l] = O + "Milliseconds", u)[C], S = C === k ? this.$D + (m - this.$W) : m;
+          if (C === v || C === A) {
+            var I = this.clone().set(H, 1);
+            I.$d[N](S), I.init(), this.$d = I.set(H, Math.min(this.$D, I.daysInMonth())).$d;
+          } else N && this.$d[N](S);
           return this.init(), this;
-        }, i.set = function(o, d) {
-          return this.clone().$set(o, d);
-        }, i.get = function(o) {
-          return this[C.p(o)]();
-        }, i.add = function(o, d) {
-          var c, v = this;
-          o = Number(o);
-          var k = C.p(d), f = function(h) {
-            var _ = g(v);
-            return C.w(_.date(_.date() + Math.round(h * o)), v);
+        }, i.set = function(c, m) {
+          return this.clone().$set(c, m);
+        }, i.get = function(c) {
+          return this[w.p(c)]();
+        }, i.add = function(c, m) {
+          var u, C = this;
+          c = Number(c);
+          var O = w.p(m), N = function(q) {
+            var G = x(C);
+            return w.w(G.date(G.date() + Math.round(q * c)), C);
           };
-          if (k === S) return this.set(S, this.$M + o);
-          if (k === P) return this.set(P, this.$y + o);
-          if (k === j) return f(1);
-          if (k === m) return f(7);
-          var N = (c = {}, c[$] = n, c[M] = s, c[y] = r, c)[k] || 1, D = this.$d.getTime() + o * N;
-          return C.w(D, this);
-        }, i.subtract = function(o, d) {
-          return this.add(-1 * o, d);
-        }, i.format = function(o) {
-          var d = this, c = this.$locale();
-          if (!this.isValid()) return c.invalidDate || I;
-          var v = o || "YYYY-MM-DDTHH:mm:ssZ", k = C.z(this), f = this.$H, N = this.$m, D = this.$M, h = c.weekdays, _ = c.months, Q = c.meridiem, F = function(V, te, oe, de) {
-            return V && (V[te] || V(d, v)) || oe[te].slice(0, de);
-          }, X = function(V) {
-            return C.s(f % 12 || 12, V, "0");
-          }, ee = Q || function(V, te, oe) {
-            var de = V < 12 ? "AM" : "PM";
-            return oe ? de.toLowerCase() : de;
+          if (O === v) return this.set(v, this.$M + c);
+          if (O === A) return this.set(A, this.$y + c);
+          if (O === k) return N(1);
+          if (O === p) return N(7);
+          var S = (u = {}, u[g] = a, u[y] = o, u[f] = r, u)[O] || 1, I = this.$d.getTime() + c * S;
+          return w.w(I, this);
+        }, i.subtract = function(c, m) {
+          return this.add(-1 * c, m);
+        }, i.format = function(c) {
+          var m = this, u = this.$locale();
+          if (!this.isValid()) return u.invalidDate || T;
+          var C = c || "YYYY-MM-DDTHH:mm:ssZ", O = w.z(this), N = this.$H, S = this.$m, I = this.$M, q = u.weekdays, G = u.months, ee = u.meridiem, te = function($, Z, U, Q) {
+            return $ && ($[Z] || $(m, C)) || U[Z].slice(0, Q);
+          }, ae = function($) {
+            return w.s(N % 12 || 12, $, "0");
+          }, re = ee || function($, Z, U) {
+            var Q = $ < 12 ? "AM" : "PM";
+            return U ? Q.toLowerCase() : Q;
           };
-          return v.replace(B, (function(V, te) {
-            return te || (function(oe) {
-              switch (oe) {
+          return C.replace(D, (function($, Z) {
+            return Z || (function(U) {
+              switch (U) {
                 case "YY":
-                  return String(d.$y).slice(-2);
+                  return String(m.$y).slice(-2);
                 case "YYYY":
-                  return C.s(d.$y, 4, "0");
+                  return w.s(m.$y, 4, "0");
                 case "M":
-                  return D + 1;
+                  return I + 1;
                 case "MM":
-                  return C.s(D + 1, 2, "0");
+                  return w.s(I + 1, 2, "0");
                 case "MMM":
-                  return F(c.monthsShort, D, _, 3);
+                  return te(u.monthsShort, I, G, 3);
                 case "MMMM":
-                  return F(_, D);
+                  return te(G, I);
                 case "D":
-                  return d.$D;
+                  return m.$D;
                 case "DD":
-                  return C.s(d.$D, 2, "0");
+                  return w.s(m.$D, 2, "0");
                 case "d":
-                  return String(d.$W);
+                  return String(m.$W);
                 case "dd":
-                  return F(c.weekdaysMin, d.$W, h, 2);
+                  return te(u.weekdaysMin, m.$W, q, 2);
                 case "ddd":
-                  return F(c.weekdaysShort, d.$W, h, 3);
+                  return te(u.weekdaysShort, m.$W, q, 3);
                 case "dddd":
-                  return h[d.$W];
+                  return q[m.$W];
                 case "H":
-                  return String(f);
+                  return String(N);
                 case "HH":
-                  return C.s(f, 2, "0");
+                  return w.s(N, 2, "0");
                 case "h":
-                  return X(1);
+                  return ae(1);
                 case "hh":
-                  return X(2);
+                  return ae(2);
                 case "a":
-                  return ee(f, N, !0);
+                  return re(N, S, !0);
                 case "A":
-                  return ee(f, N, !1);
+                  return re(N, S, !1);
                 case "m":
-                  return String(N);
+                  return String(S);
                 case "mm":
-                  return C.s(N, 2, "0");
+                  return w.s(S, 2, "0");
                 case "s":
-                  return String(d.$s);
+                  return String(m.$s);
                 case "ss":
-                  return C.s(d.$s, 2, "0");
+                  return w.s(m.$s, 2, "0");
                 case "SSS":
-                  return C.s(d.$ms, 3, "0");
+                  return w.s(m.$ms, 3, "0");
                 case "Z":
-                  return k;
+                  return O;
               }
               return null;
-            })(V) || k.replace(":", "");
+            })($) || O.replace(":", "");
           }));
         }, i.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, i.diff = function(o, d, c) {
-          var v, k = this, f = C.p(d), N = g(o), D = (N.utcOffset() - this.utcOffset()) * n, h = this - N, _ = function() {
-            return C.m(k, N);
+        }, i.diff = function(c, m, u) {
+          var C, O = this, N = w.p(m), S = x(c), I = (S.utcOffset() - this.utcOffset()) * a, q = this - S, G = function() {
+            return w.m(O, S);
           };
-          switch (f) {
-            case P:
-              v = _() / 12;
+          switch (N) {
+            case A:
+              C = G() / 12;
               break;
-            case S:
-              v = _();
+            case v:
+              C = G();
               break;
-            case W:
-              v = _() / 3;
+            case P:
+              C = G() / 3;
               break;
-            case m:
-              v = (h - D) / 6048e5;
+            case p:
+              C = (q - I) / 6048e5;
               break;
-            case j:
-              v = (h - D) / 864e5;
+            case k:
+              C = (q - I) / 864e5;
               break;
-            case M:
-              v = h / s;
+            case y:
+              C = q / o;
               break;
-            case $:
-              v = h / n;
+            case g:
+              C = q / a;
               break;
-            case y:
-              v = h / r;
+            case f:
+              C = q / r;
               break;
             default:
-              v = h;
+              C = q;
           }
-          return c ? v : C.a(v);
+          return u ? C : w.a(C);
         }, i.daysInMonth = function() {
-          return this.endOf(S).$D;
+          return this.endOf(v).$D;
         }, i.$locale = function() {
           return b[this.$L];
-        }, i.locale = function(o, d) {
-          if (!o) return this.$L;
-          var c = this.clone(), v = L(o, d, !0);
-          return v && (c.$L = v), c;
+        }, i.locale = function(c, m) {
+          if (!c) return this.$L;
+          var u = this.clone(), C = M(c, m, !0);
+          return C && (u.$L = C), u;
         }, i.clone = function() {
-          return C.w(this.$d, this);
+          return w.w(this.$d, this);
         }, i.toDate = function() {
           return new Date(this.valueOf());
         }, i.toJSON = function() {
@@ -690,66 +753,66 @@ function rr() {
           return this.$d.toISOString();
         }, i.toString = function() {
           return this.$d.toUTCString();
-        }, x;
-      })(), G = q.prototype;
-      return g.prototype = G, [["$ms", u], ["$s", y], ["$m", $], ["$H", M], ["$W", j], ["$M", S], ["$y", P], ["$D", E]].forEach((function(x) {
-        G[x[1]] = function(i) {
-          return this.$g(i, x[0], x[1]);
+        }, d;
+      })(), F = L.prototype;
+      return x.prototype = F, [["$ms", l], ["$s", f], ["$m", g], ["$H", y], ["$W", k], ["$M", v], ["$y", A], ["$D", H]].forEach((function(d) {
+        F[d[1]] = function(i) {
+          return this.$g(i, d[0], d[1]);
         };
-      })), g.extend = function(x, i) {
-        return x.$i || (x(i, q, g), x.$i = !0), g;
-      }, g.locale = L, g.isDayjs = R, g.unix = function(x) {
-        return g(1e3 * x);
-      }, g.en = b[O], g.Ls = b, g.p = {}, g;
+      })), x.extend = function(d, i) {
+        return d.$i || (d(i, L, x), d.$i = !0), x;
+      }, x.locale = M, x.isDayjs = z, x.unix = function(d) {
+        return x(1e3 * d);
+      }, x.en = b[E], x.Ls = b, x.p = {}, x;
     }));
-  })(me)), me.exports;
-}
-var nr = rr();
-const De = /* @__PURE__ */ er(nr);
-function nt() {
-  const [e, t] = A(!1), [r, n] = A(!1), s = Y({ title: "" }), u = {
-    confirm: (S) => {
-      s.current = S, n(!1), t(!0);
+  })(ge)), ge.exports;
+}
+var Mr = $r();
+const De = /* @__PURE__ */ Nr(Mr);
+function ft() {
+  const [e, t] = _(!1), [r, a] = _(!1), o = Y({ title: "" }), l = {
+    confirm: (v) => {
+      o.current = v, a(!1), t(!0);
     }
-  }, y = async () => {
-    var S, W;
-    n(!0);
+  }, f = async () => {
+    var v, P;
+    a(!0);
     try {
-      await ((W = (S = s.current).onOk) == null ? void 0 : W.call(S)), t(!1);
+      await ((P = (v = o.current).onOk) == null ? void 0 : P.call(v)), t(!1);
     } finally {
-      n(!1);
+      a(!1);
     }
-  }, $ = () => {
-    var S, W;
-    (W = (S = s.current).onCancel) == null || W.call(S), t(!1);
-  }, M = s.current, j = M.okType === "danger", m = e ? gt(
-    /* @__PURE__ */ l("div", { className: "fixed inset-0 z-[9998] flex items-center justify-center", children: [
-      /* @__PURE__ */ a(
+  }, g = () => {
+    var v, P;
+    (P = (v = o.current).onCancel) == null || P.call(v), t(!1);
+  }, y = o.current, k = y.okType === "danger", p = e ? at(
+    /* @__PURE__ */ s("div", { className: "fixed inset-0 z-[9998] flex items-center justify-center", children: [
+      /* @__PURE__ */ n(
         "div",
         {
           className: "absolute inset-0 bg-black/40",
-          onClick: $
+          onClick: g
         }
       ),
-      /* @__PURE__ */ l("div", { className: "relative bg-white rounded-2xl shadow-xl w-full max-w-md mx-4 p-6", children: [
-        /* @__PURE__ */ a("div", { className: "text-base font-semibold text-gray-800 mb-2", children: M.title }),
-        M.content && /* @__PURE__ */ a("div", { className: "text-sm text-gray-600 mt-3", children: M.content }),
-        /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 mt-5", children: [
-          /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { className: "relative bg-white rounded-2xl shadow-xl w-full max-w-md mx-4 p-6", children: [
+        /* @__PURE__ */ n("div", { className: "text-base font-semibold text-gray-800 mb-2", children: y.title }),
+        y.content && /* @__PURE__ */ n("div", { className: "text-sm text-gray-600 mt-3", children: y.content }),
+        /* @__PURE__ */ s("div", { className: "flex justify-end gap-2 mt-5", children: [
+          /* @__PURE__ */ n(
             "button",
             {
               className: "px-4 py-1.5 rounded-lg border border-gray-200 text-sm text-gray-600 hover:bg-gray-50 transition-colors cursor-pointer",
-              onClick: $,
-              children: M.cancelText ?? "取消"
+              onClick: g,
+              children: y.cancelText ?? "取消"
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ n(
             "button",
             {
               disabled: r,
-              className: `px-4 py-1.5 rounded-lg text-white text-sm font-medium transition-colors disabled:opacity-50 cursor-pointer ${j ? "bg-red-500 hover:bg-red-600" : "bg-blue-500 hover:bg-blue-600"}`,
-              onClick: y,
-              children: r ? "处理中…" : M.okText ?? "确定"
+              className: `px-4 py-1.5 rounded-lg text-white text-sm font-medium transition-colors disabled:opacity-50 cursor-pointer ${k ? "bg-red-500 hover:bg-red-600" : "bg-blue-500 hover:bg-blue-600"}`,
+              onClick: f,
+              children: r ? "处理中…" : y.okText ?? "确定"
             }
           )
         ] })
@@ -757,282 +820,633 @@ function nt() {
     ] }),
     document.body
   ) : null;
-  return [u, m];
+  return [l, p];
+}
+const gt = (e, t) => JSON.stringify([e.trim().replace(/\/+$/, ""), t]);
+function Cr({ article: e, groups: t, canLoadGroups: r, onRetry: a }) {
+  var f;
+  const o = e.navPlacements ?? [], l = (f = e.navname) == null ? void 0 : f.trim();
+  return !e.navEnabled && !l && !o.length ? /* @__PURE__ */ n("span", { className: "text-xs text-gray-400", children: "未加入网站导航" }) : /* @__PURE__ */ s("div", { className: "min-w-0 space-y-2.5 py-0.5", children: [
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ n("span", { className: "min-w-0 break-words text-sm font-semibold text-gray-800", children: l || "未命名导航" }),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: `inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-0.5 text-[11px] font-medium ${e.navEnabled ? "bg-emerald-50 text-emerald-700" : "bg-gray-100 text-gray-500"}`,
+          title: e.navEnabled ? "已在以下位置展示" : "导航已关闭，保留以下位置配置",
+          children: [
+            /* @__PURE__ */ n("span", { "aria-hidden": "true", className: `h-1.5 w-1.5 rounded-full ${e.navEnabled ? "bg-emerald-500" : "bg-gray-400"}` }),
+            e.navEnabled ? "展示中" : "已关闭"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: `space-y-1.5 ${e.navEnabled ? "" : "opacity-60"}`, children: [
+      ["header", "footer"].map((g) => {
+        const y = o.find((D) => D.position === g);
+        if (!y) return null;
+        const k = g === "header", p = k ? ct : ut, v = k ? "页眉" : "页尾", P = t[gt(e.host ?? "", g)], A = y.parentNavId ? P == null ? void 0 : P.names[y.parentNavId] : void 0, H = r && e.host && (!P || P.status === "loading"), T = A || (H ? "加载中…" : (P == null ? void 0 : P.status) === "error" ? "加载失败" : "父导航名称不可用"), W = [v, ...y.parentNavId ? [T] : [], l || "未命名导航"].join(" → ");
+        return /* @__PURE__ */ s("div", { className: "flex min-w-0 items-start gap-2", "aria-label": W, title: W, children: [
+          /* @__PURE__ */ s("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium leading-none ${k ? "bg-blue-50 text-blue-600" : "bg-violet-50 text-violet-600"}`, children: [
+            /* @__PURE__ */ n(p, { size: 12, "aria-hidden": "true" }),
+            v
+          ] }),
+          /* @__PURE__ */ n(Ue, { size: 12, className: "mt-0.5 shrink-0 text-gray-300", "aria-hidden": "true" }),
+          /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-wrap items-center gap-x-1 gap-y-1 pt-0.5 text-xs leading-4", children: [
+            y.parentNavId && /* @__PURE__ */ s(ue, { children: [
+              /* @__PURE__ */ n("span", { className: `break-all ${A ? "text-gray-600" : "text-gray-400"}`, children: T }),
+              (P == null ? void 0 : P.status) === "error" && /* @__PURE__ */ n("button", { type: "button", onClick: a, className: "cursor-pointer text-blue-500 hover:text-blue-600", children: "重试" }),
+              /* @__PURE__ */ n(Ue, { size: 12, className: "shrink-0 text-gray-300", "aria-hidden": "true" })
+            ] }),
+            /* @__PURE__ */ n("span", { className: "break-all text-gray-700", children: l || "未命名导航" })
+          ] })
+        ] }, g);
+      }),
+      !o.length && /* @__PURE__ */ n("p", { className: "text-xs text-gray-400", children: "尚未设置展示位置" })
+    ] })
+  ] });
 }
-const wn = () => {
-  const { navigate: e } = Ee(), { basePath: t, service: r } = ze(), [n, s] = nt(), [u, y] = A(""), [$, M] = A(""), [j, m] = A(!1), [S, W] = A([]), [P, E] = A({
+const Zn = () => {
+  const { navigate: e } = Ve(), { basePath: t, service: r } = ve(), [a, o] = ft(), [l, f] = _(""), [g, y] = _(""), [k, p] = _(!1), [v, P] = _([]), [A, H] = _({}), [T, W] = _(0), [D, R] = _({
     current: 1,
     size: 15,
     total: 0
-  }), I = (p) => {
-    const T = p.trim();
-    if (!T) return "";
+  }), V = (h) => {
+    const z = h.trim();
+    if (!z) return "";
     try {
       return new URL(
-        T.startsWith("http") ? T : `https://${T}`
+        z.startsWith("http") ? z : `https://${z}`
       ).origin;
     } catch {
-      return T;
+      return z;
     }
-  }, H = async (p = P.current, T = P.size, O = u, b = $) => {
-    m(!0);
+  }, j = async (h = D.current, z = D.size, M = l, x = g) => {
+    p(!0);
     try {
-      const w = { page: p, size: T };
-      O && (w.pathname = O);
-      const R = I(b);
-      R && (w.host = R);
-      const L = await r.getList(w);
-      W(L.items), E((g) => ({
-        ...g,
-        current: p,
-        size: T,
-        total: L.total ?? g.total
+      const w = { page: h, size: z };
+      M && (w.pathname = M);
+      const L = V(x);
+      L && (w.host = L);
+      const F = await r.getList(w);
+      P(F.items), R((d) => ({
+        ...d,
+        current: h,
+        size: z,
+        total: F.total ?? d.total
       }));
     } catch (w) {
-      Z.error(w.message || "获取数据失败");
+      J.error(w.message || "获取文章失败");
     } finally {
-      m(!1);
+      p(!1);
     }
   };
   K(() => {
-    H(1);
-  }, []);
-  const B = (p) => {
-    n.confirm({
-      title: "确认删除",
-      content: `确认删除 /${p.pathname}？`,
+    j(1);
+  }, []), K(() => {
+    if (!r.getNavigationGroups) return;
+    let h = !0;
+    const z = /* @__PURE__ */ new Map();
+    for (const M of v)
+      if (M.host)
+        for (const x of M.navPlacements ?? []) {
+          if (!x.parentNavId) continue;
+          const w = M.host.trim().replace(/\/+$/, "");
+          z.set(gt(w, x.position), { host: w, position: x.position });
+        }
+    H(Object.fromEntries([...z.keys()].map((M) => [M, { status: "loading", names: {} }])));
+    for (const [M, x] of z)
+      (async () => {
+        try {
+          const w = await r.getNavigationGroups(x);
+          if (!h) return;
+          H((L) => ({ ...L, [M]: { status: "loaded", names: Object.fromEntries(w.map((F) => [F.id, F.name])) } }));
+        } catch {
+          if (!h) return;
+          H((w) => ({ ...w, [M]: { status: "error", names: {} } }));
+        }
+      })();
+    return () => {
+      h = !1;
+    };
+  }, [v, r, T]);
+  const E = (h) => {
+    a.confirm({
+      title: "删除文章",
+      content: `确认删除 /${h.pathname}？`,
       okText: "删除",
       okType: "danger",
       cancelText: "取消",
       onOk: async () => {
-        await r.delete(p.id), Z.success("删除成功"), H(1);
+        await r.delete(h.id), J.success("删除成功"), j(1);
       }
     });
-  }, z = Math.ceil(P.total / P.size) || 1;
-  return /* @__PURE__ */ l("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-5", children: [
-    s,
-    /* @__PURE__ */ l(
+  }, b = Math.ceil(D.total / D.size) || 1;
+  return /* @__PURE__ */ s("div", { className: "min-w-0 bg-white rounded-xl shadow-sm border border-gray-100 p-5", children: [
+    o,
+    /* @__PURE__ */ s(
       "form",
       {
-        className: "flex items-center gap-2 mb-5",
-        onSubmit: (p) => {
-          p.preventDefault(), H(1);
+        className: "flex flex-wrap items-center gap-2 mb-5",
+        onSubmit: (h) => {
+          h.preventDefault(), j(1);
         },
         children: [
-          /* @__PURE__ */ l("div", { className: "relative w-52", children: [
-            /* @__PURE__ */ a(we, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
-            /* @__PURE__ */ a(
+          /* @__PURE__ */ s("div", { className: "relative w-full sm:w-52", children: [
+            /* @__PURE__ */ n(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
+            /* @__PURE__ */ n(
               "input",
               {
                 className: "w-full pl-9 pr-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 transition",
-                placeholder: "搜索 Pathname",
-                value: u,
-                onChange: (p) => y(p.target.value)
+                "aria-label": "搜索访问路径",
+                placeholder: "搜索访问路径",
+                value: l,
+                onChange: (h) => f(h.target.value)
               }
             )
           ] }),
-          /* @__PURE__ */ l("div", { className: "relative w-52", children: [
-            /* @__PURE__ */ a(we, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
-            /* @__PURE__ */ a(
+          /* @__PURE__ */ s("div", { className: "relative w-full sm:w-52", children: [
+            /* @__PURE__ */ n(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
+            /* @__PURE__ */ n(
               "input",
               {
                 className: "w-full pl-9 pr-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 transition",
-                placeholder: "搜索 Website URL",
-                value: $,
-                onChange: (p) => M(p.target.value)
+                "aria-label": "搜索网站地址",
+                placeholder: "搜索网站地址",
+                value: g,
+                onChange: (h) => y(h.target.value)
               }
             )
           ] }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "submit",
               className: "flex items-center gap-1.5 px-3 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-sm rounded-lg transition cursor-pointer",
               children: [
-                /* @__PURE__ */ a(we, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ n(Ce, { className: "w-3.5 h-3.5" }),
                 "搜索"
               ]
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: "flex items-center gap-1.5 px-3 py-1.5 border border-gray-200 hover:bg-gray-50 text-gray-600 text-sm rounded-lg transition cursor-pointer",
               onClick: () => {
-                y(""), M(""), H(1, P.size, "", "");
+                f(""), y(""), j(1, D.size, "", "");
               },
               children: [
-                /* @__PURE__ */ a(Jt, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ n(fr, { className: "w-3.5 h-3.5" }),
                 "重置"
               ]
             }
           ),
-          /* @__PURE__ */ a("div", { className: "flex-1" }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ n("div", { className: "flex-1" }),
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: "flex items-center gap-1.5 px-3 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-sm rounded-lg transition cursor-pointer",
               onClick: () => e(`${t}/create`),
               children: [
-                /* @__PURE__ */ a(Ft, { className: "w-3.5 h-3.5" }),
-                "新增"
+                /* @__PURE__ */ n(ht, { className: "w-3.5 h-3.5" }),
+                "新增文章"
               ]
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ a("div", { className: "relative", children: /* @__PURE__ */ l("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { className: "border-b border-gray-100", children: [
-        /* @__PURE__ */ a("th", { className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-44", children: "Pathname" }),
-        /* @__PURE__ */ a("th", { className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-44", children: "Website URL" }),
-        /* @__PURE__ */ a("th", { className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide", children: "HTML 摘要" }),
-        /* @__PURE__ */ a("th", { className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-44", children: "创建时间" }),
-        /* @__PURE__ */ a("th", { className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-56", children: "操作" })
+    /* @__PURE__ */ n("div", { className: "relative overflow-x-auto", role: "region", "aria-label": "文章列表", tabIndex: 0, children: /* @__PURE__ */ s("table", { className: "w-full min-w-[1120px] table-fixed text-sm", children: [
+      /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-gray-100", children: [
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-36", children: "访问路径" }),
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-32", children: "网站地址" }),
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-80", children: "网站导航" }),
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide", children: "HTML 摘要" }),
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-36", children: "创建时间" }),
+        /* @__PURE__ */ n("th", { scope: "col", className: "text-left py-2.5 px-3 font-medium text-gray-400 text-xs uppercase tracking-wide w-60", children: "操作" })
       ] }) }),
-      /* @__PURE__ */ a("tbody", { children: j ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: 5, className: "py-16 text-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-2 text-gray-400", children: [
-        /* @__PURE__ */ a(Vt, { className: "w-6 h-6 text-blue-400 animate-spin" }),
-        /* @__PURE__ */ a("span", { className: "text-sm", children: "加载中…" })
-      ] }) }) }) : S.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: 5, className: "py-16 text-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: [
-        /* @__PURE__ */ a(Ht, { className: "w-10 h-10" }),
-        /* @__PURE__ */ a("span", { className: "text-sm", children: "暂无数据" })
-      ] }) }) }) : S.map((p) => {
-        const T = (p.content || "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim().slice(0, 80);
-        return /* @__PURE__ */ l(
+      /* @__PURE__ */ n("tbody", { children: k ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 6, className: "py-16 text-center", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2 text-gray-400", children: [
+        /* @__PURE__ */ n(lt, { className: "w-6 h-6 text-blue-400 animate-spin" }),
+        /* @__PURE__ */ n("span", { className: "text-sm", children: "加载中…" })
+      ] }) }) }) : v.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 6, className: "py-16 text-center", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: [
+        /* @__PURE__ */ n(ar, { className: "w-10 h-10" }),
+        /* @__PURE__ */ n("span", { className: "text-sm", children: "暂无文章" })
+      ] }) }) }) : v.map((h) => {
+        const z = (h.content || "").replace(/<(style|script)\b[^>]*>[\s\S]*?<\/\1>/gi, " ").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim().slice(0, 80);
+        return /* @__PURE__ */ s(
           "tr",
           {
             className: "border-b border-gray-50 hover:bg-gray-50/60 transition-colors",
             children: [
-              /* @__PURE__ */ a("td", { className: "py-3 px-3", children: /* @__PURE__ */ l("span", { className: "font-mono text-xs text-gray-700", children: [
+              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: /* @__PURE__ */ s("span", { className: "block break-words font-mono text-xs text-gray-700", children: [
                 "/",
-                p.pathname
+                h.pathname
               ] }) }),
-              /* @__PURE__ */ a("td", { className: "py-3 px-3", children: p.host ? /* @__PURE__ */ l(
+              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: h.host ? /* @__PURE__ */ s(
                 "a",
                 {
-                  href: p.host,
+                  href: h.host,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  className: "inline-flex items-center gap-1 max-w-[160px] text-xs text-blue-600 underline underline-offset-2 hover:text-blue-800 transition-colors",
-                  title: p.host,
+                  className: "inline-flex max-w-full items-center gap-1 text-xs text-blue-600 underline underline-offset-2 hover:text-blue-800 transition-colors",
+                  title: h.host,
                   children: [
-                    /* @__PURE__ */ a("span", { className: "truncate", children: p.host.replace(/^https?:\/\//, "") }),
-                    /* @__PURE__ */ a(_t, { className: "w-3 h-3 shrink-0" })
+                    /* @__PURE__ */ n("span", { className: "truncate", children: h.host.replace(/^https?:\/\//, "") }),
+                    /* @__PURE__ */ n(Xt, { className: "w-3 h-3 shrink-0" })
                   ]
                 }
-              ) : /* @__PURE__ */ a("span", { className: "text-xs text-gray-300", children: "—" }) }),
-              /* @__PURE__ */ a("td", { className: "py-3 px-3", children: T ? /* @__PURE__ */ a(
+              ) : /* @__PURE__ */ n("span", { className: "text-xs text-gray-300", children: "—" }) }),
+              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: /* @__PURE__ */ n(Cr, { article: h, groups: A, canLoadGroups: !!r.getNavigationGroups, onRetry: () => W((M) => M + 1) }) }),
+              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: z ? /* @__PURE__ */ n(
                 "span",
                 {
                   className: "text-sm text-gray-500 truncate block max-w-sm",
-                  title: T,
-                  children: T
+                  title: z,
+                  children: z
                 }
-              ) : /* @__PURE__ */ a("span", { className: "text-xs text-gray-300", children: "暂无内容" }) }),
-              /* @__PURE__ */ a("td", { className: "py-3 px-3 text-xs text-gray-400", children: p.createdAt ? De(p.createdAt).format(
+              ) : /* @__PURE__ */ n("span", { className: "text-xs text-gray-300", children: "暂无内容" }) }),
+              /* @__PURE__ */ n("td", { className: "py-3 px-3 text-xs whitespace-nowrap text-gray-400", children: h.createdAt ? De(h.createdAt).format(
                 "YYYY/MM/DD HH:mm"
               ) : "—" }),
-              /* @__PURE__ */ a("td", { className: "py-3 px-3", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
-                p.host && /* @__PURE__ */ a(
+              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+                h.host && /* @__PURE__ */ n(
                   "button",
                   {
                     className: "px-2.5 py-1 text-xs border border-gray-200 rounded-md hover:bg-gray-50 text-gray-600 transition cursor-pointer",
                     onClick: () => window.open(
-                      `${p.host.replace(/\/$/, "")}/${p.pathname}`,
+                      `${h.host.replace(/\/$/, "")}/${h.pathname}`,
                       "_blank"
                     ),
                     children: "跳转"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ n(
                   "button",
                   {
                     className: "px-2.5 py-1 text-xs border border-gray-200 rounded-md hover:bg-gray-50 text-gray-600 transition cursor-pointer",
                     onClick: () => e(
-                      `${t}/${p.id}/detail`,
-                      { state: { record: p } }
+                      `${t}/${h.id}/detail`,
+                      { state: { record: h } }
                     ),
                     children: "详情"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ n(
                   "button",
                   {
                     className: "px-2.5 py-1 text-xs bg-blue-500 hover:bg-blue-600 text-white rounded-md transition cursor-pointer",
                     onClick: () => e(
-                      `${t}/${p.id}/edit`,
-                      { state: { record: p } }
+                      `${t}/${h.id}/edit`,
+                      { state: { record: h } }
                     ),
                     children: "编辑"
                   }
                 ),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ n(
                   "button",
                   {
                     className: "px-2.5 py-1 text-xs bg-red-500 hover:bg-red-600 text-white rounded-md transition cursor-pointer",
-                    onClick: () => B(p),
+                    onClick: () => E(h),
                     children: "删除"
                   }
                 )
               ] }) })
             ]
           },
-          p.id
+          h.id
         );
       }) })
     ] }) }),
-    P.total > 0 && /* @__PURE__ */ l("div", { className: "flex items-center justify-between pt-4 mt-2 border-t border-gray-100", children: [
-      /* @__PURE__ */ l("span", { className: "text-xs text-gray-400", children: [
+    D.total > 0 && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3 pt-4 mt-2 border-t border-gray-100", children: [
+      /* @__PURE__ */ s("span", { className: "text-xs text-gray-400", children: [
         "共 ",
-        P.total,
-        " 条"
+        D.total,
+        " 篇文章"
       ] }),
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ n(
           "button",
           {
             className: "px-2.5 py-1 text-xs border border-gray-200 rounded-md hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed text-gray-600 transition cursor-pointer",
-            disabled: P.current <= 1,
-            onClick: () => H(P.current - 1),
+            disabled: D.current <= 1,
+            onClick: () => j(D.current - 1),
             children: "上一页"
           }
         ),
-        /* @__PURE__ */ l("span", { className: "px-3 py-1 text-xs text-gray-500", children: [
-          P.current,
+        /* @__PURE__ */ s("span", { className: "px-3 py-1 text-xs text-gray-500", children: [
+          D.current,
           " / ",
-          z
+          b
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "button",
           {
             className: "px-2.5 py-1 text-xs border border-gray-200 rounded-md hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed text-gray-600 transition cursor-pointer",
-            disabled: P.current >= z,
-            onClick: () => H(P.current + 1),
+            disabled: D.current >= b,
+            onClick: () => j(D.current + 1),
             children: "下一页"
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "select",
           {
+            "aria-label": "每页条数",
             className: "ml-2 text-xs border border-gray-200 rounded-md px-1.5 py-1 text-gray-600 focus:outline-none focus:ring-1 focus:ring-blue-400 cursor-pointer",
-            value: P.size,
-            onChange: (p) => H(1, Number(p.target.value)),
-            children: [10, 15, 20, 50].map((p) => /* @__PURE__ */ l("option", { value: p, children: [
-              p,
+            value: D.size,
+            onChange: (h) => j(1, Number(h.target.value)),
+            children: [10, 15, 20, 50].map((h) => /* @__PURE__ */ s("option", { value: h, children: [
+              h,
               " 条/页"
-            ] }, p))
+            ] }, h))
           }
         )
       ] })
     ] })
   ] });
-};
-async function Ve(e) {
+}, Sr = [
+  { position: "header", label: "页眉", icon: ct, parentEnabled: !1 },
+  { position: "footer", label: "页尾", icon: ut, parentEnabled: !0 }
+], ze = "w-full min-w-0 rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm text-gray-700 outline-none transition focus:border-blue-400 focus:ring-2 focus:ring-blue-500/20";
+function jr({ host: e, position: t, label: r, parentEnabled: a, service: o, parentNavId: l, onSelect: f }) {
+  const g = Ie(), [y, k] = _([]), [p, v] = _(!1), [P, A] = _(""), [H, T] = _(!1), [W, D] = _(""), [R, V] = _(""), [j, E] = _(!1), b = Y(0), h = Y(0), z = Y(f);
+  z.current = f;
+  const M = o.getNavigationGroups, x = o.createNavigationGroup, w = xe(async () => {
+    if (!e || !M) return;
+    const d = ++h.current;
+    v(!0), A("");
+    try {
+      const i = await M({ host: e, position: t });
+      return d !== h.current ? void 0 : (k(i), i);
+    } catch (i) {
+      d === h.current && A(i instanceof Error ? i.message : "父导航加载失败");
+    } finally {
+      d === h.current && v(!1);
+    }
+  }, [e, t, M]);
+  K(() => (b.current++, w(), () => {
+    b.current++, h.current++;
+  }), [w]);
+  const L = async () => {
+    if (j || !x || !a) return;
+    const d = W.trim();
+    if (!d) {
+      V("请输入父导航名称");
+      return;
+    }
+    const i = y.find((m) => m.name === d);
+    if (i) {
+      z.current(i.id), T(!1);
+      return;
+    }
+    const c = b.current;
+    E(!0), V("");
+    try {
+      const m = await x({ host: e, position: t, name: d });
+      if (c !== b.current) return;
+      k((u) => [...u.filter((C) => C.id !== m.id), m]), z.current(m.id), T(!1), D(""), w();
+    } catch (m) {
+      if (c !== b.current) return;
+      if ((m == null ? void 0 : m.status) === 409) {
+        const u = await w();
+        if (c !== b.current) return;
+        const C = u == null ? void 0 : u.find((O) => O.name === d);
+        if (C) {
+          z.current(C.id), T(!1), D("");
+          return;
+        }
+      }
+      V(m instanceof Error ? m.message : "新增父导航失败");
+    } finally {
+      c === b.current && E(!1);
+    }
+  }, F = !!l && !y.some((d) => d.id === l);
+  return /* @__PURE__ */ s("div", { className: "mt-3", children: [
+    /* @__PURE__ */ s("label", { htmlFor: g, className: "mb-1.5 block text-xs text-gray-500", children: [
+      "所属父导航 ",
+      /* @__PURE__ */ n("span", { className: "text-gray-400", children: "（可选）" })
+    ] }),
+    /* @__PURE__ */ s(
+      "select",
+      {
+        id: g,
+        "aria-label": `${r}父导航`,
+        disabled: !a || !e || p || j,
+        value: l ?? "",
+        onChange: (d) => f(d.target.value || null),
+        className: `${ze} disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-400`,
+        children: [
+          /* @__PURE__ */ n("option", { value: "", children: "无（顶级导航）" }),
+          y.map((d) => /* @__PURE__ */ n("option", { value: d.id, children: d.name }, d.id)),
+          F && /* @__PURE__ */ s("option", { value: l, children: [
+            "已选父导航（",
+            l,
+            "）"
+          ] })
+        ]
+      }
+    ),
+    p && /* @__PURE__ */ n("p", { role: "status", className: "mt-2 text-xs text-gray-500", children: "加载父导航中…" }),
+    P && /* @__PURE__ */ s("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: [
+      P,
+      /* @__PURE__ */ n("button", { type: "button", onClick: () => void w(), className: "ml-2 cursor-pointer text-blue-500", children: "重试" })
+    ] }),
+    a ? e ? H ? /* @__PURE__ */ s("div", { className: "mt-3", children: [
+      /* @__PURE__ */ s("label", { htmlFor: `${g}-new`, className: "mb-1.5 block text-xs text-gray-500", children: [
+        "新增",
+        r,
+        "父导航"
+      ] }),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: `${g}-new`,
+          autoFocus: !0,
+          maxLength: 100,
+          value: W,
+          disabled: j,
+          placeholder: "输入父导航名称",
+          "aria-invalid": !!R,
+          "aria-describedby": R ? `${g}-error` : void 0,
+          onChange: (d) => {
+            D(d.target.value), V("");
+          },
+          onKeyDown: (d) => {
+            d.key === "Enter" && !d.nativeEvent.isComposing && (d.preventDefault(), L()), d.key === "Escape" && !j && T(!1);
+          },
+          className: ze
+        }
+      ),
+      R && /* @__PURE__ */ n("p", { id: `${g}-error`, role: "alert", className: "mt-1.5 text-xs text-red-500", children: R }),
+      /* @__PURE__ */ s("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ s("button", { type: "button", disabled: j, onClick: () => void L(), className: "flex cursor-pointer items-center gap-1 rounded-lg bg-blue-500 px-2.5 py-1.5 text-xs text-white hover:bg-blue-600 disabled:opacity-50", children: [
+          j ? /* @__PURE__ */ n(lt, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ n(Yt, { size: 12, "aria-hidden": "true" }),
+          j ? "添加中…" : "添加并选中"
+        ] }),
+        /* @__PURE__ */ s("button", { type: "button", disabled: j, onClick: () => T(!1), className: "flex cursor-pointer items-center gap-1 rounded-lg px-2.5 py-1.5 text-xs text-gray-500 hover:bg-gray-100 disabled:opacity-50", children: [
+          /* @__PURE__ */ n(wr, { size: 12, "aria-hidden": "true" }),
+          "取消"
+        ] })
+      ] })
+    ] }) : x ? /* @__PURE__ */ s("button", { type: "button", disabled: p, "aria-label": `新增${r}父导航`, onClick: () => {
+      T(!0), D(""), V("");
+    }, className: "mt-2.5 flex cursor-pointer items-center gap-1 text-xs text-blue-500 enabled:hover:text-blue-600 disabled:opacity-50", children: [
+      /* @__PURE__ */ n(ht, { size: 13, "aria-hidden": "true" }),
+      "新增父导航"
+    ] }) : null : /* @__PURE__ */ n("p", { className: "mt-2 text-xs text-gray-500", children: "请先填写网站地址" }) : /* @__PURE__ */ n("p", { className: "mt-2 text-xs text-gray-500", children: "页眉暂不支持设置父导航。" })
+  ] });
+}
+function Or({ host: e, service: t, value: r, onChange: a }) {
+  const o = Ie(), l = e.trim().replace(/\/+$/, ""), [f, g] = _(!1), y = !!t.getNavigationGroups, k = (v) => a({ ...r, ...v }), p = (v, P) => {
+    k({
+      navPlacements: P ? [...r.navPlacements, { position: v, parentNavId: null }] : r.navPlacements.filter((A) => A.position !== v)
+    });
+  };
+  return /* @__PURE__ */ s("section", { "aria-label": "导航设置", className: "mt-5 border-t border-gray-100 pt-4", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ n("span", { className: "text-sm font-medium text-gray-700", children: "导航设置" }),
+      /* @__PURE__ */ s("label", { htmlFor: `${o}-enabled`, className: "flex cursor-pointer items-center gap-2 text-sm text-gray-600", children: [
+        /* @__PURE__ */ n("span", { children: "启用导航" }),
+        /* @__PURE__ */ s("span", { className: "relative inline-flex h-5 w-9 shrink-0 items-center", children: [
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: `${o}-enabled`,
+              type: "checkbox",
+              role: "switch",
+              checked: r.navEnabled,
+              disabled: !y,
+              "aria-controls": `${o}-fields`,
+              onChange: (v) => k({ navEnabled: v.target.checked }),
+              className: "peer absolute inset-0 z-10 m-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed"
+            }
+          ),
+          /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "absolute inset-0 rounded-full bg-gray-200 transition peer-checked:bg-blue-500 peer-disabled:opacity-50 peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500" }),
+          /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "pointer-events-none relative ml-0.5 h-4 w-4 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-4" })
+        ] })
+      ] })
+    ] }),
+    y ? r.navEnabled ? /* @__PURE__ */ s("div", { id: `${o}-fields`, className: "mt-4 space-y-4", children: [
+      /* @__PURE__ */ s("div", { className: "max-w-md", children: [
+        /* @__PURE__ */ s("label", { htmlFor: `${o}-name`, className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+          "导航名称 ",
+          /* @__PURE__ */ n("span", { className: "text-red-500", children: "*" })
+        ] }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: `${o}-name`,
+            value: r.navname,
+            maxLength: 100,
+            placeholder: "输入导航名称",
+            required: !0,
+            "aria-invalid": f && !r.navname.trim(),
+            "aria-describedby": f && !r.navname.trim() ? `${o}-name-error` : void 0,
+            onChange: (v) => k({ navname: v.target.value }),
+            onBlur: () => g(!0),
+            className: ze
+          }
+        ),
+        f && !r.navname.trim() && /* @__PURE__ */ n("p", { id: `${o}-name-error`, role: "alert", className: "mt-1.5 text-xs text-red-500", children: "开启导航后，请填写导航名称" })
+      ] }),
+      /* @__PURE__ */ s("fieldset", { "aria-describedby": `${o}-placements-hint`, children: [
+        /* @__PURE__ */ s("legend", { className: "mb-2 text-sm font-medium text-gray-700", children: [
+          "展示位置 ",
+          /* @__PURE__ */ n("span", { className: "text-red-500", children: "*" })
+        ] }),
+        /* @__PURE__ */ n("p", { id: `${o}-placements-hint`, className: "mb-3 text-xs text-gray-500", children: "可同时选择页眉和页尾，页尾可设置父导航。" }),
+        /* @__PURE__ */ n("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: Sr.map(({ position: v, label: P, icon: A, parentEnabled: H }) => {
+          const T = r.navPlacements.find((W) => W.position === v);
+          return /* @__PURE__ */ s("div", { className: `min-w-0 rounded-xl border p-3.5 transition-colors ${T ? "border-blue-200 bg-blue-50/30" : "border-gray-200 bg-gray-50/50"}`, children: [
+            /* @__PURE__ */ s("label", { className: "flex cursor-pointer items-center gap-2.5 text-sm text-gray-700", children: [
+              /* @__PURE__ */ n("input", { type: "checkbox", checked: !!T, onChange: (W) => p(v, W.target.checked), className: "h-4 w-4 shrink-0 accent-blue-500" }),
+              /* @__PURE__ */ n(A, { size: 15, className: "shrink-0 text-gray-400", "aria-hidden": "true" }),
+              /* @__PURE__ */ n("span", { className: "font-medium", children: P })
+            ] }),
+            T && /* @__PURE__ */ n(
+              jr,
+              {
+                host: l,
+                position: v,
+                label: P,
+                parentEnabled: H,
+                service: t,
+                parentNavId: T.parentNavId,
+                onSelect: (W) => k({ navPlacements: r.navPlacements.map((D) => D.position === v ? { ...D, parentNavId: W } : D) })
+              },
+              `${l}:${v}`
+            )
+          ] }, v);
+        }) }),
+        r.navPlacements.length === 0 && /* @__PURE__ */ n("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: "请至少选择一个展示位置" })
+      ] })
+    ] }) : /* @__PURE__ */ n("p", { className: "mt-1.5 text-xs text-gray-500", children: "开启后可将文章加入页眉、页尾或同时加入两处。" }) : /* @__PURE__ */ n("p", { className: "mt-1.5 text-xs text-gray-500", children: "当前服务尚未接入导航配置" })
+  ] });
+}
+function Pr(e) {
+  return e.split(/(“[^”]+”|"[^"]+")/g).map(
+    (t, r) => /^(“.*”|".*")$/.test(t) ? /* @__PURE__ */ n("code", { className: "rounded bg-gray-100 px-1 py-0.5 font-mono text-[11px] text-gray-800", children: t.slice(1, -1) }, r) : t
+  );
+}
+function Er({ errors: e, source: t }) {
+  const [r, a] = _(null), o = t.split(`
+`);
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b border-gray-100 bg-white px-4 py-3.5", children: [
+      /* @__PURE__ */ n("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500", children: /* @__PURE__ */ n(Gt, { size: 18, strokeWidth: 1.75 }) }),
+      /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ n("div", { className: "text-sm font-semibold text-gray-900", children: "HTML 校验" }),
+        /* @__PURE__ */ n("div", { className: "mt-0.5 text-xs text-gray-500", children: "点击问题查看详情" })
+      ] }),
+      /* @__PURE__ */ s("span", { className: "shrink-0 rounded-full bg-red-50 px-2.5 py-1 text-xs font-medium text-red-600", children: [
+        e.length,
+        " 个问题"
+      ] })
+    ] }),
+    /* @__PURE__ */ n("ol", { className: "m-0 list-none divide-y divide-gray-100 p-0", children: e.map((l, f) => {
+      var k, p;
+      const g = (l.lastLine ? (k = o[l.lastLine - 1]) == null ? void 0 : k.trim() : "") || ((p = l.extract) == null ? void 0 : p.trim()), y = r === f;
+      return /* @__PURE__ */ s("li", { children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": y,
+            onClick: () => a(y ? null : f),
+            className: `flex w-full cursor-pointer items-center gap-2.5 px-4 py-3 text-left transition-colors hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-400 ${y ? "bg-gray-50" : ""}`,
+            children: [
+              /* @__PURE__ */ n("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-red-400" }),
+              /* @__PURE__ */ n("span", { className: "w-16 shrink-0 font-mono text-[11px] text-gray-500", children: l.lastLine != null ? `第 ${l.lastLine} 行` : `问题 ${f + 1}` }),
+              /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-xs leading-5 text-gray-700", children: l.message.replace(/[“”"]/g, "") }),
+              /* @__PURE__ */ n(Bt, { size: 14, className: `shrink-0 text-gray-400 transition-transform ${y ? "rotate-180" : ""}` })
+            ]
+          }
+        ),
+        y && /* @__PURE__ */ s("div", { className: "border-t border-gray-100 px-4 pb-4 pt-3", children: [
+          l.lastColumn != null && /* @__PURE__ */ s("div", { className: "mb-2 font-mono text-[11px] text-gray-400", children: [
+            "第 ",
+            l.lastColumn,
+            " 列"
+          ] }),
+          /* @__PURE__ */ n("p", { className: "m-0 text-[13px] leading-6 text-gray-600", children: Pr(l.message) }),
+          g && /* @__PURE__ */ s("div", { className: "mt-3 overflow-hidden rounded-lg border border-gray-100 bg-gray-50", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-1.5 border-b border-gray-100 px-3 py-1.5 text-[10px] font-medium uppercase tracking-wider text-gray-400", children: [
+              /* @__PURE__ */ n(Ye, { size: 11 }),
+              " 源代码"
+            ] }),
+            /* @__PURE__ */ n("pre", { className: "m-0 whitespace-pre-wrap break-words px-3 py-2.5 font-mono text-[11px] leading-5 text-gray-600", children: g })
+          ] })
+        ] })
+      ] }, f);
+    }) })
+  ] });
+}
+async function Ke(e) {
   const t = new AbortController(), r = setTimeout(() => t.abort(), 1e4);
   try {
-    const n = await fetch("https://validator.w3.org/nu/?out=json", {
+    const a = await fetch("https://validator.w3.org/nu/?out=json", {
       method: "POST",
       headers: {
         "Content-Type": "text/html; charset=utf-8",
@@ -1041,117 +1455,117 @@ async function Ve(e) {
       body: e,
       signal: t.signal
     });
-    if (!n.ok) throw new Error(`W3C validator responded with ${n.status}`);
-    const y = ((await n.json()).messages || []).filter(($) => $.type === "error");
-    return { isValid: y.length === 0, errors: y };
-  } catch (n) {
-    return console.error("W3C 校验请求失败:", n), { isValid: !0, errors: [], networkError: !0 };
+    if (!a.ok) throw new Error(`W3C validator responded with ${a.status}`);
+    const f = ((await a.json()).messages || []).filter((g) => g.type === "error");
+    return { isValid: f.length === 0, errors: f };
+  } catch (a) {
+    return console.error("W3C 校验请求失败:", a), { isValid: !0, errors: [], networkError: !0 };
   } finally {
     clearTimeout(r);
   }
 }
-function Ye(e, t) {
+function Je(e, t) {
   (t == null || t > e.length) && (t = e.length);
-  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
-  return n;
+  for (var r = 0, a = Array(t); r < t; r++) a[r] = e[r];
+  return a;
 }
-function ar(e) {
+function Lr(e) {
   if (Array.isArray(e)) return e;
 }
-function ir(e, t, r) {
-  return (t = hr(t)) in e ? Object.defineProperty(e, t, {
+function Tr(e, t, r) {
+  return (t = Wr(t)) in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = r, e;
 }
-function or(e, t) {
+function _r(e, t) {
   var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (r != null) {
-    var n, s, u, y, $ = [], M = !0, j = !1;
+    var a, o, l, f, g = [], y = !0, k = !1;
     try {
-      if (u = (r = r.call(e)).next, t !== 0) for (; !(M = (n = u.call(r)).done) && ($.push(n.value), $.length !== t); M = !0) ;
-    } catch (m) {
-      j = !0, s = m;
+      if (l = (r = r.call(e)).next, t !== 0) for (; !(y = (a = l.call(r)).done) && (g.push(a.value), g.length !== t); y = !0) ;
+    } catch (p) {
+      k = !0, o = p;
     } finally {
       try {
-        if (!M && r.return != null && (y = r.return(), Object(y) !== y)) return;
+        if (!y && r.return != null && (f = r.return(), Object(f) !== f)) return;
       } finally {
-        if (j) throw s;
+        if (k) throw o;
       }
     }
-    return $;
+    return g;
   }
 }
-function sr() {
+function Dr() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Ue(e, t) {
+function Qe(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), r.push.apply(r, n);
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, a);
   }
   return r;
 }
-function qe(e) {
+function Xe(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Ue(Object(r), !0).forEach(function(n) {
-      ir(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Ue(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    t % 2 ? Qe(Object(r), !0).forEach(function(a) {
+      Tr(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Qe(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
   return e;
 }
-function cr(e, t) {
+function zr(e, t) {
   if (e == null) return {};
-  var r, n, s = lr(e, t);
+  var r, a, o = Ar(e, t);
   if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < u.length; n++) r = u[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (s[r] = e[r]);
+    var l = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < l.length; a++) r = l[a], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
   }
-  return s;
+  return o;
 }
-function lr(e, t) {
+function Ar(e, t) {
   if (e == null) return {};
   var r = {};
-  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
-    if (t.indexOf(n) !== -1) continue;
-    r[n] = e[n];
+  for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
+    if (t.indexOf(a) !== -1) continue;
+    r[a] = e[a];
   }
   return r;
 }
-function ur(e, t) {
-  return ar(e) || or(e, t) || fr(e, t) || sr();
+function Hr(e, t) {
+  return Lr(e) || _r(e, t) || Rr(e, t) || Dr();
 }
-function dr(e, t) {
+function Ir(e, t) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
-    var n = r.call(e, t);
-    if (typeof n != "object") return n;
+    var a = r.call(e, t);
+    if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function hr(e) {
-  var t = dr(e, "string");
+function Wr(e) {
+  var t = Ir(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function fr(e, t) {
+function Rr(e, t) {
   if (e) {
-    if (typeof e == "string") return Ye(e, t);
+    if (typeof e == "string") return Je(e, t);
     var r = {}.toString.call(e).slice(8, -1);
-    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Ye(e, t) : void 0;
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Je(e, t) : void 0;
   }
 }
-function mr(e, t, r) {
+function Vr(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -1159,79 +1573,79 @@ function mr(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Be(e, t) {
+function et(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), r.push.apply(r, n);
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, a);
   }
   return r;
 }
-function Fe(e) {
+function tt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Be(Object(r), !0).forEach(function(n) {
-      mr(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : Be(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    t % 2 ? et(Object(r), !0).forEach(function(a) {
+      Vr(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : et(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
     });
   }
   return e;
 }
-function pr() {
+function Yr() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
-  return function(n) {
-    return t.reduceRight(function(s, u) {
-      return u(s);
-    }, n);
+  return function(a) {
+    return t.reduceRight(function(o, l) {
+      return l(o);
+    }, a);
   };
 }
-function se(e) {
+function le(e) {
   return function t() {
-    for (var r = this, n = arguments.length, s = new Array(n), u = 0; u < n; u++)
-      s[u] = arguments[u];
-    return s.length >= e.length ? e.apply(this, s) : function() {
-      for (var y = arguments.length, $ = new Array(y), M = 0; M < y; M++)
-        $[M] = arguments[M];
-      return t.apply(r, [].concat(s, $));
+    for (var r = this, a = arguments.length, o = new Array(a), l = 0; l < a; l++)
+      o[l] = arguments[l];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var f = arguments.length, g = new Array(f), y = 0; y < f; y++)
+        g[y] = arguments[y];
+      return t.apply(r, [].concat(o, g));
     };
   };
 }
-function ge(e) {
+function be(e) {
   return {}.toString.call(e).includes("Object");
 }
-function gr(e) {
+function qr(e) {
   return !Object.keys(e).length;
 }
-function le(e) {
+function he(e) {
   return typeof e == "function";
 }
-function yr(e, t) {
+function Br(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function br(e, t) {
-  return ge(t) || re("changeType"), Object.keys(t).some(function(r) {
-    return !yr(e, r);
-  }) && re("changeField"), t;
+function Fr(e, t) {
+  return be(t) || ne("changeType"), Object.keys(t).some(function(r) {
+    return !Br(e, r);
+  }) && ne("changeField"), t;
 }
-function xr(e) {
-  le(e) || re("selectorType");
+function Ur(e) {
+  he(e) || ne("selectorType");
 }
-function vr(e) {
-  le(e) || ge(e) || re("handlerType"), ge(e) && Object.values(e).some(function(t) {
-    return !le(t);
-  }) && re("handlersType");
+function Gr(e) {
+  he(e) || be(e) || ne("handlerType"), be(e) && Object.values(e).some(function(t) {
+    return !he(t);
+  }) && ne("handlersType");
 }
-function wr(e) {
-  e || re("initialIsRequired"), ge(e) || re("initialType"), gr(e) && re("initialContent");
+function Zr(e) {
+  e || ne("initialIsRequired"), be(e) || ne("initialType"), qr(e) && ne("initialContent");
 }
-function Nr(e, t) {
+function Kr(e, t) {
   throw new Error(e[t] || e.default);
 }
-var kr = {
+var Jr = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -1241,76 +1655,76 @@ var kr = {
   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"
-}, re = se(Nr)(kr), he = {
-  changes: br,
-  selector: xr,
-  handler: vr,
-  initial: wr
+}, ne = le(Kr)(Jr), pe = {
+  changes: Fr,
+  selector: Ur,
+  handler: Gr,
+  initial: Zr
 };
-function $r(e) {
+function Qr(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  he.initial(e), he.handler(t);
+  pe.initial(e), pe.handler(t);
   var r = {
     current: e
-  }, n = se(Sr)(r, t), s = se(Cr)(r), u = se(he.changes)(e), y = se(Mr)(r);
-  function $() {
-    var j = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(m) {
-      return m;
+  }, a = le(tn)(r, t), o = le(en)(r), l = le(pe.changes)(e), f = le(Xr)(r);
+  function g() {
+    var k = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(p) {
+      return p;
     };
-    return he.selector(j), j(r.current);
+    return pe.selector(k), k(r.current);
   }
-  function M(j) {
-    pr(n, s, u, y)(j);
+  function y(k) {
+    Yr(a, o, l, f)(k);
   }
-  return [$, M];
+  return [g, y];
 }
-function Mr(e, t) {
-  return le(t) ? t(e.current) : t;
+function Xr(e, t) {
+  return he(t) ? t(e.current) : t;
 }
-function Cr(e, t) {
-  return e.current = Fe(Fe({}, e.current), t), t;
+function en(e, t) {
+  return e.current = tt(tt({}, e.current), t), t;
 }
-function Sr(e, t, r) {
-  return le(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
-    var s;
-    return (s = t[n]) === null || s === void 0 ? void 0 : s.call(t, e.current[n]);
+function tn(e, t, r) {
+  return he(t) ? t(e.current) : Object.keys(r).forEach(function(a) {
+    var o;
+    return (o = t[a]) === null || o === void 0 ? void 0 : o.call(t, e.current[a]);
   }), r;
 }
-var jr = {
-  create: $r
-}, Or = {
+var rn = {
+  create: Qr
+}, nn = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
   }
 };
-function Pr(e) {
+function an(e) {
   return function t() {
-    for (var r = this, n = arguments.length, s = new Array(n), u = 0; u < n; u++)
-      s[u] = arguments[u];
-    return s.length >= e.length ? e.apply(this, s) : function() {
-      for (var y = arguments.length, $ = new Array(y), M = 0; M < y; M++)
-        $[M] = arguments[M];
-      return t.apply(r, [].concat(s, $));
+    for (var r = this, a = arguments.length, o = new Array(a), l = 0; l < a; l++)
+      o[l] = arguments[l];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var f = arguments.length, g = new Array(f), y = 0; y < f; y++)
+        g[y] = arguments[y];
+      return t.apply(r, [].concat(o, g));
     };
   };
 }
-function Dr(e) {
+function sn(e) {
   return {}.toString.call(e).includes("Object");
 }
-function Lr(e) {
-  return e || Ze("configIsRequired"), Dr(e) || Ze("configType"), e.urls ? (_r(), {
+function on(e) {
+  return e || rt("configIsRequired"), sn(e) || rt("configType"), e.urls ? (cn(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function _r() {
-  console.warn(at.deprecation);
+function cn() {
+  console.warn(xt.deprecation);
 }
-function Tr(e, t) {
+function ln(e, t) {
   throw new Error(e[t] || e.default);
 }
-var at = {
+var xt = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -1324,376 +1738,483 @@ var at = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, Ze = Pr(Tr)(at), Ar = {
-  config: Lr
-}, Er = function() {
-  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
-    r[n] = arguments[n];
-  return function(s) {
-    return r.reduceRight(function(u, y) {
-      return y(u);
-    }, s);
+}, rt = an(ln)(xt), dn = {
+  config: on
+}, un = function() {
+  for (var t = arguments.length, r = new Array(t), a = 0; a < t; a++)
+    r[a] = arguments[a];
+  return function(o) {
+    return r.reduceRight(function(l, f) {
+      return f(l);
+    }, o);
   };
 };
-function it(e, t) {
+function bt(e, t) {
   return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], it(e[r], t[r]));
-  }), qe(qe({}, e), t);
+    t[r] instanceof Object && e[r] && Object.assign(t[r], bt(e[r], t[r]));
+  }), Xe(Xe({}, e), t);
 }
-var zr = {
+var hn = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-function Ne(e) {
-  var t = !1, r = new Promise(function(n, s) {
-    e.then(function(u) {
-      return t ? s(zr) : n(u);
-    }), e.catch(s);
+function Se(e) {
+  var t = !1, r = new Promise(function(a, o) {
+    e.then(function(l) {
+      return t ? o(hn) : a(l);
+    }), e.catch(o);
   });
   return r.cancel = function() {
     return t = !0;
   }, r;
 }
-var Hr = ["monaco"], Ir = jr.create({
-  config: Or,
+var mn = ["monaco"], pn = rn.create({
+  config: nn,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), ot = ur(Ir, 2), ue = ot[0], be = ot[1];
-function Wr(e) {
-  var t = Ar.config(e), r = t.monaco, n = cr(t, Hr);
-  be(function(s) {
+}), yt = Hr(pn, 2), me = yt[0], we = yt[1];
+function fn(e) {
+  var t = dn.config(e), r = t.monaco, a = zr(t, mn);
+  we(function(o) {
     return {
-      config: it(s.config, n),
+      config: bt(o.config, a),
       monaco: r
     };
   });
 }
-function Rr() {
-  var e = ue(function(t) {
-    var r = t.monaco, n = t.isInitialized, s = t.resolve;
+function gn() {
+  var e = me(function(t) {
+    var r = t.monaco, a = t.isInitialized, o = t.resolve;
     return {
       monaco: r,
-      isInitialized: n,
-      resolve: s
+      isInitialized: a,
+      resolve: o
     };
   });
   if (!e.isInitialized) {
-    if (be({
+    if (we({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), Ne(ke);
+      return e.resolve(e.monaco), Se(je);
     if (window.monaco && window.monaco.editor)
-      return st(window.monaco), e.resolve(window.monaco), Ne(ke);
-    Er(Vr, Ur)(qr);
+      return vt(window.monaco), e.resolve(window.monaco), Se(je);
+    un(xn, yn)(vn);
   }
-  return Ne(ke);
+  return Se(je);
 }
-function Vr(e) {
+function xn(e) {
   return document.body.appendChild(e);
 }
-function Yr(e) {
+function bn(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function Ur(e) {
-  var t = ue(function(n) {
-    var s = n.config, u = n.reject;
+function yn(e) {
+  var t = me(function(a) {
+    var o = a.config, l = a.reject;
     return {
-      config: s,
-      reject: u
+      config: o,
+      reject: l
     };
-  }), r = Yr("".concat(t.config.paths.vs, "/loader.js"));
+  }), r = bn("".concat(t.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = t.reject, r;
 }
-function qr() {
-  var e = ue(function(r) {
-    var n = r.config, s = r.resolve, u = r.reject;
+function vn() {
+  var e = me(function(r) {
+    var a = r.config, o = r.resolve, l = r.reject;
     return {
-      config: n,
-      resolve: s,
-      reject: u
+      config: a,
+      resolve: o,
+      reject: l
     };
   }), t = window.require;
   t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    var n = r.m || r;
-    st(n), e.resolve(n);
+    var a = r.m || r;
+    vt(a), e.resolve(a);
   }, function(r) {
     e.reject(r);
   });
 }
-function st(e) {
-  ue().monaco || be({
+function vt(e) {
+  me().monaco || we({
     monaco: e
   });
 }
-function Br() {
-  return ue(function(e) {
+function wn() {
+  return me(function(e) {
     var t = e.monaco;
     return t;
   });
 }
-var ke = new Promise(function(e, t) {
-  return be({
+var je = new Promise(function(e, t) {
+  return we({
     resolve: e,
     reject: t
   });
-}), ct = {
-  config: Wr,
-  init: Rr,
-  __getMonacoInstance: Br
-}, Fr = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, $e = Fr, Zr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Jr = Zr;
-function Kr({ children: e }) {
-  return ie.createElement("div", { style: Jr.container }, e);
-}
-var Gr = Kr, Qr = Gr;
-function Xr({ width: e, height: t, isEditorReady: r, loading: n, _ref: s, className: u, wrapperProps: y }) {
-  return ie.createElement("section", { style: { ...$e.wrapper, width: e, height: t }, ...y }, !r && ie.createElement(Qr, null, n), ie.createElement("div", { ref: s, style: { ...$e.fullWidth, ...!r && $e.hide }, className: u }));
-}
-var en = Xr, lt = Te(en);
-function tn(e) {
+}), wt = {
+  config: fn,
+  init: gn,
+  __getMonacoInstance: wn
+}, Nn = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, Oe = Nn, kn = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, $n = kn;
+function Mn({ children: e }) {
+  return ce.createElement("div", { style: $n.container }, e);
+}
+var Cn = Mn, Sn = Cn;
+function jn({ width: e, height: t, isEditorReady: r, loading: a, _ref: o, className: l, wrapperProps: f }) {
+  return ce.createElement("section", { style: { ...Oe.wrapper, width: e, height: t }, ...f }, !r && ce.createElement(Sn, null, a), ce.createElement("div", { ref: o, style: { ...Oe.fullWidth, ...!r && Oe.hide }, className: l }));
+}
+var On = jn, Nt = We(On);
+function Pn(e) {
   K(e, []);
 }
-var ut = tn;
-function rn(e, t, r = !0) {
-  let n = Y(!0);
-  K(n.current || !r ? () => {
-    n.current = !1;
+var kt = Pn;
+function En(e, t, r = !0) {
+  let a = Y(!0);
+  K(a.current || !r ? () => {
+    a.current = !1;
   } : e, t);
 }
-var J = rn;
-function ce() {
+var X = En;
+function de() {
 }
-function ae(e, t, r, n) {
-  return nn(e, n) || an(e, t, r, n);
+function oe(e, t, r, a) {
+  return Ln(e, a) || Tn(e, t, r, a);
 }
-function nn(e, t) {
-  return e.editor.getModel(dt(e, t));
+function Ln(e, t) {
+  return e.editor.getModel($t(e, t));
 }
-function an(e, t, r, n) {
-  return e.editor.createModel(t, r, n ? dt(e, n) : void 0);
+function Tn(e, t, r, a) {
+  return e.editor.createModel(t, r, a ? $t(e, a) : void 0);
 }
-function dt(e, t) {
+function $t(e, t) {
   return e.Uri.parse(t);
 }
-function on({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: s, originalModelPath: u, modifiedModelPath: y, keepCurrentOriginalModel: $ = !1, keepCurrentModifiedModel: M = !1, theme: j = "light", loading: m = "Loading...", options: S = {}, height: W = "100%", width: P = "100%", className: E, wrapperProps: I = {}, beforeMount: H = ce, onMount: B = ce }) {
-  let [z, p] = A(!1), [T, O] = A(!0), b = Y(null), w = Y(null), R = Y(null), L = Y(B), g = Y(H), C = Y(!1);
-  ut(() => {
-    let i = ct.init();
-    return i.then((o) => (w.current = o) && O(!1)).catch((o) => (o == null ? void 0 : o.type) !== "cancelation" && console.error("Monaco initialization: error:", o)), () => b.current ? x() : i.cancel();
-  }), J(() => {
-    if (b.current && w.current) {
-      let i = b.current.getOriginalEditor(), o = ae(w.current, e || "", n || r || "text", u || "");
-      o !== i.getModel() && i.setModel(o);
+function _n({ original: e, modified: t, language: r, originalLanguage: a, modifiedLanguage: o, originalModelPath: l, modifiedModelPath: f, keepCurrentOriginalModel: g = !1, keepCurrentModifiedModel: y = !1, theme: k = "light", loading: p = "Loading...", options: v = {}, height: P = "100%", width: A = "100%", className: H, wrapperProps: T = {}, beforeMount: W = de, onMount: D = de }) {
+  let [R, V] = _(!1), [j, E] = _(!0), b = Y(null), h = Y(null), z = Y(null), M = Y(D), x = Y(W), w = Y(!1);
+  kt(() => {
+    let i = wt.init();
+    return i.then((c) => (h.current = c) && E(!1)).catch((c) => (c == null ? void 0 : c.type) !== "cancelation" && console.error("Monaco initialization: error:", c)), () => b.current ? d() : i.cancel();
+  }), X(() => {
+    if (b.current && h.current) {
+      let i = b.current.getOriginalEditor(), c = oe(h.current, e || "", a || r || "text", l || "");
+      c !== i.getModel() && i.setModel(c);
     }
-  }, [u], z), J(() => {
-    if (b.current && w.current) {
-      let i = b.current.getModifiedEditor(), o = ae(w.current, t || "", s || r || "text", y || "");
-      o !== i.getModel() && i.setModel(o);
+  }, [l], R), X(() => {
+    if (b.current && h.current) {
+      let i = b.current.getModifiedEditor(), c = oe(h.current, t || "", o || r || "text", f || "");
+      c !== i.getModel() && i.setModel(c);
     }
-  }, [y], z), J(() => {
+  }, [f], R), X(() => {
     let i = b.current.getModifiedEditor();
-    i.getOption(w.current.editor.EditorOption.readOnly) ? i.setValue(t || "") : t !== i.getValue() && (i.executeEdits("", [{ range: i.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), i.pushUndoStop());
-  }, [t], z), J(() => {
-    var i, o;
-    (o = (i = b.current) == null ? void 0 : i.getModel()) == null || o.original.setValue(e || "");
-  }, [e], z), J(() => {
-    let { original: i, modified: o } = b.current.getModel();
-    w.current.editor.setModelLanguage(i, n || r || "text"), w.current.editor.setModelLanguage(o, s || r || "text");
-  }, [r, n, s], z), J(() => {
+    i.getOption(h.current.editor.EditorOption.readOnly) ? i.setValue(t || "") : t !== i.getValue() && (i.executeEdits("", [{ range: i.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), i.pushUndoStop());
+  }, [t], R), X(() => {
+    var i, c;
+    (c = (i = b.current) == null ? void 0 : i.getModel()) == null || c.original.setValue(e || "");
+  }, [e], R), X(() => {
+    let { original: i, modified: c } = b.current.getModel();
+    h.current.editor.setModelLanguage(i, a || r || "text"), h.current.editor.setModelLanguage(c, o || r || "text");
+  }, [r, a, o], R), X(() => {
     var i;
-    (i = w.current) == null || i.editor.setTheme(j);
-  }, [j], z), J(() => {
+    (i = h.current) == null || i.editor.setTheme(k);
+  }, [k], R), X(() => {
     var i;
-    (i = b.current) == null || i.updateOptions(S);
-  }, [S], z);
-  let q = je(() => {
-    var d;
-    if (!w.current) return;
-    g.current(w.current);
-    let i = ae(w.current, e || "", n || r || "text", u || ""), o = ae(w.current, t || "", s || r || "text", y || "");
-    (d = b.current) == null || d.setModel({ original: i, modified: o });
-  }, [r, t, s, e, n, u, y]), G = je(() => {
+    (i = b.current) == null || i.updateOptions(v);
+  }, [v], R);
+  let L = xe(() => {
+    var m;
+    if (!h.current) return;
+    x.current(h.current);
+    let i = oe(h.current, e || "", a || r || "text", l || ""), c = oe(h.current, t || "", o || r || "text", f || "");
+    (m = b.current) == null || m.setModel({ original: i, modified: c });
+  }, [r, t, o, e, a, l, f]), F = xe(() => {
     var i;
-    !C.current && R.current && (b.current = w.current.editor.createDiffEditor(R.current, { automaticLayout: !0, ...S }), q(), (i = w.current) == null || i.editor.setTheme(j), p(!0), C.current = !0);
-  }, [S, j, q]);
+    !w.current && z.current && (b.current = h.current.editor.createDiffEditor(z.current, { automaticLayout: !0, ...v }), L(), (i = h.current) == null || i.editor.setTheme(k), V(!0), w.current = !0);
+  }, [v, k, L]);
   K(() => {
-    z && L.current(b.current, w.current);
-  }, [z]), K(() => {
-    !T && !z && G();
-  }, [T, z, G]);
-  function x() {
-    var o, d, c, v;
-    let i = (o = b.current) == null ? void 0 : o.getModel();
-    $ || ((d = i == null ? void 0 : i.original) == null || d.dispose()), M || ((c = i == null ? void 0 : i.modified) == null || c.dispose()), (v = b.current) == null || v.dispose();
+    R && M.current(b.current, h.current);
+  }, [R]), K(() => {
+    !j && !R && F();
+  }, [j, R, F]);
+  function d() {
+    var c, m, u, C;
+    let i = (c = b.current) == null ? void 0 : c.getModel();
+    g || ((m = i == null ? void 0 : i.original) == null || m.dispose()), y || ((u = i == null ? void 0 : i.modified) == null || u.dispose()), (C = b.current) == null || C.dispose();
   }
-  return ie.createElement(lt, { width: P, height: W, isEditorReady: z, loading: m, _ref: R, className: E, wrapperProps: I });
+  return ce.createElement(Nt, { width: A, height: P, isEditorReady: R, loading: p, _ref: z, className: H, wrapperProps: T });
 }
-var sn = on;
-Te(sn);
-function cn(e) {
+var Dn = _n;
+We(Dn);
+function zn(e) {
   let t = Y();
   return K(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var ln = cn, fe = /* @__PURE__ */ new Map();
-function un({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: s, path: u, theme: y = "light", line: $, loading: M = "Loading...", options: j = {}, overrideServices: m = {}, saveViewState: S = !0, keepCurrentModel: W = !1, width: P = "100%", height: E = "100%", className: I, wrapperProps: H = {}, beforeMount: B = ce, onMount: z = ce, onChange: p, onValidate: T = ce }) {
-  let [O, b] = A(!1), [w, R] = A(!0), L = Y(null), g = Y(null), C = Y(null), q = Y(z), G = Y(B), x = Y(), i = Y(n), o = ln(u), d = Y(!1), c = Y(!1);
-  ut(() => {
-    let f = ct.init();
-    return f.then((N) => (L.current = N) && R(!1)).catch((N) => (N == null ? void 0 : N.type) !== "cancelation" && console.error("Monaco initialization: error:", N)), () => g.current ? k() : f.cancel();
-  }), J(() => {
-    var N, D, h, _;
-    let f = ae(L.current, e || n || "", t || s || "", u || r || "");
-    f !== ((N = g.current) == null ? void 0 : N.getModel()) && (S && fe.set(o, (D = g.current) == null ? void 0 : D.saveViewState()), (h = g.current) == null || h.setModel(f), S && ((_ = g.current) == null || _.restoreViewState(fe.get(u))));
-  }, [u], O), J(() => {
-    var f;
-    (f = g.current) == null || f.updateOptions(j);
-  }, [j], O), J(() => {
-    !g.current || n === void 0 || (g.current.getOption(L.current.editor.EditorOption.readOnly) ? g.current.setValue(n) : n !== g.current.getValue() && (c.current = !0, g.current.executeEdits("", [{ range: g.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), g.current.pushUndoStop(), c.current = !1));
-  }, [n], O), J(() => {
-    var N, D;
-    let f = (N = g.current) == null ? void 0 : N.getModel();
-    f && s && ((D = L.current) == null || D.editor.setModelLanguage(f, s));
-  }, [s], O), J(() => {
-    var f;
-    $ !== void 0 && ((f = g.current) == null || f.revealLine($));
-  }, [$], O), J(() => {
-    var f;
-    (f = L.current) == null || f.editor.setTheme(y);
-  }, [y], O);
-  let v = je(() => {
-    var f;
-    if (!(!C.current || !L.current) && !d.current) {
-      G.current(L.current);
-      let N = u || r, D = ae(L.current, n || e || "", t || s || "", N || "");
-      g.current = (f = L.current) == null ? void 0 : f.editor.create(C.current, { model: D, automaticLayout: !0, ...j }, m), S && g.current.restoreViewState(fe.get(N)), L.current.editor.setTheme(y), $ !== void 0 && g.current.revealLine($), b(!0), d.current = !0;
+var An = zn, fe = /* @__PURE__ */ new Map();
+function Hn({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: a, language: o, path: l, theme: f = "light", line: g, loading: y = "Loading...", options: k = {}, overrideServices: p = {}, saveViewState: v = !0, keepCurrentModel: P = !1, width: A = "100%", height: H = "100%", className: T, wrapperProps: W = {}, beforeMount: D = de, onMount: R = de, onChange: V, onValidate: j = de }) {
+  let [E, b] = _(!1), [h, z] = _(!0), M = Y(null), x = Y(null), w = Y(null), L = Y(R), F = Y(D), d = Y(), i = Y(a), c = An(l), m = Y(!1), u = Y(!1);
+  kt(() => {
+    let N = wt.init();
+    return N.then((S) => (M.current = S) && z(!1)).catch((S) => (S == null ? void 0 : S.type) !== "cancelation" && console.error("Monaco initialization: error:", S)), () => x.current ? O() : N.cancel();
+  }), X(() => {
+    var S, I, q, G;
+    let N = oe(M.current, e || a || "", t || o || "", l || r || "");
+    N !== ((S = x.current) == null ? void 0 : S.getModel()) && (v && fe.set(c, (I = x.current) == null ? void 0 : I.saveViewState()), (q = x.current) == null || q.setModel(N), v && ((G = x.current) == null || G.restoreViewState(fe.get(l))));
+  }, [l], E), X(() => {
+    var N;
+    (N = x.current) == null || N.updateOptions(k);
+  }, [k], E), X(() => {
+    !x.current || a === void 0 || (x.current.getOption(M.current.editor.EditorOption.readOnly) ? x.current.setValue(a) : a !== x.current.getValue() && (u.current = !0, x.current.executeEdits("", [{ range: x.current.getModel().getFullModelRange(), text: a, forceMoveMarkers: !0 }]), x.current.pushUndoStop(), u.current = !1));
+  }, [a], E), X(() => {
+    var S, I;
+    let N = (S = x.current) == null ? void 0 : S.getModel();
+    N && o && ((I = M.current) == null || I.editor.setModelLanguage(N, o));
+  }, [o], E), X(() => {
+    var N;
+    g !== void 0 && ((N = x.current) == null || N.revealLine(g));
+  }, [g], E), X(() => {
+    var N;
+    (N = M.current) == null || N.editor.setTheme(f);
+  }, [f], E);
+  let C = xe(() => {
+    var N;
+    if (!(!w.current || !M.current) && !m.current) {
+      F.current(M.current);
+      let S = l || r, I = oe(M.current, a || e || "", t || o || "", S || "");
+      x.current = (N = M.current) == null ? void 0 : N.editor.create(w.current, { model: I, automaticLayout: !0, ...k }, p), v && x.current.restoreViewState(fe.get(S)), M.current.editor.setTheme(f), g !== void 0 && x.current.revealLine(g), b(!0), m.current = !0;
     }
-  }, [e, t, r, n, s, u, j, m, S, y, $]);
+  }, [e, t, r, a, o, l, k, p, v, f, g]);
   K(() => {
-    O && q.current(g.current, L.current);
-  }, [O]), K(() => {
-    !w && !O && v();
-  }, [w, O, v]), i.current = n, K(() => {
-    var f, N;
-    O && p && ((f = x.current) == null || f.dispose(), x.current = (N = g.current) == null ? void 0 : N.onDidChangeModelContent((D) => {
-      c.current || p(g.current.getValue(), D);
+    E && L.current(x.current, M.current);
+  }, [E]), K(() => {
+    !h && !E && C();
+  }, [h, E, C]), i.current = a, K(() => {
+    var N, S;
+    E && V && ((N = d.current) == null || N.dispose(), d.current = (S = x.current) == null ? void 0 : S.onDidChangeModelContent((I) => {
+      u.current || V(x.current.getValue(), I);
     }));
-  }, [O, p]), K(() => {
-    if (O) {
-      let f = L.current.editor.onDidChangeMarkers((N) => {
-        var h;
-        let D = (h = g.current.getModel()) == null ? void 0 : h.uri;
-        if (D && N.find((_) => _.path === D.path)) {
-          let _ = L.current.editor.getModelMarkers({ resource: D });
-          T == null || T(_);
+  }, [E, V]), K(() => {
+    if (E) {
+      let N = M.current.editor.onDidChangeMarkers((S) => {
+        var q;
+        let I = (q = x.current.getModel()) == null ? void 0 : q.uri;
+        if (I && S.find((G) => G.path === I.path)) {
+          let G = M.current.editor.getModelMarkers({ resource: I });
+          j == null || j(G);
         }
       });
       return () => {
-        f == null || f.dispose();
+        N == null || N.dispose();
       };
     }
     return () => {
     };
-  }, [O, T]);
-  function k() {
-    var f, N;
-    (f = x.current) == null || f.dispose(), W ? S && fe.set(u, g.current.saveViewState()) : (N = g.current.getModel()) == null || N.dispose(), g.current.dispose();
+  }, [E, j]);
+  function O() {
+    var N, S;
+    (N = d.current) == null || N.dispose(), P ? v && fe.set(l, x.current.saveViewState()) : (S = x.current.getModel()) == null || S.dispose(), x.current.dispose();
   }
-  return ie.createElement(lt, { width: P, height: E, isEditorReady: O, loading: M, _ref: C, className: I, wrapperProps: H });
-}
-var dn = un, hn = Te(dn), fn = hn;
-function ye({ title: e, children: t, placement: r = "top" }) {
-  const [n, s] = A(!1);
-  return e ? /* @__PURE__ */ l(
+  return ce.createElement(Nt, { width: A, height: H, isEditorReady: E, loading: y, _ref: w, className: T, wrapperProps: W });
+}
+var In = Hn, Wn = We(In), Rn = Wn;
+function ye({ title: e, children: t, placement: r = "top", align: a = "center", variant: o = "default" }) {
+  const [l, f] = _(!1), [g, y] = _(null), k = Y(null), p = Y(null), v = Y(void 0), P = Y(!1), A = Y(null), H = Ie(), T = () => {
+    clearTimeout(v.current), P.current = !1, A.current = null, f(!1), y(null);
+  }, W = () => {
+    clearTimeout(v.current), f(!0);
+  }, D = () => {
+    clearTimeout(v.current), !P.current && (v.current = setTimeout(() => {
+      P.current || T();
+    }, 150));
+  }, R = () => {
+    o === "card" && (P.current = !0, W());
+  }, V = (j) => {
+    var E, b;
+    return j instanceof Node && (((E = k.current) == null ? void 0 : E.contains(j)) || ((b = p.current) == null ? void 0 : b.contains(j)));
+  };
+  return K(() => () => clearTimeout(v.current), []), K(() => {
+    if (!l) return;
+    const j = (b) => {
+      V(b.target) || T();
+    }, E = (b) => {
+      b.key === "Escape" && T();
+    };
+    return document.addEventListener("pointerdown", j), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("pointerdown", j), document.removeEventListener("keydown", E);
+    };
+  }, [l]), Mt(() => {
+    if (!l || !e) return;
+    const j = () => {
+      const b = k.current, h = p.current;
+      if (!b || !h) return;
+      const z = 12, M = 6, x = b.getBoundingClientRect(), w = Math.max(0, x.top - z - M), L = Math.max(0, window.innerHeight - x.bottom - z - M), F = o === "card" ? 420 : 320;
+      if (!A.current) {
+        const m = o === "card" ? F : Math.min(F, h.getBoundingClientRect().height), u = r === "top" ? w >= m || w >= L : !(L >= m || L >= w);
+        A.current = u ? "top" : "bottom";
+      }
+      const d = A.current === "top";
+      h.style.maxHeight = `${Math.min(F, d ? w : L)}px`;
+      const { width: i, height: c } = h.getBoundingClientRect();
+      y({
+        left: Math.max(z, Math.min(
+          a === "end" ? x.right - i : x.left + (x.width - i) / 2,
+          window.innerWidth - i - z
+        )),
+        top: d ? x.top - c - M : x.bottom + M
+      });
+    };
+    j();
+    const E = new ResizeObserver(j);
+    return p.current && E.observe(p.current), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0), () => {
+      E.disconnect(), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
+    };
+  }, [l, e, r, a, o]), e ? /* @__PURE__ */ s(
     "div",
     {
-      className: "relative inline-flex",
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
+      ref: k,
+      className: "inline-flex",
+      "aria-describedby": l && o === "default" ? H : void 0,
+      onMouseEnter: W,
+      onMouseLeave: D,
+      onPointerDown: R,
+      onClick: () => {
+        o === "default" && T();
+      },
+      onFocus: W,
+      onBlur: (j) => {
+        V(j.relatedTarget) || (j.relatedTarget ? T() : D());
+      },
       children: [
         t,
-        n && /* @__PURE__ */ a(
-          "div",
-          {
-            className: `absolute left-1/2 -translate-x-1/2 z-50 px-2 py-1 bg-gray-800/90 text-white text-xs rounded-md whitespace-nowrap pointer-events-none ${r === "top" ? "bottom-full mb-1.5" : "top-full mt-1.5"}`,
-            children: e
-          }
+        l && at(
+          /* @__PURE__ */ n(
+            "div",
+            {
+              ref: p,
+              id: H,
+              role: o === "card" ? "dialog" : "tooltip",
+              "aria-label": o === "card" ? "校验问题" : void 0,
+              className: `aisee-articles-tooltip aisee-articles-tooltip--${o}`,
+              style: {
+                width: o === "card" ? 480 : "max-content",
+                maxWidth: "min(480px, calc(100vw - 24px))",
+                overflowWrap: "anywhere",
+                scrollbarWidth: "thin",
+                left: (g == null ? void 0 : g.left) ?? 0,
+                top: (g == null ? void 0 : g.top) ?? 0,
+                visibility: g ? "visible" : "hidden"
+              },
+              onMouseEnter: W,
+              onMouseLeave: D,
+              onPointerDown: R,
+              onFocus: W,
+              children: e
+            }
+          ),
+          document.body
         )
       ]
     }
-  ) : /* @__PURE__ */ a(pe, { children: t });
-}
-const Me = [
-  { key: "desktop", icon: /* @__PURE__ */ a(et, { size: 13 }), label: "Desktop", width: null },
-  { key: "tablet", icon: /* @__PURE__ */ a(rt, { size: 13 }), label: "Tablet", width: 768 },
-  { key: "mobile", icon: /* @__PURE__ */ a(tt, { size: 13 }), label: "Mobile", width: 390 }
-], Nn = ({ id: e, record: t }) => {
-  const { navigate: r, params: n, locationState: s } = Ee(), u = e ?? n.id, { basePath: y, service: $, previewBaseUrl: M, previewTailwind: j } = ze(), m = !!u, [S, W] = nt(), [P, E] = A(!1), [I, H] = A(t ?? (s == null ? void 0 : s.record) ?? null), [B, z] = A(""), [p, T] = A(m ? "" : "https://aisee.live"), [O, b] = A(""), [w, R] = A(""), [L, g] = A("code"), [C, q] = A(!1), [G, x] = A("desktop"), [i, o] = A(!1), [d, c] = A(null), v = (h, _) => {
-    const Q = M ? `<base href="${M}">` : "", F = _ ? `<meta name="viewport" content="width=${_}, initial-scale=1">` : "", X = _ ? "<style>*,*::before,*::after{box-sizing:border-box}img,video,svg,canvas,audio{max-width:100%;height:auto}pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}</style>" : "", ee = j && !h.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", V = Q + F + X + ee;
-    return V ? h.includes("</head>") ? h.replace("</head>", `${V}
-</head>`) : V + h : h;
-  }, k = async () => {
-    if (!w.trim()) {
-      Z.warning("请先输入 HTML 代码");
+  ) : /* @__PURE__ */ n(ue, { children: t });
+}
+const Pe = [
+  { key: "desktop", icon: /* @__PURE__ */ n(dt, { size: 13 }), label: "桌面", width: null },
+  { key: "tablet", icon: /* @__PURE__ */ n(pt, { size: 13 }), label: "平板", width: 768 },
+  { key: "mobile", icon: /* @__PURE__ */ n(mt, { size: 13 }), label: "手机", width: 390 }
+], Kn = ({ id: e, record: t }) => {
+  const { navigate: r, params: a, locationState: o } = Ve(), l = e ?? a.id, { basePath: f, service: g, previewBaseUrl: y, previewTailwind: k } = ve(), p = !!l, [v, P] = ft(), [A, H] = _(!1), [T, W] = _(t ?? (o == null ? void 0 : o.record) ?? null), [D, R] = _(""), [V, j] = _(p ? "" : "https://aisee.live"), [E, b] = _(""), [h, z] = _(""), [M, x] = _({
+    navEnabled: !1,
+    navname: "",
+    navPlacements: []
+  }), w = ($) => x({
+    navEnabled: $.navEnabled ?? !1,
+    navname: $.navname ?? "",
+    navPlacements: $.navPlacements ?? []
+  }), [L, F] = _(""), [d, i] = _("code"), [c, m] = _(!1), [u, C] = _("desktop"), [O, N] = _(!1), [S, I] = _(null), q = ($, Z) => {
+    const U = y ? `<base href="${y}">` : "", Q = Z ? `<meta name="viewport" content="width=${Z}, initial-scale=1">` : "", ie = Z ? "<style>*,*::before,*::after{box-sizing:border-box}img,video,svg,canvas,audio{max-width:100%;height:auto}pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}</style>" : "", Ne = k && !$.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", ke = U + Q + ie + Ne;
+    return ke ? $.includes("</head>") ? $.replace("</head>", `${ke}
+</head>`) : ke + $ : $;
+  }, G = async () => {
+    if (!L.trim()) {
+      J.warning("请先输入 HTML 代码");
       return;
     }
-    o(!0), c(null);
+    N(!0), I(null);
     try {
-      const h = await Ve(w);
-      c(h), h.networkError ? Z.warning("W3C 校验服务不可用") : h.isValid && Z.success("W3C 校验通过");
+      const $ = await Ke(L);
+      I($), $.networkError ? J.warning("W3C 校验服务不可用") : $.isValid && J.success("HTML 校验通过");
     } finally {
-      o(!1);
+      N(!1);
     }
   };
   K(() => {
-    m && (I ? (z(I.pathname || ""), T(I.host || ""), R(I.content || "")) : $.getById(u).then((h) => {
-      H(h), z(h.pathname || ""), T(h.host || ""), R(h.content || "");
-    }).catch((h) => {
-      Z.error(h.message || "获取数据失败"), r(y);
+    p && (T ? (R(T.pathname || ""), j(T.host || ""), F(T.content || ""), w(T)) : g.getById(l).then(($) => {
+      W($), R($.pathname || ""), j($.host || ""), F($.content || ""), w($);
+    }).catch(($) => {
+      J.error($.message || "获取文章失败"), r(f);
     }));
-  }, [u]);
-  const f = () => r(y), N = !B.trim(), D = async () => {
-    if (!B.trim()) {
-      b("请输入 pathname");
+  }, [l]);
+  const ee = () => r(f), te = !D.trim(), ae = L.split(`
+`).length, re = async () => {
+    if (A) return;
+    if (!D.trim()) {
+      z("请输入访问路径");
       return;
     }
-    if (!w.trim()) {
-      q(!0), Z.error("请输入 HTML 代码");
+    if (!L.trim()) {
+      m(!0), J.error("请先输入 HTML 代码");
       return;
     }
-    E(!0);
-    const h = await Ve(w);
-    if (E(!1), h.networkError)
-      Z.warning("W3C 校验服务不可用，已跳过校验");
-    else if (!h.isValid && !await new Promise((Q) => {
-      S.confirm({
-        title: "W3C 校验发现问题",
-        content: /* @__PURE__ */ l("div", { className: "mt-1", children: [
-          /* @__PURE__ */ a("p", { className: "text-gray-600 mb-2", children: "检测到以下 W3C 标准问题，仍要保存吗？" }),
-          /* @__PURE__ */ l("ul", { className: "space-y-1", children: [
-            h.errors.slice(0, 5).map((F, X) => /* @__PURE__ */ l(
+    const $ = V.trim().replace(/\/+$/, "");
+    try {
+      const U = new URL($);
+      if (!["http:", "https:"].includes(U.protocol) || U.search || U.hash || U.username || U.password) throw new Error();
+    } catch {
+      b("请输入有效的网站地址，需以 http:// 或 https:// 开头");
+      return;
+    }
+    if (g.getNavigationGroups && M.navEnabled) {
+      if (!M.navname.trim()) {
+        J.error("开启导航后，请填写导航名称");
+        return;
+      }
+      if (!M.navPlacements.length) {
+        J.error("请至少选择一个展示位置");
+        return;
+      }
+    }
+    H(!0);
+    const Z = await Ke(L);
+    if (H(!1), Z.networkError)
+      J.warning("W3C 校验服务不可用，已跳过校验");
+    else if (!Z.isValid && !await new Promise((Q) => {
+      v.confirm({
+        title: "HTML 校验发现问题",
+        content: /* @__PURE__ */ s("div", { className: "mt-1", children: [
+          /* @__PURE__ */ n("p", { className: "text-gray-600 mb-2", children: "检测到以下 W3C 标准问题，仍要保存吗？" }),
+          /* @__PURE__ */ s("ul", { className: "space-y-1", children: [
+            Z.errors.slice(0, 5).map((ie, Ne) => /* @__PURE__ */ s(
               "li",
               {
                 className: "flex items-start gap-1.5 text-red-500 text-sm",
                 children: [
-                  /* @__PURE__ */ a("span", { className: "shrink-0", children: "✕" }),
-                  /* @__PURE__ */ l("span", { children: [
-                    F.lastLine ? `第 ${F.lastLine} 行：` : "",
-                    F.message
+                  /* @__PURE__ */ n("span", { className: "shrink-0", children: "✕" }),
+                  /* @__PURE__ */ s("span", { children: [
+                    ie.lastLine ? `第 ${ie.lastLine} 行：` : "",
+                    ie.message
                   ] })
                 ]
               },
-              X
+              Ne
             )),
-            h.errors.length > 5 && /* @__PURE__ */ l("li", { className: "text-gray-400 text-xs mt-1", children: [
-              "还有 ",
-              h.errors.length - 5,
-              " 个问题…"
+            Z.errors.length > 5 && /* @__PURE__ */ s("li", { className: "text-gray-400 text-xs mt-1", children: [
+              "另有 ",
+              Z.errors.length - 5,
+              " 个问题"
             ] })
           ] })
         ] }),
@@ -1704,400 +2225,413 @@ const Me = [
       });
     }))
       return;
-    E(!0);
+    H(!0);
     try {
-      const _ = {
-        pathname: B.trim(),
-        content: w,
-        host: (p == null ? void 0 : p.trim()) || void 0
+      const U = {
+        pathname: D.trim(),
+        content: L,
+        host: $,
+        ...g.getNavigationGroups ? {
+          navEnabled: M.navEnabled,
+          navname: M.navname.trim() || null,
+          navPlacements: M.navPlacements.map(({ position: Q, parentNavId: ie }) => ({
+            position: Q,
+            parentNavId: ie || null
+          }))
+        } : {}
       };
-      m && I ? (await $.update(I.id, _), Z.success("编辑成功")) : (await $.create(_), Z.success("添加成功")), r(y);
-    } catch (_) {
-      Z.error(_.message || "保存失败");
+      p && T ? (await g.update(T.id, U), J.success("编辑成功")) : (await g.create(U), J.success("新增成功")), r(f);
+    } catch (U) {
+      J.error(U.message || "保存失败");
     } finally {
-      E(!1);
+      H(!1);
     }
   };
-  return /* @__PURE__ */ l(pe, { children: [
-    W,
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(ue, { children: [
+    P,
+    /* @__PURE__ */ s(
       "div",
       {
         className: "w-full bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden flex flex-col",
         style: { height: "calc(100vh - 90px)" },
         children: [
-          /* @__PURE__ */ l("div", { className: "shrink-0 flex items-center justify-between px-6 py-4 border-b border-gray-100 bg-gray-50/60", children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ a(
+          /* @__PURE__ */ s("div", { className: "shrink-0 flex items-center justify-between px-6 py-4 border-b border-gray-100 bg-gray-50/60", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ n(
                 "button",
                 {
+                  "aria-label": "返回文章列表",
                   className: "flex items-center justify-center w-7 h-7 rounded-lg text-gray-400 hover:text-gray-700 hover:bg-gray-200 transition -ml-1 cursor-pointer",
-                  onClick: f,
-                  children: /* @__PURE__ */ a(Qe, { size: 15 })
+                  onClick: ee,
+                  children: /* @__PURE__ */ n(ot, { size: 15 })
                 }
               ),
-              /* @__PURE__ */ l("div", { children: [
-                /* @__PURE__ */ a("div", { className: "text-base font-semibold text-gray-800 leading-tight", children: m ? "编辑 Article" : "新增 Article" }),
-                m && I && /* @__PURE__ */ l("div", { className: "text-xs text-gray-400 mt-0.5 font-mono", children: [
+              /* @__PURE__ */ s("div", { children: [
+                /* @__PURE__ */ n("div", { className: "text-base font-semibold text-gray-800 leading-tight", children: p ? "编辑文章" : "新增文章" }),
+                p && T && /* @__PURE__ */ s("div", { className: "text-xs text-gray-400 mt-0.5 font-mono", children: [
                   "/",
-                  I.pathname
+                  T.pathname
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ a(
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ n(
                 "button",
                 {
                   className: "px-4 py-1.5 border border-gray-200 rounded-lg text-sm text-gray-600 hover:bg-gray-50 transition cursor-pointer",
-                  onClick: f,
+                  onClick: ee,
                   children: "取消"
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 "button",
                 {
-                  disabled: N || P,
+                  disabled: te || A,
                   className: "px-4 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-sm rounded-lg transition disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
-                  onClick: D,
-                  children: P ? "保存中…" : "保存"
+                  onClick: re,
+                  children: A ? "保存中…" : "保存"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "shrink-0 px-6 pt-5 pb-4 border-b border-gray-100", children: /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ l("div", { className: "flex-1", children: [
-              /* @__PURE__ */ l("label", { className: "block text-sm font-medium text-gray-700 mb-1.5", children: [
-                "Pathname",
-                /* @__PURE__ */ a("span", { className: "text-xs text-gray-400 font-normal ml-1.5", children: "前台网站路径" })
-              ] }),
-              /* @__PURE__ */ l(
-                "div",
-                {
-                  className: `flex items-center border rounded-lg transition focus-within:ring-2 focus-within:ring-blue-500/30 focus-within:border-blue-400 ${O ? "border-red-400 ring-2 ring-red-500/20" : "border-gray-200"}`,
-                  children: [
-                    /* @__PURE__ */ a("span", { className: "pl-3 text-gray-400 select-none text-sm shrink-0", children: "/" }),
-                    /* @__PURE__ */ a(
-                      "input",
-                      {
-                        className: "flex-1 pr-3 py-1.5 text-sm bg-transparent focus:outline-none",
-                        placeholder: "例如 about-us",
-                        value: B,
-                        onChange: (h) => {
-                          z(h.target.value), O && b("");
-                        }
+          /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [
+            /* @__PURE__ */ s("div", { className: "shrink-0 px-6 pt-5 pb-4 border-b border-gray-100", children: [
+              /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 sm:flex-row", children: [
+                /* @__PURE__ */ s("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ s("label", { className: "block text-sm font-medium text-gray-700 mb-1.5", children: [
+                    "访问路径",
+                    /* @__PURE__ */ n("span", { className: "text-xs text-gray-400 font-normal ml-1.5", children: "前台页面路径" })
+                  ] }),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `flex items-center border rounded-lg transition focus-within:ring-2 focus-within:ring-blue-500/30 focus-within:border-blue-400 ${h ? "border-red-400 ring-2 ring-red-500/20" : "border-gray-200"}`,
+                      children: [
+                        /* @__PURE__ */ n("span", { className: "pl-3 text-gray-400 select-none text-sm shrink-0", children: "/" }),
+                        /* @__PURE__ */ n(
+                          "input",
+                          {
+                            className: "flex-1 pr-3 py-1.5 text-sm bg-transparent focus:outline-none",
+                            placeholder: "例如 about-us",
+                            value: D,
+                            onChange: ($) => {
+                              R($.target.value), h && z("");
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ n("p", { className: "text-xs text-gray-500 mt-1.5", children: "建议使用小写字母，不能包含空格，例如 about-us。" }),
+                  h && /* @__PURE__ */ n("p", { className: "text-red-500 text-xs mt-1", children: h })
+                ] }),
+                /* @__PURE__ */ s("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ s("label", { className: "block text-sm font-medium text-gray-700 mb-1.5", children: [
+                    "网站地址",
+                    /* @__PURE__ */ n("span", { className: "text-red-500 ml-1", children: "*" }),
+                    /* @__PURE__ */ n("span", { className: "text-xs text-gray-400 font-normal ml-1.5", children: "网站基础地址" })
+                  ] }),
+                  /* @__PURE__ */ n(
+                    "input",
+                    {
+                      className: "w-full px-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 transition",
+                      placeholder: "例如 https://aisee.live",
+                      value: V,
+                      "aria-label": "网站地址",
+                      "aria-invalid": !!E,
+                      onChange: ($) => {
+                        const Z = $.target.value;
+                        Z.trim().replace(/\/+$/, "") !== V.trim().replace(/\/+$/, "") && x((U) => ({
+                          ...U,
+                          navPlacements: U.navPlacements.map((Q) => ({ ...Q, parentNavId: null }))
+                        })), j(Z), b("");
                       }
-                    )
-                  ]
-                }
-              ),
-              O && /* @__PURE__ */ a("p", { className: "text-red-500 text-xs mt-1", children: O })
-            ] }),
-            /* @__PURE__ */ l("div", { className: "flex-1", children: [
-              /* @__PURE__ */ l("label", { className: "block text-sm font-medium text-gray-700 mb-1.5", children: [
-                "Website URL",
-                /* @__PURE__ */ a("span", { className: "text-xs text-gray-400 font-normal ml-1.5", children: "可跳转的网站地址" })
+                    }
+                  ),
+                  E && /* @__PURE__ */ n("p", { role: "alert", className: "mt-1 text-xs text-red-500", children: E })
+                ] })
               ] }),
-              /* @__PURE__ */ a(
-                "input",
+              /* @__PURE__ */ n(
+                Or,
                 {
-                  className: "w-full px-3 py-1.5 text-sm border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500/30 focus:border-blue-400 transition",
-                  placeholder: "例如 https://aisee.live",
-                  value: p,
-                  onChange: (h) => T(h.target.value)
+                  host: V,
+                  service: g,
+                  value: M,
+                  onChange: x
                 }
               )
-            ] })
-          ] }) }),
-          /* @__PURE__ */ a("div", { className: "shrink-0 border-b border-gray-100 bg-gray-50/40", children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-2", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ l("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: [
-              /* @__PURE__ */ l(
-                "button",
-                {
-                  className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none cursor-pointer ${L === "code" ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
-                  onClick: () => g("code"),
-                  children: [
-                    /* @__PURE__ */ a(Xe, { size: 11 }),
-                    " Code"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ l(
+            ] }),
+            /* @__PURE__ */ n("div", { className: "shrink-0 border-b border-gray-100 bg-gray-50/40", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center justify-between gap-2 px-6 py-2", children: [
+              /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ s("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: [
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none cursor-pointer ${d === "code" ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
+                    onClick: () => i("code"),
+                    children: [
+                      /* @__PURE__ */ n(Ye, { size: 11 }),
+                      " 代码"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none ${d === "preview" ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50 cursor-pointer" : L ? "text-gray-400 hover:text-gray-600 hover:bg-white/50 cursor-pointer" : "text-gray-300 cursor-not-allowed"}`,
+                    onClick: () => i("preview"),
+                    disabled: !L,
+                    children: [
+                      /* @__PURE__ */ n(_e, { size: 11 }),
+                      " 预览"
+                    ]
+                  }
+                )
+              ] }) }),
+              d === "preview" && L && /* @__PURE__ */ n("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Pe.map(($) => /* @__PURE__ */ n(ye, { title: $.label, children: /* @__PURE__ */ n(
                 "button",
                 {
-                  className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none ${L === "preview" ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50 cursor-pointer" : w ? "text-gray-400 hover:text-gray-600 hover:bg-white/50 cursor-pointer" : "text-gray-300 cursor-not-allowed"}`,
-                  onClick: () => g("preview"),
-                  disabled: !w,
-                  children: [
-                    /* @__PURE__ */ a(Pe, { size: 11 }),
-                    " 预览"
-                  ]
+                  className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${u === $.key ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
+                  onClick: () => C($.key),
+                  children: $.icon
                 }
-              )
-            ] }) }),
-            L === "preview" && w && /* @__PURE__ */ a("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Me.map((h) => /* @__PURE__ */ a(ye, { title: h.label, children: /* @__PURE__ */ a(
-              "button",
-              {
-                className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${G === h.key ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
-                onClick: () => x(h.key),
-                children: h.icon
-              }
-            ) }, h.key)) }),
-            L === "code" && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-              w && /* @__PURE__ */ l("span", { className: "text-xs text-gray-400", children: [
-                w.split(`
-`).length,
-                " 行 ·",
-                " ",
-                w.length,
-                " 字符"
-              ] }),
-              d && !d.networkError && (d.isValid ? /* @__PURE__ */ l("span", { className: "flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-50 border border-green-200 text-green-600 text-xs", children: [
-                /* @__PURE__ */ a(We, { size: 11 }),
-                " 校验通过"
-              ] }) : /* @__PURE__ */ a(
-                ye,
-                {
-                  title: /* @__PURE__ */ l("ul", { className: "m-0 pl-0 list-none space-y-1 max-w-xs", children: [
-                    d.errors.slice(0, 5).map(
-                      (h, _) => /* @__PURE__ */ l(
-                        "li",
-                        {
-                          className: "text-xs",
-                          children: [
-                            h.lastLine ? `第 ${h.lastLine} 行：` : "",
-                            h.message
-                          ]
-                        },
-                        _
-                      )
-                    ),
-                    d.errors.length > 5 && /* @__PURE__ */ l("li", { className: "text-gray-400 text-xs", children: [
-                      "还有",
-                      " ",
-                      d.errors.length - 5,
+              ) }, $.key)) }),
+              d === "code" && /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+                L && /* @__PURE__ */ s("span", { className: "text-xs text-gray-400", children: [
+                  ae,
+                  " 行 · ",
+                  L.length,
+                  " 字符"
+                ] }),
+                S && !S.networkError && (S.isValid ? /* @__PURE__ */ s("span", { className: "flex items-center gap-1 px-2 py-0.5 rounded-full bg-green-50 border border-green-200 text-green-600 text-xs", children: [
+                  /* @__PURE__ */ n(Ge, { size: 11 }),
+                  " 校验通过"
+                ] }) : /* @__PURE__ */ n(
+                  ye,
+                  {
+                    variant: "card",
+                    align: "end",
+                    title: /* @__PURE__ */ n(Er, { errors: S.errors, source: L }),
+                    children: /* @__PURE__ */ s("span", { tabIndex: 0, className: "flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-50 border border-red-200 text-red-500 text-xs cursor-default", children: [
+                      "✕",
                       " ",
-                      "个问题…"
+                      S.errors.length,
+                      " 个问题"
                     ] })
-                  ] }),
-                  children: /* @__PURE__ */ l("span", { className: "flex items-center gap-1 px-2 py-0.5 rounded-full bg-red-50 border border-red-200 text-red-500 text-xs cursor-default", children: [
-                    "✕",
-                    " ",
-                    d.errors.length,
-                    " ",
-                    "个问题"
-                  ] })
-                }
-              )),
-              /* @__PURE__ */ l(
-                "button",
+                  }
+                )),
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    disabled: !L || O,
+                    className: "flex items-center gap-1.5 px-2.5 py-1 text-xs border border-gray-200 rounded-lg hover:bg-gray-50 text-gray-600 transition disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer",
+                    onClick: G,
+                    children: [
+                      /* @__PURE__ */ n(Ge, { size: 12 }),
+                      O ? "校验中…" : "W3C 校验"
+                    ]
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ s("div", { className: "relative min-h-[320px] flex-1 shrink-0", children: [
+              /* @__PURE__ */ n(
+                "div",
                 {
-                  disabled: !w || i,
-                  className: "flex items-center gap-1.5 px-2.5 py-1 text-xs border border-gray-200 rounded-lg hover:bg-gray-50 text-gray-600 transition disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer",
-                  onClick: k,
-                  children: [
-                    /* @__PURE__ */ a(We, { size: 12 }),
-                    i ? "校验中…" : "W3C 校验"
-                  ]
+                  className: "absolute inset-0",
+                  style: {
+                    display: d === "code" ? "block" : "none",
+                    outline: c ? "2px solid #ff4d4f" : "none"
+                  },
+                  children: /* @__PURE__ */ n(
+                    Rn,
+                    {
+                      height: "100%",
+                      language: "html",
+                      theme: "vs-dark",
+                      value: L,
+                      onChange: ($) => {
+                        F($ ?? ""), c && m(!1), S && I(null);
+                      },
+                      options: {
+                        fontSize: 13,
+                        minimap: { enabled: !1 },
+                        wordWrap: "on",
+                        scrollBeyondLastLine: !1,
+                        automaticLayout: !0,
+                        tabSize: 2,
+                        formatOnPaste: !0,
+                        lineNumbers: "on",
+                        renderWhitespace: "none",
+                        smoothScrolling: !0,
+                        cursorBlinking: "smooth",
+                        padding: { top: 12, bottom: 12 }
+                      }
+                    }
+                  )
                 }
-              )
-            ] })
-          ] }) }),
-          /* @__PURE__ */ l("div", { className: "flex-1 min-h-0 relative", children: [
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: "absolute inset-0",
-                style: {
-                  display: L === "code" ? "block" : "none",
-                  outline: C ? "2px solid #ff4d4f" : "none"
-                },
-                children: /* @__PURE__ */ a(
-                  fn,
-                  {
+              ),
+              d === "preview" && (L ? /* @__PURE__ */ n("div", { className: "absolute inset-0 overflow-auto bg-gray-100/60 flex justify-center", children: u !== "desktop" ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ n(
+                "iframe",
+                {
+                  srcDoc: q(
+                    L,
+                    Pe.find(
+                      ($) => $.key === u
+                    ).width
+                  ),
+                  sandbox: "allow-same-origin allow-scripts",
+                  title: "HTML 预览",
+                  style: {
+                    width: `${Pe.find(
+                      ($) => $.key === u
+                    ).width}px`,
                     height: "100%",
-                    language: "html",
-                    theme: "vs-dark",
-                    value: w,
-                    onChange: (h) => {
-                      R(h ?? ""), C && q(!1), d && c(null);
-                    },
-                    options: {
-                      fontSize: 13,
-                      minimap: { enabled: !1 },
-                      wordWrap: "on",
-                      scrollBeyondLastLine: !1,
-                      automaticLayout: !0,
-                      tabSize: 2,
-                      formatOnPaste: !0,
-                      lineNumbers: "on",
-                      renderWhitespace: "none",
-                      smoothScrolling: !0,
-                      cursorBlinking: "smooth",
-                      padding: { top: 12, bottom: 12 }
-                    }
+                    minHeight: 0,
+                    border: "1px solid #e5e7eb",
+                    borderRadius: 10,
+                    background: "#fff",
+                    boxShadow: "0 4px 24px 0 rgba(0,0,0,0.10)",
+                    flexShrink: 0
                   }
-                )
-              }
-            ),
-            L === "preview" && (w ? /* @__PURE__ */ a("div", { className: "absolute inset-0 overflow-auto bg-gray-100/60 flex justify-center", children: G !== "desktop" ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ a(
-              "iframe",
-              {
-                srcDoc: v(
-                  w,
-                  Me.find(
-                    (h) => h.key === G
-                  ).width
-                ),
-                sandbox: "allow-same-origin allow-scripts",
-                title: "HTML 预览",
-                style: {
-                  width: `${Me.find(
-                    (h) => h.key === G
-                  ).width}px`,
-                  height: "100%",
-                  minHeight: 0,
-                  border: "1px solid #e5e7eb",
-                  borderRadius: 10,
-                  background: "#fff",
-                  boxShadow: "0 4px 24px 0 rgba(0,0,0,0.10)",
-                  flexShrink: 0
                 }
-              }
-            ) }) : /* @__PURE__ */ a(
-              "iframe",
-              {
-                srcDoc: v(
-                  w
-                ),
-                sandbox: "allow-same-origin allow-scripts",
-                title: "HTML 预览",
-                style: {
-                  width: "100%",
-                  height: "100%",
-                  border: "none",
-                  background: "#fff",
-                  display: "block"
+              ) }) : /* @__PURE__ */ n(
+                "iframe",
+                {
+                  srcDoc: q(
+                    L
+                  ),
+                  sandbox: "allow-same-origin allow-scripts",
+                  title: "HTML 预览",
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    border: "none",
+                    background: "#fff",
+                    display: "block"
+                  }
                 }
-              }
-            ) }) : /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center h-full text-gray-300 gap-3 select-none", children: [
-              /* @__PURE__ */ a(Pe, { size: 36 }),
-              /* @__PURE__ */ a("span", { className: "text-sm", children: "请先输入 HTML 代码" })
-            ] }))
+              ) }) : /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center h-full text-gray-300 gap-3 select-none", children: [
+                /* @__PURE__ */ n(_e, { size: 36 }),
+                /* @__PURE__ */ n("span", { className: "text-sm", children: "请先输入 HTML 代码以预览" })
+              ] }))
+            ] })
           ] })
         ]
       }
     )
   ] });
-}, Ce = [
-  { key: "desktop", icon: /* @__PURE__ */ a(et, { size: 13 }), label: "Desktop", width: null },
-  { key: "tablet", icon: /* @__PURE__ */ a(rt, { size: 13 }), label: "Tablet", width: 768 },
-  { key: "mobile", icon: /* @__PURE__ */ a(tt, { size: 13 }), label: "Mobile", width: 390 }
-], kn = ({
+}, Ee = [
+  { key: "desktop", icon: /* @__PURE__ */ n(dt, { size: 13 }), label: "Desktop", width: null },
+  { key: "tablet", icon: /* @__PURE__ */ n(pt, { size: 13 }), label: "Tablet", width: 768 },
+  { key: "mobile", icon: /* @__PURE__ */ n(mt, { size: 13 }), label: "Mobile", width: 390 }
+], Jn = ({
   id: e,
   record: t
 }) => {
-  const { navigate: r, params: n, locationState: s } = Ee(), u = e ?? n.id, { basePath: y, service: $, previewBaseUrl: M, previewTailwind: j } = ze(), [m, S] = A(
-    t ?? (s == null ? void 0 : s.record) ?? null
-  ), [W, P] = A(!1), [E, I] = A("preview"), [H, B] = A("desktop");
+  const { navigate: r, params: a, locationState: o } = Ve(), l = e ?? a.id, { basePath: f, service: g, previewBaseUrl: y, previewTailwind: k } = ve(), [p, v] = _(
+    t ?? (o == null ? void 0 : o.record) ?? null
+  ), [P, A] = _(!1), [H, T] = _("preview"), [W, D] = _("desktop");
   K(() => {
-    !m && u && (P(!0), $.getById(u).then(S).catch((b) => {
-      Z.error(b.message || "获取数据失败"), r(y);
-    }).finally(() => P(!1)));
-  }, [u]);
-  const z = () => r(y), p = () => r(`${y}/${u}/edit`, { state: { record: m } }), T = () => {
-    m != null && m.content && (navigator.clipboard.writeText(m.content), Z.success("已复制到剪贴板"));
-  }, O = (b, w) => {
-    const R = M ? `<base href="${M}">` : "", L = w ? `<meta name="viewport" content="width=${w}, initial-scale=1">` : "", g = w ? "<style>*,*::before,*::after{box-sizing:border-box}img,video,svg,canvas,audio{max-width:100%;height:auto}pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}</style>" : "", C = j && !b.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", q = R + L + g + C;
-    return q ? b.includes("</head>") ? b.replace("</head>", `${q}
-</head>`) : q + b : b;
+    !p && l && (A(!0), g.getById(l).then(v).catch((b) => {
+      J.error(b.message || "获取数据失败"), r(f);
+    }).finally(() => A(!1)));
+  }, [l]);
+  const R = () => r(f), V = () => r(`${f}/${l}/edit`, { state: { record: p } }), j = () => {
+    p != null && p.content && (navigator.clipboard.writeText(p.content), J.success("已复制到剪贴板"));
+  }, E = (b, h) => {
+    const z = y ? `<base href="${y}">` : "", M = h ? `<meta name="viewport" content="width=${h}, initial-scale=1">` : "", x = h ? "<style>*,*::before,*::after{box-sizing:border-box}img,video,svg,canvas,audio{max-width:100%;height:auto}pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}</style>" : "", w = k && !b.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", L = z + M + x + w;
+    return L ? b.includes("</head>") ? b.replace("</head>", `${L}
+</head>`) : L + b : b;
   };
-  return W ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-64 text-gray-400 text-sm", children: "加载中…" }) : /* @__PURE__ */ l(
+  return P ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-64 text-gray-400 text-sm", children: "加载中…" }) : /* @__PURE__ */ s(
     "div",
     {
       className: "w-full bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden flex flex-col",
       style: { height: "calc(100vh - 90px)" },
       children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-5 py-3.5 border-b border-gray-100 bg-white shrink-0", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ a(
+        /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-5 py-3.5 border-b border-gray-100 bg-white shrink-0", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ n(
               "button",
               {
                 className: "flex items-center justify-center w-7 h-7 rounded-lg text-gray-400 hover:text-gray-700 hover:bg-gray-100 transition -ml-1 shrink-0 cursor-pointer",
-                onClick: z,
-                children: /* @__PURE__ */ a(Qe, { size: 15 })
+                onClick: R,
+                children: /* @__PURE__ */ n(ot, { size: 15 })
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ n(
               "div",
               {
                 className: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0",
                 style: {
                   background: "linear-gradient(135deg, #60a5fa, #818cf8)"
                 },
-                children: /* @__PURE__ */ a(Et, { size: 13, className: "text-white" })
+                children: /* @__PURE__ */ n(rr, { size: 13, className: "text-white" })
               }
             ),
-            /* @__PURE__ */ l("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ a("div", { className: "font-semibold text-gray-800 text-sm leading-tight", children: "Article 详情" }),
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mt-0.5", children: /* @__PURE__ */ l("span", { className: "inline-flex items-center gap-1 px-1.5 py-0 rounded bg-blue-50 border border-blue-100 text-blue-600 font-mono text-xs leading-5 truncate max-w-[300px]", children: [
-                /* @__PURE__ */ a(Wt, { size: 9 }),
+            /* @__PURE__ */ s("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ n("div", { className: "font-semibold text-gray-800 text-sm leading-tight", children: "Article 详情" }),
+              /* @__PURE__ */ n("div", { className: "flex items-center gap-1 mt-0.5", children: /* @__PURE__ */ s("span", { className: "inline-flex items-center gap-1 px-1.5 py-0 rounded bg-blue-50 border border-blue-100 text-blue-600 font-mono text-xs leading-5 truncate max-w-[300px]", children: [
+                /* @__PURE__ */ n(or, { size: 9 }),
                 "/",
-                m == null ? void 0 : m.pathname
+                p == null ? void 0 : p.pathname
               ] }) })
             ] })
           ] }),
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-2 shrink-0", children: [
-            E === "preview" && /* @__PURE__ */ a("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Ce.map((b) => /* @__PURE__ */ a(ye, { title: b.label, children: /* @__PURE__ */ a(
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 shrink-0", children: [
+            H === "preview" && /* @__PURE__ */ n("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Ee.map((b) => /* @__PURE__ */ n(ye, { title: b.label, children: /* @__PURE__ */ n(
               "button",
               {
-                className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${H === b.key ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
-                onClick: () => B(b.key),
+                className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${W === b.key ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
+                onClick: () => D(b.key),
                 children: b.icon
               }
             ) }, b.key)) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: ["preview", "code"].map((b) => /* @__PURE__ */ a(
+            /* @__PURE__ */ n("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: ["preview", "code"].map((b) => /* @__PURE__ */ n(
               "button",
               {
-                className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none cursor-pointer ${E === b ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
-                onClick: () => I(b),
-                children: b === "preview" ? /* @__PURE__ */ l(pe, { children: [
-                  /* @__PURE__ */ a(Pe, { size: 11 }),
+                className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none cursor-pointer ${H === b ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50" : "text-gray-400 hover:text-gray-600 hover:bg-white/50"}`,
+                onClick: () => T(b),
+                children: b === "preview" ? /* @__PURE__ */ s(ue, { children: [
+                  /* @__PURE__ */ n(_e, { size: 11 }),
                   " 预览"
-                ] }) : /* @__PURE__ */ l(pe, { children: [
-                  /* @__PURE__ */ a(Xe, { size: 11 }),
+                ] }) : /* @__PURE__ */ s(ue, { children: [
+                  /* @__PURE__ */ n(Ye, { size: 11 }),
                   " Code"
                 ] })
               },
               b
             )) }),
-            E === "code" && /* @__PURE__ */ a(ye, { title: "复制代码", children: /* @__PURE__ */ a(
+            H === "code" && /* @__PURE__ */ n(ye, { title: "复制代码", children: /* @__PURE__ */ n(
               "button",
               {
+                type: "button",
+                "aria-label": "复制代码",
                 className: "flex items-center justify-center w-7 h-7 rounded-lg text-gray-400 hover:text-blue-500 hover:bg-blue-50 transition cursor-pointer",
-                onClick: T,
-                children: /* @__PURE__ */ a(Dt, { size: 14 })
+                onClick: j,
+                children: /* @__PURE__ */ n(Jt, { size: 14 })
               }
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "div",
           {
-            className: `flex-1 min-h-0 ${E === "preview" ? "bg-gray-100/70" : ""}`,
-            children: E === "preview" ? /* @__PURE__ */ a("div", { className: "w-full h-full flex justify-center overflow-auto py-0", children: H !== "desktop" ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ a(
+            className: `flex-1 min-h-0 ${H === "preview" ? "bg-gray-100/70" : ""}`,
+            children: H === "preview" ? /* @__PURE__ */ n("div", { className: "w-full h-full flex justify-center overflow-auto py-0", children: W !== "desktop" ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ n(
               "iframe",
               {
-                srcDoc: O(
-                  (m == null ? void 0 : m.content) || "",
-                  Ce.find(
-                    (b) => b.key === H
+                srcDoc: E(
+                  (p == null ? void 0 : p.content) || "",
+                  Ee.find(
+                    (b) => b.key === W
                   ).width
                 ),
                 sandbox: "allow-same-origin allow-scripts",
                 title: "HTML 预览",
                 style: {
-                  width: `${Ce.find(
-                    (b) => b.key === H
+                  width: `${Ee.find(
+                    (b) => b.key === W
                   ).width}px`,
                   height: "100%",
                   minHeight: 0,
@@ -2108,11 +2642,11 @@ const Me = [
                   flexShrink: 0
                 }
               }
-            ) }) : /* @__PURE__ */ a(
+            ) }) : /* @__PURE__ */ n(
               "iframe",
               {
-                srcDoc: O(
-                  (m == null ? void 0 : m.content) || ""
+                srcDoc: E(
+                  (p == null ? void 0 : p.content) || ""
                 ),
                 sandbox: "allow-same-origin allow-scripts",
                 title: "HTML 预览",
@@ -2124,13 +2658,13 @@ const Me = [
                   display: "block"
                 }
               }
-            ) }) : /* @__PURE__ */ l(
+            ) }) : /* @__PURE__ */ s(
               "div",
               {
                 className: "h-full flex flex-col",
                 style: { background: "#1e1e2e" },
                 children: [
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ s(
                     "div",
                     {
                       className: "shrink-0 flex items-center justify-between px-4 py-2 border-b",
@@ -2139,13 +2673,13 @@ const Me = [
                         background: "#252536"
                       },
                       children: [
-                        /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ l("div", { className: "flex gap-1.5", children: [
-                            /* @__PURE__ */ a("span", { className: "w-3 h-3 rounded-full bg-red-400/80 inline-block" }),
-                            /* @__PURE__ */ a("span", { className: "w-3 h-3 rounded-full bg-yellow-400/80 inline-block" }),
-                            /* @__PURE__ */ a("span", { className: "w-3 h-3 rounded-full bg-green-400/80 inline-block" })
+                        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ s("div", { className: "flex gap-1.5", children: [
+                            /* @__PURE__ */ n("span", { className: "w-3 h-3 rounded-full bg-red-400/80 inline-block" }),
+                            /* @__PURE__ */ n("span", { className: "w-3 h-3 rounded-full bg-yellow-400/80 inline-block" }),
+                            /* @__PURE__ */ n("span", { className: "w-3 h-3 rounded-full bg-green-400/80 inline-block" })
                           ] }),
-                          /* @__PURE__ */ a(
+                          /* @__PURE__ */ n(
                             "span",
                             {
                               className: "text-xs font-mono ml-2",
@@ -2154,24 +2688,24 @@ const Me = [
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ a(
+                        /* @__PURE__ */ n(
                           "span",
                           {
                             className: "text-xs font-mono",
                             style: { color: "#6c7086" },
-                            children: m != null && m.content ? `${m.content.split(`
-`).length} 行 · ${m.content.length} 字符` : "空"
+                            children: p != null && p.content ? `${p.content.split(`
+`).length} 行 · ${p.content.length} 字符` : "空"
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ a(
+                  /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ n(
                     "pre",
                     {
                       className: "m-0 p-5 text-xs font-mono whitespace-pre-wrap break-all leading-relaxed",
                       style: { color: "#cdd6f4" },
-                      children: (m == null ? void 0 : m.content) || /* @__PURE__ */ a("span", { style: { color: "#585b70" }, children: "// 暂无内容" })
+                      children: (p == null ? void 0 : p.content) || /* @__PURE__ */ n("span", { style: { color: "#585b70" }, children: "// 暂无内容" })
                     }
                   ) })
                 ]
@@ -2179,26 +2713,26 @@ const Me = [
             )
           }
         ),
-        /* @__PURE__ */ l("div", { className: "shrink-0 flex items-center justify-between px-5 py-2.5 border-t border-gray-100 bg-gray-50/60", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-4 text-xs text-gray-400", children: [
-            (m == null ? void 0 : m.createdAt) && /* @__PURE__ */ l("span", { children: [
+        /* @__PURE__ */ s("div", { className: "shrink-0 flex items-center justify-between px-5 py-2.5 border-t border-gray-100 bg-gray-50/60", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-4 text-xs text-gray-400", children: [
+            (p == null ? void 0 : p.createdAt) && /* @__PURE__ */ s("span", { children: [
               "创建于",
               " ",
-              De(m.createdAt).format("YYYY/MM/DD HH:mm")
+              De(p.createdAt).format("YYYY/MM/DD HH:mm")
             ] }),
-            (m == null ? void 0 : m.updatedAt) && /* @__PURE__ */ l("span", { children: [
+            (p == null ? void 0 : p.updatedAt) && /* @__PURE__ */ s("span", { children: [
               "更新于",
               " ",
-              De(m.updatedAt).format("YYYY/MM/DD HH:mm")
+              De(p.updatedAt).format("YYYY/MM/DD HH:mm")
             ] })
           ] }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "button",
             {
               className: "flex items-center gap-1.5 px-3 py-1.5 text-xs border border-gray-200 rounded-lg hover:bg-gray-50 text-gray-600 transition cursor-pointer",
-              onClick: p,
+              onClick: V,
               children: [
-                /* @__PURE__ */ a(qt, { size: 12 }),
+                /* @__PURE__ */ n(hr, { size: 12 }),
                 "编辑"
               ]
             }
@@ -2209,12 +2743,13 @@ const Me = [
   );
 };
 export {
-  kn as ArticleDetail,
-  Nn as ArticleEdit,
-  wn as ArticleList,
-  xn as ArticlesProvider,
-  vn as ReactRouterAdapter,
-  Cn as createArticleService,
-  ht as defaultArticleService,
-  Sn as renderArticleByPathname
+  Jn as ArticleDetail,
+  Kn as ArticleEdit,
+  Zn as ArticleList,
+  ea as ArticleServiceError,
+  Un as ArticlesProvider,
+  Gn as ReactRouterAdapter,
+  ta as createArticleService,
+  Ct as defaultArticleService,
+  ra as renderArticleByPathname
 };