@web-mods/articles 1.1.4 → 1.1.6

package/dist/index.js

@@ -1,108 +1,108 @@
-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({
+import { jsx as t, jsxs as s, Fragment as be } from "react/jsx-runtime";
+import ge, { createContext as Ue, useContext as Ke, useState as S, useEffect as te, forwardRef as yt, createElement as Ve, useRef as Y, useId as we, useLayoutEffect as bt, useCallback as Me, memo as Ze } from "react";
+import { defaultArticleService as Ft } from "./server.js";
+import { ArticleServiceError as Oa, createArticleService as Ea, renderArticleByPathname as Pa } from "./server.js";
+import { useNavigate as Ut, useParams as Kt, useLocation as Zt, useMatch as it } from "react-router";
+import { createPortal as vt } from "react-dom";
+const Je = Ue({
   navigate: () => {
   },
   params: {},
   locationState: null
 });
-function Ve() {
-  return He(Re);
-}
-let se = [];
-const Te = /* @__PURE__ */ new Set();
-function Be() {
-  Te.forEach((e) => e([...se]));
-}
-function $e(e, t) {
-  const r = Math.random().toString(36).slice(2);
-  se = [...se, { id: r, type: e, content: t }], Be(), setTimeout(() => {
-    se = se.filter((a) => a.id !== r), Be();
+function Xe() {
+  return Ke(Je);
+}
+let me = [];
+const Ye = /* @__PURE__ */ new Set();
+function st() {
+  Ye.forEach((e) => e([...me]));
+}
+function Le(e, r) {
+  const n = Math.random().toString(36).slice(2);
+  me = [...me, { id: n, type: e, content: r }], st(), setTimeout(() => {
+    me = me.filter((a) => a.id !== n), st();
   }, 3e3);
 }
-const J = {
-  success: (e) => $e("success", e),
-  error: (e) => $e("error", e),
-  warning: (e) => $e("warning", e)
+const ae = {
+  success: (e) => Le("success", e),
+  error: (e) => Le("error", e),
+  warning: (e) => Le("warning", e)
 };
-function Pt(e) {
-  return Te.add(e), () => {
-    Te.delete(e);
+function Jt(e) {
+  return Ye.add(e), () => {
+    Ye.delete(e);
   };
 }
-function Et() {
-  return se;
+function Xt() {
+  return me;
 }
-const Lt = {
+const Qt = {
   success: "bg-emerald-500",
   error: "bg-red-500",
   warning: "bg-amber-500"
-}, Tt = {
+}, er = {
   success: "✓",
   error: "✕",
   warning: "⚠"
 };
-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(
+function tr() {
+  const [e, r] = S(Xt());
+  return te(() => Jt(r), []), e.length === 0 ? null : /* @__PURE__ */ t("div", { className: "fixed top-4 right-4 z-[9999] flex flex-col gap-2 pointer-events-none", children: e.map((n) => /* @__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 ${Lt[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 ${Qt[n.type]}`,
       children: [
-        /* @__PURE__ */ n("span", { className: "shrink-0 font-bold", children: Tt[r.type] }),
-        r.content
+        /* @__PURE__ */ t("span", { className: "shrink-0 font-bold", children: er[n.type] }),
+        n.content
       ]
     },
-    r.id
+    n.id
   )) });
 }
-const it = Ae(null);
-function Un({
+const wt = Ue(null);
+function Na({
   children: e,
-  basePath: t,
-  service: r = Ct,
+  basePath: r,
+  service: n = Ft,
   previewBaseUrl: a,
-  previewTailwind: o,
-  navigate: l
+  previewTailwind: c,
+  navigate: d
 }) {
-  const f = /* @__PURE__ */ s(
-    it.Provider,
+  const g = /* @__PURE__ */ s(
+    wt.Provider,
     {
-      value: { basePath: t, service: r, previewBaseUrl: a, previewTailwind: o },
+      value: { basePath: r, service: n, previewBaseUrl: a, previewTailwind: c },
       children: [
         e,
-        /* @__PURE__ */ n(_t, {})
+        /* @__PURE__ */ t(tr, {})
       ]
     }
   );
-  return l ? /* @__PURE__ */ n(
-    Re.Provider,
+  return d ? /* @__PURE__ */ t(
+    Je.Provider,
     {
-      value: { navigate: l, params: {}, locationState: null },
-      children: f
+      value: { navigate: d, params: {}, locationState: null },
+      children: g
     }
-  ) : f;
+  ) : g;
 }
-function ve() {
-  const e = He(it);
+function Ee() {
+  const e = Ke(wt);
   if (!e)
     throw new Error(
       "useArticlesConfig must be used within ArticlesProvider"
     );
   return e;
 }
-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,
+function ka({ children: e }) {
+  const r = Ut(), n = Kt(), a = Zt(), { basePath: c } = Ee(), d = c.replace(/\/+$/, ""), g = it(`${d}/:id/edit`), h = it(`${d}/:id/detail`), u = g ?? h;
+  return /* @__PURE__ */ t(
+    Je.Provider,
     {
       value: {
-        navigate: (k, p) => t(k, p),
-        params: { ...r, ...y == null ? void 0 : y.params },
+        navigate: (y, f) => r(y, f),
+        params: { ...n, ...u == null ? void 0 : u.params },
         locationState: a.state
       },
       children: e
@@ -115,23 +115,23 @@ function Gn({ children: e }) {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const st = (...e) => e.filter((t, r, a) => !!t && t.trim() !== "" && a.indexOf(t) === r).join(" ").trim();
+const Nt = (...e) => e.filter((r, n, a) => !!r && r.trim() !== "" && a.indexOf(r) === n).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 Dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const rr = (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 zt = (e) => e.replace(
+const nr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (t, r, a) => a ? a.toUpperCase() : r.toLowerCase()
+  (r, n, a) => a ? a.toUpperCase() : n.toLowerCase()
 );
 /**
  * @license lucide-react v1.11.0 - ISC
@@ -139,9 +139,9 @@ const zt = (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 Fe = (e) => {
-  const t = zt(e);
-  return t.charAt(0).toUpperCase() + t.slice(1);
+const ot = (e) => {
+  const r = nr(e);
+  return r.charAt(0).toUpperCase() + r.slice(1);
 };
 /**
  * @license lucide-react v1.11.0 - ISC
@@ -149,7 +149,7 @@ const Fe = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Me = {
+var Te = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -166,36 +166,36 @@ var Me = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = (e) => {
-  for (const t in e)
-    if (t.startsWith("aria-") || t === "role" || t === "title")
+const ar = (e) => {
+  for (const r in e)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
       return !0;
   return !1;
-}, Ht = Ae({}), It = () => He(Ht), Wt = nt(
-  ({ color: e, size: t, strokeWidth: r, absoluteStrokeWidth: a, className: o = "", children: l, iconNode: f, ...g }, y) => {
+}, ir = Ue({}), sr = () => Ke(ir), or = yt(
+  ({ color: e, size: r, strokeWidth: n, absoluteStrokeWidth: a, className: c = "", children: d, iconNode: g, ...h }, u) => {
     const {
-      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(
+      size: y = 24,
+      strokeWidth: f = 2,
+      absoluteStrokeWidth: N = !1,
+      color: L = "currentColor",
+      className: z = ""
+    } = sr() ?? {}, A = a ?? N ? Number(n ?? f) * 24 / Number(r ?? y) : n ?? f;
+    return Ve(
       "svg",
       {
-        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
+        ref: u,
+        ...Te,
+        width: r ?? y ?? Te.width,
+        height: r ?? y ?? Te.height,
+        stroke: e ?? L,
+        strokeWidth: A,
+        className: Nt("lucide", z, c),
+        ...!d && !ar(h) && { "aria-hidden": "true" },
+        ...h
       },
       [
-        ...f.map(([T, W]) => Le(T, W)),
-        ...Array.isArray(l) ? l : [l]
+        ...g.map(([G, V]) => Ve(G, V)),
+        ...Array.isArray(d) ? d : [d]
       ]
     );
   }
@@ -206,20 +206,20 @@ const At = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const B = (e, t) => {
-  const r = nt(
-    ({ className: a, ...o }, l) => Le(Wt, {
-      ref: l,
-      iconNode: t,
-      className: st(
-        `lucide-${Dt(Fe(e))}`,
+const K = (e, r) => {
+  const n = yt(
+    ({ className: a, ...c }, d) => Ve(or, {
+      ref: d,
+      iconNode: r,
+      className: Nt(
+        `lucide-${rr(ot(e))}`,
         `lucide-${e}`,
         a
       ),
-      ...o
+      ...c
     })
   );
-  return r.displayName = Fe(e), r;
+  return n.displayName = ot(e), n;
 };
 /**
  * @license lucide-react v1.11.0 - ISC
@@ -227,80 +227,105 @@ const B = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rt = [
+const cr = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], lr = K("arrow-down", 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 dr = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], ot = B("arrow-left", Rt);
+], kt = K("arrow-left", 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 Vt = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Yt = B("check", Vt);
+const ur = [
+  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
+  ["path", { d: "M17 20V4", key: "1ejh1v" }],
+  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+], $t = K("arrow-up-down", 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 mr = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], hr = K("arrow-up", 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 qt = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Bt = B("chevron-down", qt);
+const gr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Ct = K("check", 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 Ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ue = B("chevron-right", Ft);
+const pr = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], fr = K("chevron-down", 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 Ut = [
+const xr = [
   ["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);
+], yr = K("circle-alert", 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 Zt = [
+const br = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], Ye = B("code", Zt);
+], Qe = K("code", 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 Kt = [
+const vr = [
   ["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" }]
-], Jt = B("copy", Kt);
+], wr = K("copy", vr);
 /**
  * @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 Nr = [
   ["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" }]
-], Xt = B("external-link", Qt);
+], kr = K("external-link", 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 er = [
+const $r = [
   [
     "path",
     {
@@ -309,14 +334,14 @@ const er = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], _e = B("eye", er);
+], qe = K("eye", $r);
 /**
  * @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 tr = [
+const Cr = [
   [
     "path",
     {
@@ -328,14 +353,28 @@ const tr = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], rr = B("file-text", tr);
+], Mr = K("file-text", 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 Sr = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], ct = K("grip-vertical", 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 nr = [
+const jr = [
   ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
   [
     "path",
@@ -344,63 +383,63 @@ const nr = [
       key: "oot6mr"
     }
   ]
-], ar = B("inbox", nr);
+], Or = K("inbox", jr);
 /**
  * @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 ir = [
+const Er = [
   ["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);
+], Pr = K("layout-panel-top", 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 sr = [
+const Dr = [
   ["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" }]
-], or = B("link", sr);
+], Ir = K("link", 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 cr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], lt = B("loader-circle", cr);
+const _r = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Pe = K("loader-circle", _r);
 /**
  * @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 lr = [
+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" }]
-], dt = B("monitor", lr);
+], Mt = K("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 dr = [
+const Tr = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], ut = B("panel-bottom", dr);
+], zr = K("panel-bottom", 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 ur = [
+const Ar = [
   [
     "path",
     {
@@ -409,44 +448,44 @@ const ur = [
     }
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-], hr = B("pencil", ur);
+], St = K("pencil", Ar);
 /**
  * @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 mr = [
+const Hr = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], ht = B("plus", mr);
+], et = K("plus", Hr);
 /**
  * @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 pr = [
+const Wr = [
   ["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" }]
-], fr = B("rotate-ccw", pr);
+], Gr = K("rotate-ccw", Wr);
 /**
  * @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 gr = [
+const Rr = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ce = B("search", gr);
+], ze = K("search", Rr);
 /**
  * @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 xr = [
+const Vr = [
   [
     "path",
     {
@@ -455,364 +494,364 @@ const xr = [
     }
   ],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Ge = B("shield-check", xr);
+], lt = K("shield-check", Vr);
 /**
  * @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 br = [
+const Yr = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], mt = B("smartphone", br);
+], jt = K("smartphone", 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 yr = [
+const qr = [
   ["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" }]
-], pt = B("tablet", yr);
+], Ot = K("tablet", qr);
 /**
  * @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 = [
+const Br = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], wr = B("x", vr);
-function Nr(e) {
+], Et = K("x", Br);
+function Fr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ge = { exports: {} }, kr = ge.exports, Ze;
-function $r() {
-  return Ze || (Ze = 1, (function(e, t) {
-    (function(r, a) {
+var Ce = { exports: {} }, Ur = Ce.exports, dt;
+function Kr() {
+  return dt || (dt = 1, (function(e, r) {
+    (function(n, 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 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]);
+    })(Ur, (function() {
+      var n = 1e3, a = 6e4, c = 36e5, d = "millisecond", g = "second", h = "minute", u = "hour", y = "day", f = "week", N = "month", L = "quarter", z = "year", A = "date", G = "Invalid Date", V = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, R = /\[([^\]]+)]|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, H = { 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(k) {
+        var l = ["th", "st", "nd", "rd"], m = k % 100;
+        return "[" + k + (l[(m - 20) % 10] || l[m] || l[0]) + "]";
+      } }, F = function(k, l, m) {
+        var $ = String(k);
+        return !$ || $.length >= l ? k : "" + Array(l + 1 - $.length).join(m) + k;
+      }, M = { s: F, z: function(k) {
+        var l = -k.utcOffset(), m = Math.abs(l), $ = Math.floor(m / 60), x = m % 60;
+        return (l <= 0 ? "+" : "-") + F($, 2, "0") + ":" + F(x, 2, "0");
+      }, m: function k(l, m) {
+        if (l.date() < m.date()) return -k(m, l);
+        var $ = 12 * (m.year() - l.year()) + (m.month() - l.month()), x = l.clone().add($, N), E = m - x < 0, P = l.clone().add($ + (E ? -1 : 1), N);
+        return +(-($ + (m - x) / (E ? x - P : P - x)) || 0);
+      }, a: function(k) {
+        return k < 0 ? Math.ceil(k) || 0 : Math.floor(k);
+      }, p: function(k) {
+        return { M: N, y: z, w: f, d: y, D: A, h: u, m: h, s: g, ms: d, Q: L }[k] || String(k || "").toLowerCase().replace(/s$/, "");
+      }, u: function(k) {
+        return k === void 0;
+      } }, D = "en", v = {};
+      v[D] = H;
+      var b = "$isDayjsObject", T = function(k) {
+        return k instanceof _ || !(!k || !k[b]);
+      }, O = function k(l, m, $) {
+        var x;
+        if (!l) return D;
+        if (typeof l == "string") {
+          var E = l.toLowerCase();
+          v[E] && (x = E), m && (v[E] = m, x = E);
+          var P = l.split("-");
+          if (!x && P.length > 1) return k(P[0]);
         } else {
-          var N = i.name;
-          b[N] = i, u = N;
+          var i = l.name;
+          v[i] = l, x = i;
         }
-        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 });
+        return !$ && x && (D = x), x || !$ && D;
+      }, p = function(k, l) {
+        if (T(k)) return k.clone();
+        var m = typeof l == "object" ? l : {};
+        return m.date = k, m.args = arguments, new _(m);
+      }, C = M;
+      C.l = O, C.i = T, C.w = function(k, l) {
+        return p(k, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
       };
-      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 _ = (function() {
+        function k(m) {
+          this.$L = O(m.locale, null, !0), this.parse(m), this.$x = this.$x || m.x || {}, this[b] = !0;
         }
-        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);
+        var l = k.prototype;
+        return l.parse = function(m) {
+          this.$d = (function($) {
+            var x = $.date, E = $.utc;
+            if (x === null) return /* @__PURE__ */ new Date(NaN);
+            if (C.u(x)) return /* @__PURE__ */ new Date();
+            if (x instanceof Date) return new Date(x);
+            if (typeof x == "string" && !/Z$/i.test(x)) {
+              var P = x.match(V);
+              if (P) {
+                var i = P[2] - 1 || 0, o = (P[7] || "0").substring(0, 3);
+                return E ? new Date(Date.UTC(P[1], i, P[3] || 1, P[4] || 0, P[5] || 0, P[6] || 0, o)) : new Date(P[1], i, P[3] || 1, P[4] || 0, P[5] || 0, P[6] || 0, o);
               }
             }
-            return new Date(u);
-          })(c), this.init();
-        }, i.init = function() {
-          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 w;
-        }, i.isValid = function() {
-          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 new Date(x);
+          })(m), this.init();
+        }, l.init = function() {
+          var m = this.$d;
+          this.$y = m.getFullYear(), this.$M = m.getMonth(), this.$D = m.getDate(), this.$W = m.getDay(), this.$H = m.getHours(), this.$m = m.getMinutes(), this.$s = m.getSeconds(), this.$ms = m.getMilliseconds();
+        }, l.$utils = function() {
+          return C;
+        }, l.isValid = function() {
+          return this.$d.toString() !== G;
+        }, l.isSame = function(m, $) {
+          var x = p(m);
+          return this.startOf($) <= x && x <= this.endOf($);
+        }, l.isAfter = function(m, $) {
+          return p(m) < this.startOf($);
+        }, l.isBefore = function(m, $) {
+          return this.endOf($) < p(m);
+        }, l.$g = function(m, $, x) {
+          return C.u(m) ? this[$] : this.set(x, m);
+        }, l.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
-        }, i.valueOf = function() {
+        }, l.valueOf = function() {
           return this.$d.getTime();
-        }, 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);
+        }, l.startOf = function(m, $) {
+          var x = this, E = !!C.u($) || $, P = C.p(m), i = function(X, ne) {
+            var ie = C.w(x.$u ? Date.UTC(x.$y, ne, X) : new Date(x.$y, ne, X), x);
+            return E ? ie : ie.endOf(y);
+          }, o = function(X, ne) {
+            return C.w(x.toDate()[X].apply(x.toDate("s"), (E ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ne)), x);
+          }, w = this.$W, j = this.$M, W = this.$D, J = "set" + (this.$u ? "UTC" : "");
+          switch (P) {
+            case z:
+              return E ? i(1, 0) : i(31, 11);
+            case N:
+              return E ? i(1, j) : i(0, j + 1);
+            case f:
+              var B = this.$locale().weekStart || 0, re = (w < B ? w + 7 : w) - B;
+              return i(E ? W - re : W + (6 - re), j);
             case y:
-              return S(ee + "Minutes", 1);
+            case A:
+              return o(J + "Hours", 0);
+            case u:
+              return o(J + "Minutes", 1);
+            case h:
+              return o(J + "Seconds", 2);
             case g:
-              return S(ee + "Seconds", 2);
-            case f:
-              return S(ee + "Milliseconds", 3);
+              return o(J + "Milliseconds", 3);
             default:
               return this.clone();
           }
-        }, 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);
+        }, l.endOf = function(m) {
+          return this.startOf(m, !1);
+        }, l.$set = function(m, $) {
+          var x, E = C.p(m), P = "set" + (this.$u ? "UTC" : ""), i = (x = {}, x[y] = P + "Date", x[A] = P + "Date", x[N] = P + "Month", x[z] = P + "FullYear", x[u] = P + "Hours", x[h] = P + "Minutes", x[g] = P + "Seconds", x[d] = P + "Milliseconds", x)[E], o = E === y ? this.$D + ($ - this.$W) : $;
+          if (E === N || E === z) {
+            var w = this.clone().set(A, 1);
+            w.$d[i](o), w.init(), this.$d = w.set(A, Math.min(this.$D, w.daysInMonth())).$d;
+          } else i && this.$d[i](o);
           return this.init(), this;
-        }, 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);
+        }, l.set = function(m, $) {
+          return this.clone().$set(m, $);
+        }, l.get = function(m) {
+          return this[C.p(m)]();
+        }, l.add = function(m, $) {
+          var x, E = this;
+          m = Number(m);
+          var P = C.p($), i = function(j) {
+            var W = p(E);
+            return C.w(W.date(W.date() + Math.round(j * m)), E);
           };
-          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;
+          if (P === N) return this.set(N, this.$M + m);
+          if (P === z) return this.set(z, this.$y + m);
+          if (P === y) return i(1);
+          if (P === f) return i(7);
+          var o = (x = {}, x[h] = a, x[u] = c, x[g] = n, x)[P] || 1, w = this.$d.getTime() + m * o;
+          return C.w(w, this);
+        }, l.subtract = function(m, $) {
+          return this.add(-1 * m, $);
+        }, l.format = function(m) {
+          var $ = this, x = this.$locale();
+          if (!this.isValid()) return x.invalidDate || G;
+          var E = m || "YYYY-MM-DDTHH:mm:ssZ", P = C.z(this), i = this.$H, o = this.$m, w = this.$M, j = x.weekdays, W = x.months, J = x.meridiem, B = function(ne, ie, se, ee) {
+            return ne && (ne[ie] || ne($, E)) || se[ie].slice(0, ee);
+          }, re = function(ne) {
+            return C.s(i % 12 || 12, ne, "0");
+          }, X = J || function(ne, ie, se) {
+            var ee = ne < 12 ? "AM" : "PM";
+            return se ? ee.toLowerCase() : ee;
           };
-          return C.replace(D, (function($, Z) {
-            return Z || (function(U) {
-              switch (U) {
+          return E.replace(R, (function(ne, ie) {
+            return ie || (function(se) {
+              switch (se) {
                 case "YY":
-                  return String(m.$y).slice(-2);
+                  return String($.$y).slice(-2);
                 case "YYYY":
-                  return w.s(m.$y, 4, "0");
+                  return C.s($.$y, 4, "0");
                 case "M":
-                  return I + 1;
+                  return w + 1;
                 case "MM":
-                  return w.s(I + 1, 2, "0");
+                  return C.s(w + 1, 2, "0");
                 case "MMM":
-                  return te(u.monthsShort, I, G, 3);
+                  return B(x.monthsShort, w, W, 3);
                 case "MMMM":
-                  return te(G, I);
+                  return B(W, w);
                 case "D":
-                  return m.$D;
+                  return $.$D;
                 case "DD":
-                  return w.s(m.$D, 2, "0");
+                  return C.s($.$D, 2, "0");
                 case "d":
-                  return String(m.$W);
+                  return String($.$W);
                 case "dd":
-                  return te(u.weekdaysMin, m.$W, q, 2);
+                  return B(x.weekdaysMin, $.$W, j, 2);
                 case "ddd":
-                  return te(u.weekdaysShort, m.$W, q, 3);
+                  return B(x.weekdaysShort, $.$W, j, 3);
                 case "dddd":
-                  return q[m.$W];
+                  return j[$.$W];
                 case "H":
-                  return String(N);
+                  return String(i);
                 case "HH":
-                  return w.s(N, 2, "0");
+                  return C.s(i, 2, "0");
                 case "h":
-                  return ae(1);
+                  return re(1);
                 case "hh":
-                  return ae(2);
+                  return re(2);
                 case "a":
-                  return re(N, S, !0);
+                  return X(i, o, !0);
                 case "A":
-                  return re(N, S, !1);
+                  return X(i, o, !1);
                 case "m":
-                  return String(S);
+                  return String(o);
                 case "mm":
-                  return w.s(S, 2, "0");
+                  return C.s(o, 2, "0");
                 case "s":
-                  return String(m.$s);
+                  return String($.$s);
                 case "ss":
-                  return w.s(m.$s, 2, "0");
+                  return C.s($.$s, 2, "0");
                 case "SSS":
-                  return w.s(m.$ms, 3, "0");
+                  return C.s($.$ms, 3, "0");
                 case "Z":
-                  return O;
+                  return P;
               }
               return null;
-            })($) || O.replace(":", "");
+            })(ne) || P.replace(":", "");
           }));
-        }, i.utcOffset = function() {
+        }, l.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, 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);
+        }, l.diff = function(m, $, x) {
+          var E, P = this, i = C.p($), o = p(m), w = (o.utcOffset() - this.utcOffset()) * a, j = this - o, W = function() {
+            return C.m(P, o);
           };
-          switch (N) {
-            case A:
-              C = G() / 12;
-              break;
-            case v:
-              C = G();
+          switch (i) {
+            case z:
+              E = W() / 12;
               break;
-            case P:
-              C = G() / 3;
+            case N:
+              E = W();
               break;
-            case p:
-              C = (q - I) / 6048e5;
+            case L:
+              E = W() / 3;
               break;
-            case k:
-              C = (q - I) / 864e5;
+            case f:
+              E = (j - w) / 6048e5;
               break;
             case y:
-              C = q / o;
+              E = (j - w) / 864e5;
               break;
-            case g:
-              C = q / a;
+            case u:
+              E = j / c;
               break;
-            case f:
-              C = q / r;
+            case h:
+              E = j / a;
+              break;
+            case g:
+              E = j / n;
               break;
             default:
-              C = q;
+              E = j;
           }
-          return u ? C : w.a(C);
-        }, i.daysInMonth = function() {
-          return this.endOf(v).$D;
-        }, i.$locale = function() {
-          return b[this.$L];
-        }, 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 w.w(this.$d, this);
-        }, i.toDate = function() {
+          return x ? E : C.a(E);
+        }, l.daysInMonth = function() {
+          return this.endOf(N).$D;
+        }, l.$locale = function() {
+          return v[this.$L];
+        }, l.locale = function(m, $) {
+          if (!m) return this.$L;
+          var x = this.clone(), E = O(m, $, !0);
+          return E && (x.$L = E), x;
+        }, l.clone = function() {
+          return C.w(this.$d, this);
+        }, l.toDate = function() {
           return new Date(this.valueOf());
-        }, i.toJSON = function() {
+        }, l.toJSON = function() {
           return this.isValid() ? this.toISOString() : null;
-        }, i.toISOString = function() {
+        }, l.toISOString = function() {
           return this.$d.toISOString();
-        }, i.toString = function() {
+        }, l.toString = function() {
           return this.$d.toUTCString();
-        }, 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]);
+        }, k;
+      })(), q = _.prototype;
+      return p.prototype = q, [["$ms", d], ["$s", g], ["$m", h], ["$H", u], ["$W", y], ["$M", N], ["$y", z], ["$D", A]].forEach((function(k) {
+        q[k[1]] = function(l) {
+          return this.$g(l, k[0], k[1]);
         };
-      })), 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;
+      })), p.extend = function(k, l) {
+        return k.$i || (k(l, _, p), k.$i = !0), p;
+      }, p.locale = O, p.isDayjs = T, p.unix = function(k) {
+        return p(1e3 * k);
+      }, p.en = v[D], p.Ls = v, p.p = {}, p;
     }));
-  })(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);
+  })(Ce)), Ce.exports;
+}
+var Zr = Kr();
+const Be = /* @__PURE__ */ Fr(Zr);
+function Pt() {
+  const [e, r] = S(!1), [n, a] = S(!1), c = Y({ title: "" }), d = {
+    confirm: (N) => {
+      c.current = N, a(!1), r(!0);
     }
-  }, f = async () => {
-    var v, P;
+  }, g = async () => {
+    var N, L;
     a(!0);
     try {
-      await ((P = (v = o.current).onOk) == null ? void 0 : P.call(v)), t(!1);
+      await ((L = (N = c.current).onOk) == null ? void 0 : L.call(N)), r(!1);
     } finally {
       a(!1);
     }
-  }, 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(
+  }, h = () => {
+    var N, L;
+    (L = (N = c.current).onCancel) == null || L.call(N), r(!1);
+  }, u = c.current, y = u.okType === "danger", f = e ? vt(
     /* @__PURE__ */ s("div", { className: "fixed inset-0 z-[9998] flex items-center justify-center", children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ t(
         "div",
         {
           className: "absolute inset-0 bg-black/40",
-          onClick: g
+          onClick: h
         }
       ),
       /* @__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__ */ t("div", { className: "text-base font-semibold text-gray-800 mb-2", children: u.title }),
+        u.content && /* @__PURE__ */ t("div", { className: "text-sm text-gray-600 mt-3", children: u.content }),
         /* @__PURE__ */ s("div", { className: "flex justify-end gap-2 mt-5", children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "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: g,
-              children: y.cancelText ?? "取消"
+              onClick: h,
+              children: u.cancelText ?? "取消"
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "button",
             {
-              disabled: r,
-              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 ?? "确定"
+              disabled: n,
+              className: `px-4 py-1.5 rounded-lg text-white text-sm font-medium transition-colors disabled:opacity-50 cursor-pointer ${y ? "bg-red-500 hover:bg-red-600" : "bg-blue-500 hover:bg-blue-600"}`,
+              onClick: g,
+              children: n ? "处理中…" : u.okText ?? "确定"
             }
           )
         ] })
@@ -820,161 +859,165 @@ function ft() {
     ] }),
     document.body
   ) : null;
-  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 ? "展示中" : "已关闭"
-          ]
-        }
-      )
+  return [d, f];
+}
+const Dt = (e, r) => JSON.stringify([e.trim().replace(/\/+$/, ""), r]);
+function Se({ enabled: e, children: r }) {
+  return /* @__PURE__ */ s("span", { className: `inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-medium leading-4 ${e ? "bg-emerald-50 text-emerald-700" : "bg-gray-100 text-gray-500"}`, children: [
+    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: `h-1 w-1 shrink-0 rounded-full ${e ? "bg-emerald-500" : "bg-gray-400"}` }),
+    r
+  ] });
+}
+function Jr({ article: e }) {
+  var g, h;
+  const r = e.guidesDisplay, n = r == null ? void 0 : r.title.trim(), a = r == null ? void 0 : r.description.trim(), c = (g = r == null ? void 0 : r.category) == null ? void 0 : g.name.trim(), d = !!(r != null && r.categoryId || (h = r == null ? void 0 : r.category) != null && h.id || c);
+  return r ? /* @__PURE__ */ s("div", { className: "min-w-0 space-y-1", children: [
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2 leading-5", children: [
+      /* @__PURE__ */ t("span", { className: "w-6 shrink-0 text-xs text-gray-400", children: "标题" }),
+      /* @__PURE__ */ t("p", { title: n, className: "min-w-0 truncate text-sm font-medium text-gray-800", children: n || "未设置展示标题" }),
+      /* @__PURE__ */ t(Se, { enabled: !0, children: "已配置" })
     ] }),
-    /* @__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: "尚未设置展示位置" })
+    a && /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2 text-xs leading-5", children: [
+      /* @__PURE__ */ t("span", { className: "w-6 shrink-0 text-gray-400", children: "简介" }),
+      /* @__PURE__ */ t("p", { title: a, className: "truncate text-gray-500", children: a })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2 text-xs leading-5", children: [
+      /* @__PURE__ */ t("span", { className: "w-6 shrink-0 text-gray-400", children: "分类" }),
+      /* @__PURE__ */ t("p", { className: `truncate ${c ? "text-gray-600" : "text-gray-400"}`, title: c, children: c || (d ? "分类名称暂不可用" : "未分类") })
     ] })
+  ] }) : /* @__PURE__ */ t(Se, { enabled: !1, children: "未配置" });
+}
+function Xr({ article: e, groups: r, canLoadGroups: n, onRetry: a }) {
+  var g;
+  const c = e.navPlacements ?? [], d = (g = e.navname) == null ? void 0 : g.trim();
+  return !e.navEnabled && !d && !c.length ? /* @__PURE__ */ t(Se, { enabled: !1, children: "未设置" }) : /* @__PURE__ */ s("div", { className: "min-w-0 space-y-1", children: [
+    /* @__PURE__ */ s("div", { className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-start gap-x-2 gap-y-1 leading-5", children: [
+      /* @__PURE__ */ t("span", { className: "text-xs text-gray-400", children: "导航名称" }),
+      /* @__PURE__ */ t(Se, { enabled: !!e.navEnabled, children: e.navEnabled ? "已开启" : "已关闭" }),
+      /* @__PURE__ */ t("span", { title: d, className: "col-span-2 min-w-0 whitespace-normal text-sm font-medium text-gray-800 [overflow-wrap:anywhere]", children: d || "尚未填写" })
+    ] }),
+    e.navEnabled && ["header", "footer"].map((h) => {
+      const u = c.find((A) => A.position === h);
+      if (!u) return null;
+      const y = r[Dt(e.host ?? "", h)], f = u.parentNavId ? y == null ? void 0 : y.names[u.parentNavId] : void 0, N = n && e.host && (!y || y.status === "loading"), L = u.parentNavId ? f ? `${f} 分组内` : N ? "正在加载分组…" : "分组名称加载失败" : "直接显示链接", z = h === "header" ? "页眉" : "页尾";
+      return /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2 text-xs leading-5", children: [
+        /* @__PURE__ */ t("span", { className: "w-12 shrink-0 text-gray-400", children: z }),
+        /* @__PURE__ */ t("span", { title: `${z}：${L}`, className: "truncate text-gray-600", children: L }),
+        u.parentNavId && (y == null ? void 0 : y.status) === "error" && /* @__PURE__ */ t("button", { type: "button", onClick: a, className: "shrink-0 cursor-pointer text-blue-600 hover:underline", children: "重试" })
+      ] }, h);
+    }),
+    e.navEnabled && !c.length && /* @__PURE__ */ t("p", { className: "text-xs leading-5 text-amber-700", children: "未设置展示位置" })
   ] });
 }
-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] = _({
+const $a = () => {
+  const { navigate: e } = Xe(), { basePath: r, service: n } = Ee(), [a, c] = Pt(), [d, g] = S(""), [h, u] = S(""), [y, f] = S(!1), [N, L] = S([]), [z, A] = S({}), [G, V] = S(0), [R, H] = S({
     current: 1,
     size: 15,
     total: 0
-  }), V = (h) => {
-    const z = h.trim();
-    if (!z) return "";
+  }), F = (b) => {
+    const T = b.trim();
+    if (!T) return "";
     try {
       return new URL(
-        z.startsWith("http") ? z : `https://${z}`
+        T.startsWith("http") ? T : `https://${T}`
       ).origin;
     } catch {
-      return z;
+      return T;
     }
-  }, j = async (h = D.current, z = D.size, M = l, x = g) => {
-    p(!0);
+  }, M = async (b = R.current, T = R.size, O = d, p = h) => {
+    f(!0);
     try {
-      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
+      const C = { page: b, size: T };
+      O && (C.pathname = O);
+      const _ = F(p);
+      _ && (C.host = _);
+      const q = await n.getList(C);
+      L(q.items), H((k) => ({
+        ...k,
+        current: b,
+        size: T,
+        total: q.total ?? k.total
       }));
-    } catch (w) {
-      J.error(w.message || "获取文章失败");
+    } catch (C) {
+      ae.error(C.message || "获取文章失败");
     } finally {
-      p(!1);
+      f(!1);
     }
   };
-  K(() => {
-    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 });
+  te(() => {
+    M(1);
+  }, []), te(() => {
+    if (!n.getNavigationGroups) return;
+    let b = !0;
+    const T = /* @__PURE__ */ new Map();
+    for (const O of N)
+      if (O.host)
+        for (const p of O.navPlacements ?? []) {
+          if (!p.parentNavId) continue;
+          const C = O.host.trim().replace(/\/+$/, "");
+          T.set(Dt(C, p.position), { host: C, position: p.position });
         }
-    H(Object.fromEntries([...z.keys()].map((M) => [M, { status: "loading", names: {} }])));
-    for (const [M, x] of z)
+    A(Object.fromEntries([...T.keys()].map((O) => [O, { status: "loading", names: {} }])));
+    for (const [O, p] of T)
       (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])) } }));
+          const C = await n.getNavigationGroups(p);
+          if (!b) return;
+          A((_) => ({ ..._, [O]: { status: "loaded", names: Object.fromEntries(C.map((q) => [q.id, q.name])) } }));
         } catch {
-          if (!h) return;
-          H((w) => ({ ...w, [M]: { status: "error", names: {} } }));
+          if (!b) return;
+          A((C) => ({ ...C, [O]: { status: "error", names: {} } }));
         }
       })();
     return () => {
-      h = !1;
+      b = !1;
     };
-  }, [v, r, T]);
-  const E = (h) => {
+  }, [N, n, G]);
+  const D = (b) => {
     a.confirm({
       title: "删除文章",
-      content: `确认删除 /${h.pathname}？`,
+      content: `确认删除 /${b.pathname}？`,
       okText: "删除",
       okType: "danger",
       cancelText: "取消",
       onOk: async () => {
-        await r.delete(h.id), J.success("删除成功"), j(1);
+        await n.delete(b.id), ae.success("删除成功"), M(1);
       }
     });
-  }, b = Math.ceil(D.total / D.size) || 1;
+  }, v = Math.ceil(R.total / R.size) || 1;
   return /* @__PURE__ */ s("div", { className: "min-w-0 bg-white rounded-xl shadow-sm border border-gray-100 p-5", children: [
-    o,
+    c,
     /* @__PURE__ */ s(
       "form",
       {
         className: "flex flex-wrap items-center gap-2 mb-5",
-        onSubmit: (h) => {
-          h.preventDefault(), j(1);
+        onSubmit: (b) => {
+          b.preventDefault(), M(1);
         },
         children: [
           /* @__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(
+            /* @__PURE__ */ t(ze, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
+            /* @__PURE__ */ t(
               "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",
                 "aria-label": "搜索访问路径",
                 placeholder: "搜索访问路径",
-                value: l,
-                onChange: (h) => f(h.target.value)
+                value: d,
+                onChange: (b) => g(b.target.value)
               }
             )
           ] }),
           /* @__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(
+            /* @__PURE__ */ t(ze, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-gray-400" }),
+            /* @__PURE__ */ t(
               "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",
                 "aria-label": "搜索网站地址",
                 placeholder: "搜索网站地址",
-                value: g,
-                onChange: (h) => y(h.target.value)
+                value: h,
+                onChange: (b) => u(b.target.value)
               }
             )
           ] }),
@@ -984,7 +1027,7 @@ const Zn = () => {
               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__ */ n(Ce, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ t(ze, { className: "w-3.5 h-3.5" }),
                 "搜索"
               ]
             }
@@ -995,456 +1038,792 @@ const Zn = () => {
               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: () => {
-                f(""), y(""), j(1, D.size, "", "");
+                g(""), u(""), M(1, R.size, "", "");
               },
               children: [
-                /* @__PURE__ */ n(fr, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ t(Gr, { className: "w-3.5 h-3.5" }),
                 "重置"
               ]
             }
           ),
-          /* @__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__ */ n(ht, { className: "w-3.5 h-3.5" }),
-                "新增文章"
-              ]
-            }
-          )
+          /* @__PURE__ */ t("div", { className: "flex-1" }),
+          /* @__PURE__ */ s("button", { type: "button", onClick: () => e(`${r}/create`), className: "flex cursor-pointer items-center gap-1.5 rounded-lg bg-blue-500 px-3 py-1.5 text-sm text-white transition hover:bg-blue-600", children: [
+            /* @__PURE__ */ t(et, { size: 14, "aria-hidden": "true" }),
+            "新增文章"
+          ] })
         ]
       }
     ),
-    /* @__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__ */ t("div", { className: "relative overflow-x-auto", role: "region", "aria-label": "文章列表", tabIndex: 0, children: /* @__PURE__ */ s("table", { className: "w-full min-w-[1440px] table-fixed text-left text-sm", children: [
+      /* @__PURE__ */ s("colgroup", { children: [
+        /* @__PURE__ */ t("col", { style: { width: "18%" } }),
+        /* @__PURE__ */ t("col", { style: { width: "24%" } }),
+        /* @__PURE__ */ t("col", { style: { width: "19%" } }),
+        /* @__PURE__ */ t("col", { style: { width: "15%" } }),
+        /* @__PURE__ */ t("col", { style: { width: "11%" } }),
+        /* @__PURE__ */ t("col", { style: { width: "13%" } })
+      ] }),
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-gray-100", children: [
+        /* @__PURE__ */ t("th", { scope: "col", className: "px-3 py-2.5 text-xs font-medium tracking-wide text-gray-400", children: "访问路径" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "px-3 py-2.5 text-xs font-medium tracking-wide text-gray-400", children: "访问地址" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "px-3 py-2.5 text-xs font-medium tracking-wide text-gray-400", children: "Guides 配置" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "px-3 py-2.5 text-xs font-medium tracking-wide text-gray-400", children: "网站导航" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "px-3 py-2.5 text-xs font-medium tracking-wide text-gray-400", children: "创建时间" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "sticky right-0 z-10 bg-white px-3 py-2.5 text-right text-xs font-medium tracking-wide text-gray-400", children: "操作" })
       ] }) }),
-      /* @__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__ */ n("td", { className: "py-3 px-3", children: /* @__PURE__ */ s("span", { className: "block break-words font-mono text-xs text-gray-700", children: [
-                "/",
-                h.pathname
-              ] }) }),
-              /* @__PURE__ */ n("td", { className: "py-3 px-3", children: h.host ? /* @__PURE__ */ s(
-                "a",
-                {
-                  href: h.host,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  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__ */ n("span", { className: "truncate", children: h.host.replace(/^https?:\/\//, "") }),
-                    /* @__PURE__ */ n(Xt, { className: "w-3 h-3 shrink-0" })
-                  ]
-                }
-              ) : /* @__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: z,
-                  children: z
-                }
-              ) : /* @__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__ */ 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(
-                      `${h.host.replace(/\/$/, "")}/${h.pathname}`,
-                      "_blank"
-                    ),
-                    children: "跳转"
-                  }
-                ),
-                /* @__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}/${h.id}/detail`,
-                      { state: { record: h } }
-                    ),
-                    children: "详情"
-                  }
-                ),
-                /* @__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}/${h.id}/edit`,
-                      { state: { record: h } }
-                    ),
-                    children: "编辑"
-                  }
-                ),
-                /* @__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: () => E(h),
-                    children: "删除"
-                  }
-                )
-              ] }) })
-            ]
-          },
-          h.id
-        );
+      /* @__PURE__ */ t("tbody", { children: y || N.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 6, className: "py-16 text-center", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2 text-gray-400", children: [
+        y ? /* @__PURE__ */ t(Pe, { className: "h-6 w-6 animate-spin text-blue-400" }) : /* @__PURE__ */ t(Or, { className: "h-10 w-10 text-gray-300" }),
+        /* @__PURE__ */ t("span", { className: "text-sm", children: y ? "正在加载文章…" : "暂无文章" })
+      ] }) }) }) : N.map((b) => {
+        const T = `/${b.pathname.replace(/^\/+/, "")}`, O = b.host ? `${b.host.replace(/\/+$/, "")}${T}` : void 0;
+        return /* @__PURE__ */ s("tr", { className: "group border-b border-gray-50 transition-colors hover:bg-gray-50/60", children: [
+          /* @__PURE__ */ t("td", { className: "px-3 py-3 align-middle", children: /* @__PURE__ */ t("button", { type: "button", onClick: () => e(`${r}/${b.id}/detail`, { state: { record: b } }), title: T, className: "block max-w-full cursor-pointer truncate text-left font-mono text-xs text-gray-700 hover:text-blue-600 focus-visible:outline-2 focus-visible:outline-blue-500", children: T }) }),
+          /* @__PURE__ */ t("td", { className: "px-3 py-3 align-middle", children: O ? /* @__PURE__ */ s("a", { href: O, target: "_blank", rel: "noopener noreferrer", title: O, className: "aisee-articles-address-link inline-flex max-w-full items-center gap-1 text-xs transition-all", children: [
+            /* @__PURE__ */ t("span", { className: "truncate", children: O.replace(/^https?:\/\//, "") }),
+            /* @__PURE__ */ t(kr, { size: 12, className: "shrink-0", "aria-hidden": "true" })
+          ] }) : /* @__PURE__ */ t("span", { className: "text-xs text-gray-400", children: "未填写" }) }),
+          /* @__PURE__ */ t("td", { className: "px-3 py-3 align-middle", children: /* @__PURE__ */ t(Jr, { article: b }) }),
+          /* @__PURE__ */ t("td", { className: "px-3 py-3 align-middle", children: /* @__PURE__ */ t(Xr, { article: b, groups: z, canLoadGroups: !!n.getNavigationGroups, onRetry: () => V((p) => p + 1) }) }),
+          /* @__PURE__ */ t("td", { className: "whitespace-nowrap px-3 py-3 align-middle text-xs text-gray-400", children: b.createdAt ? Be(b.createdAt).format("YYYY/MM/DD HH:mm") : "—" }),
+          /* @__PURE__ */ t("td", { className: "sticky right-0 z-10 bg-white px-3 py-3 text-right align-middle transition-colors group-hover:bg-gray-50", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-end gap-1", children: [
+            /* @__PURE__ */ t("button", { type: "button", onClick: () => e(`${r}/${b.id}/detail`, { state: { record: b } }), className: "cursor-pointer whitespace-nowrap rounded-md border border-gray-200 px-2.5 py-1 text-xs text-gray-600 transition hover:bg-gray-50", children: "详情" }),
+            /* @__PURE__ */ t("button", { type: "button", onClick: () => e(`${r}/${b.id}/edit`), className: "cursor-pointer whitespace-nowrap rounded-md bg-blue-500 px-2.5 py-1 text-xs text-white transition hover:bg-blue-600", children: "编辑" }),
+            /* @__PURE__ */ t("button", { type: "button", onClick: () => D(b), className: "cursor-pointer whitespace-nowrap rounded-md bg-red-500 px-2.5 py-1 text-xs text-white transition hover:bg-red-600", children: "删除" })
+          ] }) })
+        ] }, b.id);
       }) })
     ] }) }),
-    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: [
+    R.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: [
         "共 ",
-        D.total,
+        R.total,
         " 篇文章"
       ] }),
       /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-1", children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "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: D.current <= 1,
-            onClick: () => j(D.current - 1),
+            disabled: R.current <= 1,
+            onClick: () => M(R.current - 1),
             children: "上一页"
           }
         ),
         /* @__PURE__ */ s("span", { className: "px-3 py-1 text-xs text-gray-500", children: [
-          D.current,
+          R.current,
           " / ",
-          b
+          v
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "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: D.current >= b,
-            onClick: () => j(D.current + 1),
+            disabled: R.current >= v,
+            onClick: () => M(R.current + 1),
             children: "下一页"
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "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: D.size,
-            onChange: (h) => j(1, Number(h.target.value)),
-            children: [10, 15, 20, 50].map((h) => /* @__PURE__ */ s("option", { value: h, children: [
-              h,
+            value: R.size,
+            onChange: (b) => M(1, Number(b.target.value)),
+            children: [10, 15, 20, 50].map((b) => /* @__PURE__ */ s("option", { value: b, children: [
+              b,
               " 条/页"
-            ] }, h))
+            ] }, b))
           }
         )
       ] })
     ] })
   ] });
-}, 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("");
+};
+function It({ items: e, label: r, description: n, presentation: a = "inline", saveOrder: c, onSaved: d, onCancel: g }) {
+  const h = we(), [u, y] = S(() => [...e]), [f, N] = S(!1), [L, z] = S(""), [A, G] = S(""), [V, R] = S(null), [H, F] = S(null), M = Y(null), D = Y(null), v = Y(null), b = Y(null), T = Y(/* @__PURE__ */ new Map()), O = Y(null), p = Y(!1), C = Y(!1);
+  te(() => {
+    p.current = !0;
+    const i = T.current;
+    return () => {
+      p.current = !1, O.current && clearTimeout(O.current), i.forEach((o) => o.cancel());
+    };
+  }, []);
+  const _ = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, q = () => {
+    var i;
+    return Array.from(((i = D.current) == null ? void 0 : i.querySelectorAll("[data-order-id]")) ?? []);
+  }, k = () => {
+    b.current = new Map(q().map((i) => [i.dataset.orderId, i.getBoundingClientRect().top]));
+  };
+  bt(() => {
+    const i = b.current;
+    b.current = null;
+    const o = q();
+    if (T.current.forEach((j) => j.cancel()), T.current.clear(), !i || _()) return;
+    o.map((j) => ({ row: j, delta: (i.get(j.dataset.orderId) ?? j.getBoundingClientRect().top) - j.getBoundingClientRect().top })).forEach(({ row: j, delta: W }) => {
+      var J;
+      j.dataset.orderId === ((J = v.current) == null ? void 0 : J.id) || Math.abs(W) < 1 || T.current.set(j, j.animate([
+        { transform: `translateY(${W}px)` },
+        { transform: "translateY(0)" }
+      ], { duration: 210, easing: "cubic-bezier(0.22, 1, 0.36, 1)" }));
+    });
+  }, [u]);
+  const l = u.some((i, o) => {
+    var w;
+    return i.id !== ((w = e[o]) == null ? void 0 : w.id);
+  }), m = (i, o) => {
+    const w = i + o;
+    if (C.current || v.current || w < 0 || w >= u.length) return;
+    const j = [...u];
+    [j[i], j[w]] = [j[w], j[i]], k(), y(j), z(""), G(`${u[i].name}已移至第 ${w + 1} 位`);
+  }, $ = (i, o) => {
+    var J;
+    if (C.current || v.current || !i.isPrimary || i.button !== 0) return;
+    const w = i.currentTarget.closest("[data-order-id]");
+    if (!w || !D.current) return;
+    const j = w.getBoundingClientRect(), W = D.current.getBoundingClientRect();
+    (J = D.current) == null || J.setPointerCapture(i.pointerId), v.current = { id: o.id, pointerId: i.pointerId, original: [...u], startX: i.clientX, offsetY: i.clientY - j.top, height: j.height, phase: "dragging" }, F({ item: o, index: u.findIndex((B) => B.id === o.id), height: j.height, top: j.top - W.top }), R(o.id), z(""), G(`已拿起${o.name}，上下拖动调整顺序，按 Escape 取消。`);
+  }, x = (i) => {
+    const o = v.current;
+    if (!o || o.phase !== "dragging" || o.pointerId !== i.pointerId || !D.current) return;
+    const w = i.clientY, j = D.current.getBoundingClientRect(), W = Math.max(0, Math.min(j.height - o.height, w - j.top - o.offsetY)), J = Math.max(-16, Math.min(16, i.clientX - o.startX)), B = q(), re = W + o.height / 2, X = B.find((ee) => re >= ee.offsetTop && re <= ee.offsetTop + ee.offsetHeight), ne = X == null ? void 0 : X.dataset.orderId, ie = u.findIndex((ee) => ee.id === o.id), se = u.findIndex((ee) => ee.id === ne);
+    if (X && ie >= 0 && se >= 0 && ie !== se && (ie < se ? re >= X.offsetTop + X.offsetHeight / 2 : re <= X.offsetTop + X.offsetHeight / 2)) {
+      k();
+      const ee = [...u], [Ie] = ee.splice(ie, 1);
+      ee.splice(se, 0, Ie), y(ee);
+    }
+    M.current && (M.current.style.transform = `translate3d(${J}px, ${W}px, 0)`);
+  }, E = (i = !1) => {
+    var J, B;
+    const o = v.current;
+    if (!o || o.phase === "dropping") return;
+    o.phase = "dropping", (J = D.current) != null && J.hasPointerCapture(o.pointerId) && D.current.releasePointerCapture(o.pointerId);
+    const w = () => {
+      v.current = null, O.current = null, R(null), F(null);
+    };
+    if (i) {
+      k(), y(o.original), G("已取消本次拖动。"), w();
+      return;
+    }
+    const j = u.findIndex((re) => re.id === o.id);
+    G(`${((B = u[j]) == null ? void 0 : B.name) ?? r}已移至第 ${j + 1} 位。`);
+    const W = q().find((re) => re.dataset.orderId === o.id);
+    if (!M.current || !W || _()) {
+      w();
+      return;
+    }
+    M.current.dataset.dropping = "true", M.current.style.transform = `translate3d(0, ${W.offsetTop}px, 0)`, O.current = setTimeout(w, 190);
+  }, P = async () => {
+    if (!(!l || C.current || v.current)) {
+      C.current = !0, N(!0), z("");
+      try {
+        const i = await c(u.map((o) => o.id));
+        p.current && d(i);
+      } catch (i) {
+        if (p.current) {
+          const o = i == null ? void 0 : i.status;
+          z(o === 404 || o === 405 || o === 501 ? `当前服务暂不支持保存${r}顺序，请联系管理员开通。` : o === 409 ? `${r}已发生变化，请取消后重新打开排序。` : i instanceof Error ? i.message : "顺序保存失败，请重试");
+        }
+      } finally {
+        C.current = !1, p.current && N(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ s("section", { "aria-labelledby": `${h}-title`, "aria-busy": f, className: a === "dialog" ? "p-6" : "mt-3 rounded-lg border border-gray-200 bg-white p-3", children: [
+    /* @__PURE__ */ s("h3", { id: `${h}-title`, className: "text-sm font-medium text-gray-700", children: [
+      r,
+      "顺序"
+    ] }),
+    /* @__PURE__ */ t("p", { className: "mt-1 text-xs leading-5 text-gray-500", children: n }),
+    /* @__PURE__ */ t("p", { id: `${h}-drag-hint`, className: "mt-1 text-xs text-gray-400", children: "拖动左侧手柄或点击上下箭头调整，完成后保存顺序。" }),
+    /* @__PURE__ */ s(
+      "ol",
+      {
+        ref: D,
+        "aria-label": `${r}展示顺序`,
+        className: `aisee-order-list relative mt-3 space-y-2 ${V ? "aisee-order-list--dragging select-none" : ""}`,
+        onPointerMove: x,
+        onPointerUp: (i) => {
+          var o;
+          ((o = v.current) == null ? void 0 : o.pointerId) === i.pointerId && E();
+        },
+        onPointerCancel: () => E(!0),
+        onLostPointerCapture: () => E(!0),
+        children: [
+          u.map((i, o) => /* @__PURE__ */ s("li", { "data-order-id": i.id, className: `aisee-order-row relative flex min-w-0 items-center gap-2 rounded-lg border px-2.5 py-2 ${V === i.id ? "aisee-order-row--placeholder" : "border-gray-100 bg-white"}`, children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                "aria-label": `拖动 ${i.name}`,
+                "aria-describedby": `${h}-drag-hint`,
+                disabled: f,
+                onPointerDown: (w) => $(w, i),
+                onKeyDown: (w) => {
+                  w.key === "Escape" && v.current && (w.preventDefault(), w.stopPropagation(), E(!0)), (w.key === "ArrowUp" || w.key === "ArrowDown") && (w.preventDefault(), m(o, w.key === "ArrowUp" ? -1 : 1));
+                },
+                className: `flex h-8 w-8 shrink-0 touch-none select-none items-center justify-center rounded-md text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:cursor-not-allowed disabled:opacity-30 ${V === i.id ? "cursor-grabbing" : "cursor-grab"}`,
+                children: /* @__PURE__ */ t(ct, { size: 16, "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "w-5 shrink-0 text-xs text-gray-400", children: o + 1 }),
+            /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 break-words text-sm text-gray-700", children: i.name }),
+            /* @__PURE__ */ t("button", { type: "button", "aria-label": `上移 ${i.name}`, disabled: f || o === 0, onClick: () => m(o, -1), className: "flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-gray-200 text-gray-500 enabled:hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-30", children: /* @__PURE__ */ t(hr, { size: 14, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ t("button", { type: "button", "aria-label": `下移 ${i.name}`, disabled: f || o === u.length - 1, onClick: () => m(o, 1), className: "flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-gray-200 text-gray-500 enabled:hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-30", children: /* @__PURE__ */ t(lr, { size: 14, "aria-hidden": "true" }) }),
+            V === i.id && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "aisee-order-placeholder-label", children: [
+              "放到这里 · 第 ",
+              o + 1,
+              " 位"
+            ] })
+          ] }, i.id)),
+          H && /* @__PURE__ */ t("li", { ref: M, "aria-hidden": "true", className: "aisee-order-floating", style: { height: H.height, transform: `translate3d(0, ${H.top}px, 0)` }, children: /* @__PURE__ */ s("div", { className: "aisee-order-floating-card", children: [
+            /* @__PURE__ */ t(ct, { size: 16, className: "shrink-0 text-blue-500" }),
+            /* @__PURE__ */ t("span", { className: "w-5 shrink-0 text-xs text-blue-400", children: H.index + 1 }),
+            /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 break-words text-sm font-medium text-gray-800", children: H.item.name }),
+            /* @__PURE__ */ t("span", { className: "shrink-0 rounded-md bg-blue-100 px-2 py-1 text-xs font-medium text-blue-600", children: "拖动中" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("span", { role: "status", className: "sr-only", children: A }),
+    L && /* @__PURE__ */ t("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: L }),
+    /* @__PURE__ */ s("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: [
+      /* @__PURE__ */ t("button", { type: "button", disabled: f, onClick: g, className: "cursor-pointer rounded-lg border border-gray-200 px-3 py-1.5 text-xs text-gray-600 hover:bg-gray-50 disabled:opacity-50", children: "取消" }),
+      /* @__PURE__ */ s("button", { type: "button", disabled: f || !l, onClick: () => void P(), className: "flex cursor-pointer items-center gap-1 rounded-lg bg-blue-500 px-3 py-1.5 text-xs text-white hover:bg-blue-600 disabled:cursor-not-allowed disabled:opacity-50", children: [
+        f && /* @__PURE__ */ t(Pe, { size: 12, className: "animate-spin", "aria-hidden": "true" }),
+        f ? "保存中…" : "保存顺序"
+      ] })
+    ] })
+  ] });
+}
+function Qr({ host: e, position: r, groups: n, reorder: a, onSaved: c, onCancel: d }) {
+  return /* @__PURE__ */ t(
+    It,
+    {
+      items: n,
+      label: "父导航",
+      description: "前台按此顺序从左到右展示。保存后对该网站的所有文章生效。",
+      presentation: "dialog",
+      saveOrder: (g) => a({ host: e, position: r, groupIds: g }),
+      onSaved: c,
+      onCancel: d
+    }
+  );
+}
+function _t({ id: e, open: r, busy: n, label: a, onDismiss: c, children: d }) {
+  const g = Y(null);
+  return te(() => {
+    var h, u, y;
+    r && !((h = g.current) != null && h.open) && ((u = g.current) == null || u.showModal()), !r && ((y = g.current) != null && y.open) && g.current.close();
+  }, [r]), /* @__PURE__ */ t("dialog", { ref: g, id: e, "aria-label": a, onCancel: (h) => {
+    h.preventDefault(), n || c();
+  }, className: "m-auto max-h-[85vh] w-[calc(100%_-_2rem)] max-w-xl overflow-y-auto rounded-2xl border border-gray-200 bg-white p-0 text-gray-700 shadow-xl backdrop:bg-black/30", children: d });
+}
+const en = [
+  { position: "header", label: "页眉", icon: Pr, parentEnabled: !1 },
+  { position: "footer", label: "页尾", icon: zr, parentEnabled: !0 }
+], Fe = "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 tn({ host: e, position: r, label: n, parentEnabled: a, service: c, parentNavId: d, onSelect: g }) {
+  const h = we(), [u, y] = S([]), [f, N] = S(!1), [L, z] = S(""), [A, G] = S(!1), [V, R] = S(""), [H, F] = S(""), [M, D] = S(!1), [v, b] = S(!1), [T, O] = S(!1), [p, C] = S(!1), _ = Y(0), q = Y(0), k = Y(g);
+  k.current = g;
+  const l = c.getNavigationGroups, m = c.createNavigationGroup, $ = c.reorderNavigationGroups, x = Me(async () => {
+    if (!e || !l) return;
+    const o = ++q.current;
+    N(!0), z("");
     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 : "父导航加载失败");
+      const w = await l({ host: e, position: r });
+      return o !== q.current ? void 0 : (y(w), w);
+    } catch (w) {
+      o === q.current && z(w instanceof Error ? w.message : "父导航加载失败");
     } finally {
-      d === h.current && v(!1);
+      o === q.current && N(!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("请输入父导航名称");
+  }, [e, r, l]);
+  te(() => (_.current++, x(), () => {
+    _.current++, q.current++;
+  }), [x]);
+  const E = async () => {
+    if (M || !m || !a) return;
+    const o = V.trim();
+    if (!o) {
+      F("请输入父导航名称");
       return;
     }
-    const i = y.find((m) => m.name === d);
-    if (i) {
-      z.current(i.id), T(!1);
+    const w = u.find((W) => W.name === o);
+    if (w) {
+      k.current(w.id), G(!1);
       return;
     }
-    const c = b.current;
-    E(!0), V("");
+    const j = _.current;
+    D(!0), F("");
     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("");
+      const W = await m({ host: e, position: r, name: o });
+      if (j !== _.current) return;
+      y((J) => [...J.filter((B) => B.id !== W.id), W]), k.current(W.id), G(!1), R(""), x();
+    } catch (W) {
+      if (j !== _.current) return;
+      if ((W == null ? void 0 : W.status) === 409) {
+        const J = await x();
+        if (j !== _.current) return;
+        const B = J == null ? void 0 : J.find((re) => re.name === o);
+        if (B) {
+          k.current(B.id), G(!1), R("");
           return;
         }
       }
-      V(m instanceof Error ? m.message : "新增父导航失败");
+      F(W instanceof Error ? W.message : "新增父导航失败");
     } finally {
-      c === b.current && E(!1);
+      j === _.current && D(!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: "（可选）" })
+  }, P = !!d && !u.some((o) => o.id === d), i = async () => {
+    const o = _.current;
+    O(!1);
+    const w = await x();
+    w && o === _.current && w.length > 1 && b(!0);
+  };
+  return /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ s("div", { className: "mb-1.5 flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ s("label", { htmlFor: h, className: "block text-sm font-medium text-gray-700", children: [
+        "所属父导航 ",
+        /* @__PURE__ */ t("span", { className: "font-normal text-gray-400", children: "（可选）" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3", children: [
+        a && $ && e && /* @__PURE__ */ s("button", { type: "button", disabled: f || M || A || v || !!L || u.length < 2, "aria-haspopup": "dialog", "aria-expanded": v, "aria-controls": `${h}-dialog`, onClick: () => void i(), className: "flex cursor-pointer items-center gap-1 text-xs text-blue-500 enabled:hover:text-blue-600 disabled:cursor-not-allowed disabled:opacity-40", children: [
+          /* @__PURE__ */ t($t, { size: 12, "aria-hidden": "true" }),
+          "调整顺序"
+        ] }),
+        a && m && e && /* @__PURE__ */ s("button", { type: "button", disabled: f || M || A || v, "aria-label": `新增${n}父导航`, "aria-haspopup": "dialog", onClick: () => {
+          G(!0), R(""), F(""), O(!1);
+        }, className: "flex cursor-pointer items-center gap-1 text-xs text-blue-500 enabled:hover:text-blue-600 disabled:opacity-40", children: [
+          /* @__PURE__ */ t(et, { size: 13, "aria-hidden": "true" }),
+          "新增父导航"
+        ] })
+      ] })
     ] }),
     /* @__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`,
+        id: h,
+        "aria-label": `${n}父导航`,
+        disabled: !a || !e || f || M || A || v,
+        value: d ?? "",
+        onChange: (o) => g(o.target.value || null),
+        className: `${Fe} 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: [
+          /* @__PURE__ */ t("option", { value: "", children: a ? "不选分组（直接显示在页尾）" : "暂不支持设置" }),
+          u.map((o) => /* @__PURE__ */ t("option", { value: o.id, children: o.name }, o.id)),
+          P && /* @__PURE__ */ s("option", { value: d, children: [
             "已选父导航（",
-            l,
+            d,
             "）"
           ] })
         ]
       }
     ),
-    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: "重试" })
+    /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs text-gray-400", children: a ? e ? d ? u.some((o) => o.id === d) ? `文章链接会显示在「${u.find((o) => o.id === d).name}」分组下。` : "文章链接会显示在所选分组下。" : "不选父导航时，链接直接显示在网站底部。" : "请先填写网站地址" : d ? "已保存的页眉父导航暂不可修改。" : "页眉目前只能直接显示文章链接。" }),
+    f && /* @__PURE__ */ t("p", { role: "status", className: "mt-2 text-xs text-gray-500", children: "加载父导航中…" }),
+    L && /* @__PURE__ */ s("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: [
+      L,
+      /* @__PURE__ */ t("button", { type: "button", onClick: () => void x(), 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: [
+    T && /* @__PURE__ */ t("p", { role: "status", className: "mt-2 text-xs text-green-600", children: "父导航顺序已保存" }),
+    /* @__PURE__ */ t(_t, { id: `${h}-dialog`, open: v || A, busy: M || p, label: v ? "父导航顺序" : A ? `新增${n}父导航` : void 0, onDismiss: () => {
+      G(!1), b(!1), F("");
+    }, children: v && $ ? /* @__PURE__ */ t(
+      Qr,
+      {
+        host: e,
+        position: r,
+        groups: u,
+        reorder: async (o) => {
+          const w = _.current;
+          C(!0);
+          try {
+            return await $(o);
+          } finally {
+            w === _.current && C(!1);
+          }
+        },
+        onSaved: (o) => {
+          y(o), b(!1), O(!0);
+        },
+        onCancel: () => b(!1)
+      }
+    ) : A ? /* @__PURE__ */ s("div", { className: "p-6", children: [
+      /* @__PURE__ */ s("h3", { className: "text-sm font-medium text-gray-700", children: [
         "新增",
-        r,
+        n,
         "父导航"
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s("label", { htmlFor: `${h}-new`, className: "mb-1.5 mt-3 block text-xs text-gray-600", children: [
+        "父导航名称 ",
+        /* @__PURE__ */ t("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ t(
         "input",
         {
-          id: `${g}-new`,
+          id: `${h}-new`,
           autoFocus: !0,
           maxLength: 100,
-          value: W,
-          disabled: j,
+          value: V,
+          disabled: M,
           placeholder: "输入父导航名称",
-          "aria-invalid": !!R,
-          "aria-describedby": R ? `${g}-error` : void 0,
-          onChange: (d) => {
-            D(d.target.value), V("");
+          "aria-invalid": !!H,
+          "aria-describedby": H ? `${h}-error` : void 0,
+          onChange: (o) => {
+            R(o.target.value), F("");
           },
-          onKeyDown: (d) => {
-            d.key === "Enter" && !d.nativeEvent.isComposing && (d.preventDefault(), L()), d.key === "Escape" && !j && T(!1);
+          onKeyDown: (o) => {
+            o.key === "Enter" && !o.nativeEvent.isComposing && (o.preventDefault(), E());
           },
-          className: ze
+          className: Fe
         }
       ),
-      R && /* @__PURE__ */ n("p", { id: `${g}-error`, role: "alert", className: "mt-1.5 text-xs text-red-500", children: R }),
+      H && /* @__PURE__ */ t("p", { id: `${h}-error`, role: "alert", className: "mt-1.5 text-xs text-red-500", children: H }),
       /* @__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: M, onClick: () => void E(), 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: [
+          M ? /* @__PURE__ */ t(Pe, { size: 12, className: "animate-spin" }) : /* @__PURE__ */ t(Ct, { size: 12, "aria-hidden": "true" }),
+          M ? "添加中…" : "添加并选中"
         ] }),
-        /* @__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" }),
+        /* @__PURE__ */ s("button", { type: "button", disabled: M, onClick: () => G(!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__ */ t(Et, { 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: "页眉暂不支持设置父导航。" })
+    ] }) : null })
   ] });
 }
-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)
+function rn({ host: e, service: r, value: n, onChange: a }) {
+  const c = we(), d = e.trim().replace(/\/+$/, ""), [g, h] = S(!1), u = !!r.getNavigationGroups, y = (N) => a({ ...n, ...N }), f = (N, L) => {
+    y({
+      navPlacements: L ? [...n.navPlacements, { position: N, parentNavId: null }] : n.navPlacements.filter((z) => z.position !== N)
     });
   };
-  return /* @__PURE__ */ s("section", { "aria-label": "导航设置", className: "mt-5 border-t border-gray-100 pt-4", children: [
+  return /* @__PURE__ */ s("section", { "aria-label": "导航设置", className: "mt-5 border-t border-gray-100 pt-5", 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__ */ t("h2", { className: "text-sm font-semibold text-gray-800", children: "导航设置" }),
+      /* @__PURE__ */ s("label", { htmlFor: `${c}-enabled`, className: "flex cursor-pointer items-center gap-2 text-sm text-gray-600", children: [
+        /* @__PURE__ */ t("span", { children: "启用导航" }),
         /* @__PURE__ */ s("span", { className: "relative inline-flex h-5 w-9 shrink-0 items-center", children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "input",
             {
-              id: `${o}-enabled`,
+              id: `${c}-enabled`,
               type: "checkbox",
               role: "switch",
-              checked: r.navEnabled,
-              disabled: !y,
-              "aria-controls": `${o}-fields`,
-              onChange: (v) => k({ navEnabled: v.target.checked }),
+              checked: n.navEnabled,
+              disabled: !u,
+              "aria-controls": `${c}-fields`,
+              onChange: (N) => y({ navEnabled: N.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" })
+          /* @__PURE__ */ t("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__ */ t("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: [
+    u && n.navEnabled && /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs leading-5 text-gray-500", children: "在网站顶部或底部显示这篇文章的链接。" }),
+    u ? n.navEnabled ? /* @__PURE__ */ s("div", { id: `${c}-fields`, className: "mt-4 space-y-4 rounded-xl border border-gray-200 bg-gray-50/40 p-4", children: [
+      /* @__PURE__ */ s("div", { className: "max-w-3xl", children: [
+        /* @__PURE__ */ s("label", { htmlFor: `${c}-name`, className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
           "导航名称 ",
-          /* @__PURE__ */ n("span", { className: "text-red-500", children: "*" })
+          /* @__PURE__ */ t("span", { className: "text-red-500", children: "*" })
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "input",
           {
-            id: `${o}-name`,
-            value: r.navname,
+            id: `${c}-name`,
+            value: n.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
+            "aria-invalid": g && !n.navname.trim(),
+            "aria-describedby": g && !n.navname.trim() ? `${c}-name-error` : void 0,
+            onChange: (N) => y({ navname: N.target.value }),
+            onBlur: () => h(!0),
+            className: Fe
           }
         ),
-        f && !r.navname.trim() && /* @__PURE__ */ n("p", { id: `${o}-name-error`, role: "alert", className: "mt-1.5 text-xs text-red-500", children: "开启导航后，请填写导航名称" })
+        /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs text-gray-400", children: "前台显示的链接名称，例如「关于我们」。" }),
+        g && !n.navname.trim() && /* @__PURE__ */ t("p", { id: `${c}-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__ */ s("fieldset", { "aria-describedby": `${c}-placements-hint`, className: "min-w-0", children: [
+        /* @__PURE__ */ s("legend", { className: "mb-1.5 text-sm font-medium text-gray-700", children: [
           "展示位置 ",
-          /* @__PURE__ */ n("span", { className: "text-red-500", children: "*" })
+          /* @__PURE__ */ t("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__ */ t("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: en.map(({ position: N, label: L, icon: z, parentEnabled: A }) => {
+          const G = n.navPlacements.find((V) => V.position === N);
+          return /* @__PURE__ */ s("div", { role: "group", "aria-label": `${L}导航设置`, className: `min-w-0 self-start rounded-lg border p-3 transition-colors ${G ? "border-blue-200 bg-blue-50/30" : "border-gray-200 bg-white"}`, 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 })
+              /* @__PURE__ */ t("input", { type: "checkbox", checked: !!G, onChange: (V) => f(N, V.target.checked), className: "h-4 w-4 shrink-0 accent-blue-500" }),
+              /* @__PURE__ */ t(z, { size: 15, className: "shrink-0 text-gray-400", "aria-hidden": "true" }),
+              /* @__PURE__ */ t("span", { className: "font-medium", children: L })
             ] }),
-            T && /* @__PURE__ */ n(
-              jr,
+            /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs text-gray-500", children: N === "header" ? "文章链接显示在网站顶部。" : "文章链接显示在网站底部。" }),
+            G && /* @__PURE__ */ t("div", { className: "mt-3 border-t border-gray-200/70 pt-3", children: /* @__PURE__ */ t(
+              tn,
               {
-                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) })
+                host: d,
+                position: N,
+                label: L,
+                parentEnabled: A,
+                service: r,
+                parentNavId: G.parentNavId,
+                onSelect: (V) => y({ navPlacements: n.navPlacements.map((R) => R.position === N ? { ...R, parentNavId: V } : R) })
               },
-              `${l}:${v}`
-            )
-          ] }, v);
+              `${d}:${N}`
+            ) })
+          ] }, N);
         }) }),
-        r.navPlacements.length === 0 && /* @__PURE__ */ n("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: "请至少选择一个展示位置" })
+        /* @__PURE__ */ t("p", { id: `${c}-placements-hint`, className: "mt-1.5 text-xs text-gray-400", children: "可以同时勾选页眉和页尾。" }),
+        n.navPlacements.length === 0 && /* @__PURE__ */ t("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: "当前服务尚未接入导航配置" })
+    ] }) : /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs text-gray-500", children: "开启后可将文章加入页眉、页尾或同时加入两处。" }) : /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs text-gray-500", children: "当前服务尚未接入导航配置" })
   ] });
 }
-function Pr(e) {
+const fe = "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 nn({ value: e, categories: r, categoriesDisabled: n = !1, onChange: a, onSaveCategory: c, onLoadCategories: d, onReorderCategories: g }) {
+  const h = we(), [u, y] = S(null), [f, N] = S(""), [L, z] = S(!1), [A, G] = S(""), [V, R] = S(!1), [H, F] = S(null), [M, D] = S(!1), [v, b] = S(""), [T, O] = S(!1), p = !!u || !!H, C = Y(!1), _ = Y(!1), q = Y(!1);
+  te(() => (_.current = !0, () => {
+    _.current = !1;
+  }), []);
+  const k = r.find((i) => i.id === e.categoryId), l = e.categoryId ? void 0 : e.category, m = (k == null ? void 0 : k.description) ?? (l == null ? void 0 : l.description), $ = Y(e);
+  $.current = e;
+  const x = (i) => a({ ...e, ...i }), E = async () => {
+    if (!(C.current || !g || n || u || H)) {
+      C.current = !0, D(!0), b(""), G("");
+      try {
+        const i = d ? await d() : r;
+        _.current && F(i);
+      } catch (i) {
+        _.current && b(i instanceof Error ? i.message : "分类加载失败，请重试");
+      } finally {
+        C.current = !1, _.current && D(!1);
+      }
+    }
+  }, P = async () => {
+    if (!u || !c || q.current) return;
+    const i = u.name.trim();
+    if (!i) {
+      N("请输入分类名称");
+      return;
+    }
+    if (r.some((o) => o.id !== u.id && o.name === i)) {
+      N("该分类名称已存在，请选择已有分类或使用其他名称");
+      return;
+    }
+    q.current = !0, R(!0), N("");
+    try {
+      const o = await c({ ...u.id ? { id: u.id } : {}, name: i, description: u.description.trim() });
+      if (!_.current) return;
+      a({ ...$.current, categoryId: o.id }), G(u.id ? "分类已更新" : "分类已新增并选中"), y(null);
+    } catch (o) {
+      _.current && N(o instanceof Error ? o.message : "分类保存失败，请重试");
+    } finally {
+      q.current = !1, _.current && R(!1);
+    }
+  };
+  return /* @__PURE__ */ s("section", { "aria-labelledby": `${h}-heading`, className: "mt-5 border-t border-gray-100 pt-5", children: [
+    /* @__PURE__ */ t("h2", { id: `${h}-heading`, className: "text-sm font-semibold text-gray-800", children: "Guides 展示设置" }),
+    /* @__PURE__ */ t("p", { className: "mt-1.5 text-xs leading-5 text-gray-500", children: "用于 Guides 页面的文章展示，分类可选。" }),
+    /* @__PURE__ */ s("div", { className: "mt-4 grid grid-cols-1 gap-x-6 gap-y-4 rounded-xl border border-gray-200 bg-gray-50/40 p-4 lg:grid-cols-3", children: [
+      /* @__PURE__ */ s("div", { className: "lg:col-span-2", children: [
+        /* @__PURE__ */ s("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ s("label", { htmlFor: `${h}-title`, className: "text-sm font-medium text-gray-700", children: [
+            "文章标题 ",
+            /* @__PURE__ */ t("span", { className: "text-red-500", children: "*" })
+          ] }),
+          /* @__PURE__ */ t("span", { className: "text-xs text-gray-400", children: "用于文章卡片" })
+        ] }),
+        /* @__PURE__ */ t("input", { id: `${h}-title`, value: e.title, maxLength: 200, required: !0, placeholder: "例如 White-Hat GEO: Ethical Optimization for AI Search", onChange: (i) => x({ title: i.target.value }), onBlur: () => z(!0), "aria-invalid": L && !e.title.trim(), "aria-describedby": `${h}-title-hint`, className: fe }),
+        /* @__PURE__ */ t("p", { id: `${h}-title-hint`, className: `mt-1.5 text-xs ${L && !e.title.trim() ? "text-red-500" : "text-gray-400"}`, role: L && !e.title.trim() ? "alert" : void 0, children: L && !e.title.trim() ? "请输入文章展示标题" : "可使用比导航名称更完整的标题。" })
+      ] }),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ s("div", { className: "mb-1.5 flex flex-wrap items-center justify-between gap-2", children: [
+          /* @__PURE__ */ s("label", { htmlFor: `${h}-category`, className: "text-sm font-medium text-gray-700", children: [
+            "所属分类 ",
+            /* @__PURE__ */ t("span", { className: "font-normal text-gray-400", children: "（可选）" })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-3", children: [
+            g && /* @__PURE__ */ s("button", { type: "button", disabled: n || p || M || r.length < 2, "aria-haspopup": "dialog", "aria-expanded": !!H, "aria-controls": `${h}-dialog`, onClick: () => void E(), className: "flex cursor-pointer items-center gap-1 text-xs text-blue-500 enabled:hover:text-blue-600 disabled:opacity-40", children: [
+              /* @__PURE__ */ t($t, { size: 12, "aria-hidden": "true" }),
+              "调整顺序"
+            ] }),
+            c && /* @__PURE__ */ s("button", { type: "button", disabled: n || p || M, "aria-haspopup": "dialog", onClick: () => {
+              y({ id: null, name: "", description: "" }), N(""), G(""), b("");
+            }, className: "flex cursor-pointer items-center gap-1 text-xs text-blue-500 enabled:hover:text-blue-600 disabled:opacity-40", children: [
+              /* @__PURE__ */ t(et, { size: 13, "aria-hidden": "true" }),
+              "新增分类"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ s("select", { id: `${h}-category`, value: l ? "__unresolved-category__" : e.categoryId ?? "", disabled: n || p || M, onChange: (i) => {
+          x({ categoryId: i.target.value || null, category: void 0 }), G("");
+        }, className: `${fe} disabled:bg-gray-50 disabled:text-gray-400`, children: [
+          /* @__PURE__ */ t("option", { value: "", children: "不设置分类" }),
+          l && /* @__PURE__ */ s("option", { value: "__unresolved-category__", disabled: !0, children: [
+            l.name,
+            "（请重新选择）"
+          ] }),
+          r.map((i) => /* @__PURE__ */ t("option", { value: i.id, children: i.name }, i.id)),
+          e.categoryId && !k && /* @__PURE__ */ s("option", { value: e.categoryId, children: [
+            "已选分类（",
+            e.categoryId,
+            "）"
+          ] })
+        ] }),
+        /* @__PURE__ */ t("p", { className: `mt-1.5 text-xs ${l ? "text-amber-700" : "text-gray-400"}`, children: l ? "无法确认已保存的分类，请重新选择后保存。" : "可留空，不影响文章保存。" }),
+        M && /* @__PURE__ */ t("p", { role: "status", className: "mt-2 text-xs text-gray-500", children: "加载分类顺序中…" }),
+        v && /* @__PURE__ */ t("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: v }),
+        A && /* @__PURE__ */ t("p", { role: "status", className: "mt-2 text-xs text-green-600", children: A })
+      ] }),
+      /* @__PURE__ */ s("div", { className: k || l ? "lg:col-span-2" : "lg:col-span-3", children: [
+        /* @__PURE__ */ s("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ s("label", { htmlFor: `${h}-description`, className: "text-sm font-medium text-gray-700", children: [
+            "文章简介 ",
+            /* @__PURE__ */ t("span", { className: "font-normal text-gray-400", children: "（可选）" })
+          ] }),
+          /* @__PURE__ */ s("span", { className: "text-xs text-gray-400", children: [
+            e.description.length,
+            "/500"
+          ] })
+        ] }),
+        /* @__PURE__ */ t("textarea", { id: `${h}-description`, rows: 2, maxLength: 500, value: e.description, placeholder: "简要介绍文章内容，展示在卡片标题下方", onChange: (i) => x({ description: i.target.value }), className: `${fe} resize-y leading-6` })
+      ] }),
+      (k || l) && /* @__PURE__ */ s("div", { className: "rounded-lg border border-gray-200 bg-white p-3", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ t("span", { className: "text-xs font-medium text-gray-500", children: "分类描述" }),
+          k && c && /* @__PURE__ */ s("button", { type: "button", disabled: n || M, "aria-haspopup": "dialog", onClick: () => {
+            y({ ...k }), N(""), G(""), b("");
+          }, className: "flex shrink-0 cursor-pointer items-center gap-1 text-xs text-blue-500 hover:text-blue-600 disabled:opacity-40", children: [
+            /* @__PURE__ */ t(St, { size: 12, "aria-hidden": "true" }),
+            "编辑分类"
+          ] })
+        ] }),
+        /* @__PURE__ */ t("p", { className: "mt-2 break-words text-xs leading-5 text-gray-500", children: m || "未填写分类描述" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(_t, { id: `${h}-dialog`, open: p, busy: V || T, label: H ? "分类顺序" : u ? u.id ? "编辑分类" : "新增分类" : void 0, onDismiss: () => {
+      y(null), F(null), N("");
+    }, children: H && g ? /* @__PURE__ */ t(
+      It,
+      {
+        items: H,
+        label: "分类",
+        description: "Guides 页面按此顺序从上到下展示分类。保存后对该网站的所有文章生效，不改变文章所属分类。",
+        presentation: "dialog",
+        saveOrder: async (i) => {
+          O(!0);
+          try {
+            return await g(i);
+          } finally {
+            _.current && O(!1);
+          }
+        },
+        onSaved: () => {
+          F(null), G("分类顺序已保存");
+        },
+        onCancel: () => F(null)
+      }
+    ) : u ? /* @__PURE__ */ s("fieldset", { disabled: V, className: "p-6", children: [
+      /* @__PURE__ */ t("h3", { className: "text-sm font-medium text-gray-700", children: u.id ? "编辑分类" : "新增分类" }),
+      /* @__PURE__ */ s("div", { className: "mt-3", children: [
+        /* @__PURE__ */ s("label", { htmlFor: `${h}-category-name`, className: "mb-1.5 block text-xs text-gray-600", children: [
+          "分类名称 ",
+          /* @__PURE__ */ t("span", { className: "text-red-500", children: "*" })
+        ] }),
+        /* @__PURE__ */ t("input", { id: `${h}-category-name`, autoFocus: !0, maxLength: 100, value: u.name, "aria-invalid": !!f, "aria-describedby": f ? `${h}-category-error` : void 0, placeholder: "例如 Start with the foundations", onChange: (i) => {
+          y({ ...u, name: i.target.value }), N("");
+        }, className: fe })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "mt-3", children: [
+        /* @__PURE__ */ t("label", { htmlFor: `${h}-category-description`, className: "mb-1.5 block text-xs text-gray-600", children: "分类描述" }),
+        /* @__PURE__ */ t("textarea", { id: `${h}-category-description`, rows: 3, maxLength: 500, value: u.description, placeholder: "介绍这个分类包含的内容，展示在分类名称下方", onChange: (i) => y({ ...u, description: i.target.value }), className: `${fe} resize-y leading-6` })
+      ] }),
+      u.id && /* @__PURE__ */ t("p", { className: "mt-2 text-xs leading-5 text-amber-700", children: "分类由多篇文章共用，修改名称和描述会同步影响该分类下的所有文章。" }),
+      f && /* @__PURE__ */ t("p", { id: `${h}-category-error`, role: "alert", className: "mt-2 text-xs text-red-500", children: f }),
+      /* @__PURE__ */ s("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ s("button", { type: "button", onClick: () => void P(), className: "flex cursor-pointer items-center gap-1 rounded-lg bg-blue-500 px-3 py-1.5 text-xs text-white hover:bg-blue-600 disabled:opacity-50", children: [
+          V ? /* @__PURE__ */ t(Pe, { size: 12, className: "animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ t(Ct, { size: 12, "aria-hidden": "true" }),
+          V ? "保存中…" : u.id ? "保存分类" : "新增并选中"
+        ] }),
+        /* @__PURE__ */ s("button", { type: "button", onClick: () => {
+          y(null), N("");
+        }, className: "flex cursor-pointer items-center gap-1 rounded-lg px-3 py-1.5 text-xs text-gray-500 hover:bg-gray-100", children: [
+          /* @__PURE__ */ t(Et, { size: 12, "aria-hidden": "true" }),
+          "取消"
+        ] })
+      ] })
+    ] }) : null })
+  ] });
+}
+function an(e) {
+  var n;
+  const r = e.categoryId !== void 0 ? e.categoryId : ((n = e.category) == null ? void 0 : n.id) ?? null;
+  return { title: e.title, description: e.description, categoryId: r };
+}
+function sn(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
+    (r, n) => /^(“.*”|".*")$/.test(r) ? /* @__PURE__ */ t("code", { className: "rounded bg-gray-100 px-1 py-0.5 font-mono text-[11px] text-gray-800", children: r.slice(1, -1) }, n) : r
   );
 }
-function Er({ errors: e, source: t }) {
-  const [r, a] = _(null), o = t.split(`
+function on({ errors: e, source: r }) {
+  const [n, a] = S(null), c = r.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__ */ t("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-red-50 text-red-500", children: /* @__PURE__ */ t(yr, { 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__ */ t("div", { className: "text-sm font-semibold text-gray-900", children: "HTML 校验" }),
+        /* @__PURE__ */ t("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;
+    /* @__PURE__ */ t("ol", { className: "m-0 list-none divide-y divide-gray-100 p-0", children: e.map((d, g) => {
+      var y, f;
+      const h = (d.lastLine ? (y = c[d.lastLine - 1]) == null ? void 0 : y.trim() : "") || ((f = d.extract) == null ? void 0 : f.trim()), u = n === g;
       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" : ""}`,
+            "aria-expanded": u,
+            onClick: () => a(u ? null : g),
+            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 ${u ? "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" : ""}` })
+              /* @__PURE__ */ t("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-red-400" }),
+              /* @__PURE__ */ t("span", { className: "w-16 shrink-0 font-mono text-[11px] text-gray-500", children: d.lastLine != null ? `第 ${d.lastLine} 行` : `问题 ${g + 1}` }),
+              /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-xs leading-5 text-gray-700", children: d.message.replace(/[“”"]/g, "") }),
+              /* @__PURE__ */ t(fr, { size: 14, className: `shrink-0 text-gray-400 transition-transform ${u ? "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: [
+        u && /* @__PURE__ */ s("div", { className: "border-t border-gray-100 px-4 pb-4 pt-3", children: [
+          d.lastColumn != null && /* @__PURE__ */ s("div", { className: "mb-2 font-mono text-[11px] text-gray-400", children: [
             "第 ",
-            l.lastColumn,
+            d.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__ */ t("p", { className: "m-0 text-[13px] leading-6 text-gray-600", children: sn(d.message) }),
+          h && /* @__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__ */ t(Qe, { 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 })
+            /* @__PURE__ */ t("pre", { className: "m-0 whitespace-pre-wrap break-words px-3 py-2.5 font-mono text-[11px] leading-5 text-gray-600", children: h })
           ] })
         ] })
-      ] }, f);
+      ] }, g);
     }) })
   ] });
 }
-async function Ke(e) {
-  const t = new AbortController(), r = setTimeout(() => t.abort(), 1e4);
+async function ut(e) {
+  const r = new AbortController(), n = setTimeout(() => r.abort(), 1e4);
   try {
     const a = await fetch("https://validator.w3.org/nu/?out=json", {
       method: "POST",
@@ -1453,199 +1832,199 @@ async function Ke(e) {
         "User-Agent": "AiSee-Manage/1.0"
       },
       body: e,
-      signal: t.signal
+      signal: r.signal
     });
     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 };
+    const g = ((await a.json()).messages || []).filter((h) => h.type === "error");
+    return { isValid: g.length === 0, errors: g };
   } catch (a) {
     return console.error("W3C 校验请求失败:", a), { isValid: !0, errors: [], networkError: !0 };
   } finally {
-    clearTimeout(r);
+    clearTimeout(n);
   }
 }
-function Je(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var r = 0, a = Array(t); r < t; r++) a[r] = e[r];
+function mt(e, r) {
+  (r == null || r > e.length) && (r = e.length);
+  for (var n = 0, a = Array(r); n < r; n++) a[n] = e[n];
   return a;
 }
-function Lr(e) {
+function cn(e) {
   if (Array.isArray(e)) return e;
 }
-function Tr(e, t, r) {
-  return (t = Wr(t)) in e ? Object.defineProperty(e, t, {
-    value: r,
+function ln(e, r, n) {
+  return (r = fn(r)) in e ? Object.defineProperty(e, r, {
+    value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = r, e;
+  }) : e[r] = n, e;
 }
-function _r(e, t) {
-  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (r != null) {
-    var a, o, l, f, g = [], y = !0, k = !1;
+function dn(e, r) {
+  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n != null) {
+    var a, c, d, g, h = [], u = !0, y = !1;
     try {
-      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;
+      if (d = (n = n.call(e)).next, r !== 0) for (; !(u = (a = d.call(n)).done) && (h.push(a.value), h.length !== r); u = !0) ;
+    } catch (f) {
+      y = !0, c = f;
     } finally {
       try {
-        if (!y && r.return != null && (f = r.return(), Object(f) !== f)) return;
+        if (!u && n.return != null && (g = n.return(), Object(g) !== g)) return;
       } finally {
-        if (k) throw o;
+        if (y) throw c;
       }
     }
-    return g;
+    return h;
   }
 }
-function Dr() {
+function un() {
   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 Qe(e, t) {
-  var r = Object.keys(e);
+function ht(e, r) {
+  var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, a);
+    r && (a = a.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(e, c).enumerable;
+    })), n.push.apply(n, a);
   }
-  return r;
-}
-function Xe(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    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 n;
+}
+function gt(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? ht(Object(n), !0).forEach(function(a) {
+      ln(e, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ht(Object(n)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function zr(e, t) {
+function mn(e, r) {
   if (e == null) return {};
-  var r, a, o = Ar(e, t);
+  var n, a, c = hn(e, r);
   if (Object.getOwnPropertySymbols) {
-    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]);
+    var d = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < d.length; a++) n = d[a], r.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (c[n] = e[n]);
   }
-  return o;
+  return c;
 }
-function Ar(e, t) {
+function hn(e, r) {
   if (e == null) return {};
-  var r = {};
+  var n = {};
   for (var a in e) if ({}.hasOwnProperty.call(e, a)) {
-    if (t.indexOf(a) !== -1) continue;
-    r[a] = e[a];
+    if (r.indexOf(a) !== -1) continue;
+    n[a] = e[a];
   }
-  return r;
+  return n;
 }
-function Hr(e, t) {
-  return Lr(e) || _r(e, t) || Rr(e, t) || Dr();
+function gn(e, r) {
+  return cn(e) || dn(e, r) || xn(e, r) || un();
 }
-function Ir(e, t) {
+function pn(e, r) {
   if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var a = r.call(e, t);
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var a = n.call(e, r);
     if (typeof a != "object") return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (r === "string" ? String : Number)(e);
 }
-function Wr(e) {
-  var t = Ir(e, "string");
-  return typeof t == "symbol" ? t : t + "";
+function fn(e) {
+  var r = pn(e, "string");
+  return typeof r == "symbol" ? r : r + "";
 }
-function Rr(e, t) {
+function xn(e, r) {
   if (e) {
-    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) ? Je(e, t) : void 0;
+    if (typeof e == "string") return mt(e, r);
+    var n = {}.toString.call(e).slice(8, -1);
+    return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? mt(e, r) : void 0;
   }
 }
-function Vr(e, t, r) {
-  return t in e ? Object.defineProperty(e, t, {
-    value: r,
+function yn(e, r, n) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[t] = r, e;
+  }) : e[r] = n, e;
 }
-function et(e, t) {
-  var r = Object.keys(e);
+function pt(e, r) {
+  var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, a);
+    r && (a = a.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(e, c).enumerable;
+    })), n.push.apply(n, a);
   }
-  return r;
-}
-function tt(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    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 n;
+}
+function ft(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? pt(Object(n), !0).forEach(function(a) {
+      yn(e, a, n[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pt(Object(n)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function Yr() {
-  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
-    t[r] = arguments[r];
+function bn() {
+  for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
+    r[n] = arguments[n];
   return function(a) {
-    return t.reduceRight(function(o, l) {
-      return l(o);
+    return r.reduceRight(function(c, d) {
+      return d(c);
     }, a);
   };
 }
-function le(e) {
-  return function t() {
-    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 xe(e) {
+  return function r() {
+    for (var n = this, a = arguments.length, c = new Array(a), d = 0; d < a; d++)
+      c[d] = arguments[d];
+    return c.length >= e.length ? e.apply(this, c) : function() {
+      for (var g = arguments.length, h = new Array(g), u = 0; u < g; u++)
+        h[u] = arguments[u];
+      return r.apply(n, [].concat(c, h));
     };
   };
 }
-function be(e) {
+function je(e) {
   return {}.toString.call(e).includes("Object");
 }
-function qr(e) {
+function vn(e) {
   return !Object.keys(e).length;
 }
-function he(e) {
+function ve(e) {
   return typeof e == "function";
 }
-function Br(e, t) {
-  return Object.prototype.hasOwnProperty.call(e, t);
+function wn(e, r) {
+  return Object.prototype.hasOwnProperty.call(e, r);
 }
-function Fr(e, t) {
-  return be(t) || ne("changeType"), Object.keys(t).some(function(r) {
-    return !Br(e, r);
-  }) && ne("changeField"), t;
+function Nn(e, r) {
+  return je(r) || le("changeType"), Object.keys(r).some(function(n) {
+    return !wn(e, n);
+  }) && le("changeField"), r;
 }
-function Ur(e) {
-  he(e) || ne("selectorType");
+function kn(e) {
+  ve(e) || le("selectorType");
 }
-function Gr(e) {
-  he(e) || be(e) || ne("handlerType"), be(e) && Object.values(e).some(function(t) {
-    return !he(t);
-  }) && ne("handlersType");
+function $n(e) {
+  ve(e) || je(e) || le("handlerType"), je(e) && Object.values(e).some(function(r) {
+    return !ve(r);
+  }) && le("handlersType");
 }
-function Zr(e) {
-  e || ne("initialIsRequired"), be(e) || ne("initialType"), qr(e) && ne("initialContent");
+function Cn(e) {
+  e || le("initialIsRequired"), je(e) || le("initialType"), vn(e) && le("initialContent");
 }
-function Kr(e, t) {
-  throw new Error(e[t] || e.default);
+function Mn(e, r) {
+  throw new Error(e[r] || e.default);
 }
-var Jr = {
+var Sn = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -1655,76 +2034,76 @@ var Jr = {
   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"
-}, ne = le(Kr)(Jr), pe = {
-  changes: Fr,
-  selector: Ur,
-  handler: Gr,
-  initial: Zr
+}, le = xe(Mn)(Sn), ke = {
+  changes: Nn,
+  selector: kn,
+  handler: $n,
+  initial: Cn
 };
-function Qr(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  pe.initial(e), pe.handler(t);
-  var r = {
+function jn(e) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  ke.initial(e), ke.handler(r);
+  var n = {
     current: e
-  }, 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;
+  }, a = xe(Pn)(n, r), c = xe(En)(n), d = xe(ke.changes)(e), g = xe(On)(n);
+  function h() {
+    var y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(f) {
+      return f;
     };
-    return pe.selector(k), k(r.current);
+    return ke.selector(y), y(n.current);
   }
-  function y(k) {
-    Yr(a, o, l, f)(k);
+  function u(y) {
+    bn(a, c, d, g)(y);
   }
-  return [g, y];
+  return [h, u];
 }
-function Xr(e, t) {
-  return he(t) ? t(e.current) : t;
+function On(e, r) {
+  return ve(r) ? r(e.current) : r;
 }
-function en(e, t) {
-  return e.current = tt(tt({}, e.current), t), t;
+function En(e, r) {
+  return e.current = ft(ft({}, e.current), r), r;
 }
-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;
+function Pn(e, r, n) {
+  return ve(r) ? r(e.current) : Object.keys(n).forEach(function(a) {
+    var c;
+    return (c = r[a]) === null || c === void 0 ? void 0 : c.call(r, e.current[a]);
+  }), n;
 }
-var rn = {
-  create: Qr
-}, nn = {
+var Dn = {
+  create: jn
+}, In = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
   }
 };
-function an(e) {
-  return function t() {
-    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 _n(e) {
+  return function r() {
+    for (var n = this, a = arguments.length, c = new Array(a), d = 0; d < a; d++)
+      c[d] = arguments[d];
+    return c.length >= e.length ? e.apply(this, c) : function() {
+      for (var g = arguments.length, h = new Array(g), u = 0; u < g; u++)
+        h[u] = arguments[u];
+      return r.apply(n, [].concat(c, h));
     };
   };
 }
-function sn(e) {
+function Ln(e) {
   return {}.toString.call(e).includes("Object");
 }
-function on(e) {
-  return e || rt("configIsRequired"), sn(e) || rt("configType"), e.urls ? (cn(), {
+function Tn(e) {
+  return e || xt("configIsRequired"), Ln(e) || xt("configType"), e.urls ? (zn(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function cn() {
-  console.warn(xt.deprecation);
+function zn() {
+  console.warn(Lt.deprecation);
 }
-function ln(e, t) {
-  throw new Error(e[t] || e.default);
+function An(e, r) {
+  throw new Error(e[r] || e.default);
 }
-var xt = {
+var Lt = {
   configIsRequired: "the configuration object is required",
   configType: "the configuration object should be an object",
   default: "an unknown error accured in `@monaco-editor/loader` package",
@@ -1738,380 +2117,380 @@ var xt = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, 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);
+}, xt = _n(An)(Lt), Hn = {
+  config: Tn
+}, Wn = function() {
+  for (var r = arguments.length, n = new Array(r), a = 0; a < r; a++)
+    n[a] = arguments[a];
+  return function(c) {
+    return n.reduceRight(function(d, g) {
+      return g(d);
+    }, c);
   };
 };
-function bt(e, t) {
-  return Object.keys(t).forEach(function(r) {
-    t[r] instanceof Object && e[r] && Object.assign(t[r], bt(e[r], t[r]));
-  }), Xe(Xe({}, e), t);
+function Tt(e, r) {
+  return Object.keys(r).forEach(function(n) {
+    r[n] instanceof Object && e[n] && Object.assign(r[n], Tt(e[n], r[n]));
+  }), gt(gt({}, e), r);
 }
-var hn = {
+var Gn = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
-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);
+function Ae(e) {
+  var r = !1, n = new Promise(function(a, c) {
+    e.then(function(d) {
+      return r ? c(Gn) : a(d);
+    }), e.catch(c);
   });
-  return r.cancel = function() {
-    return t = !0;
-  }, r;
+  return n.cancel = function() {
+    return r = !0;
+  }, n;
 }
-var mn = ["monaco"], pn = rn.create({
-  config: nn,
+var Rn = ["monaco"], Vn = Dn.create({
+  config: In,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), 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) {
+}), zt = gn(Vn, 2), Ne = zt[0], De = zt[1];
+function Yn(e) {
+  var r = Hn.config(e), n = r.monaco, a = mn(r, Rn);
+  De(function(c) {
     return {
-      config: bt(o.config, a),
-      monaco: r
+      config: Tt(c.config, a),
+      monaco: n
     };
   });
 }
-function gn() {
-  var e = me(function(t) {
-    var r = t.monaco, a = t.isInitialized, o = t.resolve;
+function qn() {
+  var e = Ne(function(r) {
+    var n = r.monaco, a = r.isInitialized, c = r.resolve;
     return {
-      monaco: r,
+      monaco: n,
       isInitialized: a,
-      resolve: o
+      resolve: c
     };
   });
   if (!e.isInitialized) {
-    if (we({
+    if (De({
       isInitialized: !0
     }), e.monaco)
-      return e.resolve(e.monaco), Se(je);
+      return e.resolve(e.monaco), Ae(He);
     if (window.monaco && window.monaco.editor)
-      return vt(window.monaco), e.resolve(window.monaco), Se(je);
-    un(xn, yn)(vn);
+      return At(window.monaco), e.resolve(window.monaco), Ae(He);
+    Wn(Bn, Un)(Kn);
   }
-  return Se(je);
+  return Ae(He);
 }
-function xn(e) {
+function Bn(e) {
   return document.body.appendChild(e);
 }
-function bn(e) {
-  var t = document.createElement("script");
-  return e && (t.src = e), t;
+function Fn(e) {
+  var r = document.createElement("script");
+  return e && (r.src = e), r;
 }
-function yn(e) {
-  var t = me(function(a) {
-    var o = a.config, l = a.reject;
+function Un(e) {
+  var r = Ne(function(a) {
+    var c = a.config, d = a.reject;
     return {
-      config: o,
-      reject: l
+      config: c,
+      reject: d
     };
-  }), r = bn("".concat(t.config.paths.vs, "/loader.js"));
-  return r.onload = function() {
+  }), n = Fn("".concat(r.config.paths.vs, "/loader.js"));
+  return n.onload = function() {
     return e();
-  }, r.onerror = t.reject, r;
+  }, n.onerror = r.reject, n;
 }
-function vn() {
-  var e = me(function(r) {
-    var a = r.config, o = r.resolve, l = r.reject;
+function Kn() {
+  var e = Ne(function(n) {
+    var a = n.config, c = n.resolve, d = n.reject;
     return {
       config: a,
-      resolve: o,
-      reject: l
+      resolve: c,
+      reject: d
     };
-  }), t = window.require;
-  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
-    var a = r.m || r;
-    vt(a), e.resolve(a);
-  }, function(r) {
-    e.reject(r);
+  }), r = window.require;
+  r.config(e.config), r(["vs/editor/editor.main"], function(n) {
+    var a = n.m || n;
+    At(a), e.resolve(a);
+  }, function(n) {
+    e.reject(n);
   });
 }
-function vt(e) {
-  me().monaco || we({
+function At(e) {
+  Ne().monaco || De({
     monaco: e
   });
 }
-function wn() {
-  return me(function(e) {
-    var t = e.monaco;
-    return t;
+function Zn() {
+  return Ne(function(e) {
+    var r = e.monaco;
+    return r;
   });
 }
-var je = new Promise(function(e, t) {
-  return we({
+var He = new Promise(function(e, r) {
+  return De({
     resolve: e,
-    reject: t
+    reject: r
   });
-}), 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 kt = Pn;
-function En(e, t, r = !0) {
+}), Ht = {
+  config: Yn,
+  init: qn,
+  __getMonacoInstance: Zn
+}, Jn = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, We = Jn, Xn = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Qn = Xn;
+function ea({ children: e }) {
+  return ge.createElement("div", { style: Qn.container }, e);
+}
+var ta = ea, ra = ta;
+function na({ width: e, height: r, isEditorReady: n, loading: a, _ref: c, className: d, wrapperProps: g }) {
+  return ge.createElement("section", { style: { ...We.wrapper, width: e, height: r }, ...g }, !n && ge.createElement(ra, null, a), ge.createElement("div", { ref: c, style: { ...We.fullWidth, ...!n && We.hide }, className: d }));
+}
+var aa = na, Wt = Ze(aa);
+function ia(e) {
+  te(e, []);
+}
+var Gt = ia;
+function sa(e, r, n = !0) {
   let a = Y(!0);
-  K(a.current || !r ? () => {
+  te(a.current || !n ? () => {
     a.current = !1;
-  } : e, t);
+  } : e, r);
 }
-var X = En;
-function de() {
+var oe = sa;
+function ye() {
 }
-function oe(e, t, r, a) {
-  return Ln(e, a) || Tn(e, t, r, a);
+function he(e, r, n, a) {
+  return oa(e, a) || ca(e, r, n, a);
 }
-function Ln(e, t) {
-  return e.editor.getModel($t(e, t));
+function oa(e, r) {
+  return e.editor.getModel(Rt(e, r));
 }
-function Tn(e, t, r, a) {
-  return e.editor.createModel(t, r, a ? $t(e, a) : void 0);
+function ca(e, r, n, a) {
+  return e.editor.createModel(r, n, a ? Rt(e, a) : void 0);
 }
-function $t(e, t) {
-  return e.Uri.parse(t);
+function Rt(e, r) {
+  return e.Uri.parse(r);
 }
-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);
+function la({ original: e, modified: r, language: n, originalLanguage: a, modifiedLanguage: c, originalModelPath: d, modifiedModelPath: g, keepCurrentOriginalModel: h = !1, keepCurrentModifiedModel: u = !1, theme: y = "light", loading: f = "Loading...", options: N = {}, height: L = "100%", width: z = "100%", className: A, wrapperProps: G = {}, beforeMount: V = ye, onMount: R = ye }) {
+  let [H, F] = S(!1), [M, D] = S(!0), v = Y(null), b = Y(null), T = Y(null), O = Y(R), p = Y(V), C = Y(!1);
+  Gt(() => {
+    let l = Ht.init();
+    return l.then((m) => (b.current = m) && D(!1)).catch((m) => (m == null ? void 0 : m.type) !== "cancelation" && console.error("Monaco initialization: error:", m)), () => v.current ? k() : l.cancel();
+  }), oe(() => {
+    if (v.current && b.current) {
+      let l = v.current.getOriginalEditor(), m = he(b.current, e || "", a || n || "text", d || "");
+      m !== l.getModel() && l.setModel(m);
     }
-  }, [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);
+  }, [d], H), oe(() => {
+    if (v.current && b.current) {
+      let l = v.current.getModifiedEditor(), m = he(b.current, r || "", c || n || "text", g || "");
+      m !== l.getModel() && l.setModel(m);
     }
-  }, [f], R), X(() => {
-    let i = b.current.getModifiedEditor();
-    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(() => {
+  }, [g], H), oe(() => {
+    let l = v.current.getModifiedEditor();
+    l.getOption(b.current.editor.EditorOption.readOnly) ? l.setValue(r || "") : r !== l.getValue() && (l.executeEdits("", [{ range: l.getModel().getFullModelRange(), text: r || "", forceMoveMarkers: !0 }]), l.pushUndoStop());
+  }, [r], H), oe(() => {
+    var l, m;
+    (m = (l = v.current) == null ? void 0 : l.getModel()) == null || m.original.setValue(e || "");
+  }, [e], H), oe(() => {
+    let { original: l, modified: m } = v.current.getModel();
+    b.current.editor.setModelLanguage(l, a || n || "text"), b.current.editor.setModelLanguage(m, c || n || "text");
+  }, [n, a, c], H), oe(() => {
+    var l;
+    (l = b.current) == null || l.editor.setTheme(y);
+  }, [y], H), oe(() => {
+    var l;
+    (l = v.current) == null || l.updateOptions(N);
+  }, [N], H);
+  let _ = Me(() => {
+    var $;
+    if (!b.current) return;
+    p.current(b.current);
+    let l = he(b.current, e || "", a || n || "text", d || ""), m = he(b.current, r || "", c || n || "text", g || "");
+    ($ = v.current) == null || $.setModel({ original: l, modified: m });
+  }, [n, r, c, e, a, d, g]), q = Me(() => {
+    var l;
+    !C.current && T.current && (v.current = b.current.editor.createDiffEditor(T.current, { automaticLayout: !0, ...N }), _(), (l = b.current) == null || l.editor.setTheme(y), F(!0), C.current = !0);
+  }, [N, y, _]);
+  te(() => {
+    H && O.current(v.current, b.current);
+  }, [H]), te(() => {
+    !M && !H && q();
+  }, [M, H, q]);
+  function k() {
+    var m, $, x, E;
+    let l = (m = v.current) == null ? void 0 : m.getModel();
+    h || (($ = l == null ? void 0 : l.original) == null || $.dispose()), u || ((x = l == null ? void 0 : l.modified) == null || x.dispose()), (E = v.current) == null || E.dispose();
+  }
+  return ge.createElement(Wt, { width: z, height: L, isEditorReady: H, loading: f, _ref: T, className: A, wrapperProps: G });
+}
+var da = la;
+Ze(da);
+function ua(e) {
+  let r = Y();
+  return te(() => {
+    r.current = e;
+  }, [e]), r.current;
+}
+var ma = ua, $e = /* @__PURE__ */ new Map();
+function ha({ defaultValue: e, defaultLanguage: r, defaultPath: n, value: a, language: c, path: d, theme: g = "light", line: h, loading: u = "Loading...", options: y = {}, overrideServices: f = {}, saveViewState: N = !0, keepCurrentModel: L = !1, width: z = "100%", height: A = "100%", className: G, wrapperProps: V = {}, beforeMount: R = ye, onMount: H = ye, onChange: F, onValidate: M = ye }) {
+  let [D, v] = S(!1), [b, T] = S(!0), O = Y(null), p = Y(null), C = Y(null), _ = Y(H), q = Y(R), k = Y(), l = Y(a), m = ma(d), $ = Y(!1), x = Y(!1);
+  Gt(() => {
+    let i = Ht.init();
+    return i.then((o) => (O.current = o) && T(!1)).catch((o) => (o == null ? void 0 : o.type) !== "cancelation" && console.error("Monaco initialization: error:", o)), () => p.current ? P() : i.cancel();
+  }), oe(() => {
+    var o, w, j, W;
+    let i = he(O.current, e || a || "", r || c || "", d || n || "");
+    i !== ((o = p.current) == null ? void 0 : o.getModel()) && (N && $e.set(m, (w = p.current) == null ? void 0 : w.saveViewState()), (j = p.current) == null || j.setModel(i), N && ((W = p.current) == null || W.restoreViewState($e.get(d))));
+  }, [d], D), oe(() => {
     var i;
-    (i = h.current) == null || i.editor.setTheme(k);
-  }, [k], R), X(() => {
+    (i = p.current) == null || i.updateOptions(y);
+  }, [y], D), oe(() => {
+    !p.current || a === void 0 || (p.current.getOption(O.current.editor.EditorOption.readOnly) ? p.current.setValue(a) : a !== p.current.getValue() && (x.current = !0, p.current.executeEdits("", [{ range: p.current.getModel().getFullModelRange(), text: a, forceMoveMarkers: !0 }]), p.current.pushUndoStop(), x.current = !1));
+  }, [a], D), oe(() => {
+    var o, w;
+    let i = (o = p.current) == null ? void 0 : o.getModel();
+    i && c && ((w = O.current) == null || w.editor.setModelLanguage(i, c));
+  }, [c], D), oe(() => {
     var i;
-    (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(() => {
+    h !== void 0 && ((i = p.current) == null || i.revealLine(h));
+  }, [h], D), oe(() => {
     var i;
-    !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(() => {
-    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 ce.createElement(Nt, { width: A, height: P, isEditorReady: R, loading: p, _ref: z, className: H, wrapperProps: T });
-}
-var Dn = _n;
-We(Dn);
-function zn(e) {
-  let t = Y();
-  return K(() => {
-    t.current = e;
-  }, [e]), t.current;
-}
-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;
+    (i = O.current) == null || i.editor.setTheme(g);
+  }, [g], D);
+  let E = Me(() => {
+    var i;
+    if (!(!C.current || !O.current) && !$.current) {
+      q.current(O.current);
+      let o = d || n, w = he(O.current, a || e || "", r || c || "", o || "");
+      p.current = (i = O.current) == null ? void 0 : i.editor.create(C.current, { model: w, automaticLayout: !0, ...y }, f), N && p.current.restoreViewState($e.get(o)), O.current.editor.setTheme(g), h !== void 0 && p.current.revealLine(h), v(!0), $.current = !0;
     }
-  }, [e, t, r, a, o, l, k, p, v, f, g]);
-  K(() => {
-    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);
+  }, [e, r, n, a, c, d, y, f, N, g, h]);
+  te(() => {
+    D && _.current(p.current, O.current);
+  }, [D]), te(() => {
+    !b && !D && E();
+  }, [b, D, E]), l.current = a, te(() => {
+    var i, o;
+    D && F && ((i = k.current) == null || i.dispose(), k.current = (o = p.current) == null ? void 0 : o.onDidChangeModelContent((w) => {
+      x.current || F(p.current.getValue(), w);
     }));
-  }, [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);
+  }, [D, F]), te(() => {
+    if (D) {
+      let i = O.current.editor.onDidChangeMarkers((o) => {
+        var j;
+        let w = (j = p.current.getModel()) == null ? void 0 : j.uri;
+        if (w && o.find((W) => W.path === w.path)) {
+          let W = O.current.editor.getModelMarkers({ resource: w });
+          M == null || M(W);
         }
       });
       return () => {
-        N == null || N.dispose();
+        i == null || i.dispose();
       };
     }
     return () => {
     };
-  }, [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();
+  }, [D, M]);
+  function P() {
+    var i, o;
+    (i = k.current) == null || i.dispose(), L ? N && $e.set(d, p.current.saveViewState()) : (o = p.current.getModel()) == null || o.dispose(), p.current.dispose();
   }
-  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));
+  return ge.createElement(Wt, { width: z, height: A, isEditorReady: D, loading: u, _ref: C, className: G, wrapperProps: V });
+}
+var ga = ha, pa = Ze(ga), fa = pa;
+function Oe({ title: e, children: r, placement: n = "top", align: a = "center", variant: c = "default" }) {
+  const [d, g] = S(!1), [h, u] = S(null), y = Y(null), f = Y(null), N = Y(void 0), L = Y(!1), z = Y(null), A = we(), G = () => {
+    clearTimeout(N.current), L.current = !1, z.current = null, g(!1), u(null);
+  }, V = () => {
+    clearTimeout(N.current), g(!0);
   }, 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)));
+    clearTimeout(N.current), !L.current && (N.current = setTimeout(() => {
+      L.current || G();
+    }, 150));
+  }, H = () => {
+    c === "card" && (L.current = !0, V());
+  }, F = (M) => {
+    var D, v;
+    return M instanceof Node && (((D = y.current) == null ? void 0 : D.contains(M)) || ((v = f.current) == null ? void 0 : v.contains(M)));
   };
-  return K(() => () => clearTimeout(v.current), []), K(() => {
-    if (!l) return;
-    const j = (b) => {
-      V(b.target) || T();
-    }, E = (b) => {
-      b.key === "Escape" && T();
+  return te(() => () => clearTimeout(N.current), []), te(() => {
+    if (!d) return;
+    const M = (v) => {
+      F(v.target) || G();
+    }, D = (v) => {
+      v.key === "Escape" && G();
     };
-    return document.addEventListener("pointerdown", j), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("pointerdown", j), document.removeEventListener("keydown", E);
+    return document.addEventListener("pointerdown", M), document.addEventListener("keydown", D), () => {
+      document.removeEventListener("pointerdown", M), document.removeEventListener("keydown", D);
     };
-  }, [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";
+  }, [d]), bt(() => {
+    if (!d || !e) return;
+    const M = () => {
+      const v = y.current, b = f.current;
+      if (!v || !b) return;
+      const T = 12, O = 6, p = v.getBoundingClientRect(), C = Math.max(0, p.top - T - O), _ = Math.max(0, window.innerHeight - p.bottom - T - O), q = c === "card" ? 420 : 320;
+      if (!z.current) {
+        const $ = c === "card" ? q : Math.min(q, b.getBoundingClientRect().height), x = n === "top" ? C >= $ || C >= _ : !(_ >= $ || _ >= C);
+        z.current = x ? "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
+      const k = z.current === "top";
+      b.style.maxHeight = `${Math.min(q, k ? C : _)}px`;
+      const { width: l, height: m } = b.getBoundingClientRect();
+      u({
+        left: Math.max(T, Math.min(
+          a === "end" ? p.right - l : p.left + (p.width - l) / 2,
+          window.innerWidth - l - T
         )),
-        top: d ? x.top - c - M : x.bottom + M
+        top: k ? p.top - m - O : p.bottom + O
       });
     };
-    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);
+    M();
+    const D = new ResizeObserver(M);
+    return f.current && D.observe(f.current), window.addEventListener("resize", M), window.addEventListener("scroll", M, !0), () => {
+      D.disconnect(), window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0);
     };
-  }, [l, e, r, a, o]), e ? /* @__PURE__ */ s(
+  }, [d, e, n, a, c]), e ? /* @__PURE__ */ s(
     "div",
     {
-      ref: k,
+      ref: y,
       className: "inline-flex",
-      "aria-describedby": l && o === "default" ? H : void 0,
-      onMouseEnter: W,
-      onMouseLeave: D,
-      onPointerDown: R,
+      "aria-describedby": d && c === "default" ? A : void 0,
+      onMouseEnter: V,
+      onMouseLeave: R,
+      onPointerDown: H,
       onClick: () => {
-        o === "default" && T();
+        c === "default" && G();
       },
-      onFocus: W,
-      onBlur: (j) => {
-        V(j.relatedTarget) || (j.relatedTarget ? T() : D());
+      onFocus: V,
+      onBlur: (M) => {
+        F(M.relatedTarget) || (M.relatedTarget ? G() : R());
       },
       children: [
-        t,
-        l && at(
-          /* @__PURE__ */ n(
+        r,
+        d && vt(
+          /* @__PURE__ */ t(
             "div",
             {
-              ref: p,
-              id: H,
-              role: o === "card" ? "dialog" : "tooltip",
-              "aria-label": o === "card" ? "校验问题" : void 0,
-              className: `aisee-articles-tooltip aisee-articles-tooltip--${o}`,
+              ref: f,
+              id: A,
+              role: c === "card" ? "dialog" : "tooltip",
+              "aria-label": c === "card" ? "校验问题" : void 0,
+              className: `aisee-articles-tooltip aisee-articles-tooltip--${c}`,
               style: {
-                width: o === "card" ? 480 : "max-content",
+                width: c === "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"
+                left: (h == null ? void 0 : h.left) ?? 0,
+                top: (h == null ? void 0 : h.top) ?? 0,
+                visibility: h ? "visible" : "hidden"
               },
-              onMouseEnter: W,
-              onMouseLeave: D,
-              onPointerDown: R,
-              onFocus: W,
+              onMouseEnter: V,
+              onMouseLeave: R,
+              onPointerDown: H,
+              onFocus: V,
               children: e
             }
           ),
@@ -2119,257 +2498,333 @@ function ye({ title: e, children: t, placement: r = "top", align: a = "center",
         )
       ]
     }
-  ) : /* @__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] = _({
+  ) : /* @__PURE__ */ t(be, { children: r });
+}
+const Ge = [
+  { key: "desktop", icon: /* @__PURE__ */ t(Mt, { size: 13 }), label: "桌面", width: null },
+  { key: "tablet", icon: /* @__PURE__ */ t(Ot, { size: 13 }), label: "平板", width: 768 },
+  { key: "mobile", icon: /* @__PURE__ */ t(jt, { size: 13 }), label: "手机", width: 390 }
+], Ca = ({ id: e, record: r }) => {
+  const { navigate: n, params: a } = Xe(), c = e ?? a.id, { basePath: d, service: g, previewBaseUrl: h, previewTailwind: u } = Ee(), y = !!c, [f, N] = Pt(), [L, z] = S(!1), [A, G] = S(r ?? null), [V, R] = S(y && !r), [H, F] = S(""), [M, D] = S(y ? "" : "https://aisee.live"), [v, b] = S(""), [T, O] = S(""), [p, C] = S({ title: "", description: "", categoryId: null }), [_, q] = S([]), [k, l] = S(!1), [m, $] = S(""), [x, E] = S(0), P = an(p), i = M.trim().replace(/\/+$/, ""), o = Y(i);
+  o.current = i;
+  const w = g.getGuidesCategories;
+  te(() => {
+    let I = !0;
+    return q([]), $(""), l(!!i && !!w), i && w && w({ host: i }).then((Z) => {
+      I && q(Z);
+    }).catch((Z) => {
+      I && $(Z instanceof Error ? Z.message : "分类加载失败");
+    }).finally(() => {
+      I && l(!1);
+    }), () => {
+      I = !1;
+    };
+  }, [i, w, x]);
+  const [j, W] = S({
     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 代码");
+  }), J = (I) => {
+    W({
+      navEnabled: I.navEnabled ?? !1,
+      navname: I.navname ?? "",
+      navPlacements: I.navPlacements ?? []
+    }), C(I.guidesDisplay ?? { title: "", description: "", categoryId: null });
+  }, [B, re] = S(""), [X, ne] = S("code"), [ie, se] = S(!1), [ee, Ie] = S("desktop"), [tt, rt] = S(!1), [ue, _e] = S(null), nt = (I, Z) => {
+    const U = h ? `<base href="${h}">` : "", Q = Z ? `<meta name="viewport" content="width=${Z}, initial-scale=1">` : "", ce = 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>" : "", de = u && !I.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", pe = U + Q + ce + de;
+    return pe ? I.includes("</head>") ? I.replace("</head>", `${pe}
+</head>`) : pe + I : I;
+  }, Vt = async () => {
+    if (!B.trim()) {
+      ae.warning("请先输入 HTML 代码");
       return;
     }
-    N(!0), I(null);
+    rt(!0), _e(null);
     try {
-      const $ = await Ke(L);
-      I($), $.networkError ? J.warning("W3C 校验服务不可用") : $.isValid && J.success("HTML 校验通过");
+      const I = await ut(B);
+      _e(I), I.networkError ? ae.warning("W3C 校验服务不可用") : I.isValid && ae.success("HTML 校验通过");
     } finally {
-      N(!1);
+      rt(!1);
     }
   };
-  K(() => {
-    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);
-    }));
-  }, [l]);
-  const ee = () => r(f), te = !D.trim(), ae = L.split(`
-`).length, re = async () => {
-    if (A) return;
-    if (!D.trim()) {
-      z("请输入访问路径");
+  te(() => {
+    if (!y) return;
+    let I = !0;
+    const Z = (U) => {
+      G(U), F(U.pathname || ""), D(U.host || ""), re(U.content || ""), J(U);
+    };
+    if ((r == null ? void 0 : r.id) === c) {
+      Z(r), R(!1);
+      return;
+    }
+    return R(!0), g.getById(c).then((U) => {
+      I && Z(U);
+    }).catch((U) => {
+      I && (ae.error(U instanceof Error ? U.message : "获取文章失败"), n(d));
+    }).finally(() => {
+      I && R(!1);
+    }), () => {
+      I = !1;
+    };
+  }, [c, r, g.getById]);
+  const at = () => n(d), Yt = V || !H.trim(), qt = B.split(`
+`).length, Bt = async () => {
+    if (L || V) return;
+    if (!H.trim()) {
+      O("请输入访问路径");
       return;
     }
-    if (!L.trim()) {
-      m(!0), J.error("请先输入 HTML 代码");
+    if (!B.trim()) {
+      se(!0), ae.error("请先输入 HTML 代码");
       return;
     }
-    const $ = V.trim().replace(/\/+$/, "");
+    const I = M.trim().replace(/\/+$/, "");
     try {
-      const U = new URL($);
-      if (!["http:", "https:"].includes(U.protocol) || U.search || U.hash || U.username || U.password) throw new Error();
+      const Q = new URL(I);
+      if (!["http:", "https:"].includes(Q.protocol) || Q.pathname !== "/" || Q.search || Q.hash || Q.username || Q.password) throw new Error();
     } catch {
-      b("请输入有效的网站地址，需以 http:// 或 https:// 开头");
+      b("请输入有效的网站地址，需以 http:// 或 https:// 开头，且不能包含路径、账号、查询参数或锚点");
       return;
     }
-    if (g.getNavigationGroups && M.navEnabled) {
-      if (!M.navname.trim()) {
-        J.error("开启导航后，请填写导航名称");
+    if (g.getNavigationGroups && j.navEnabled) {
+      if (!j.navname.trim()) {
+        ae.error("开启导航后，请填写导航名称");
+        return;
+      }
+      if (!j.navPlacements.length) {
+        ae.error("请至少选择一个展示位置");
+        return;
+      }
+    }
+    const Z = !!(p.title.trim() || p.description.trim() || P.categoryId || p.categoryId === void 0 && p.category);
+    if (w && Z) {
+      if (!p.title.trim()) {
+        ae.error("配置 Guides 展示时，请填写文章标题");
         return;
       }
-      if (!M.navPlacements.length) {
-        J.error("请至少选择一个展示位置");
+      if (p.categoryId === void 0 && !!p.category && !P.categoryId || P.categoryId && (k || m || !_.some((ce) => ce.id === P.categoryId))) {
+        ae.error("请先成功加载并选择有效的 Guides 分类");
         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({
+    z(!0);
+    const U = await ut(B);
+    if (z(!1), U.networkError)
+      ae.warning("W3C 校验服务不可用，已跳过校验");
+    else if (!U.isValid && !await new Promise((ce) => {
+      f.confirm({
         title: "HTML 校验发现问题",
         content: /* @__PURE__ */ s("div", { className: "mt-1", children: [
-          /* @__PURE__ */ n("p", { className: "text-gray-600 mb-2", children: "检测到以下 W3C 标准问题，仍要保存吗？" }),
+          /* @__PURE__ */ t("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(
+            U.errors.slice(0, 5).map((de, pe) => /* @__PURE__ */ s(
               "li",
               {
                 className: "flex items-start gap-1.5 text-red-500 text-sm",
                 children: [
-                  /* @__PURE__ */ n("span", { className: "shrink-0", children: "✕" }),
+                  /* @__PURE__ */ t("span", { className: "shrink-0", children: "✕" }),
                   /* @__PURE__ */ s("span", { children: [
-                    ie.lastLine ? `第 ${ie.lastLine} 行：` : "",
-                    ie.message
+                    de.lastLine ? `第 ${de.lastLine} 行：` : "",
+                    de.message
                   ] })
                 ]
               },
-              Ne
+              pe
             )),
-            Z.errors.length > 5 && /* @__PURE__ */ s("li", { className: "text-gray-400 text-xs mt-1", children: [
+            U.errors.length > 5 && /* @__PURE__ */ s("li", { className: "text-gray-400 text-xs mt-1", children: [
               "另有 ",
-              Z.errors.length - 5,
+              U.errors.length - 5,
               " 个问题"
             ] })
           ] })
         ] }),
         okText: "仍然保存",
         cancelText: "返回修改",
-        onOk: () => Q(!0),
-        onCancel: () => Q(!1)
+        onOk: () => ce(!0),
+        onCancel: () => ce(!1)
       });
     }))
       return;
-    H(!0);
+    z(!0);
     try {
-      const U = {
-        pathname: D.trim(),
-        content: L,
-        host: $,
+      const Q = {
+        pathname: H.trim(),
+        content: B,
+        host: I,
+        ...w ? {
+          guidesDisplay: Z ? {
+            title: p.title.trim(),
+            description: p.description.trim(),
+            categoryId: P.categoryId
+          } : null
+        } : {},
         ...g.getNavigationGroups ? {
-          navEnabled: M.navEnabled,
-          navname: M.navname.trim() || null,
-          navPlacements: M.navPlacements.map(({ position: Q, parentNavId: ie }) => ({
-            position: Q,
-            parentNavId: ie || null
+          navEnabled: j.navEnabled,
+          navname: j.navname.trim() || null,
+          navPlacements: j.navPlacements.map(({ position: ce, parentNavId: de }) => ({
+            position: ce,
+            parentNavId: de || null
           }))
         } : {}
       };
-      p && T ? (await g.update(T.id, U), J.success("编辑成功")) : (await g.create(U), J.success("新增成功")), r(f);
-    } catch (U) {
-      J.error(U.message || "保存失败");
+      y && A ? (await g.update(A.id, Q), ae.success("编辑成功")) : (await g.create(Q), ae.success("新增成功")), n(d);
+    } catch (Q) {
+      ae.error(Q.message || "保存失败");
     } finally {
-      H(!1);
+      z(!1);
     }
   };
-  return /* @__PURE__ */ s(ue, { children: [
-    P,
+  return /* @__PURE__ */ s(be, { children: [
+    N,
     /* @__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)" },
+        className: "w-full min-w-0 bg-white rounded-2xl shadow-sm border border-gray-100 overflow-clip flex flex-col",
         children: [
-          /* @__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: "sticky top-0 z-10 shrink-0 flex items-center justify-between px-6 py-4 border-b border-gray-100 bg-gray-50", children: [
             /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ t(
                 "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: ee,
-                  children: /* @__PURE__ */ n(ot, { size: 15 })
+                  onClick: at,
+                  children: /* @__PURE__ */ t(kt, { size: 15 })
                 }
               ),
               /* @__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: [
+                /* @__PURE__ */ t("div", { className: "text-base font-semibold text-gray-800 leading-tight", children: y ? "编辑文章" : "新增文章" }),
+                y && A && /* @__PURE__ */ s("div", { className: "text-xs text-gray-400 mt-0.5 font-mono", children: [
                   "/",
-                  T.pathname
+                  A.pathname
                 ] })
               ] })
             ] }),
             /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ t(
                 "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: ee,
+                  onClick: at,
                   children: "取消"
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ t(
                 "button",
                 {
-                  disabled: te || A,
+                  disabled: Yt || L,
                   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: re,
-                  children: A ? "保存中…" : "保存"
+                  onClick: Bt,
+                  children: V ? "加载中…" : L ? "保存中…" : "保存"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [
+          /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-col", 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__ */ t("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"}`,
+                      className: `flex items-center border rounded-lg transition focus-within:ring-2 focus-within:ring-blue-500/30 focus-within:border-blue-400 ${T ? "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(
+                        /* @__PURE__ */ t("span", { className: "pl-3 text-gray-400 select-none text-sm shrink-0", children: "/" }),
+                        /* @__PURE__ */ t(
                           "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("");
+                            value: H,
+                            onChange: (I) => {
+                              F(I.target.value), T && O("");
                             }
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__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__ */ t("p", { className: "text-xs text-gray-500 mt-1.5", children: "建议使用小写字母，不能包含空格，例如 about-us。" }),
+                  T && /* @__PURE__ */ t("p", { className: "text-red-500 text-xs mt-1", children: T })
                 ] }),
                 /* @__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__ */ t("span", { className: "text-red-500 ml-1", children: "*" }),
+                    /* @__PURE__ */ t("span", { className: "text-xs text-gray-400 font-normal ml-1.5", children: "网站基础地址" })
                   ] }),
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ t(
                     "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,
+                      value: M,
                       "aria-label": "网站地址",
-                      "aria-invalid": !!E,
-                      onChange: ($) => {
-                        const Z = $.target.value;
-                        Z.trim().replace(/\/+$/, "") !== V.trim().replace(/\/+$/, "") && x((U) => ({
+                      "aria-invalid": !!v,
+                      onChange: (I) => {
+                        const Z = I.target.value;
+                        Z.trim().replace(/\/+$/, "") !== M.trim().replace(/\/+$/, "") && (C((U) => ({ ...U, categoryId: null })), W((U) => ({
                           ...U,
                           navPlacements: U.navPlacements.map((Q) => ({ ...Q, parentNavId: null }))
-                        })), j(Z), b("");
+                        }))), D(Z), b("");
                       }
                     }
                   ),
-                  E && /* @__PURE__ */ n("p", { role: "alert", className: "mt-1 text-xs text-red-500", children: E })
+                  v && /* @__PURE__ */ t("p", { role: "alert", className: "mt-1 text-xs text-red-500", children: v })
+                ] })
+              ] }),
+              w && /* @__PURE__ */ s(be, { children: [
+                /* @__PURE__ */ t(
+                  nn,
+                  {
+                    value: { ...P, ...p.categoryId === void 0 && !P.categoryId ? { category: p.category } : {} },
+                    categories: _,
+                    categoriesDisabled: !i || k || !!m,
+                    onChange: C,
+                    onLoadCategories: async () => {
+                      const I = await w({ host: i });
+                      return o.current === i && q(I), I;
+                    },
+                    onReorderCategories: g.reorderGuidesCategories ? async (I) => {
+                      const Z = await g.reorderGuidesCategories({ host: i, categoryIds: I });
+                      return o.current === i && q(Z), Z;
+                    } : void 0,
+                    onSaveCategory: g.saveGuidesCategory ? async (I) => {
+                      const Z = await g.saveGuidesCategory({ ...I, host: i });
+                      return o.current === i && q((U) => U.some((Q) => Q.id === Z.id) ? U.map((Q) => Q.id === Z.id ? Z : Q) : [...U, Z]), Z;
+                    } : void 0
+                  },
+                  i
+                ),
+                k && /* @__PURE__ */ t("p", { role: "status", className: "mt-2 text-xs text-gray-500", children: "加载 Guides 分类中…" }),
+                m && /* @__PURE__ */ s("p", { role: "alert", className: "mt-2 text-xs text-red-500", children: [
+                  m,
+                  /* @__PURE__ */ t("button", { type: "button", onClick: () => E((I) => I + 1), className: "ml-2 cursor-pointer text-blue-500", children: "重试" })
                 ] })
               ] }),
-              /* @__PURE__ */ n(
-                Or,
+              /* @__PURE__ */ t(
+                rn,
                 {
-                  host: V,
+                  host: M,
                   service: g,
-                  value: M,
-                  onChange: x
+                  value: j,
+                  onChange: W
                 }
               )
             ] }),
-            /* @__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__ */ t("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__ */ t("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"),
+                    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 ${X === "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: () => ne("code"),
                     children: [
-                      /* @__PURE__ */ n(Ye, { size: 11 }),
+                      /* @__PURE__ */ t(Qe, { size: 11 }),
                       " 代码"
                     ]
                   }
@@ -2377,44 +2832,44 @@ const Pe = [
                 /* @__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,
+                    className: `flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all duration-150 select-none ${X === "preview" ? "bg-white text-gray-800 shadow-sm ring-1 ring-gray-200/50 cursor-pointer" : B ? "text-gray-400 hover:text-gray-600 hover:bg-white/50 cursor-pointer" : "text-gray-300 cursor-not-allowed"}`,
+                    onClick: () => ne("preview"),
+                    disabled: !B,
                     children: [
-                      /* @__PURE__ */ n(_e, { size: 11 }),
+                      /* @__PURE__ */ t(qe, { 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(
+              X === "preview" && B && /* @__PURE__ */ t("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Ge.map((I) => /* @__PURE__ */ t(Oe, { title: I.label, children: /* @__PURE__ */ t(
                 "button",
                 {
-                  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
+                  className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${ee === I.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: () => Ie(I.key),
+                  children: I.icon
                 }
-              ) }, $.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,
+              ) }, I.key)) }),
+              X === "code" && /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+                B && /* @__PURE__ */ s("span", { className: "text-xs text-gray-400", children: [
+                  qt,
                   " 行 · ",
-                  L.length,
+                  B.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 }),
+                ue && !ue.networkError && (ue.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__ */ t(lt, { size: 11 }),
                   " 校验通过"
-                ] }) : /* @__PURE__ */ n(
-                  ye,
+                ] }) : /* @__PURE__ */ t(
+                  Oe,
                   {
                     variant: "card",
                     align: "end",
-                    title: /* @__PURE__ */ n(Er, { errors: S.errors, source: L }),
+                    title: /* @__PURE__ */ t(on, { errors: ue.errors, source: B }),
                     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,
+                      ue.errors.length,
                       " 个问题"
                     ] })
                   }
@@ -2422,35 +2877,35 @@ const Pe = [
                 /* @__PURE__ */ s(
                   "button",
                   {
-                    disabled: !L || O,
+                    disabled: !B || tt,
                     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,
+                    onClick: Vt,
                     children: [
-                      /* @__PURE__ */ n(Ge, { size: 12 }),
-                      O ? "校验中…" : "W3C 校验"
+                      /* @__PURE__ */ t(lt, { size: 12 }),
+                      tt ? "校验中…" : "W3C 校验"
                     ]
                   }
                 )
               ] })
             ] }) }),
-            /* @__PURE__ */ s("div", { className: "relative min-h-[320px] flex-1 shrink-0", children: [
-              /* @__PURE__ */ n(
+            /* @__PURE__ */ s("div", { className: "relative h-[calc(100dvh-180px)] min-h-[320px] shrink-0", children: [
+              /* @__PURE__ */ t(
                 "div",
                 {
                   className: "absolute inset-0",
                   style: {
-                    display: d === "code" ? "block" : "none",
-                    outline: c ? "2px solid #ff4d4f" : "none"
+                    display: X === "code" ? "block" : "none",
+                    outline: ie ? "2px solid #ff4d4f" : "none"
                   },
-                  children: /* @__PURE__ */ n(
-                    Rn,
+                  children: /* @__PURE__ */ t(
+                    fa,
                     {
                       height: "100%",
                       language: "html",
                       theme: "vs-dark",
-                      value: L,
-                      onChange: ($) => {
-                        F($ ?? ""), c && m(!1), S && I(null);
+                      value: B,
+                      onChange: (I) => {
+                        re(I ?? ""), ie && se(!1), ue && _e(null);
                       },
                       options: {
                         fontSize: 13,
@@ -2463,6 +2918,7 @@ const Pe = [
                         lineNumbers: "on",
                         renderWhitespace: "none",
                         smoothScrolling: !0,
+                        scrollbar: { alwaysConsumeMouseWheel: !1 },
                         cursorBlinking: "smooth",
                         padding: { top: 12, bottom: 12 }
                       }
@@ -2470,20 +2926,20 @@ const Pe = [
                   )
                 }
               ),
-              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(
+              X === "preview" && (B ? /* @__PURE__ */ t("div", { className: "absolute inset-0 overflow-auto bg-gray-100/60 flex justify-center", children: ee !== "desktop" ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ t(
                 "iframe",
                 {
-                  srcDoc: q(
-                    L,
-                    Pe.find(
-                      ($) => $.key === u
+                  srcDoc: nt(
+                    B,
+                    Ge.find(
+                      (I) => I.key === ee
                     ).width
                   ),
                   sandbox: "allow-same-origin allow-scripts",
                   title: "HTML 预览",
                   style: {
-                    width: `${Pe.find(
-                      ($) => $.key === u
+                    width: `${Ge.find(
+                      (I) => I.key === ee
                     ).width}px`,
                     height: "100%",
                     minHeight: 0,
@@ -2494,11 +2950,11 @@ const Pe = [
                     flexShrink: 0
                   }
                 }
-              ) }) : /* @__PURE__ */ n(
+              ) }) : /* @__PURE__ */ t(
                 "iframe",
                 {
-                  srcDoc: q(
-                    L
+                  srcDoc: nt(
+                    B
                   ),
                   sandbox: "allow-same-origin allow-scripts",
                   title: "HTML 预览",
@@ -2511,8 +2967,8 @@ const Pe = [
                   }
                 }
               ) }) : /* @__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 代码以预览" })
+                /* @__PURE__ */ t(qe, { size: 36 }),
+                /* @__PURE__ */ t("span", { className: "text-sm", children: "请先输入 HTML 代码以预览" })
               ] }))
             ] })
           ] })
@@ -2520,30 +2976,30 @@ const Pe = [
       }
     )
   ] });
-}, 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 = ({
+}, Re = [
+  { key: "desktop", icon: /* @__PURE__ */ t(Mt, { size: 13 }), label: "Desktop", width: null },
+  { key: "tablet", icon: /* @__PURE__ */ t(Ot, { size: 13 }), label: "Tablet", width: 768 },
+  { key: "mobile", icon: /* @__PURE__ */ t(jt, { size: 13 }), label: "Mobile", width: 390 }
+], Ma = ({
   id: e,
-  record: t
+  record: r
 }) => {
-  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(() => {
-    !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;
+  const { navigate: n, params: a, locationState: c } = Xe(), d = e ?? a.id, { basePath: g, service: h, previewBaseUrl: u, previewTailwind: y } = Ee(), [f, N] = S(
+    r ?? (c == null ? void 0 : c.record) ?? null
+  ), [L, z] = S(!1), [A, G] = S("preview"), [V, R] = S("desktop");
+  te(() => {
+    !f && d && (z(!0), h.getById(d).then(N).catch((v) => {
+      ae.error(v.message || "获取数据失败"), n(g);
+    }).finally(() => z(!1)));
+  }, [d]);
+  const H = () => n(g), F = () => n(`${g}/${d}/edit`, { state: { record: f } }), M = () => {
+    f != null && f.content && (navigator.clipboard.writeText(f.content), ae.success("已复制到剪贴板"));
+  }, D = (v, b) => {
+    const T = u ? `<base href="${u}">` : "", O = b ? `<meta name="viewport" content="width=${b}, initial-scale=1">` : "", p = b ? "<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 = y && !v.includes("cdn.tailwindcss.com") ? '<script src="https://cdn.tailwindcss.com"><\/script>' : "", _ = T + O + p + C;
+    return _ ? v.includes("</head>") ? v.replace("</head>", `${_}
+</head>`) : _ + v : v;
   };
-  return P ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center h-64 text-gray-400 text-sm", children: "加载中…" }) : /* @__PURE__ */ s(
+  return L ? /* @__PURE__ */ t("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",
@@ -2551,87 +3007,87 @@ const Pe = [
       children: [
         /* @__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(
+            /* @__PURE__ */ t(
               "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: R,
-                children: /* @__PURE__ */ n(ot, { size: 15 })
+                onClick: H,
+                children: /* @__PURE__ */ t(kt, { size: 15 })
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ t(
               "div",
               {
                 className: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0",
                 style: {
                   background: "linear-gradient(135deg, #60a5fa, #818cf8)"
                 },
-                children: /* @__PURE__ */ n(rr, { size: 13, className: "text-white" })
+                children: /* @__PURE__ */ t(Mr, { size: 13, className: "text-white" })
               }
             ),
             /* @__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 }),
+              /* @__PURE__ */ t("div", { className: "font-semibold text-gray-800 text-sm leading-tight", children: "Article 详情" }),
+              /* @__PURE__ */ t("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__ */ t(Ir, { size: 9 }),
                 "/",
-                p == null ? void 0 : p.pathname
+                f == null ? void 0 : f.pathname
               ] }) })
             ] })
           ] }),
           /* @__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(
+            A === "preview" && /* @__PURE__ */ t("div", { className: "flex items-center bg-gray-100/80 rounded-lg p-0.5 gap-0.5 border border-gray-200/60", children: Re.map((v) => /* @__PURE__ */ t(Oe, { title: v.label, children: /* @__PURE__ */ t(
               "button",
               {
-                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
+                className: `flex items-center justify-center w-7 h-6 rounded-md text-xs transition-all duration-150 select-none cursor-pointer ${V === v.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: () => R(v.key),
+                children: v.icon
               }
-            ) }, b.key)) }),
-            /* @__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(
+            ) }, v.key)) }),
+            /* @__PURE__ */ t("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((v) => /* @__PURE__ */ t(
               "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 ${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 }),
+                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 ${A === v ? "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(v),
+                children: v === "preview" ? /* @__PURE__ */ s(be, { children: [
+                  /* @__PURE__ */ t(qe, { size: 11 }),
                   " 预览"
-                ] }) : /* @__PURE__ */ s(ue, { children: [
-                  /* @__PURE__ */ n(Ye, { size: 11 }),
+                ] }) : /* @__PURE__ */ s(be, { children: [
+                  /* @__PURE__ */ t(Qe, { size: 11 }),
                   " Code"
                 ] })
               },
-              b
+              v
             )) }),
-            H === "code" && /* @__PURE__ */ n(ye, { title: "复制代码", children: /* @__PURE__ */ n(
+            A === "code" && /* @__PURE__ */ t(Oe, { title: "复制代码", children: /* @__PURE__ */ t(
               "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: j,
-                children: /* @__PURE__ */ n(Jt, { size: 14 })
+                onClick: M,
+                children: /* @__PURE__ */ t(wr, { size: 14 })
               }
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "div",
           {
-            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(
+            className: `flex-1 min-h-0 ${A === "preview" ? "bg-gray-100/70" : ""}`,
+            children: A === "preview" ? /* @__PURE__ */ t("div", { className: "w-full h-full flex justify-center overflow-auto py-0", children: V !== "desktop" ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center py-6 h-full", children: /* @__PURE__ */ t(
               "iframe",
               {
-                srcDoc: E(
-                  (p == null ? void 0 : p.content) || "",
-                  Ee.find(
-                    (b) => b.key === W
+                srcDoc: D(
+                  (f == null ? void 0 : f.content) || "",
+                  Re.find(
+                    (v) => v.key === V
                   ).width
                 ),
                 sandbox: "allow-same-origin allow-scripts",
                 title: "HTML 预览",
                 style: {
-                  width: `${Ee.find(
-                    (b) => b.key === W
+                  width: `${Re.find(
+                    (v) => v.key === V
                   ).width}px`,
                   height: "100%",
                   minHeight: 0,
@@ -2642,11 +3098,11 @@ const Pe = [
                   flexShrink: 0
                 }
               }
-            ) }) : /* @__PURE__ */ n(
+            ) }) : /* @__PURE__ */ t(
               "iframe",
               {
-                srcDoc: E(
-                  (p == null ? void 0 : p.content) || ""
+                srcDoc: D(
+                  (f == null ? void 0 : f.content) || ""
                 ),
                 sandbox: "allow-same-origin allow-scripts",
                 title: "HTML 预览",
@@ -2675,11 +3131,11 @@ const Pe = [
                       children: [
                         /* @__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__ */ t("span", { className: "w-3 h-3 rounded-full bg-red-400/80 inline-block" }),
+                            /* @__PURE__ */ t("span", { className: "w-3 h-3 rounded-full bg-yellow-400/80 inline-block" }),
+                            /* @__PURE__ */ t("span", { className: "w-3 h-3 rounded-full bg-green-400/80 inline-block" })
                           ] }),
-                          /* @__PURE__ */ n(
+                          /* @__PURE__ */ t(
                             "span",
                             {
                               className: "text-xs font-mono ml-2",
@@ -2688,24 +3144,24 @@ const Pe = [
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ t(
                           "span",
                           {
                             className: "text-xs font-mono",
                             style: { color: "#6c7086" },
-                            children: p != null && p.content ? `${p.content.split(`
-`).length} 行 · ${p.content.length} 字符` : "空"
+                            children: f != null && f.content ? `${f.content.split(`
+`).length} 行 · ${f.content.length} 字符` : "空"
                           }
                         )
                       ]
                     }
                   ),
-                  /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ n(
+                  /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ t(
                     "pre",
                     {
                       className: "m-0 p-5 text-xs font-mono whitespace-pre-wrap break-all leading-relaxed",
                       style: { color: "#cdd6f4" },
-                      children: (p == null ? void 0 : p.content) || /* @__PURE__ */ n("span", { style: { color: "#585b70" }, children: "// 暂无内容" })
+                      children: (f == null ? void 0 : f.content) || /* @__PURE__ */ t("span", { style: { color: "#585b70" }, children: "// 暂无内容" })
                     }
                   ) })
                 ]
@@ -2715,24 +3171,24 @@ const Pe = [
         ),
         /* @__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: [
+            (f == null ? void 0 : f.createdAt) && /* @__PURE__ */ s("span", { children: [
               "创建于",
               " ",
-              De(p.createdAt).format("YYYY/MM/DD HH:mm")
+              Be(f.createdAt).format("YYYY/MM/DD HH:mm")
             ] }),
-            (p == null ? void 0 : p.updatedAt) && /* @__PURE__ */ s("span", { children: [
+            (f == null ? void 0 : f.updatedAt) && /* @__PURE__ */ s("span", { children: [
               "更新于",
               " ",
-              De(p.updatedAt).format("YYYY/MM/DD HH:mm")
+              Be(f.updatedAt).format("YYYY/MM/DD HH:mm")
             ] })
           ] }),
           /* @__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: V,
+              onClick: F,
               children: [
-                /* @__PURE__ */ n(hr, { size: 12 }),
+                /* @__PURE__ */ t(St, { size: 12 }),
                 "编辑"
               ]
             }
@@ -2743,13 +3199,13 @@ const Pe = [
   );
 };
 export {
-  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
+  Ma as ArticleDetail,
+  Ca as ArticleEdit,
+  $a as ArticleList,
+  Oa as ArticleServiceError,
+  Na as ArticlesProvider,
+  ka as ReactRouterAdapter,
+  Ea as createArticleService,
+  Ft as defaultArticleService,
+  Pa as renderArticleByPathname
 };