@web-mods/articles 1.1.3 → 1.1.5

package/dist/index.js

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