@yuku123/z-graph-component 0.0.0-stage → 0.1.0

package/dist/pages.js

@@ -0,0 +1,2176 @@
+import { j as e, a as W, s as Y, f as ae, G as be, I as Ne } from "./GraphApp-C6N6khIq.js";
+import { c as ft } from "./GraphApp-C6N6khIq.js";
+import { UserOutlined as Se, LockOutlined as ve, HomeOutlined as Te, DashboardOutlined as Ee, PartitionOutlined as Ce, BranchesOutlined as Ae, HistoryOutlined as we, CodeOutlined as ke, DatabaseOutlined as Ie, ProfileOutlined as Le, FileTextOutlined as Re } from "@ant-design/icons";
+import { useState as N, useEffect as $, useRef as te, useCallback as K, useMemo as X } from "react";
+import { Typography as Oe, Card as re, Space as oe, Tag as Me, Row as De, Col as He, Form as Z, Input as le, Button as Pe, message as ie } from "antd";
+import { useNavigate as ze } from "react-router-dom";
+function We(s) {
+  const [a, o] = N({
+    status: "unknown",
+    head: null,
+    nodeCount: 0,
+    edgeCount: 0,
+    error: null
+  }), [r, d] = N(null);
+  return $(() => {
+    let p = !1;
+    async function S() {
+      try {
+        const [x, l] = await Promise.all([
+          W.health(),
+          W.metrics().catch(() => null)
+        ]);
+        if (p) return;
+        o({
+          status: "up",
+          head: x.head,
+          nodeCount: x.nodeCount || 0,
+          edgeCount: x.edgeCount || 0,
+          error: null
+        }), d(l || null);
+      } catch (x) {
+        if (p) return;
+        o({ status: "down", head: null, nodeCount: 0, edgeCount: 0, error: x.message }), d(null);
+      }
+    }
+    S();
+    const f = setInterval(S, 5e3);
+    return () => {
+      p = !0, clearInterval(f);
+    };
+  }, [s]), { server: a, metrics: r };
+}
+function F(s) {
+  return function() {
+    const { server: o, metrics: r } = We();
+    return /* @__PURE__ */ e.jsx(s, { server: o, metrics: r });
+  };
+}
+function Ge({ server: s }) {
+  const [a, o] = N([]), [r, d] = N([]), [p, S] = N(null), [f, x] = N(!0), [l, C] = N(null), [j, v] = N([]), A = te(null);
+  $(() => {
+    let t = !1;
+    async function m() {
+      try {
+        x(!0);
+        const [i, c, b] = await Promise.all([
+          W.branches().catch(() => []),
+          W.commits().catch(() => []),
+          W.schema().catch(() => null)
+        ]);
+        o(Array.isArray(i) ? i : []), d(Array.isArray(c) ? c : []), S(b), C(null);
+      } catch (i) {
+        C(i.message);
+      } finally {
+        x(!1);
+      }
+    }
+    m();
+  }, [s.head]), $(() => {
+    let t = !1;
+    async function m() {
+      try {
+        const c = await W.metrics().catch(() => null);
+        if (t || !c) return;
+        const b = Date.now();
+        let E = 0;
+        if (A.current) {
+          const T = (b - A.current.ts) / 1e3;
+          T > 0 && (E = Math.round((c.totalRequests - A.current.total) / T * 10) / 10);
+        }
+        A.current = { ts: b, total: c.totalRequests }, v((T) => {
+          var y;
+          return [...T, { ts: b, rps: E, requests: c.totalRequests, errors: c.errorResponses, memory: ((y = c.jvmMemory) == null ? void 0 : y.usedBytes) || 0 }].slice(-60);
+        });
+      } catch {
+      }
+    }
+    m();
+    const i = setInterval(m, 5e3);
+    return () => {
+      t = !0, clearInterval(i);
+    };
+  }, []);
+  const k = r.slice(-5).reverse(), g = (p == null ? void 0 : p.tags) || [], h = (p == null ? void 0 : p.edges) || [], n = (p == null ? void 0 : p.indexes) || [];
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "kpi-grid", children: [
+      /* @__PURE__ */ e.jsx(Q, { label: "节点数", value: s.nodeCount, icon: "N", color: "#60a5fa" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "边数", value: s.edgeCount, icon: "E", color: "#34d399" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "分支数", value: a.length, icon: "B", color: "#a78bfa" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "总提交", value: r.length, icon: "C", color: "#fbbf24" })
+    ] }),
+    j.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "实时指标" }),
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 16 }, children: [
+        /* @__PURE__ */ e.jsx(
+          ce,
+          {
+            data: j,
+            dataKey: "rps",
+            title: "请求速率 (req/s)",
+            color: "#60a5fa",
+            unit: "req/s"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          ce,
+          {
+            data: j,
+            dataKey: "memory",
+            title: "JVM 内存",
+            color: "#a78bfa",
+            unit: "MB",
+            format: (t) => Math.round(t / 1024 / 1024)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "row-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+        /* @__PURE__ */ e.jsx("h2", { children: "Schema 概览" }),
+        f && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
+        !f && g.length === 0 && h.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "暂无 Schema,请先 CREATE TAG / CREATE EDGE" }),
+        g.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs("h3", { style: { marginTop: 12 }, children: [
+            "TAG (",
+            g.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: g.map((t, m) => /* @__PURE__ */ e.jsx("span", { className: "chip tag-chip", children: t.Name || t.name || JSON.stringify(t) }, m)) })
+        ] }),
+        h.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs("h3", { style: { marginTop: 12 }, children: [
+            "EDGE (",
+            h.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: h.map((t, m) => /* @__PURE__ */ e.jsx("span", { className: "chip edge-chip", children: t.Name || t.name || JSON.stringify(t) }, m)) })
+        ] }),
+        n.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs("h3", { style: { marginTop: 12 }, children: [
+            "INDEX (",
+            n.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ e.jsxs("table", { children: [
+            /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+              /* @__PURE__ */ e.jsx("th", { children: "名称" }),
+              /* @__PURE__ */ e.jsx("th", { children: "类型" }),
+              /* @__PURE__ */ e.jsx("th", { children: "标签" })
+            ] }) }),
+            /* @__PURE__ */ e.jsx("tbody", { children: n.map((t, m) => /* @__PURE__ */ e.jsxs("tr", { children: [
+              /* @__PURE__ */ e.jsx("td", { className: "mono", children: t.Name || t.name || "-" }),
+              /* @__PURE__ */ e.jsx("td", { children: t.Type || t.type || "-" }),
+              /* @__PURE__ */ e.jsx("td", { children: t.Label || t.label || "-" })
+            ] }, m)) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+        /* @__PURE__ */ e.jsx("h2", { children: "快捷操作" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "action-grid", children: [
+          /* @__PURE__ */ e.jsx(
+            ee,
+            {
+              title: "创建节点",
+              desc: "CREATE (n:Person {name:'Tom'})",
+              color: "#60a5fa"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            ee,
+            {
+              title: "查询数据",
+              desc: "MATCH (n) RETURN n LIMIT 10",
+              color: "#34d399"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            ee,
+            {
+              title: "Schema 管理",
+              desc: "CREATE TAG / CREATE EDGE",
+              color: "#a78bfa"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            ee,
+            {
+              title: "版本管理",
+              desc: "CALL db.branches() / commits",
+              color: "#fbbf24"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "最近提交" }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "error", children: l }),
+      !f && k.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "还没有任何 commit" }),
+      !f && k.length > 0 && /* @__PURE__ */ e.jsxs("table", { children: [
+        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+          /* @__PURE__ */ e.jsx("th", { children: "Commit" }),
+          /* @__PURE__ */ e.jsx("th", { children: "分支" }),
+          /* @__PURE__ */ e.jsx("th", { children: "作者" }),
+          /* @__PURE__ */ e.jsx("th", { children: "说明" }),
+          /* @__PURE__ */ e.jsx("th", { children: "节点" }),
+          /* @__PURE__ */ e.jsx("th", { children: "边" }),
+          /* @__PURE__ */ e.jsx("th", { children: "时间" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("tbody", { children: k.map((t) => /* @__PURE__ */ e.jsxs("tr", { children: [
+          /* @__PURE__ */ e.jsx("td", { className: "mono", children: Y(t.id, 10) }),
+          /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: "tag", children: t.branch }) }),
+          /* @__PURE__ */ e.jsx("td", { children: t.author }),
+          /* @__PURE__ */ e.jsx("td", { children: t.message }),
+          /* @__PURE__ */ e.jsx("td", { children: t.nodeCount }),
+          /* @__PURE__ */ e.jsx("td", { children: t.edgeCount }),
+          /* @__PURE__ */ e.jsx("td", { children: ae(t.timestamp) })
+        ] }, t.id)) })
+      ] })
+    ] })
+  ] });
+}
+function Q({ label: s, value: a, icon: o, color: r }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "kpi", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "kpi-icon", style: { background: r + "20", color: r }, children: o }),
+    /* @__PURE__ */ e.jsxs("div", { className: "kpi-content", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "kpi-value", children: a ?? "-" }),
+      /* @__PURE__ */ e.jsx("div", { className: "kpi-label", children: s })
+    ] })
+  ] });
+}
+function ee({ title: s, desc: a, color: o }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "action-card", style: { borderTopColor: o }, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "action-title", children: s }),
+    /* @__PURE__ */ e.jsx("div", { className: "action-desc mono", children: a })
+  ] });
+}
+function ce({ data: s, dataKey: a, title: o, color: r, unit: d, format: p }) {
+  if (!s || s.length < 2) return null;
+  const S = 400, f = 120, x = 30, l = s.map((t) => p ? p(t[a]) : t[a]), C = Math.max(...l, 1), j = 0, v = C - j || 1, A = l.map((t, m) => {
+    const i = x + m / (l.length - 1) * (S - x * 2), c = f - x - (t - j) / v * (f - x * 2);
+    return { x: i, y: c, v: t };
+  }), k = A.map((t, m) => `${m === 0 ? "M" : "L"}${t.x},${t.y}`).join(" "), g = k + ` L${A[A.length - 1].x},${f - x} L${A[0].x},${f - x} Z`, h = l[l.length - 1], n = [0, 0.5, 1].map((t) => ({
+    value: Math.round(j + t * v),
+    y: f - x - t * (f - x * 2)
+  }));
+  return /* @__PURE__ */ e.jsxs("div", { className: "metrics-chart", children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 8 }, children: [
+      /* @__PURE__ */ e.jsx("span", { style: { fontSize: 13, color: "#94a3b8" }, children: o }),
+      /* @__PURE__ */ e.jsxs("span", { className: "mono", style: { fontSize: 18, fontWeight: 600, color: r }, children: [
+        h,
+        d ? " " + d : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("svg", { viewBox: `0 0 ${S} ${f}`, style: { width: "100%", height: f }, children: [
+      n.map((t, m) => /* @__PURE__ */ e.jsxs("g", { children: [
+        /* @__PURE__ */ e.jsx("line", { x1: x, y1: t.y, x2: S - x, y2: t.y, stroke: "#1e293b", strokeWidth: "1" }),
+        /* @__PURE__ */ e.jsx("text", { x: x - 4, y: t.y + 4, textAnchor: "end", fontSize: "9", fill: "#475569", children: t.value })
+      ] }, m)),
+      /* @__PURE__ */ e.jsx("path", { d: g, fill: r, fillOpacity: "0.1" }),
+      /* @__PURE__ */ e.jsx("path", { d: k, fill: "none", stroke: r, strokeWidth: "2", strokeLinejoin: "round" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: A[A.length - 1].x, cy: A[A.length - 1].y, r: "3", fill: r })
+    ] })
+  ] });
+}
+const de = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4", "#ec4899", "#84cc16"], B = 24;
+function qe({ server: s }) {
+  const [a, o] = N(null), [r, d] = N(!1), [p, S] = N(null), [f, x] = N(null), [l, C] = N(null), j = te(null), [v, A] = N({ width: 800, height: 500 });
+  $(() => {
+    var c;
+    const i = (c = j.current) == null ? void 0 : c.parentElement;
+    if (i) {
+      const b = new ResizeObserver((E) => {
+        for (const T of E)
+          A({ width: T.contentRect.width, height: Math.max(400, T.contentRect.height) });
+      });
+      return b.observe(i), () => b.disconnect();
+    }
+  }, []);
+  const k = K(async () => {
+    d(!0), S(null);
+    try {
+      const c = (await W.query("MATCH (n) RETURN n", "main") || []).map((E, T) => {
+        const w = E.n || E, y = typeof w == "string" ? V(w) : w;
+        return { id: y._id ?? T, label: y._label || "Node", props: y, x: 0, y: 0 };
+      });
+      let b = [];
+      try {
+        const E = await W.query("SHOW EDGES", "main"), T = Array.isArray(E) ? E : [];
+        for (const w of T) {
+          const y = w.Name || w.name || "";
+          if (y)
+            try {
+              const L = await W.query(`MATCH (a)-[r:${y}]->(b) RETURN a, r, b`, "main");
+              for (const R of L || []) {
+                const O = typeof R.a == "string" ? V(R.a) : R.a, z = typeof R.b == "string" ? V(R.b) : R.b, D = typeof R.r == "string" ? $e(R.r) : R.r;
+                b.push({
+                  source: O._id,
+                  target: z._id,
+                  type: y,
+                  props: D
+                });
+              }
+            } catch {
+            }
+        }
+        if (T.length === 0 && c.length > 0)
+          for (const w of ["KNOWS", "WORKS_AT", "LIKES", "FOLLOWS"])
+            try {
+              const y = await W.query(`MATCH (a)-[r:${w}]->(b) RETURN a, r, b`, "main");
+              if (Array.isArray(y) && y.length > 0)
+                for (const L of y) {
+                  const R = typeof L.a == "string" ? V(L.a) : L.a, O = typeof L.b == "string" ? V(L.b) : L.b;
+                  b.push({ source: R._id, target: O._id, type: w, props: {} });
+                }
+            } catch {
+            }
+      } catch {
+      }
+      o({ nodes: c, edges: b });
+    } catch (i) {
+      S(i.message);
+    } finally {
+      d(!1);
+    }
+  }, []);
+  $(() => {
+    k();
+  }, [s.head]), $(() => {
+    if (!a || a.nodes.length === 0) {
+      C(null);
+      return;
+    }
+    const i = a.nodes.map((T, w) => ({
+      ...T,
+      x: v.width / 2 + (Math.random() - 0.5) * 200,
+      y: v.height / 2 + (Math.random() - 0.5) * 200,
+      vx: 0,
+      vy: 0
+    })), c = a.edges.map((T) => ({
+      ...T,
+      sourceIdx: i.findIndex((w) => w.id === T.source),
+      targetIdx: i.findIndex((w) => w.id === T.target)
+    })).filter((T) => T.sourceIdx >= 0 && T.targetIdx >= 0), b = v.width / 2, E = v.height / 2;
+    for (let T = 0; T < 120; T++) {
+      const w = 1 - T / 120;
+      for (let y = 0; y < i.length; y++)
+        for (let L = y + 1; L < i.length; L++) {
+          let R = i[L].x - i[y].x, O = i[L].y - i[y].y, z = Math.sqrt(R * R + O * O) || 1, D = 800 * w / z;
+          i[y].vx -= R / z * D, i[y].vy -= O / z * D, i[L].vx += R / z * D, i[L].vy += O / z * D;
+        }
+      for (const y of c) {
+        const L = i[y.sourceIdx], R = i[y.targetIdx];
+        let O = R.x - L.x, z = R.y - L.y, D = Math.sqrt(O * O + z * z) || 1, G = (D - 120) * 0.05 * w;
+        L.vx += O / D * G, L.vy += z / D * G, R.vx -= O / D * G, R.vy -= z / D * G;
+      }
+      for (const y of i)
+        y.vx += (b - y.x) * 0.01 * w, y.vy += (E - y.y) * 0.01 * w;
+      for (const y of i)
+        y.vx *= 0.6, y.vy *= 0.6, y.x += y.vx, y.y += y.vy, y.x = Math.max(B, Math.min(v.width - B, y.x)), y.y = Math.max(B, Math.min(v.height - B, y.y));
+    }
+    C({ nodes: i, edges: c });
+  }, [a, v]);
+  const g = {};
+  let h = 0;
+  function n(i) {
+    return g[i] || (g[i] = de[h++ % de.length]), g[i];
+  }
+  function t(i, c) {
+    const b = n(i.label), E = f === c, T = (l == null ? void 0 : l.edges.filter((y) => y.sourceIdx === c || y.targetIdx === c)) || [], w = f !== null && !E && !T.some((y) => y.sourceIdx === f || y.targetIdx === f);
+    return /* @__PURE__ */ e.jsxs(
+      "g",
+      {
+        transform: `translate(${i.x},${i.y})`,
+        style: { cursor: "pointer", opacity: w ? 0.25 : 1 },
+        onClick: () => x(E ? null : c),
+        children: [
+          /* @__PURE__ */ e.jsx("circle", { r: B, fill: b, stroke: E ? "#fff" : "#0f172a", strokeWidth: E ? 3 : 2 }),
+          /* @__PURE__ */ e.jsx("text", { textAnchor: "middle", dy: "0.35em", fill: "#fff", fontSize: "11", fontWeight: "600", style: { pointerEvents: "none" }, children: i.label.substring(0, 4) }),
+          /* @__PURE__ */ e.jsx("text", { textAnchor: "middle", dy: B + 14, fill: "#94a3b8", fontSize: "10", style: { pointerEvents: "none" }, children: i.props.name || i.props._id || c })
+        ]
+      },
+      c
+    );
+  }
+  function m(i, c) {
+    const b = l.nodes[i.sourceIdx], E = l.nodes[i.targetIdx];
+    if (!b || !E) return null;
+    const T = E.x - b.x, w = E.y - b.y, y = Math.sqrt(T * T + w * w) || 1, L = T / y, R = w / y, O = b.x + L * B, z = b.y + R * B, D = E.x - L * B, G = E.y - R * B, u = f !== null && (i.sourceIdx === f || i.targetIdx === f), P = f !== null && !u, I = 10, M = Math.atan2(G - z, D - O), H = D - I * Math.cos(M - 0.35), q = G - I * Math.sin(M - 0.35), se = D - I * Math.cos(M + 0.35), je = G - I * Math.sin(M + 0.35);
+    return /* @__PURE__ */ e.jsxs("g", { style: { opacity: P ? 0.15 : 1 }, children: [
+      /* @__PURE__ */ e.jsx("line", { x1: O, y1: z, x2: D, y2: G, stroke: u ? "#60a5fa" : "#475569", strokeWidth: u ? 2.5 : 1.5 }),
+      /* @__PURE__ */ e.jsx("polygon", { points: `${D},${G} ${H},${q} ${se},${je}`, fill: u ? "#60a5fa" : "#475569" }),
+      i.type && /* @__PURE__ */ e.jsx("text", { x: (O + D) / 2, y: (z + G) / 2 - 6, textAnchor: "middle", fill: "#64748b", fontSize: "9", style: { pointerEvents: "none" }, children: i.type })
+    ] }, c);
+  }
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+        /* @__PURE__ */ e.jsx("button", { className: "primary", onClick: k, disabled: r, children: r ? "加载中…" : "刷新图" }),
+        /* @__PURE__ */ e.jsx("span", { className: "muted", children: l ? `${l.nodes.length} 节点 · ${l.edges.length} 边` : "无数据" }),
+        f !== null && (l == null ? void 0 : l.nodes[f]) && /* @__PURE__ */ e.jsxs("span", { className: "tag", style: { marginLeft: 8 }, children: [
+          "选中: ",
+          l.nodes[f].label,
+          " (",
+          l.nodes[f].props.name || l.nodes[f].props._id,
+          ")"
+        ] })
+      ] }),
+      p && /* @__PURE__ */ e.jsx("div", { className: "error", style: { marginTop: 8 }, children: p })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", style: { padding: 0, overflow: "hidden" }, children: [
+      (!l || l.nodes.length === 0) && !r && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "暂无图数据。请先在 Cypher 查询页创建节点和边。" }),
+      /* @__PURE__ */ e.jsxs(
+        "svg",
+        {
+          ref: j,
+          width: "100%",
+          height: v.height,
+          style: { background: "#0f172a", display: l != null && l.nodes.length ? "block" : "none" },
+          children: [
+            /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx("pattern", { id: "grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "#1e293b", strokeWidth: "0.5" }) }) }),
+            /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: "url(#grid)" }),
+            /* @__PURE__ */ e.jsx("g", { children: l == null ? void 0 : l.edges.map((i, c) => m(i, c)) }),
+            /* @__PURE__ */ e.jsx("g", { children: l == null ? void 0 : l.nodes.map((i, c) => t(i, c)) })
+          ]
+        }
+      )
+    ] }),
+    l && l.nodes.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "图例" }),
+      /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: [...new Set(l.nodes.map((i) => i.label))].map((i) => /* @__PURE__ */ e.jsxs("span", { className: "chip", style: { borderColor: n(i), color: n(i) }, children: [
+        /* @__PURE__ */ e.jsx("span", { style: { width: 8, height: 8, borderRadius: "50%", background: n(i), display: "inline-block", marginRight: 4 } }),
+        i
+      ] }, i)) })
+    ] })
+  ] });
+}
+function V(s) {
+  const a = s.match(/\((\d+):/), o = s.match(/:\[(\w+)\]/), r = s.match(/\{(.+)\}/), d = { _id: a ? parseInt(a[1]) : 0, _label: o ? o[1] : "Node" };
+  return r && r[1].split(",").forEach((p) => {
+    const [S, f] = p.split("=").map((x) => x.trim());
+    S && f && (d[S] = isNaN(f) ? f.replace(/^'|'$/g, "") : Number(f));
+  }), d;
+}
+function $e(s) {
+  const a = s.match(/\}\s*\{(.*?)\}/) || s.match(/\{(.*)\}/), o = {};
+  return a && a[1] && a[1].split(",").forEach((r) => {
+    const [d, p] = r.split("=").map((S) => S.trim());
+    d && p && (o[d] = isNaN(p) ? p.replace(/^'|'$/g, "") : Number(p));
+  }), o;
+}
+function Ue({ server: s }) {
+  const [a, o] = N([]), [r, d] = N({}), [p, S] = N([]), [f, x] = N(!0), [l, C] = N(null);
+  $(() => {
+    let v = !1;
+    async function A() {
+      try {
+        x(!0);
+        const [k, g, h] = await Promise.all([
+          W.branches(),
+          W.commits(),
+          W.query("CALL db.branches()").catch(() => [])
+        ]), n = Array.isArray(k) ? k : k && k.Name ? [k.Name] : [];
+        o(n), S(Array.isArray(g) ? g : []);
+        const t = {};
+        (Array.isArray(h) ? h : []).forEach((m) => {
+          m && m.Name && (t[m.Name] = m);
+        }), d(t), C(null);
+      } catch (k) {
+        C(k.message);
+      } finally {
+        x(!1);
+      }
+    }
+    A();
+  }, [s.head]);
+  const j = p.reduce((v, A) => (v.has(A.branch) || v.set(A.branch, []), v.get(A.branch).push(A), v), /* @__PURE__ */ new Map());
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "分支总览" }),
+      /* @__PURE__ */ e.jsx("div", { className: "muted", children: "每个分支指向一个 commit head;切换分支不会丢历史。" }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
+      l && /* @__PURE__ */ e.jsx("div", { className: "error", children: l }),
+      !f && a.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "尚无分支" }),
+      !f && a.length > 0 && /* @__PURE__ */ e.jsxs("table", { children: [
+        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+          /* @__PURE__ */ e.jsx("th", { children: "分支" }),
+          /* @__PURE__ */ e.jsx("th", { children: "Head commit" }),
+          /* @__PURE__ */ e.jsx("th", { children: "提交数" }),
+          /* @__PURE__ */ e.jsx("th", { children: "节点" }),
+          /* @__PURE__ */ e.jsx("th", { children: "边" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("tbody", { children: a.map((v) => {
+          var g;
+          const A = (g = r[v]) == null ? void 0 : g.Head, k = p.find((h) => h.id === A);
+          return /* @__PURE__ */ e.jsxs("tr", { children: [
+            /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: "tag", children: v }) }),
+            /* @__PURE__ */ e.jsx("td", { className: "mono", children: Y(A, 12) || "-" }),
+            /* @__PURE__ */ e.jsx("td", { children: (j.get(v) || []).length }),
+            /* @__PURE__ */ e.jsx("td", { children: k ? k.nodeCount : "-" }),
+            /* @__PURE__ */ e.jsx("td", { children: k ? k.edgeCount : "-" })
+          ] }, v);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "操作提示" }),
+      /* @__PURE__ */ e.jsxs("ul", { className: "muted", style: { lineHeight: 1.8 }, children: [
+        /* @__PURE__ */ e.jsxs("li", { children: [
+          "在 Cypher 查询页执行 ",
+          /* @__PURE__ */ e.jsx("code", { className: "mono", children: "CALL db.branches()" }),
+          " / ",
+          /* @__PURE__ */ e.jsx("code", { className: "mono", children: "CALL db.commits()" }),
+          " 可以拿到结构化版本元数据。"
+        ] }),
+        /* @__PURE__ */ e.jsx("li", { children: "创建/合并/切换分支通过 Java API 或扩展控制面 endpoint(后续版本)。" }),
+        /* @__PURE__ */ e.jsxs("li", { children: [
+          'HEAD 提交 ID 可在"提交历史"页找到,搭配 ',
+          /* @__PURE__ */ e.jsx("code", { className: "mono", children: "?commit=<id>" }),
+          " 即可对历史快照做只读查询。"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const he = [
+  "#60a5fa",
+  // blue
+  "#34d399",
+  // green
+  "#fbbf24",
+  // amber
+  "#a78bfa",
+  // purple
+  "#f87171",
+  // red
+  "#67e8f9",
+  // cyan
+  "#fb923c",
+  // orange
+  "#f472b6"
+  // pink
+];
+function Be({ server: s }) {
+  const [a, o] = N([]), [r, d] = N(!0), [p, S] = N(null), [f, x] = N(""), [l, C] = N(""), [j, v] = N(null);
+  $(() => {
+    let g = !1;
+    async function h() {
+      try {
+        d(!0);
+        const n = await W.commits();
+        o(Array.isArray(n) ? n : []), S(null);
+      } catch (n) {
+        S(n.message);
+      } finally {
+        d(!1);
+      }
+    }
+    h();
+  }, [s.head]);
+  const A = X(
+    () => Array.from(new Set(a.map((g) => g.branch))),
+    [a]
+  ), k = X(
+    () => a.filter((g) => !f || g.branch === f).filter((g) => !l || (g.message || "").toLowerCase().includes(l.toLowerCase()) || (g.author || "").toLowerCase().includes(l.toLowerCase()) || (g.id || "").startsWith(l)),
+    [a, f, l]
+  );
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "toolbar", style: { marginBottom: 12 }, children: [
+        /* @__PURE__ */ e.jsxs("select", { value: f, onChange: (g) => x(g.target.value), children: [
+          /* @__PURE__ */ e.jsx("option", { value: "", children: "所有分支" }),
+          A.map((g) => /* @__PURE__ */ e.jsx("option", { value: g, children: g }, g))
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            placeholder: "搜索 commit message / author / id",
+            value: l,
+            onChange: (g) => C(g.target.value),
+            style: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ e.jsx("button", { onClick: () => {
+          x(""), C(""), v(null);
+        }, children: "清空" })
+      ] }),
+      r && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
+      p && /* @__PURE__ */ e.jsx("div", { className: "error-banner", children: p }),
+      !r && k.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "没有匹配的 commit" }),
+      !r && k.length > 0 && /* @__PURE__ */ e.jsx(
+        Fe,
+        {
+          commits: k,
+          branches: A,
+          selected: j,
+          onSelect: v
+        }
+      )
+    ] }),
+    j && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+        /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ e.jsxs("h2", { style: { margin: "0 0 8px" }, children: [
+            /* @__PURE__ */ e.jsx("span", { className: "mono", style: { color: _(A, j.branch) }, children: Y(j.id, 12) }),
+            " ",
+            "提交详情"
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ e.jsx("span", { className: "tag", style: { marginRight: 8 }, children: j.branch }),
+            /* @__PURE__ */ e.jsx("span", { className: "muted", children: ae(j.timestamp) })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 4 }, children: [
+            /* @__PURE__ */ e.jsx("strong", { children: "作者：" }),
+            " ",
+            j.author
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 4 }, children: [
+            /* @__PURE__ */ e.jsx("strong", { children: "说明：" }),
+            " ",
+            j.message
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 4 }, children: [
+            /* @__PURE__ */ e.jsx("strong", { children: "父节点：" }),
+            " ",
+            (j.parents || []).map((g, h) => /* @__PURE__ */ e.jsx("span", { className: "mono", style: { marginRight: 8 }, children: Y(g, 12) }, h)) || "-"
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ e.jsx("strong", { children: "变更：" }),
+            /* @__PURE__ */ e.jsxs("span", { className: "tag ok", style: { marginLeft: 4 }, children: [
+              j.nodeCount,
+              " 节点"
+            ] }),
+            /* @__PURE__ */ e.jsxs("span", { className: "tag alt", style: { marginLeft: 4 }, children: [
+              j.edgeCount,
+              " 边"
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ e.jsx("strong", { children: "完整 ID：" }),
+            /* @__PURE__ */ e.jsx("code", { className: "mono", style: { fontSize: 11, color: "#94a3b8", wordBreak: "break-all" }, children: j.id })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("button", { onClick: () => v(null), children: "✕" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 12 }, children: [
+        /* @__PURE__ */ e.jsx("strong", { children: "按此 commit 查询：" }),
+        /* @__PURE__ */ e.jsx("pre", { className: "results mono", style: { marginTop: 4, fontSize: 12 }, children: `GET /query?commit=${j.id}&cypher=MATCH%20(n)%20RETURN%20n%20LIMIT%2010
+-- 或者在 Cypher 查询页切到 "指定 commit" 模式` })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "如何按 commit 查询" }),
+      /* @__PURE__ */ e.jsx("pre", { className: "results", children: `GET /query?commit=<commitId>&cypher=MATCH%20(n)%20RETURN%20n%20LIMIT%2010
+-- 或者在 Cypher 查询页切到 "指定 commit" 模式` })
+    ] })
+  ] });
+}
+function _(s, a) {
+  const o = s.indexOf(a);
+  return he[o % he.length];
+}
+function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
+  const d = X(
+    () => [...s].sort((h, n) => (n.timestamp || 0) - (h.timestamp || 0)),
+    [s]
+  ), p = 130, S = 70, f = 7, x = 30, l = 50, C = 140, j = X(() => {
+    const h = /* @__PURE__ */ new Map(), n = [...a].sort((t, m) => t === "main" ? -1 : m === "main" ? 1 : a.indexOf(t) - a.indexOf(m));
+    return n.forEach((t, m) => h.set(t, m)), { lanes: h, totalLanes: n.length };
+  }, [a]), v = X(() => {
+    const h = /* @__PURE__ */ new Map();
+    return d.forEach((n, t) => {
+      const m = j.lanes.get(n.branch) || 0;
+      h.set(n.id, {
+        col: t,
+        x: x + t * p + p / 2,
+        y: l + m * S + S / 2,
+        lane: m,
+        branch: n.branch
+      });
+    }), h;
+  }, [d, j]), A = X(() => {
+    const h = [];
+    for (const n of d) {
+      const t = v.get(n.id);
+      if (!t) continue;
+      const m = n.parents || [];
+      m.forEach((i, c) => {
+        const b = v.get(i);
+        b && h.push({
+          from: t,
+          to: b,
+          color: _(a, n.branch),
+          isMainParent: c === 0,
+          isMerge: m.length > 1
+        });
+      });
+    }
+    return h;
+  }, [d, v, j, a]), k = x + d.length * p + C, g = l + j.totalLanes * S + 30;
+  return /* @__PURE__ */ e.jsxs("div", { className: "commit-flow-graph", style: { overflowX: "auto", overflowY: "hidden", padding: "12px 0" }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { minWidth: k, position: "relative" }, children: [
+      /* @__PURE__ */ e.jsxs(
+        "svg",
+        {
+          width: k,
+          height: g,
+          style: { position: "absolute", top: 0, left: 0 },
+          children: [
+            /* @__PURE__ */ e.jsxs("defs", { children: [
+              /* @__PURE__ */ e.jsx(
+                "marker",
+                {
+                  id: "arrowhead",
+                  markerWidth: "10",
+                  markerHeight: "10",
+                  refX: "8",
+                  refY: "3",
+                  orient: "auto",
+                  markerUnits: "strokeWidth",
+                  children: /* @__PURE__ */ e.jsx("path", { d: "M0,0 L0,6 L9,3 z", fill: "#475569" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "marker",
+                {
+                  id: "arrowhead-active",
+                  markerWidth: "10",
+                  markerHeight: "10",
+                  refX: "8",
+                  refY: "3",
+                  orient: "auto",
+                  markerUnits: "strokeWidth",
+                  children: /* @__PURE__ */ e.jsx("path", { d: "M0,0 L0,6 L9,3 z", fill: "#60a5fa" })
+                }
+              )
+            ] }),
+            [...j.lanes.entries()].map(([h, n]) => {
+              const t = l + n * S + S / 2;
+              return /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
+                "line",
+                {
+                  x1: x - 10,
+                  y1: t,
+                  x2: x + d.length * p + 10,
+                  y2: t,
+                  stroke: _(a, h),
+                  strokeWidth: 1.5,
+                  strokeDasharray: "6,4",
+                  opacity: 0.4
+                }
+              ) }, h);
+            }),
+            /* @__PURE__ */ e.jsx(
+              "line",
+              {
+                x1: x - 10,
+                y1: l - 20,
+                x2: x + d.length * p - 10,
+                y2: l - 20,
+                stroke: "#475569",
+                strokeWidth: 1,
+                markerEnd: "url(#arrowhead)"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: x - 5,
+                y: l - 25,
+                fontSize: 11,
+                fill: "#64748b",
+                children: "旧"
+              }
+            ),
+            A.map((h, n) => {
+              var P, I;
+              const { from: t, to: m, color: i, isMerge: c, isMainParent: b } = h, E = (o == null ? void 0 : o.id) === ((P = t.commit) == null ? void 0 : P.id) || (o == null ? void 0 : o.id) === ((I = m.commit) == null ? void 0 : I.id), T = t.x - f - 2, w = t.y, y = m.x + f + 2, L = m.y;
+              if (t.lane === m.lane)
+                return /* @__PURE__ */ e.jsx(
+                  "line",
+                  {
+                    x1: T,
+                    y1: w,
+                    x2: y,
+                    y2: L,
+                    stroke: E ? "#60a5fa" : i,
+                    strokeWidth: E ? 2.5 : 2,
+                    markerEnd: E ? "url(#arrowhead-active)" : "url(#arrowhead)"
+                  },
+                  n
+                );
+              const R = y - T, O = T + R * 0.3, z = w, D = y - R * 0.3, u = `M ${T},${w} C ${O},${z} ${D},${L} ${y},${L}`;
+              return /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: u,
+                  stroke: E ? "#60a5fa" : i,
+                  strokeWidth: E ? 2.5 : c && !b ? 1.5 : 2,
+                  strokeDasharray: c && !b ? "4,3" : "0",
+                  fill: "none",
+                  opacity: c && !b ? 0.6 : 1,
+                  markerEnd: E ? "url(#arrowhead-active)" : "url(#arrowhead)"
+                },
+                n
+              );
+            }),
+            d.map((h) => {
+              const n = v.get(h.id);
+              if (!n) return null;
+              const t = (h.parents || []).length > 1, m = (o == null ? void 0 : o.id) === h.id, i = _(a, h.branch), c = m ? f + 2 : f;
+              return t ? /* @__PURE__ */ e.jsxs("g", { children: [
+                /* @__PURE__ */ e.jsx(
+                  "polygon",
+                  {
+                    points: `${n.x},${n.y - c} ${n.x + c},${n.y} ${n.x},${n.y + c} ${n.x - c},${n.y}`,
+                    fill: i,
+                    stroke: m ? "#fff" : "#0b1220",
+                    strokeWidth: m ? 2 : 1.5,
+                    style: { cursor: "pointer" },
+                    onClick: () => r(m ? null : h)
+                  }
+                ),
+                m && /* @__PURE__ */ e.jsx(
+                  "circle",
+                  {
+                    cx: n.x,
+                    cy: n.y,
+                    r: c + 4,
+                    fill: "none",
+                    stroke: i,
+                    strokeWidth: 1,
+                    opacity: 0.5
+                  }
+                )
+              ] }, h.id) : /* @__PURE__ */ e.jsxs("g", { children: [
+                /* @__PURE__ */ e.jsx(
+                  "circle",
+                  {
+                    cx: n.x,
+                    cy: n.y,
+                    r: c,
+                    fill: i,
+                    stroke: m ? "#fff" : "#0b1220",
+                    strokeWidth: m ? 2 : 1.5,
+                    style: { cursor: "pointer" },
+                    onClick: () => r(m ? null : h)
+                  }
+                ),
+                m && /* @__PURE__ */ e.jsx(
+                  "circle",
+                  {
+                    cx: n.x,
+                    cy: n.y,
+                    r: c + 4,
+                    fill: "none",
+                    stroke: i,
+                    strokeWidth: 1,
+                    opacity: 0.5
+                  }
+                )
+              ] }, h.id);
+            }),
+            [...j.lanes.entries()].map(([h, n]) => {
+              const t = l + n * S + S / 2, m = x + d.length * p + 10, i = _(a, h), b = d.filter((E) => E.branch === h)[0];
+              return /* @__PURE__ */ e.jsxs("g", { children: [
+                /* @__PURE__ */ e.jsx(
+                  "line",
+                  {
+                    x1: m - 10,
+                    y1: t,
+                    x2: m + 10,
+                    y2: t,
+                    stroke: i,
+                    strokeWidth: 2
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "rect",
+                  {
+                    x: m + 12,
+                    y: t - 11,
+                    width: Math.max(60, h.length * 8 + 16),
+                    height: 22,
+                    rx: 4,
+                    fill: i + "20",
+                    stroke: i,
+                    strokeWidth: 1.5,
+                    style: { cursor: "pointer" },
+                    onClick: () => b && r(b)
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "text",
+                  {
+                    x: m + 22,
+                    y: t + 4,
+                    fontSize: 12,
+                    fill: i,
+                    fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
+                    fontWeight: 600,
+                    style: { cursor: "pointer" },
+                    onClick: () => b && r(b),
+                    children: h
+                  }
+                )
+              ] }, h);
+            }),
+            [...j.lanes.entries()].map(([h, n]) => {
+              const t = l + n * S + S / 2, m = _(a, h);
+              return /* @__PURE__ */ e.jsx(
+                "text",
+                {
+                  x: 5,
+                  y: t + 4,
+                  fontSize: 11,
+                  fill: m,
+                  fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
+                  children: h
+                },
+                `${h}-label`
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { style: { position: "relative", pointerEvents: "none" }, children: d.map((h, n) => {
+        const t = v.get(h.id);
+        if (!t) return null;
+        const m = (o == null ? void 0 : o.id) === h.id;
+        return /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            onClick: () => r(m ? null : h),
+            style: {
+              position: "absolute",
+              left: t.x - p / 2 + 12,
+              top: t.y - 26,
+              width: p - 14,
+              fontSize: 11,
+              color: m ? "#f8fafc" : "#cbd5e1",
+              pointerEvents: "auto",
+              cursor: "pointer",
+              textAlign: "left"
+            },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "mono",
+                  style: {
+                    fontSize: 10,
+                    color: _(a, h.branch),
+                    fontWeight: 600,
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  title: h.id,
+                  children: Y(h.id, 7)
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  style: {
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis"
+                  },
+                  title: h.message,
+                  children: h.message
+                }
+              ),
+              /* @__PURE__ */ e.jsx("div", { style: { fontSize: 9, color: "#64748b", whiteSpace: "nowrap" }, children: ae(h.timestamp) })
+            ]
+          },
+          h.id
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 16, display: "flex", flexWrap: "wrap", gap: 12, padding: "8px 0", borderTop: "1px solid #1e293b" }, children: [
+      a.map((h) => /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: 12 }, children: [
+        /* @__PURE__ */ e.jsx("span", { style: {
+          display: "inline-block",
+          width: 14,
+          height: 3,
+          background: _(a, h)
+        } }),
+        /* @__PURE__ */ e.jsx("span", { className: "mono", children: h }),
+        /* @__PURE__ */ e.jsxs("span", { className: "muted", children: [
+          "(",
+          d.filter((n) => n.branch === h).length,
+          " commits)"
+        ] })
+      ] }, h)),
+      /* @__PURE__ */ e.jsx("div", { style: { marginLeft: "auto", fontSize: 11, color: "#64748b" }, children: "💡 点击 commit 或分支标签查看详情 · 时间轴 ←" })
+    ] })
+  ] });
+}
+const _e = /* @__PURE__ */ new Set([
+  "MATCH",
+  "RETURN",
+  "CREATE",
+  "DELETE",
+  "DETACH",
+  "SET",
+  "MERGE",
+  "WHERE",
+  "AND",
+  "OR",
+  "NOT",
+  "IN",
+  "AS",
+  "ORDER",
+  "BY",
+  "ASC",
+  "DESC",
+  "LIMIT",
+  "SKIP",
+  "WITH",
+  "UNWIND",
+  "OPTIONAL",
+  "CALL",
+  "YIELD",
+  "SHOW",
+  "TAGS",
+  "EDGES",
+  "INDEXES",
+  "EXPLAIN",
+  "PROFILE",
+  "DISTINCT",
+  "COUNT",
+  "SUM",
+  "AVG",
+  "MIN",
+  "MAX",
+  "COLLECT",
+  "LENGTH",
+  "SIZE",
+  "TO_INT",
+  "TO_FLOAT",
+  "ToString",
+  "HAS",
+  "STARTS",
+  "ENDS",
+  "CONTAINS",
+  "IS",
+  "NULL",
+  "TRUE",
+  "FALSE",
+  "CASE",
+  "WHEN",
+  "THEN",
+  "ELSE",
+  "END",
+  "FOREACH",
+  "REMOVE",
+  "ADD",
+  "DROP",
+  "REBUILD",
+  "ALTER",
+  "IF",
+  "NOT",
+  "EXISTS"
+]), me = /* @__PURE__ */ new Set([
+  "db.version",
+  "db.branches",
+  "db.commits",
+  "db.head",
+  "db.stats",
+  "db.tags",
+  "db.edges",
+  "db.indexes"
+]), Ke = [
+  // 关键字
+  { text: "MATCH", desc: "模式匹配", category: "keyword" },
+  { text: "RETURN", desc: "返回结果", category: "keyword" },
+  { text: "CREATE", desc: "创建节点/边", category: "keyword" },
+  { text: "DELETE", desc: "删除节点/边", category: "keyword" },
+  { text: "DETACH DELETE", desc: "删除节点及关联边", category: "keyword" },
+  { text: "MERGE", desc: "查找或创建", category: "keyword" },
+  { text: "WHERE", desc: "过滤条件", category: "keyword" },
+  { text: "SET", desc: "设置属性", category: "keyword" },
+  { text: "ORDER BY", desc: "排序", category: "keyword" },
+  { text: "LIMIT", desc: "限制数量", category: "keyword" },
+  { text: "SKIP", desc: "跳过记录", category: "keyword" },
+  { text: "WITH", desc: "传递中间结果", category: "keyword" },
+  { text: "OPTIONAL MATCH", desc: "可选匹配", category: "keyword" },
+  { text: "UNWIND", desc: "展开列表", category: "keyword" },
+  { text: "DISTINCT", desc: "去重", category: "keyword" },
+  { text: "AS", desc: "别名", category: "keyword" },
+  { text: "AND", desc: "逻辑与", category: "keyword" },
+  { text: "OR", desc: "逻辑或", category: "keyword" },
+  { text: "NOT", desc: "逻辑非", category: "keyword" },
+  { text: "IS NULL", desc: "判空", category: "keyword" },
+  { text: "IS NOT NULL", desc: "非空判断", category: "keyword" },
+  { text: "EXISTS", desc: "存在性检查", category: "keyword" },
+  { text: "CONTAINS", desc: "包含匹配", category: "keyword" },
+  { text: "STARTS WITH", desc: "前缀匹配", category: "keyword" },
+  { text: "ENDS WITH", desc: "后缀匹配", category: "keyword" },
+  // 内置过程
+  { text: "CALL db.version()", desc: "数据库版本", category: "builtin" },
+  { text: "CALL db.branches()", desc: "分支列表", category: "builtin" },
+  { text: "CALL db.commits()", desc: "提交历史", category: "builtin" },
+  { text: "CALL db.stats()", desc: "统计信息", category: "builtin" },
+  { text: "CALL db.tags()", desc: "标签列表", category: "builtin" },
+  { text: "CALL db.edges()", desc: "边类型列表", category: "builtin" },
+  { text: "CALL db.indexes()", desc: "索引列表", category: "builtin" },
+  { text: "CALL db.head('main')", desc: "当前 head", category: "builtin" },
+  { text: "SHOW TAGS", desc: "显示所有标签", category: "builtin" },
+  { text: "SHOW EDGES", desc: "显示所有边类型", category: "builtin" },
+  { text: "SHOW INDEXES", desc: "显示所有索引", category: "builtin" },
+  // 聚合函数
+  { text: "count(*)", desc: "计数", category: "function" },
+  { text: "count(n)", desc: "节点计数", category: "function" },
+  { text: "sum(n.age)", desc: "求和", category: "function" },
+  { text: "avg(n.age)", desc: "平均值", category: "function" },
+  { text: "min(n.age)", desc: "最小值", category: "function" },
+  { text: "max(n.age)", desc: "最大值", category: "function" },
+  { text: "collect(n.name)", desc: "收集为列表", category: "function" },
+  // 常用模式
+  { text: "MATCH (n) RETURN n LIMIT 10", desc: "查询所有节点", category: "pattern" },
+  { text: "MATCH (n:Person) RETURN n", desc: "按标签查询", category: "pattern" },
+  { text: "MATCH (n:Person {name: 'Alice'}) RETURN n", desc: "按属性查询", category: "pattern" },
+  { text: "MATCH (a)-[r]->(b) RETURN a, r, b LIMIT 10", desc: "查询关系", category: "pattern" },
+  { text: "CREATE (n:Person {name: 'Alice', age: 30})", desc: "创建节点", category: "pattern" },
+  { text: "CREATE (a)-[:KNOWS]->(b)", desc: "创建关系", category: "pattern" },
+  { text: "MERGE (n:Person {name: 'Alice'})", desc: " Upsert 节点", category: "pattern" },
+  // DDL
+  { text: "CREATE TAG Person (name STRING, age INT)", desc: "创建标签", category: "ddl" },
+  { text: "CREATE EDGE KNOWS ()", desc: "创建边类型", category: "ddl" },
+  { text: "CREATE TAG INDEX idx_name ON Person(name)", desc: "创建索引", category: "ddl" }
+], pe = {
+  keyword: "#c084fc",
+  builtin: "#67e8f9",
+  function: "#93c5fd",
+  pattern: "#86efac",
+  ddl: "#fbbf24"
+};
+function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
+  const d = te(null), p = te(null), [S, f] = N([]), [x, l] = N(0), [C, j] = N(!1), [v, A] = N({ top: 0, left: 0 }), k = K(() => {
+    d.current && p.current && (d.current.scrollTop = p.current.scrollTop, d.current.scrollLeft = p.current.scrollLeft);
+  }, []);
+  function g(c, b) {
+    const T = c.substring(0, b).match(/[a-zA-Z_*.]+$/);
+    return T ? T[0] : "";
+  }
+  function h(c, b) {
+    const T = c.value.substring(0, b).split(`
+`), w = T.length - 1, y = T[T.length - 1].length;
+    return {
+      top: (w + 1) * 22 - c.scrollTop + 4,
+      left: Math.min(y * 7.8 + 10, c.clientWidth - 200)
+    };
+  }
+  const n = K((c) => {
+    const b = c.target.value;
+    a(b);
+    const E = c.target.selectionStart, T = g(b, E);
+    if (T.length >= 1) {
+      const w = Ke.filter(
+        (y) => y.text.toLowerCase().startsWith(T.toLowerCase()) || y.desc.includes(T)
+      ).slice(0, 12);
+      w.length > 0 ? (f(w), l(0), j(!0), A(h(c.target, E))) : j(!1);
+    } else
+      j(!1);
+  }, [a]), t = K((c) => {
+    if (C && S.length > 0) {
+      if (c.key === "ArrowDown") {
+        c.preventDefault(), l((b) => (b + 1) % S.length);
+        return;
+      }
+      if (c.key === "ArrowUp") {
+        c.preventDefault(), l((b) => (b - 1 + S.length) % S.length);
+        return;
+      }
+      if (c.key === "Tab" || c.key === "Enter") {
+        c.preventDefault(), m(S[x]);
+        return;
+      }
+      if (c.key === "Escape") {
+        j(!1);
+        return;
+      }
+    }
+    o && o(c);
+  }, [C, S, x, o]);
+  function m(c) {
+    const b = p.current;
+    if (!b) return;
+    const E = b.selectionStart, T = b.value, w = g(T, E), y = T.substring(0, E - w.length), L = T.substring(E), R = y + c.text + L;
+    a(R), j(!1), setTimeout(() => {
+      const O = E - w.length + c.text.length;
+      b.setSelectionRange(O, O), b.focus();
+    }, 0);
+  }
+  $(() => {
+    if (!C) return;
+    function c(b) {
+      p.current && !p.current.contains(b.target) && j(!1);
+    }
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, [C]);
+  const i = Xe(s || "");
+  return /* @__PURE__ */ e.jsxs("div", { className: "cypher-editor-wrap", style: { position: "relative" }, children: [
+    /* @__PURE__ */ e.jsx(
+      "pre",
+      {
+        ref: d,
+        className: "cypher-editor-highlight",
+        "aria-hidden": "true",
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          margin: 0,
+          padding: "8px 10px",
+          border: "1px solid #334155",
+          borderRadius: 6,
+          background: "#1e293b",
+          color: "#e2e8f0",
+          fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
+          fontSize: 13,
+          lineHeight: 1.5,
+          overflow: "auto",
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-all",
+          pointerEvents: "none",
+          zIndex: 1
+        },
+        dangerouslySetInnerHTML: { __html: i }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "textarea",
+      {
+        ref: p,
+        value: s,
+        onChange: n,
+        onScroll: k,
+        onKeyDown: t,
+        spellCheck: !1,
+        rows: r,
+        placeholder: "MATCH (n:Person) RETURN n LIMIT 10",
+        style: {
+          width: "100%",
+          marginTop: 12,
+          background: "transparent",
+          color: "transparent",
+          caretColor: "#e2e8f0",
+          border: "1px solid #334155",
+          borderRadius: 6,
+          padding: "8px 10px",
+          fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
+          fontSize: 13,
+          lineHeight: 1.5,
+          resize: "vertical",
+          position: "relative",
+          zIndex: 2
+        }
+      }
+    ),
+    C && S.length > 0 && /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "cypher-autocomplete",
+        style: {
+          position: "absolute",
+          top: v.top,
+          left: v.left,
+          zIndex: 100,
+          background: "#1e293b",
+          border: "1px solid #334155",
+          borderRadius: 6,
+          boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
+          maxHeight: 240,
+          overflowY: "auto",
+          minWidth: 260
+        },
+        children: [
+          S.map((c, b) => /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: `autocomplete-item ${b === x ? "selected" : ""}`,
+              style: {
+                padding: "6px 10px",
+                cursor: "pointer",
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                background: b === x ? "#334155" : "transparent",
+                borderBottom: b < S.length - 1 ? "1px solid #1e293b" : "none"
+              },
+              onMouseEnter: () => l(b),
+              onMouseDown: (E) => {
+                E.preventDefault(), m(c);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { style: {
+                  fontSize: 10,
+                  fontWeight: 600,
+                  padding: "1px 4px",
+                  borderRadius: 3,
+                  background: pe[c.category] + "20",
+                  color: pe[c.category],
+                  minWidth: 48,
+                  textAlign: "center"
+                }, children: c.category }),
+                /* @__PURE__ */ e.jsx("span", { className: "mono", style: { fontSize: 12, color: "#e2e8f0", flex: 1 }, children: c.text }),
+                /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#64748b", whiteSpace: "nowrap" }, children: c.desc })
+              ]
+            },
+            b
+          )),
+          /* @__PURE__ */ e.jsx("div", { style: { padding: "4px 10px", fontSize: 10, color: "#475569", borderTop: "1px solid #334155" }, children: "Tab/Enter 选择 · ↑↓ 导航 · Esc 关闭" })
+        ]
+      }
+    )
+  ] });
+}
+function Xe(s) {
+  const a = [];
+  let o = 0;
+  for (; o < s.length; ) {
+    if (s[o] === "-" && s[o + 1] === "-") {
+      const r = s.indexOf(`
+`, o), d = r === -1 ? s.substring(o) : s.substring(o, r);
+      a.push(`<span class="hl-comment">${U(d)}</span>`), o = r === -1 ? s.length : r;
+      continue;
+    }
+    if (s[o] === "'") {
+      let r = o + 1;
+      for (; r < s.length && s[r] !== "'"; )
+        s[r] === "\\" && r++, r++;
+      r = Math.min(r + 1, s.length), a.push(`<span class="hl-string">${U(s.substring(o, r))}</span>`), o = r;
+      continue;
+    }
+    if (s[o] === '"') {
+      let r = o + 1;
+      for (; r < s.length && s[r] !== '"'; )
+        s[r] === "\\" && r++, r++;
+      r = Math.min(r + 1, s.length), a.push(`<span class="hl-string">${U(s.substring(o, r))}</span>`), o = r;
+      continue;
+    }
+    if (/[0-9]/.test(s[o]) && (o === 0 || /[\s,({\-:[=<>!]/.test(s[o - 1]))) {
+      let r = o;
+      for (; r < s.length && /[0-9.]/.test(s[r]); ) r++;
+      a.push(`<span class="hl-number">${U(s.substring(o, r))}</span>`), o = r;
+      continue;
+    }
+    if (/[a-zA-Z_]/.test(s[o])) {
+      let r = o;
+      for (; r < s.length && /[a-zA-Z0-9_]/.test(s[r]); ) r++;
+      const d = s.substring(o, r), p = d.toUpperCase();
+      _e.has(p) ? a.push(`<span class="hl-keyword">${U(d)}</span>`) : me.has(p) || me.has(d.toLowerCase()) ? a.push(`<span class="hl-builtin">${U(d)}</span>`) : r < s.length && s[r] === "(" ? a.push(`<span class="hl-function">${U(d)}</span>`) : p === "ASC" || p === "DESC" ? a.push(`<span class="hl-keyword">${U(d)}</span>`) : a.push(U(d)), o = r;
+      continue;
+    }
+    if ("-><-[]{}(),:.;=<>!+".includes(s[o])) {
+      a.push(`<span class="hl-op">${U(s[o])}</span>`), o++;
+      continue;
+    }
+    a.push(U(s[o])), o++;
+  }
+  return a.join("");
+}
+function U(s) {
+  return s === "&" ? "&amp;" : s === "<" ? "&lt;" : s === ">" ? "&gt;" : s === '"' ? "&quot;" : s;
+}
+const ne = {
+  节点与边: `CREATE (a:Person {name: 'Alice', age: 30}),
+       (b:Person {name: 'Bob', age: 25}),
+       (c:Person {name: 'Carol', age: 28}),
+       (a)-[:KNOWS]->(b),
+       (b)-[:KNOWS]->(c)`,
+  "查询所有 Person": "MATCH (n:Person) RETURN n.name AS name, n.age AS age ORDER BY n.age DESC",
+  变长路径: "MATCH (a:Person {name: 'Alice'})-[:KNOWS*1..3]->(b:Person) RETURN b.name AS friend",
+  反向关系: "MATCH (b:Person)<-[:KNOWS]-(a:Person) RETURN a.name AS friendOf, b.name AS who",
+  聚合分组: "MATCH (n:Person) RETURN n.age AS age, count(n) AS total ORDER BY age",
+  "CALL db.version": "CALL db.version()",
+  "CALL db.branches": "CALL db.branches()",
+  "CALL db.commits": "CALL db.commits() LIMIT 10",
+  "CALL db.head": "CALL db.head('main')",
+  "SHOW TAGS": "SHOW TAGS",
+  "SHOW EDGES": "SHOW EDGES",
+  "SHOW STATS": "CALL db.stats()",
+  EXPLAIN: "EXPLAIN MATCH (n:Person) WHERE n.age > 20 RETURN n"
+};
+function Ve({ server: s }) {
+  const [a, o] = N(ne.节点与边), [r, d] = N("main"), [p, S] = N(""), [f, x] = N([]), [l, C] = N([]), [j, v] = N("branch"), [A, k] = N(!1), [g, h] = N(null), [n, t] = N(null), [m, i] = N(null), [c, b] = N(() => {
+    try {
+      return JSON.parse(localStorage.getItem("z-graph-history") || "[]");
+    } catch {
+      return [];
+    }
+  }), [E, T] = N(!1);
+  $(() => {
+    let u = !1;
+    async function P() {
+      try {
+        const [I, M] = await Promise.all([W.branches(), W.commits()]), H = Array.isArray(I) ? I : I && I.Name ? [I.Name] : [], q = Array.isArray(M) ? M : [];
+        x(H), C(q), H.length && !H.find((se) => se === r) && d(H[0]);
+      } catch {
+      }
+    }
+    P();
+  }, [s.head]);
+  function w(u, P) {
+    const I = { cypher: u.substring(0, 200), time: Date.now(), elapsed: P, branch: r }, M = [I, ...c.filter((H) => H.cypher !== I.cypher)].slice(0, 50);
+    b(M);
+    try {
+      localStorage.setItem("z-graph-history", JSON.stringify(M));
+    } catch {
+    }
+  }
+  const y = K(async () => {
+    if (!a.trim()) return;
+    k(!0), t(null), h(null), i(null);
+    const u = performance.now();
+    try {
+      const P = await W.query(
+        a,
+        j === "branch" ? r : null,
+        j === "commit" ? p : null
+      ), I = Math.round(performance.now() - u) + "ms";
+      h(P), i(I), w(a, I);
+    } catch (P) {
+      t(P.message), w(a, "error");
+    } finally {
+      k(!1);
+    }
+  }, [a, r, p, j]);
+  function L(u) {
+    o(ne[u]);
+  }
+  function R(u) {
+    o(u.cypher), u.branch && d(u.branch), T(!1);
+  }
+  function O(u) {
+    if (u == null) return /* @__PURE__ */ e.jsx("div", { className: "empty", children: "无返回" });
+    if (typeof u == "string") return /* @__PURE__ */ e.jsx("pre", { children: u });
+    if (Array.isArray(u)) {
+      if (u.length === 0) return /* @__PURE__ */ e.jsx("div", { className: "empty", children: "0 行结果" });
+      const P = Array.from(u.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set()));
+      return /* @__PURE__ */ e.jsxs("table", { children: [
+        /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: P.map((I) => /* @__PURE__ */ e.jsx("th", { children: I }, I)) }) }),
+        /* @__PURE__ */ e.jsx("tbody", { children: u.map((I, M) => /* @__PURE__ */ e.jsx("tr", { children: P.map((H) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: Ye(I[H]) }, H)) }, M)) })
+      ] });
+    }
+    return /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(u, null, 2) });
+  }
+  function z() {
+    if (!g || !Array.isArray(g) || g.length === 0) return;
+    const u = Array.from(g.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set())), P = [u.join(",")];
+    for (const I of g)
+      P.push(u.map((M) => {
+        const H = I[M];
+        if (H == null) return "";
+        const q = typeof H == "object" ? JSON.stringify(H) : String(H);
+        return q.includes(",") || q.includes('"') || q.includes(`
+`) ? '"' + q.replace(/"/g, '""') + '"' : q;
+      }).join(","));
+    G(P.join(`
+`), "z-graph-query.csv", "text/csv;charset=utf-8");
+  }
+  function D() {
+    if (!g) return;
+    const u = JSON.stringify(g, null, 2);
+    G(u, "z-graph-query.json", "application/json;charset=utf-8");
+  }
+  function G(u, P, I) {
+    const M = new Blob([u], { type: I }), H = URL.createObjectURL(M), q = document.createElement("a");
+    q.href = H, q.download = P, document.body.appendChild(q), q.click(), document.body.removeChild(q), URL.revokeObjectURL(H);
+  }
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+        /* @__PURE__ */ e.jsx("button", { className: "primary", disabled: A || !a.trim(), onClick: y, children: A ? "执行中…" : "执行" }),
+        /* @__PURE__ */ e.jsx("button", { onClick: () => o(""), disabled: A, children: "清空" }),
+        /* @__PURE__ */ e.jsxs("select", { onChange: (u) => L(u.target.value), value: "", children: [
+          /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: "载入示例…" }),
+          Object.keys(ne).map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u))
+        ] }),
+        /* @__PURE__ */ e.jsxs("button", { onClick: () => T(!E), disabled: A, children: [
+          "历史 (",
+          c.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ e.jsxs("div", { className: "tabs", style: { margin: 0, borderBottom: "none" }, children: [
+          /* @__PURE__ */ e.jsx("button", { className: j === "branch" ? "active" : "", onClick: () => v("branch"), children: "分支 head" }),
+          /* @__PURE__ */ e.jsx("button", { className: j === "commit" ? "active" : "", onClick: () => v("commit"), children: "指定 commit" })
+        ] })
+      ] }),
+      E && /* @__PURE__ */ e.jsxs("div", { className: "history-panel", children: [
+        c.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "暂无历史" }),
+        c.slice(0, 20).map((u, P) => /* @__PURE__ */ e.jsxs("div", { className: "history-item", onClick: () => R(u), children: [
+          /* @__PURE__ */ e.jsxs("span", { className: "history-cypher mono", children: [
+            u.cypher.substring(0, 80),
+            u.cypher.length > 80 ? "…" : ""
+          ] }),
+          /* @__PURE__ */ e.jsxs("span", { className: "history-meta", children: [
+            u.elapsed && /* @__PURE__ */ e.jsx("span", { className: "tag ok", children: u.elapsed }),
+            /* @__PURE__ */ e.jsx("span", { className: "muted", children: new Date(u.time).toLocaleTimeString() })
+          ] })
+        ] }, P))
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12 }, children: j === "branch" ? /* @__PURE__ */ e.jsx("select", { value: r, onChange: (u) => d(u.target.value), children: f.map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u)) }) : /* @__PURE__ */ e.jsxs("select", { value: p, onChange: (u) => S(u.target.value), children: [
+        /* @__PURE__ */ e.jsx("option", { value: "", children: "选择一个 commit" }),
+        l.slice().reverse().map((u) => /* @__PURE__ */ e.jsxs("option", { value: u.id, children: [
+          u.id.substring(0, 12),
+          " · ",
+          u.branch,
+          " · ",
+          u.message
+        ] }, u.id))
+      ] }) }),
+      /* @__PURE__ */ e.jsx(
+        Je,
+        {
+          value: a,
+          onChange: o,
+          onKeyDown: (u) => {
+            (u.ctrlKey || u.metaKey) && u.key === "Enter" && (u.preventDefault(), y());
+          },
+          rows: 10
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "help", children: "支持 ; 分隔多语句; Ctrl+Enter 快捷执行;写查询在 main 上产生新 commit。" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ e.jsxs("h2", { style: { margin: 0 }, children: [
+          "结果",
+          m && /* @__PURE__ */ e.jsx("span", { className: "tag ok", style: { marginLeft: 8, fontSize: 11 }, children: m }),
+          g && Array.isArray(g) && /* @__PURE__ */ e.jsxs("span", { className: "muted", style: { marginLeft: 8, fontSize: 13 }, children: [
+            g.length,
+            " 行"
+          ] })
+        ] }),
+        g && Array.isArray(g) && g.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+          /* @__PURE__ */ e.jsx("button", { onClick: z, children: "📥 CSV" }),
+          /* @__PURE__ */ e.jsx("button", { onClick: D, children: "📥 JSON" })
+        ] })
+      ] }),
+      n && /* @__PURE__ */ e.jsx("div", { className: "results", children: /* @__PURE__ */ e.jsx("pre", { className: "error", children: n }) }),
+      !n && !g && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "尚未执行" }),
+      !n && g && /* @__PURE__ */ e.jsx("div", { className: "results", children: O(g) })
+    ] })
+  ] });
+}
+function Ye(s) {
+  return s == null ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
+}
+const ue = [
+  { label: "创建 TAG", cypher: "CREATE TAG IF NOT EXISTS Person (name string, age int)", category: "DDL" },
+  { label: "创建 TAG (Company)", cypher: "CREATE TAG IF NOT EXISTS Company (name string, founded int)", category: "DDL" },
+  { label: "创建 EDGE", cypher: "CREATE EDGE IF NOT EXISTS KNOWS (since int)", category: "DDL" },
+  { label: "创建 EDGE (WORKS_AT)", cypher: "CREATE EDGE IF NOT EXISTS WORKS_AT (role string)", category: "DDL" },
+  { label: "创建索引", cypher: "CREATE TAG INDEX IF NOT EXISTS idx_person_name ON Person(name)", category: "DDL" },
+  { label: "添加属性", cypher: "ALTER TAG Person ADD (email string)", category: "DDL" },
+  { label: "创建节点", cypher: "CREATE (n:Person {name: 'Alice', age: 30})", category: "写入" },
+  { label: "批量创建", cypher: `CREATE (a:Person {name: 'Alice', age: 30}),
+(b:Person {name: 'Bob', age: 25}),
+(a)-[:KNOWS {since: 2020}]->(b)`, category: "写入" },
+  { label: "查询所有节点", cypher: "MATCH (n) RETURN labels(n) AS labels, n.name AS name LIMIT 50", category: "查询" },
+  { label: "变长路径", cypher: `MATCH (a:Person)-[:KNOWS*1..3]->(b:Person)
+RETURN a.name AS from, b.name AS to LIMIT 100`, category: "查询" },
+  { label: "聚合统计", cypher: `MATCH (n:Person)
+RETURN n.age AS age, count(n) AS count ORDER BY age`, category: "查询" },
+  { label: "OPTIONAL MATCH", cypher: `MATCH (a:Person)-[r?:KNOWS]->(b:Person)
+RETURN a.name AS from, b.name AS to`, category: "查询" }
+];
+function Ze({ server: s }) {
+  const [a, o] = N("TAGS"), [r, d] = N([]), [p, S] = N(!1), [f, x] = N(null), [l, C] = N(null), [j, v] = N(null), [A, k] = N(!1), g = K(async () => {
+    S(!0), x(null);
+    try {
+      const t = await W.query(xe(a), "main", null);
+      d(Array.isArray(t) ? t : []);
+    } catch (t) {
+      x(t.message), d([]);
+    } finally {
+      S(!1);
+    }
+  }, [a]);
+  $(() => {
+    g();
+  }, [a, s.head]);
+  async function h(t) {
+    k(!0), v(null), C(null);
+    try {
+      const m = await W.query(t);
+      C(m), setTimeout(g, 500);
+    } catch (m) {
+      v(m.message);
+    } finally {
+      k(!1);
+    }
+  }
+  const n = [...new Set(ue.map((t) => t.category))];
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "DDL 快捷操作" }),
+      /* @__PURE__ */ e.jsx("div", { className: "muted", style: { marginBottom: 12 }, children: "点击按钮直接执行 DDL 语句,写入操作会在 main 分支产生新 commit。" }),
+      n.map((t) => /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h3", { style: { marginTop: 12, marginBottom: 6 }, children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: ue.filter((m) => m.category === t).map((m, i) => /* @__PURE__ */ e.jsx("button", { className: "chip ddl-chip", onClick: () => h(m.cypher), disabled: A, children: m.label }, i)) })
+      ] }, t)),
+      A && /* @__PURE__ */ e.jsx("div", { className: "muted", style: { marginTop: 8 }, children: "执行中…" }),
+      j && /* @__PURE__ */ e.jsx("pre", { className: "error", style: { marginTop: 8 }, children: j }),
+      l && /* @__PURE__ */ e.jsx("pre", { className: "results", style: { marginTop: 8 }, children: JSON.stringify(l, null, 2) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+        ["TAGS", "EDGES", "INDEXES"].map((t) => /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            className: a === t ? "primary" : "",
+            onClick: () => o(t),
+            children: [
+              "SHOW ",
+              t
+            ]
+          },
+          t
+        )),
+        /* @__PURE__ */ e.jsx("button", { onClick: g, disabled: p, children: p ? "刷新中…" : "刷新" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "muted", style: { marginTop: 8 }, children: [
+        "执行:",
+        xe(a)
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      f && /* @__PURE__ */ e.jsx("div", { className: "error", children: f }),
+      !f && r.length === 0 && /* @__PURE__ */ e.jsxs("div", { className: "empty", children: [
+        "尚无 ",
+        a.toLowerCase()
+      ] }),
+      !f && r.length > 0 && /* @__PURE__ */ e.jsx(Qe, { rows: r })
+    ] })
+  ] });
+}
+function xe(s) {
+  return s === "TAGS" ? "SHOW TAGS" : s === "EDGES" ? "SHOW EDGES" : "SHOW INDEXES";
+}
+function Qe({ rows: s }) {
+  const a = Array.from(s.reduce((o, r) => (Object.keys(r || {}).forEach((d) => o.add(d)), o), /* @__PURE__ */ new Set()));
+  return /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: a.map((o) => /* @__PURE__ */ e.jsx("th", { children: o }, o)) }) }),
+    /* @__PURE__ */ e.jsx("tbody", { children: s.map((o, r) => /* @__PURE__ */ e.jsx("tr", { children: a.map((d) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: et(o[d]) }, d)) }, r)) })
+  ] });
+}
+function et(s) {
+  return s == null ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
+}
+const tt = {
+  GET: "#86efac",
+  POST: "#93c5fd",
+  OPTIONS: "#94a3b8"
+};
+function st() {
+  var g, h;
+  const [s, a] = N(null), [o, r] = N(!0), [d, p] = N(null), [S, f] = N(!0), [x, l] = N({ method: "", status: "", path: "", requestId: "" }), [C, j] = N(null), v = K(async () => {
+    try {
+      const n = {};
+      x.method && (n.method = x.method), x.status && (n.status = x.status), x.path && (n.path = x.path), x.requestId && (n.requestId = x.requestId), n.limit = 200;
+      const t = await W.logs(n);
+      a(t), p(null);
+    } catch (n) {
+      p(n.message);
+    } finally {
+      r(!1);
+    }
+  }, [x]);
+  $(() => {
+    if (v(), !S) return;
+    const n = setInterval(v, 3e3);
+    return () => clearInterval(n);
+  }, [v, S]);
+  function A(n) {
+    if (!n) return "";
+    const t = new Date(n);
+    return t.toLocaleTimeString("zh-CN", { hour12: !1 }) + "." + String(t.getMilliseconds()).padStart(3, "0");
+  }
+  function k(n) {
+    return n >= 500 ? "log-status-error" : n >= 400 ? "log-status-warn" : "log-status-ok";
+  }
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "card", children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { children: "请求日志" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "muted", children: [
+          "环形缓冲区最近 ",
+          (s == null ? void 0 : s.bufferSize) || 500,
+          " 条请求记录，自动刷新。"
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: S ? "primary" : "",
+            onClick: () => f(!S),
+            children: S ? "⏸ 暂停" : "▶ 自动刷新"
+          }
+        ),
+        /* @__PURE__ */ e.jsx("button", { onClick: v, children: "🔄 刷新" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "card", children: /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
+      /* @__PURE__ */ e.jsxs("select", { value: x.method, onChange: (n) => l((t) => ({ ...t, method: n.target.value })), children: [
+        /* @__PURE__ */ e.jsx("option", { value: "", children: "全部方法" }),
+        /* @__PURE__ */ e.jsx("option", { value: "GET", children: "GET" }),
+        /* @__PURE__ */ e.jsx("option", { value: "POST", children: "POST" }),
+        /* @__PURE__ */ e.jsx("option", { value: "OPTIONS", children: "OPTIONS" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("select", { value: x.status, onChange: (n) => l((t) => ({ ...t, status: n.target.value })), children: [
+        /* @__PURE__ */ e.jsx("option", { value: "", children: "全部状态" }),
+        /* @__PURE__ */ e.jsx("option", { value: "2xx", children: "2xx 成功" }),
+        /* @__PURE__ */ e.jsx("option", { value: "4xx", children: "4xx 客户端错误" }),
+        /* @__PURE__ */ e.jsx("option", { value: "5xx", children: "5xx 服务器错误" }),
+        /* @__PURE__ */ e.jsx("option", { value: "200", children: "200" }),
+        /* @__PURE__ */ e.jsx("option", { value: "400", children: "400" }),
+        /* @__PURE__ */ e.jsx("option", { value: "401", children: "401" }),
+        /* @__PURE__ */ e.jsx("option", { value: "429", children: "429" }),
+        /* @__PURE__ */ e.jsx("option", { value: "500", children: "500" })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          placeholder: "路径过滤…",
+          value: x.path,
+          onChange: (n) => l((t) => ({ ...t, path: n.target.value })),
+          style: { width: 200 }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          placeholder: "Request ID…",
+          value: x.requestId,
+          onChange: (n) => l((t) => ({ ...t, requestId: n.target.value })),
+          style: { width: 160 }
+        }
+      ),
+      s && /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 12, color: "#64748b" }, children: [
+        "共 ",
+        s.total,
+        " 条记录，显示 ",
+        ((g = s.entries) == null ? void 0 : g.length) || 0,
+        " 条"
+      ] })
+    ] }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "card", children: /* @__PURE__ */ e.jsx("div", { className: "empty", children: "加载中…" }) }),
+    d && /* @__PURE__ */ e.jsxs("div", { className: "error-banner", children: [
+      "加载失败: ",
+      d
+    ] }),
+    s && s.entries && /* @__PURE__ */ e.jsx("div", { className: "card", style: { padding: 0, overflow: "hidden" }, children: /* @__PURE__ */ e.jsx("div", { className: "log-table-wrap", children: /* @__PURE__ */ e.jsxs("table", { className: "log-table", children: [
+      /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { style: { width: 110 }, children: "时间" }),
+        /* @__PURE__ */ e.jsx("th", { style: { width: 90 }, children: "Request ID" }),
+        /* @__PURE__ */ e.jsx("th", { style: { width: 50 }, children: "方法" }),
+        /* @__PURE__ */ e.jsx("th", { style: { width: 45 }, children: "状态" }),
+        /* @__PURE__ */ e.jsx("th", { children: "路径" }),
+        /* @__PURE__ */ e.jsx("th", { style: { width: 60 }, children: "耗时" }),
+        /* @__PURE__ */ e.jsx("th", { style: { width: 100 }, children: "客户端" })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("tbody", { children: [
+        s.entries.map((n, t) => /* @__PURE__ */ e.jsxs(
+          "tr",
+          {
+            className: `log-row ${C === t ? "selected" : ""}`,
+            onClick: () => j(C === t ? null : t),
+            children: [
+              /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 11, color: "#64748b" }, children: A(n.timestamp) }),
+              /* @__PURE__ */ e.jsx(
+                "td",
+                {
+                  className: "mono",
+                  style: { fontSize: 10, color: "#64748b", cursor: "pointer" },
+                  title: n.requestId,
+                  onClick: (m) => {
+                    m.stopPropagation(), l((i) => ({ ...i, requestId: n.requestId }));
+                  },
+                  children: n.requestId ? n.requestId.substring(0, 12) + "…" : "-"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(
+                "span",
+                {
+                  className: "log-method",
+                  style: { color: tt[n.method] || "#94a3b8" },
+                  children: n.method
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: `log-status ${k(n.status)}`, children: n.status }) }),
+              /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 12, color: "#e2e8f0", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: n.path }),
+              /* @__PURE__ */ e.jsxs("td", { className: "mono", style: { fontSize: 12, color: n.elapsedMs > 100 ? "#fbbf24" : "#94a3b8" }, children: [
+                n.elapsedMs,
+                "ms"
+              ] }),
+              /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 11, color: "#64748b" }, children: n.clientIp })
+            ]
+          },
+          t
+        )),
+        s.entries.length === 0 && /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: 7, style: { textAlign: "center", padding: 30, color: "#64748b" }, children: "暂无日志记录" }) })
+      ] })
+    ] }) }) }),
+    C !== null && ((h = s == null ? void 0 : s.entries) == null ? void 0 : h[C]) && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h3", { style: { margin: "0 0 8px", fontSize: 14, color: "#94a3b8" }, children: "请求详情" }),
+      /* @__PURE__ */ e.jsx("pre", { className: "results", style: { fontSize: 12, maxHeight: 200 }, children: JSON.stringify(s.entries[C], null, 2) })
+    ] })
+  ] });
+}
+const ge = [
+  {
+    method: "GET",
+    path: "/health",
+    name: "健康检查",
+    desc: "返回服务状态、当前 head、节点数和边数。",
+    params: [],
+    response: "{ status, head, nodeCount, edgeCount }"
+  },
+  {
+    method: "POST",
+    path: "/query",
+    name: "执行 Cypher",
+    desc: "执行单条 Cypher 查询。写查询会在分支上产生新 commit。",
+    params: [
+      { name: "cypher", type: "string", required: !0, example: "MATCH (n) RETURN n LIMIT 10" },
+      { name: "branch", type: "string", required: !1, example: "main" },
+      { name: "commit", type: "string", required: !1, example: "" }
+    ],
+    response: "[{ ... }, ...]"
+  },
+  {
+    method: "POST",
+    path: "/query/batch",
+    name: "批量查询",
+    desc: "一次执行多条 Cypher 语句，返回每条的结果和总耗时。",
+    params: [
+      { name: "statements", type: "array", required: !0, example: '[{"cypher":"MATCH (n) RETURN n"}]' }
+    ],
+    response: "{ results: [...], elapsedMs: 123 }"
+  },
+  {
+    method: "POST",
+    path: "/query/explain",
+    name: "查询计划",
+    desc: "返回查询的执行计划（不实际执行写操作），包括操作步骤和复杂度估算。",
+    params: [
+      { name: "cypher", type: "string", required: !0, example: "MATCH (n:Person) WHERE n.age > 20 RETURN n" },
+      { name: "branch", type: "string", required: !1, example: "main" }
+    ],
+    response: "{ plan: { queryType, steps, estimatedComplexity }, cypher, branch }"
+  },
+  {
+    method: "GET",
+    path: "/meta/branches",
+    name: "分支列表",
+    desc: "返回所有分支的名称和当前 head。",
+    params: [],
+    response: '[{ Name: "main", Head: "..." }]'
+  },
+  {
+    method: "GET",
+    path: "/meta/commits",
+    name: "提交历史",
+    desc: "返回所有 commit 的完整历史。",
+    params: [],
+    response: "[{ id, parents, branch, author, message, timestamp, nodeCount, edgeCount }]"
+  },
+  {
+    method: "GET",
+    path: "/meta/schema",
+    name: "Schema 信息",
+    desc: "返回当前分支的 TAG、EDGE 和 INDEX 定义。",
+    params: [
+      { name: "branch", type: "string", required: !1, example: "main" }
+    ],
+    response: "{ branch, tags, edges, indexes }"
+  },
+  {
+    method: "GET",
+    path: "/meta/stats",
+    name: "统计摘要",
+    desc: "返回节点数、边数和 db.stats() 信息。",
+    params: [
+      { name: "branch", type: "string", required: !1, example: "main" }
+    ],
+    response: "{ branch, head, nodeCount, edgeCount, stats }"
+  },
+  {
+    method: "GET",
+    path: "/meta/metrics",
+    name: "运行指标",
+    desc: "返回服务运行指标：请求数、错误率、JVM 内存、运行时间等。",
+    params: [],
+    response: "{ uptimeMs, totalRequests, errorResponses, errorRate, jvmMemory, ... }"
+  },
+  {
+    method: "GET",
+    path: "/meta/logs",
+    name: "请求日志",
+    desc: "返回最近的请求日志（环形缓冲区，最多 500 条），支持过滤。",
+    params: [
+      { name: "limit", type: "number", required: !1, example: "100" },
+      { name: "offset", type: "number", required: !1, example: "0" },
+      { name: "method", type: "string", required: !1, example: "GET" },
+      { name: "status", type: "string", required: !1, example: "4xx" },
+      { name: "path", type: "string", required: !1, example: "/query" }
+    ],
+    response: "{ total, bufferSize, offset, limit, entries: [{ timestamp, method, path, status, elapsedMs, clientIp }] }"
+  },
+  {
+    method: "GET",
+    path: "/meta/export",
+    name: "导出图数据",
+    desc: "导出当前分支的完整图数据（节点 + 边 + schema）。",
+    params: [
+      { name: "branch", type: "string", required: !1, example: "main" }
+    ],
+    response: "{ version, branch, head, schema, nodes, edges, exportedAt }"
+  },
+  {
+    method: "POST",
+    path: "/meta/import",
+    name: "导入节点",
+    desc: "通过 JSON 数组导入节点数据。",
+    params: [
+      { name: "nodes", type: "array", required: !0, example: '[{"label":"Person","name":"Alice","age":30}]' },
+      { name: "branch", type: "string", required: !1, example: "main" }
+    ],
+    response: "{ imported, branch, elapsedMs }"
+  }
+];
+function nt() {
+  const [s, a] = N(null), [o, r] = N(null), [d, p] = N(!1), [S, f] = N(null);
+  async function x(l) {
+    p(!0), r(null), f(null);
+    try {
+      let C;
+      if (l.method === "GET")
+        C = await fe(`http://${ye()}${l.path}`);
+      else {
+        const j = {};
+        for (const v of l.params)
+          v.example && (j[v.name] = v.example);
+        C = await fe(`http://${ye()}${l.path}`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(j)
+        });
+      }
+      r(C);
+    } catch (C) {
+      f(C.message);
+    } finally {
+      p(!1);
+    }
+  }
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "API 文档" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "muted", children: [
+        "z-graph HTTP 控制面共 ",
+        ge.length,
+        " 个端点。点击端点展开详情并可交互测试。"
+      ] })
+    ] }),
+    ge.map((l, C) => /* @__PURE__ */ e.jsxs("div", { className: "card api-endpoint-card", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-header", onClick: () => a(s === C ? null : C), children: [
+        /* @__PURE__ */ e.jsx("span", { className: `api-method ${l.method.toLowerCase()}`, children: l.method }),
+        /* @__PURE__ */ e.jsx("code", { className: "api-path", children: l.path }),
+        /* @__PURE__ */ e.jsx("span", { className: "api-name", children: l.name }),
+        /* @__PURE__ */ e.jsx("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ e.jsx("span", { className: "api-expand", children: s === C ? "▲" : "▼" })
+      ] }),
+      s === C && /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-detail", children: [
+        /* @__PURE__ */ e.jsx("p", { children: l.desc }),
+        l.params.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx("h3", { children: "参数" }),
+          /* @__PURE__ */ e.jsxs("table", { children: [
+            /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+              /* @__PURE__ */ e.jsx("th", { children: "名称" }),
+              /* @__PURE__ */ e.jsx("th", { children: "类型" }),
+              /* @__PURE__ */ e.jsx("th", { children: "必填" }),
+              /* @__PURE__ */ e.jsx("th", { children: "示例" })
+            ] }) }),
+            /* @__PURE__ */ e.jsx("tbody", { children: l.params.map((j, v) => /* @__PURE__ */ e.jsxs("tr", { children: [
+              /* @__PURE__ */ e.jsx("td", { className: "mono", children: j.name }),
+              /* @__PURE__ */ e.jsx("td", { children: j.type }),
+              /* @__PURE__ */ e.jsx("td", { children: j.required ? /* @__PURE__ */ e.jsx("span", { className: "tag ok", children: "必填" }) : "可选" }),
+              /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 11, color: "#94a3b8" }, children: j.example || "-" })
+            ] }, v)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx("h3", { children: "返回值" }),
+        /* @__PURE__ */ e.jsx("pre", { style: { fontSize: 12, color: "#86efac" }, children: l.response }),
+        /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ e.jsx("button", { className: "primary", onClick: () => x(l), disabled: d, children: d ? "测试中…" : "交互测试" }) }),
+        o && /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 8 }, children: [
+          /* @__PURE__ */ e.jsx("h3", { children: "响应" }),
+          /* @__PURE__ */ e.jsx("pre", { className: "results", style: { fontSize: 11, maxHeight: 300 }, children: typeof o == "string" ? o : JSON.stringify(o, null, 2) })
+        ] }),
+        S && /* @__PURE__ */ e.jsx("div", { className: "error", style: { marginTop: 8 }, children: S })
+      ] })
+    ] }, C))
+  ] });
+}
+function ye() {
+  const s = typeof window < "u" && window.__Z_GRAPH_API__ || "/api";
+  return s === "/api" ? window.location.host : s.replace(/^https?:\/\//, "");
+}
+async function fe(s, a = {}) {
+  const r = await (await fetch(s, {
+    headers: { Accept: "application/json", ...a.headers || {} },
+    ...a
+  })).text();
+  if (!r) return null;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return r;
+  }
+}
+const { Title: rt, Paragraph: at } = Oe;
+function ot() {
+  const s = ze(), [a, o] = N(null);
+  $(() => {
+    const d = localStorage.getItem("userInfo");
+    if (d)
+      try {
+        o(JSON.parse(d));
+      } catch {
+        o({ name: d });
+      }
+  }, []);
+  const r = lt.filter((d) => d.key !== "/z-graph/home");
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(re, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(oe, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
+      /* @__PURE__ */ e.jsxs(rt, { level: 3, style: { color: "#fff", margin: 0 }, children: [
+        "欢迎",
+        a != null && a.name ? `，${a.name}` : ""
+      ] }),
+      /* @__PURE__ */ e.jsx(at, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-graph 图存储控制台 管理台" }),
+      (a == null ? void 0 : a.role) && /* @__PURE__ */ e.jsx(Me, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: a.role })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(De, { gutter: [16, 16], children: r.map((d) => /* @__PURE__ */ e.jsx(He, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(re, { hoverable: !0, onClick: () => s(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(oe, { align: "start", size: 12, children: [
+      /* @__PURE__ */ e.jsx("div", { style: {
+        width: 44,
+        height: 44,
+        borderRadius: 8,
+        flexShrink: 0,
+        background: "rgba(124,58,237,0.08)",
+        color: "#7c3aed",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: 20
+      }, children: d.icon }),
+      /* @__PURE__ */ e.jsxs("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "#0f172a" }, children: d.label }),
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, color: "#94a3b8", marginTop: 2 }, children: d.key })
+      ] })
+    ] }) }) }, d.key)) })
+  ] });
+}
+const J = { username: "admin", password: "123456", user: { name: "admin", role: "管理员" } };
+function pt() {
+  const [s, a] = N(!1), o = async (r) => {
+    a(!0);
+    try {
+      r.username === J.username && r.password === J.password ? (localStorage.setItem("token", "mock-" + J.username), localStorage.setItem("userInfo", JSON.stringify(J.user)), ie.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-graph/home") : ie.error("用户名或密码错误（默认 admin/123456）");
+    } finally {
+      a(!1);
+    }
+  };
+  return /* @__PURE__ */ e.jsx("div", { style: {
+    height: "100vh",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    background: "linear-gradient(135deg, #eef2ff 0%, #f5f3ff 50%, #eff6ff 100%)"
+  }, children: /* @__PURE__ */ e.jsxs(re, { style: { width: 400, boxShadow: "0 10px 40px rgba(124,58,237,0.12)" }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "center", marginBottom: 20 }, children: [
+      /* @__PURE__ */ e.jsx("div", { style: {
+        width: 48,
+        height: 48,
+        borderRadius: 12,
+        margin: "0 auto 12px",
+        background: "linear-gradient(135deg, #7c3aed, #6d28d9)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#fff",
+        fontSize: 24,
+        fontWeight: 700
+      }, children: "z" }),
+      /* @__PURE__ */ e.jsx("div", { style: { fontSize: 18, fontWeight: 600, color: "#0f172a" }, children: "z-graph 管理台" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(Z, { onFinish: o, size: "large", children: [
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(le, { prefix: /* @__PURE__ */ e.jsx(Se, {}), placeholder: "用户名" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(le.Password, { prefix: /* @__PURE__ */ e.jsx(ve, {}), placeholder: "密码" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { style: { marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(
+        Pe,
+        {
+          type: "primary",
+          htmlType: "submit",
+          loading: s,
+          block: !0,
+          style: { background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" },
+          children: "登 录"
+        }
+      ) }),
+      /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "center", color: "#94a3b8", fontSize: 12 }, children: [
+        "Mock 模式：用户名 ",
+        /* @__PURE__ */ e.jsx("b", { children: J.username }),
+        " / 密码 ",
+        /* @__PURE__ */ e.jsx("b", { children: J.password })
+      ] })
+    ] })
+  ] }) });
+}
+const ut = { title: "z-graph 图存储控制台", short: "z-graph" }, lt = [
+  { key: "/z-graph/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Te, {}) },
+  { key: "/z-graph/dashboard", label: "总览", icon: /* @__PURE__ */ e.jsx(Ee, {}) },
+  { key: "/z-graph/graph", label: "图视图", icon: /* @__PURE__ */ e.jsx(Ce, {}) },
+  { key: "/z-graph/branches", label: "分支", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
+  { key: "/z-graph/commits", label: "提交历史", icon: /* @__PURE__ */ e.jsx(we, {}) },
+  { key: "/z-graph/query", label: "Cypher 查询", icon: /* @__PURE__ */ e.jsx(ke, {}) },
+  { key: "/z-graph/schema", label: "Schema", icon: /* @__PURE__ */ e.jsx(Ie, {}) },
+  { key: "/z-graph/logs", label: "请求日志", icon: /* @__PURE__ */ e.jsx(Le, {}) },
+  { key: "/z-graph/api-docs", label: "API 文档", icon: /* @__PURE__ */ e.jsx(Re, {}) }
+], xt = [
+  { path: "/z-graph/home", Component: ot },
+  { path: "/z-graph/dashboard", Component: F(Ge) },
+  { path: "/z-graph/graph", Component: F(qe) },
+  { path: "/z-graph/branches", Component: F(Ue) },
+  { path: "/z-graph/commits", Component: F(Be) },
+  { path: "/z-graph/query", Component: F(Ve) },
+  { path: "/z-graph/schema", Component: F(Ze) },
+  { path: "/z-graph/logs", Component: F(st) },
+  { path: "/z-graph/api-docs", Component: F(nt) },
+  { path: "/z-graph/instance", Component: F(Ne) },
+  // catchall 放最后 —— 否则 `:rest*` 会先于具体路由匹配,导致 /z-graph/query
+  // 全部跳进 GraphApp 的内层 /schema 路由(URL 变成 /z-graph/query/schema)。
+  { path: "/z-graph/:rest*", Component: be }
+];
+export {
+  ot as HomePage,
+  pt as LoginPage,
+  W as api,
+  ut as appMeta,
+  ft as configureGraph,
+  lt as menuItems,
+  xt as routes,
+  We as useGraphServer,
+  F as withGraphServer
+};