@web-mods/articles 1.1.0

package/dist/index.js

@@ -0,0 +1,2220 @@
+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({
+  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();
+  }, 3e3);
+}
+const Z = {
+  success: (e) => xe("success", e),
+  error: (e) => xe("error", e),
+  warning: (e) => xe("warning", e)
+};
+function yt(e) {
+  return Oe.add(e), () => {
+    Oe.delete(e);
+  };
+}
+function bt() {
+  return ne;
+}
+const xt = {
+  success: "bg-emerald-500",
+  error: "bg-red-500",
+  warning: "bg-amber-500"
+}, vt = {
+  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(
+    "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]}`,
+      children: [
+        /* @__PURE__ */ a("span", { className: "shrink-0 font-bold", children: vt[r.type] }),
+        r.content
+      ]
+    },
+    r.id
+  )) });
+}
+const Ke = Le(null);
+function xn({
+  children: e,
+  basePath: t,
+  service: r = ht,
+  previewBaseUrl: n,
+  previewTailwind: s,
+  navigate: u
+}) {
+  const y = /* @__PURE__ */ l(
+    Ke.Provider,
+    {
+      value: { basePath: t, service: r, previewBaseUrl: n, previewTailwind: s },
+      children: [
+        e,
+        /* @__PURE__ */ a(wt, {})
+      ]
+    }
+  );
+  return u ? /* @__PURE__ */ a(
+    Ae.Provider,
+    {
+      value: { navigate: u, params: {}, locationState: null },
+      children: y
+    }
+  ) : y;
+}
+function ze() {
+  const e = _e(Ke);
+  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,
+    {
+      value: {
+        navigate: (s, u) => t(s, u),
+        params: r,
+        locationState: n.state
+      },
+      children: e
+    }
+  );
+}
+/**
+ * @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 Ge = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Nt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @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(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, r, n) => n ? n.toUpperCase() : r.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 Ie = (e) => {
+  const t = kt(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+/**
+ * @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.
+ */
+var ve = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @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 $t = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+  return !1;
+}, Mt = Le({}), Ct = () => _e(Mt), St = Je(
+  ({ color: e, size: t, strokeWidth: r, absoluteStrokeWidth: n, className: s = "", children: u, iconNode: y, ...$ }, M) => {
+    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(
+      "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" },
+        ...$
+      },
+      [
+        ...y.map(([I, H]) => Se(I, H)),
+        ...Array.isArray(u) ? u : [u]
+      ]
+    );
+  }
+);
+/**
+ * @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 U = (e, t) => {
+  const r = Je(
+    ({ className: n, ...s }, u) => Se(St, {
+      ref: u,
+      iconNode: t,
+      className: Ge(
+        `lucide-${Nt(Ie(e))}`,
+        `lucide-${e}`,
+        n
+      ),
+      ...s
+    })
+  );
+  return r.displayName = Ie(e), 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 jt = [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+], Qe = U("arrow-left", jt);
+/**
+ * @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 = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+], Xe = U("code", Ot);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], Pe = U("eye", Tt);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], Et = U("file-text", At);
+/**
+ * @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 = [
+  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ]
+], Ht = U("inbox", zt);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const It = [
+  ["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);
+/**
+ * @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);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+], qt = U("pencil", Ut);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Bt = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], Ft = U("plus", Bt);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Zt = [
+  ["path", { d: "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);
+/**
+ * @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 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], we = U("search", Kt);
+/**
+ * @license lucide-react v1.11.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gt = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], We = U("shield-check", Gt);
+/**
+ * @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 = [
+  ["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);
+/**
+ * @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 = [
+  ["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) {
+  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]);
+        } else {
+          var f = i.name;
+          b[f] = i, c = f;
+        }
+        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 });
+      };
+      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 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);
+              }
+            }
+            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 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() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, i.valueOf = function() {
+          return this.$d.getTime();
+        }, i.startOf = function(o, d) {
+          var c = this, v = !!C.u(d) || d, k = C.p(o), f = function(ee, V) {
+            var te = C.w(c.$u ? Date.UTC(c.$y, V, ee) : new Date(c.$y, V, ee), c);
+            return v ? te : te.endOf(j);
+          }, N = function(ee, V) {
+            return C.w(c.toDate()[ee].apply(c.toDate("s"), (v ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(V)), c);
+          }, D = this.$W, h = this.$M, _ = this.$D, Q = "set" + (this.$u ? "UTC" : "");
+          switch (k) {
+            case P:
+              return v ? f(1, 0) : f(31, 11);
+            case S:
+              return v ? f(1, h) : f(0, h + 1);
+            case m:
+              var F = this.$locale().weekStart || 0, X = (D < F ? D + 7 : D) - F;
+              return f(v ? _ - X : _ + (6 - X), h);
+            case j:
+            case E:
+              return N(Q + "Hours", 0);
+            case M:
+              return N(Q + "Minutes", 1);
+            case $:
+              return N(Q + "Seconds", 2);
+            case y:
+              return N(Q + "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);
+          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);
+          };
+          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;
+          };
+          return v.replace(B, (function(V, te) {
+            return te || (function(oe) {
+              switch (oe) {
+                case "YY":
+                  return String(d.$y).slice(-2);
+                case "YYYY":
+                  return C.s(d.$y, 4, "0");
+                case "M":
+                  return D + 1;
+                case "MM":
+                  return C.s(D + 1, 2, "0");
+                case "MMM":
+                  return F(c.monthsShort, D, _, 3);
+                case "MMMM":
+                  return F(_, D);
+                case "D":
+                  return d.$D;
+                case "DD":
+                  return C.s(d.$D, 2, "0");
+                case "d":
+                  return String(d.$W);
+                case "dd":
+                  return F(c.weekdaysMin, d.$W, h, 2);
+                case "ddd":
+                  return F(c.weekdaysShort, d.$W, h, 3);
+                case "dddd":
+                  return h[d.$W];
+                case "H":
+                  return String(f);
+                case "HH":
+                  return C.s(f, 2, "0");
+                case "h":
+                  return X(1);
+                case "hh":
+                  return X(2);
+                case "a":
+                  return ee(f, N, !0);
+                case "A":
+                  return ee(f, N, !1);
+                case "m":
+                  return String(N);
+                case "mm":
+                  return C.s(N, 2, "0");
+                case "s":
+                  return String(d.$s);
+                case "ss":
+                  return C.s(d.$s, 2, "0");
+                case "SSS":
+                  return C.s(d.$ms, 3, "0");
+                case "Z":
+                  return k;
+              }
+              return null;
+            })(V) || k.replace(":", "");
+          }));
+        }, i.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, i.diff = function(o, d, c) {
+          var v, k = this, f = C.p(d), N = g(o), D = (N.utcOffset() - this.utcOffset()) * n, h = this - N, _ = function() {
+            return C.m(k, N);
+          };
+          switch (f) {
+            case P:
+              v = _() / 12;
+              break;
+            case S:
+              v = _();
+              break;
+            case W:
+              v = _() / 3;
+              break;
+            case m:
+              v = (h - D) / 6048e5;
+              break;
+            case j:
+              v = (h - D) / 864e5;
+              break;
+            case M:
+              v = h / s;
+              break;
+            case $:
+              v = h / n;
+              break;
+            case y:
+              v = h / r;
+              break;
+            default:
+              v = h;
+          }
+          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 C.w(this.$d, this);
+        }, i.toDate = function() {
+          return new Date(this.valueOf());
+        }, i.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, i.toISOString = function() {
+          return this.$d.toISOString();
+        }, i.toString = function() {
+          return this.$d.toUTCString();
+        }, x;
+      })(), G = q.prototype;
+      return g.prototype = G, [["$ms", u], ["$s", y], ["$m", $], ["$H", M], ["$W", j], ["$M", S], ["$y", P], ["$D", E]].forEach((function(x) {
+        G[x[1]] = function(i) {
+          return this.$g(i, x[0], x[1]);
+        };
+      })), 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;
+    }));
+  })(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);
+    }
+  }, y = async () => {
+    var S, W;
+    n(!0);
+    try {
+      await ((W = (S = s.current).onOk) == null ? void 0 : W.call(S)), t(!1);
+    } finally {
+      n(!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(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/40",
+          onClick: $
+        }
+      ),
+      /* @__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(
+            "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 ?? "取消"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "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 ?? "确定"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    document.body
+  ) : null;
+  return [u, m];
+}
+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({
+    current: 1,
+    size: 15,
+    total: 0
+  }), I = (p) => {
+    const T = p.trim();
+    if (!T) return "";
+    try {
+      return new URL(
+        T.startsWith("http") ? T : `https://${T}`
+      ).origin;
+    } catch {
+      return T;
+    }
+  }, H = async (p = P.current, T = P.size, O = u, b = $) => {
+    m(!0);
+    try {
+      const w = { page: p, size: T };
+      O && (w.pathname = O);
+      const R = I(b);
+      R && (w.host = R);
+      const L = await r.getList(w);
+      W(L.items), E((g) => ({
+        ...g,
+        current: p,
+        size: T,
+        total: L.total ?? g.total
+      }));
+    } catch (w) {
+      Z.error(w.message || "获取数据失败");
+    } finally {
+      m(!1);
+    }
+  };
+  K(() => {
+    H(1);
+  }, []);
+  const B = (p) => {
+    n.confirm({
+      title: "确认删除",
+      content: `确认删除 /${p.pathname}？`,
+      okText: "删除",
+      okType: "danger",
+      cancelText: "取消",
+      onOk: async () => {
+        await r.delete(p.id), Z.success("删除成功"), H(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(
+      "form",
+      {
+        className: "flex items-center gap-2 mb-5",
+        onSubmit: (p) => {
+          p.preventDefault(), H(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(
+              "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)
+              }
+            )
+          ] }),
+          /* @__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(
+              "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)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(
+            "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__ */ l(
+            "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, "", "");
+              },
+              children: [
+                /* @__PURE__ */ a(Jt, { 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__ */ 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__ */ 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
+        );
+      }) })
+    ] }) }),
+    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: [
+        "共 ",
+        P.total,
+        " 条"
+      ] }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ a(
+          "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),
+            children: "上一页"
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: "px-3 py-1 text-xs text-gray-500", children: [
+          P.current,
+          " / ",
+          z
+        ] }),
+        /* @__PURE__ */ a(
+          "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),
+            children: "下一页"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "select",
+          {
+            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,
+              " 条/页"
+            ] }, p))
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+async function Ve(e) {
+  const t = new AbortController(), r = setTimeout(() => t.abort(), 1e4);
+  try {
+    const n = 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
+    });
+    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 };
+  } finally {
+    clearTimeout(r);
+  }
+}
+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 ar(e) {
+  if (Array.isArray(e)) return e;
+}
+function ir(e, t, r) {
+  return (t = hr(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, 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;
+    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;
+    } finally {
+      try {
+        if (!M && r.return != null && (y = r.return(), Object(y) !== y)) return;
+      } finally {
+        if (j) throw s;
+      }
+    }
+    return $;
+  }
+}
+function sr() {
+  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);
+  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);
+  }
+  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 e;
+}
+function cr(e, t) {
+  if (e == null) return {};
+  var r, n, s = lr(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var u = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < u.length; n++) r = u[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (s[r] = e[r]);
+  }
+  return s;
+}
+function lr(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function ur(e, t) {
+  return ar(e) || or(e, t) || fr(e, t) || sr();
+}
+function dr(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function hr(e) {
+  var t = dr(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function fr(e, t) {
+  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;
+  }
+}
+function mr(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function Be(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), r.push.apply(r, n);
+  }
+  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 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 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 ge(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function gr(e) {
+  return !Object.keys(e).length;
+}
+function le(e) {
+  return typeof e == "function";
+}
+function yr(e, t) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+function br(e, t) {
+  return ge(t) || re("changeType"), Object.keys(t).some(function(r) {
+    return !yr(e, r);
+  }) && re("changeField"), t;
+}
+function xr(e) {
+  le(e) || re("selectorType");
+}
+function vr(e) {
+  le(e) || ge(e) || re("handlerType"), ge(e) && Object.values(e).some(function(t) {
+    return !le(t);
+  }) && re("handlersType");
+}
+function wr(e) {
+  e || re("initialIsRequired"), ge(e) || re("initialType"), gr(e) && re("initialContent");
+}
+function Nr(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var kr = {
+  initialIsRequired: "initial state is required",
+  initialType: "initial state should be an object",
+  initialContent: "initial state shouldn't be an empty object",
+  handlerType: "handler should be an object or a function",
+  handlersType: "all handlers should be a functions",
+  selectorType: "selector should be a function",
+  changeType: "provided value of changes should be an object",
+  changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
+  default: "an unknown error accured in `state-local` package"
+}, re = se(Nr)(kr), he = {
+  changes: br,
+  selector: xr,
+  handler: vr,
+  initial: wr
+};
+function $r(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  he.initial(e), he.handler(t);
+  var r = {
+    current: e
+  }, n = se(Sr)(r, t), s = se(Cr)(r), u = se(he.changes)(e), y = se(Mr)(r);
+  function $() {
+    var j = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(m) {
+      return m;
+    };
+    return he.selector(j), j(r.current);
+  }
+  function M(j) {
+    pr(n, s, u, y)(j);
+  }
+  return [$, M];
+}
+function Mr(e, t) {
+  return le(t) ? t(e.current) : t;
+}
+function Cr(e, t) {
+  return e.current = Fe(Fe({}, e.current), t), t;
+}
+function Sr(e, t, r) {
+  return le(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
+    var s;
+    return (s = t[n]) === null || s === void 0 ? void 0 : s.call(t, e.current[n]);
+  }), r;
+}
+var jr = {
+  create: $r
+}, Or = {
+  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 Dr(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Lr(e) {
+  return e || Ze("configIsRequired"), Dr(e) || Ze("configType"), e.urls ? (_r(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function _r() {
+  console.warn(at.deprecation);
+}
+function Tr(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var at = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    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);
+  };
+};
+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);
+}
+var zr = {
+  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);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var Hr = ["monaco"], Ir = jr.create({
+  config: Or,
+  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) {
+    return {
+      config: it(s.config, n),
+      monaco: r
+    };
+  });
+}
+function Rr() {
+  var e = ue(function(t) {
+    var r = t.monaco, n = t.isInitialized, s = t.resolve;
+    return {
+      monaco: r,
+      isInitialized: n,
+      resolve: s
+    };
+  });
+  if (!e.isInitialized) {
+    if (be({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), Ne(ke);
+    if (window.monaco && window.monaco.editor)
+      return st(window.monaco), e.resolve(window.monaco), Ne(ke);
+    Er(Vr, Ur)(qr);
+  }
+  return Ne(ke);
+}
+function Vr(e) {
+  return document.body.appendChild(e);
+}
+function Yr(e) {
+  var t = document.createElement("script");
+  return e && (t.src = e), t;
+}
+function Ur(e) {
+  var t = ue(function(n) {
+    var s = n.config, u = n.reject;
+    return {
+      config: s,
+      reject: u
+    };
+  }), r = Yr("".concat(t.config.paths.vs, "/loader.js"));
+  return r.onload = function() {
+    return e();
+  }, r.onerror = t.reject, r;
+}
+function qr() {
+  var e = ue(function(r) {
+    var n = r.config, s = r.resolve, u = r.reject;
+    return {
+      config: n,
+      resolve: s,
+      reject: u
+    };
+  }), 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);
+  });
+}
+function st(e) {
+  ue().monaco || be({
+    monaco: e
+  });
+}
+function Br() {
+  return ue(function(e) {
+    var t = e.monaco;
+    return t;
+  });
+}
+var ke = new Promise(function(e, t) {
+  return be({
+    resolve: e,
+    reject: t
+  });
+}), ct = {
+  config: Wr,
+  init: Rr,
+  __getMonacoInstance: Br
+}, Fr = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, $e = Fr, Zr = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, Jr = Zr;
+function Kr({ children: e }) {
+  return ie.createElement("div", { style: Jr.container }, e);
+}
+var Gr = Kr, Qr = Gr;
+function Xr({ width: e, height: t, isEditorReady: r, loading: n, _ref: s, className: u, wrapperProps: y }) {
+  return ie.createElement("section", { style: { ...$e.wrapper, width: e, height: t }, ...y }, !r && ie.createElement(Qr, null, n), ie.createElement("div", { ref: s, style: { ...$e.fullWidth, ...!r && $e.hide }, className: u }));
+}
+var en = Xr, lt = Te(en);
+function tn(e) {
+  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);
+    }
+  }, [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);
+    }
+  }, [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(() => {
+    var i;
+    (i = w.current) == null || i.editor.setTheme(j);
+  }, [j], z), J(() => {
+    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(() => {
+    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;
+    }
+  }, [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);
+    }));
+  }, [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(_);
+        }
+      });
+      return () => {
+        f == null || f.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();
+  }
+  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(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      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
+          }
+        )
+      ]
+    }
+  ) : /* @__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(""), [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 代码");
+      return;
+    }
+    o(!0), c(null);
+    try {
+      const h = await Ve(w);
+      c(h), h.networkError ? Z.warning("W3C 校验服务不可用") : h.isValid && Z.success("W3C 校验通过");
+    } finally {
+      o(!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 () => {
+    if (!B.trim()) {
+      b("请输入 pathname");
+      return;
+    }
+    if (!w.trim()) {
+      q(!0), Z.error("请输入 HTML 代码");
+      return;
+    }
+    E(!0);
+    const h = await Ve(w);
+    if (E(!1), h.networkError)
+      Z.warning("W3C 校验服务不可用，已跳过校验");
+    else if (!h.isValid && !await new Promise((Q) => {
+      S.confirm({
+        title: "W3C 校验发现问题",
+        content: /* @__PURE__ */ l("div", { className: "mt-1", children: [
+          /* @__PURE__ */ a("p", { className: "text-gray-600 mb-2", children: "检测到以下 W3C 标准问题，仍要保存吗？" }),
+          /* @__PURE__ */ l("ul", { className: "space-y-1", children: [
+            h.errors.slice(0, 5).map((F, X) => /* @__PURE__ */ l(
+              "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
+                  ] })
+                ]
+              },
+              X
+            )),
+            h.errors.length > 5 && /* @__PURE__ */ l("li", { className: "text-gray-400 text-xs mt-1", children: [
+              "还有 ",
+              h.errors.length - 5,
+              " 个问题…"
+            ] })
+          ] })
+        ] }),
+        okText: "仍然保存",
+        cancelText: "返回修改",
+        onOk: () => Q(!0),
+        onCancel: () => Q(!1)
+      });
+    }))
+      return;
+    E(!0);
+    try {
+      const _ = {
+        pathname: B.trim(),
+        content: w,
+        host: (p == null ? void 0 : p.trim()) || void 0
+      };
+      m && I ? (await $.update(I.id, _), Z.success("编辑成功")) : (await $.create(_), Z.success("添加成功")), r(y);
+    } catch (_) {
+      Z.error(_.message || "保存失败");
+    } finally {
+      E(!1);
+    }
+  };
+  return /* @__PURE__ */ l(pe, { children: [
+    W,
+    /* @__PURE__ */ l(
+      "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(
+                "button",
+                {
+                  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 })
+                }
+              ),
+              /* @__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: [
+                  "/",
+                  I.pathname
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a(
+                "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,
+                  children: "取消"
+                }
+              ),
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  disabled: N || P,
+                  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 ? "保存中…" : "保存"
+                }
+              )
+            ] })
+          ] }),
+          /* @__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("");
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              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: "可跳转的网站地址" })
+              ] }),
+              /* @__PURE__ */ a(
+                "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: p,
+                  onChange: (h) => T(h.target.value)
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__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(
+                "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 }),
+                    " 预览"
+                  ]
+                }
+              )
+            ] }) }),
+            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,
+                      " ",
+                      "个问题…"
+                    ] })
+                  ] }),
+                  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",
+                {
+                  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 校验"
+                  ]
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__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,
+                  {
+                    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 }
+                    }
+                  }
+                )
+              }
+            ),
+            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__ */ 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 代码" })
+            ] }))
+          ] })
+        ]
+      }
+    )
+  ] });
+}, 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 = ({
+  id: e,
+  record: t
+}) => {
+  const { navigate: r, params: n, locationState: s } = Ee(), u = e ?? n.id, { basePath: y, service: $, previewBaseUrl: M, previewTailwind: j } = ze(), [m, S] = A(
+    t ?? (s == null ? void 0 : s.record) ?? null
+  ), [W, P] = A(!1), [E, I] = A("preview"), [H, B] = A("desktop");
+  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;
+  };
+  return W ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-64 text-gray-400 text-sm", children: "加载中…" }) : /* @__PURE__ */ l(
+    "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(
+              "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 })
+              }
+            ),
+            /* @__PURE__ */ a(
+              "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" })
+              }
+            ),
+            /* @__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 }),
+                "/",
+                m == null ? void 0 : m.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(
+              "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
+              }
+            ) }, 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(
+              "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 }),
+                  " 预览"
+                ] }) : /* @__PURE__ */ l(pe, { children: [
+                  /* @__PURE__ */ a(Xe, { size: 11 }),
+                  " Code"
+                ] })
+              },
+              b
+            )) }),
+            E === "code" && /* @__PURE__ */ a(ye, { title: "复制代码", children: /* @__PURE__ */ a(
+              "button",
+              {
+                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 })
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ a(
+          "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(
+              "iframe",
+              {
+                srcDoc: O(
+                  (m == null ? void 0 : m.content) || "",
+                  Ce.find(
+                    (b) => b.key === H
+                  ).width
+                ),
+                sandbox: "allow-same-origin allow-scripts",
+                title: "HTML 预览",
+                style: {
+                  width: `${Ce.find(
+                    (b) => b.key === H
+                  ).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: O(
+                  (m == null ? void 0 : m.content) || ""
+                ),
+                sandbox: "allow-same-origin allow-scripts",
+                title: "HTML 预览",
+                style: {
+                  width: "100%",
+                  height: "100%",
+                  border: "none",
+                  background: "#fff",
+                  display: "block"
+                }
+              }
+            ) }) : /* @__PURE__ */ l(
+              "div",
+              {
+                className: "h-full flex flex-col",
+                style: { background: "#1e1e2e" },
+                children: [
+                  /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: "shrink-0 flex items-center justify-between px-4 py-2 border-b",
+                      style: {
+                        borderColor: "#2d2d3e",
+                        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__ */ a(
+                            "span",
+                            {
+                              className: "text-xs font-mono ml-2",
+                              style: { color: "#6c7086" },
+                              children: "index.html"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ a(
+                          "span",
+                          {
+                            className: "text-xs font-mono",
+                            style: { color: "#6c7086" },
+                            children: m != null && m.content ? `${m.content.split(`
+`).length} 行 · ${m.content.length} 字符` : "空"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ a(
+                    "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: "// 暂无内容" })
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__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: [
+              "创建于",
+              " ",
+              De(m.createdAt).format("YYYY/MM/DD HH:mm")
+            ] }),
+            (m == null ? void 0 : m.updatedAt) && /* @__PURE__ */ l("span", { children: [
+              "更新于",
+              " ",
+              De(m.updatedAt).format("YYYY/MM/DD HH:mm")
+            ] })
+          ] }),
+          /* @__PURE__ */ l(
+            "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,
+              children: [
+                /* @__PURE__ */ a(qt, { size: 12 }),
+                "编辑"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+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
+};